当前位置:Gxlcms > 前端框架 > Photoshop绘制逼真的苹果手机详细教程

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

时间:2021-07-01 10:21:17 帮助过:698人阅读

本教程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绘制逼真的苹果手机详细教程

人气教程排行