Home Web Front-end PS Tutorial Photoshop绘制逼真的苹果手机详细教程

Photoshop绘制逼真的苹果手机详细教程

Jun 01, 2016 pm 02:31 PM
cell phone apple

本教程Photoshop主要使用图层样式和圆角矩形绘制逼真的苹果手机教程,教程不算太难,喜欢的朋友可以一起来学习

Photoshop绘制逼真的苹果手机详细教程

  第1步:
  打开Photoshop,Ctrl+N新建文件。

Photoshop绘制逼真的苹果手机详细教程

  第2步:
  利用圆角矩形工具创建出iPhone的轮廓。这里我使用的圆角为50px。

Photoshop绘制逼真的苹果手机详细教程

  第3步:
  为iPhone添加图层样式如下。先添加外发光,然后进行描边。

Photoshop绘制逼真的苹果手机详细教程
Photoshop绘制逼真的苹果手机详细教程

  第4步:
  在iPhone的顶部及左右两侧创建颜色为#52524e的矩形。

Photoshop绘制逼真的苹果手机详细教程

  第5步:
  继续利用圆角矩形工具在iPhone中创建半径为50px的圆角矩形。填充为黑色。

Photoshop绘制逼真的苹果手机详细教程

  然后为其添加图层样式。

Photoshop绘制逼真的苹果手机详细教程

  第6步:
  利用圆角矩形工具在手机左侧创建按钮,半径选择2px。并双击图层,为其添加渐变及描边样式。将此按钮图层置于手机图层下方。

Photoshop绘制逼真的苹果手机详细教程

  渐变色值如下。

Photoshop绘制逼真的苹果手机详细教程

  添加描边。

Photoshop绘制逼真的苹果手机详细教程

  第7步:
  在按钮下方再创建一个小按钮,并添加渐变及描边样式。

Photoshop绘制逼真的苹果手机详细教程
Photoshop绘制逼真的苹果手机详细教程

  
第8步:
  继续在顶部创建开机按钮,并添加图层样式。这次注意渐变的角度为0度。

Photoshop绘制逼真的苹果手机详细教程
Photoshop绘制逼真的苹果手机详细教程

  第9步:
  将左侧的按钮按住Alt键向下拖动复制出另一个,摆放到合适位置。然后按Ctrl键点击第5步创建的圆角矩形图层的缩略图,建立选区。

Photoshop绘制逼真的苹果手机详细教程

  执行菜单选择>修改>收缩,将选区收缩3px。

Photoshop绘制逼真的苹果手机详细教程

  第10步:
  利用多边形套索工具,按住Alt键将左半部分选区减去,剩下如下图所示的类三角区域。

Photoshop绘制逼真的苹果手机详细教程

  第11步:
  在最上方新建图层,填充成白色。然后将其填充度设置为0,双击图层为其添加渐变叠加。此时屏幕的高光便制作出来了。

Photoshop绘制逼真的苹果手机详细教程

  第12步:
  Ctrl+N新建一个100×100px的画布。建立水平、垂直的居中参考线。用矩形工具按住Shift键在左上角与右下角创建出黑色方块。按住Alt键双击背景图层,删除掉。然后执行菜单编辑>自定义图案,将我们做好的图案保存起来。

Photoshop绘制逼真的苹果手机详细教程

  第13步:
  接下来我们开始摄像头的创建。在手机上部利用椭圆工具按住Shift键创建出一个正圆形。并添加渐变叠加样式。

Photoshop绘制逼真的苹果手机详细教程

  继续用椭圆工具创建一个更小的圆形,为其添加径向渐变。

Photoshop绘制逼真的苹果手机详细教程

  第14步:
  下面来创建听筒。利用圆角矩形工具,圆角半径选择30px,创建如下图形状。

Photoshop绘制逼真的苹果手机详细教程

  继续为其添加图层样式。

Photoshop绘制逼真的苹果手机详细教程

  此时我们保存的图案该上场了。

Photoshop绘制逼真的苹果手机详细教程

  再添加个描边。

Photoshop绘制逼真的苹果手机详细教程

  第15步:
  接下来创建Home键。利用椭圆工具按住Shift键创建出正圆形,并为其添加渐变叠加。

Photoshop绘制逼真的苹果手机详细教程

  利用圆角矩形创建出Home键上的图标。将填充度设置为0,并添加描边样式。

Photoshop绘制逼真的苹果手机详细教程

  第16步:
  将屏幕素材 文件拖入文档中,调整好大小与位置。

Photoshop绘制逼真的苹果手机详细教程

  第17步:
  再为手机创建倒影与背景即可。屌丝神器便创建完成了。你做出来了吗?艾特给你心目中的女神吧~

Photoshop绘制逼真的苹果手机详细教程
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

deepseek ios version download and installation tutorial deepseek ios version download and installation tutorial Feb 19, 2025 pm 04:00 PM

DeepSeek Smart AI Tool Download and Installation Guide (Apple Users) DeepSeek is a powerful AI tool. This article will guide Apple users how to download and install it. 1. Download and install steps: Open the AppStore app store and enter "DeepSeek" in the search bar. Carefully check the application name and developer information to ensure the correct version is downloaded. Click the "Get" button on the application details page. The first download may require AppleID password verification. After the download is completed, you can open it directly. 2. Registration process: Find the login/registration portal in the DeepSeek application. It is recommended to register with a mobile phone number. Enter your mobile phone number and receive the verification code. Check the user agreement,

Why can't the Bybit exchange link be directly downloaded and installed? Why can't the Bybit exchange link be directly downloaded and installed? Feb 21, 2025 pm 10:57 PM

Why can’t the Bybit exchange link be directly downloaded and installed? Bybit is a cryptocurrency exchange that provides trading services to users. The exchange's mobile apps cannot be downloaded directly through AppStore or GooglePlay for the following reasons: 1. App Store policy restricts Apple and Google from having strict requirements on the types of applications allowed in the app store. Cryptocurrency exchange applications often do not meet these requirements because they involve financial services and require specific regulations and security standards. 2. Laws and regulations Compliance In many countries, activities related to cryptocurrency transactions are regulated or restricted. To comply with these regulations, Bybit Application can only be used through official websites or other authorized channels

Sesame Open Door Trading Platform Download Mobile Version Gateio Trading Platform Download Address Sesame Open Door Trading Platform Download Mobile Version Gateio Trading Platform Download Address Feb 28, 2025 am 10:51 AM

It is crucial to choose a formal channel to download the app and ensure the safety of your account.

Binance binance official website latest version login portal Binance binance official website latest version login portal Feb 21, 2025 pm 05:42 PM

To access the latest version of Binance website login portal, just follow these simple steps. Go to the official website and click the "Login" button in the upper right corner. Select your existing login method. If you are a new user, please "Register". Enter your registered mobile number or email and password and complete authentication (such as mobile verification code or Google Authenticator). After successful verification, you can access the latest version of Binance official website login portal.

Sesame Open Door Exchange App Official Download Sesame Open Door Exchange Official Download Sesame Open Door Exchange App Official Download Sesame Open Door Exchange Official Download Mar 04, 2025 pm 11:54 PM

The official download steps of the Sesame Open Exchange app cover the Android and iOS system download process, as well as common problems solutions, helping you download safely and quickly and enable convenient transactions of cryptocurrencies.

gate.io sesame door download Chinese tutorial gate.io sesame door download Chinese tutorial Feb 28, 2025 am 10:54 AM

This article will guide you in detail how to access the official website of Gate.io, switch Chinese language, register or log in to your account, as well as optional mobile app download and use procedures, helping you easily get started with the Gate.io exchange. For more tutorials on using Gate.io in Chinese, please continue reading.

Is there any mobile app that can convert XML into PDF? Is there any mobile app that can convert XML into PDF? Apr 02, 2025 pm 08:54 PM

An application that converts XML directly to PDF cannot be found because they are two fundamentally different formats. XML is used to store data, while PDF is used to display documents. To complete the transformation, you can use programming languages ​​and libraries such as Python and ReportLab to parse XML data and generate PDF documents.

How to download gate exchange Apple mobile phone Gate.io Apple mobile phone download guide How to download gate exchange Apple mobile phone Gate.io Apple mobile phone download guide Mar 04, 2025 pm 09:51 PM

Gate.io Apple mobile phone download guide: 1. Visit the official Gate.io website; 2. Click "Use Apps"; 3. Select "App"; 4. Download the App Store; 5. Install and allow permissions; 6. Register or log in; 7. Complete KYC verification; 8. Deposit; 9. Transaction of cryptocurrency; 10. Withdrawal.

See all articles