利用Photoshop制作iPhone 4教程


最终效果图:

利用Photoshop制作iPhone <wbr>4教程

  step 1

  首先,我们将创建一个背景。 打开文件以一个新的白色背景。 背景更改为一个图层(双击背景),然后应用一个渐变叠加。

利用Photoshop制作iPhone <wbr>4教程

  颜色

  #9d9d9d

  #cecece

  #000000

  step 2

  打开背景纹理并拖动它,不透明度降低到8%。

利用Photoshop制作iPhone <wbr>4教程

  step 3

  现在我们把现成的IPHONE放到画布上,然后在到上方按照它的外形拉上辅助线。具体如下:

利用Photoshop制作iPhone <wbr>4教程

  step 4

  画一个圆角矩形,圆角为27,颜色为黑色。

利用Photoshop制作iPhone <wbr>4教程

  step 5

  然后添加矩形描边,然后设置混合模式为渐变,在设置阴影。设置如下:

利用Photoshop制作iPhone <wbr>4教程

利用Photoshop制作iPhone <wbr>4教程

利用Photoshop制作iPhone <wbr>4教程

  step 6

  在上方在画出一个竖线。

利用Photoshop制作iPhone <wbr>4教程

  step 7

  画出IPHONE四个按钮。

利用Photoshop制作iPhone <wbr>4教程

  在旁边的按钮上添加渐变。 (以下设置)

利用Photoshop制作iPhone <wbr>4教程

  颜色:

  #51.505万

  #a29f9f

  #d9d5d5

  #545353

  #ecebeb

  #5f5f5f

  应用渐变叠加到顶部的按钮。 (以下设置)

利用Photoshop制作iPhone <wbr>4教程

  颜色:

  #7f7b7b

  #a29f9f

  #d9d5d5

  #aeabab

  #ecebeb

  #979696

  在画出一个一个像素的矩形,颜色#716f6f。

利用Photoshop制作iPhone <wbr>4教程

利用Photoshop制作iPhone <wbr>4教程

  step 8

  现在创建Ihome键,使用椭圆工具,绘制一个圆。 (按住Shift键并拖动,画一个完美的圆。)

利用Photoshop制作iPhone <wbr>4教程

  添加渐变,用下面的设置。

  颜色:

  #000000

  #3d3c3c

利用Photoshop制作iPhone <wbr>4教程

  然后到圆的上面创建小圆角方形,并给它白色的描边。

利用Photoshop制作iPhone <wbr>4教程

  step 9

  到最上方创建一个矩形。填充为白色。

利用Photoshop制作iPhone <wbr>4教程

  到网上下载一个壁纸,这里可以随便。

利用Photoshop制作iPhone <wbr>4教程

  step 10

  现在我们制作相机的按钮界面,画出矩形,渐变叠加,颜色是#000000和#abacb0

利用Photoshop制作iPhone <wbr>4教程

  step 11

  下面我们在画出一个圆角矩形。混合选项为渐变叠加。设置如下:

利用Photoshop制作iPhone <wbr>4教程

利用Photoshop制作iPhone <wbr>4教程

  step 12

  接下来我们添加相机界面的按钮。这里就不一一的做了,大家照着下方的图做下。

利用Photoshop制作iPhone <wbr>4教程

  接下来,创建相机选项滑块按钮。 首先,创建一个圆角矩形工具像素,半径20。 添加颜色叠加,颜色为#7e7f84和内阴影。

利用Photoshop制作iPhone <wbr>4教程

  绘制一个较小的圆角矩形来表示滑块按钮。

利用Photoshop制作iPhone <wbr>4教程

  step 13

  现在,我们将做出另一个图像预览窗口圆角矩形,此时圆角半径为10像素。

利用Photoshop制作iPhone <wbr>4教程

  然后我们将上方的大图片缩小下放入中间,可以按Ctrl+Alt+G(这里是PS CS5)。

利用Photoshop制作iPhone <wbr>4教程

  step 14

  现在我们要做手机的光效果,用Ctrl+鼠标左键点击手机外观图层。

利用Photoshop制作iPhone <wbr>4教程

  选择后,导航》选择》修改》缩小,缩小为5像素。这里的大小是和我们的图像描边是一样的大小,目的是选出机子出了外边外以内的选区。

利用Photoshop制作iPhone <wbr>4教程

  现在在所有图层上创建一个新层,并从白色渐变到透明的选择。

利用Photoshop制作iPhone <wbr>4教程

  使用多边形套索工具,使一个像下面一样。

利用Photoshop制作iPhone <wbr>4教程

  删除所选取的,减少到43%的不透明度。

利用Photoshop制作iPhone <wbr>4教程

  step 15

  现在我们绘制一个小的圆角矩形。

利用Photoshop制作iPhone <wbr>4教程

  选择》修改》缩小,2个像素的样子。然后创建一个新层,填充层色随便。

利用Photoshop制作iPhone <wbr>4教程

  添加图层样式如下。

利用Photoshop制作iPhone <wbr>4教程

利用Photoshop制作iPhone <wbr>4教程

利用Photoshop制作iPhone <wbr>4教程

  step 16

  现在我们将创建相机孔,使用椭圆工具,绘制一个圆。 (按住Shift键并拖动,画一个完美的圆。)添加线性梯度圆的设置如下。

  颜色:

  #3d3c3c

  #000000

利用Photoshop制作iPhone <wbr>4教程

  重复循环,缩小体积,同时按住SHIFT。 新增的颜色为#566771。

利用Photoshop制作iPhone <wbr>4教程

  收工:

  如果大家对这个Photoshop教程有疑问或者不懂的地方可以在下方留言,或者加我们的QQ群。在右边的ABOUT。

利用Photoshop制作iPhone <wbr>4教程

  PS零基础小白想学习PS/CDR/AI平面设计的,我们有一个PS平面设计学习群。PS平面设计学习群 332664389.加入我们一起学习交流进步,学更多PS知识技巧,点击链接加入群【PS平面设计学习群】学习

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值