本PhotoShop教程将要教会你们用 PhotoShop 做出一个华丽的 iPhone 4。先上效果图:
![PS教程-01](http://img2.shancun.net/201903/26/212248151.png)
效果图
步骤1
打开 PhotoShop,创建一个大小为400×600的新文档。使用 PhotoShop 渐变工具(Gradient Tool),颜色选择为从#3d3d3d 到 #121212。接着,打开圆角矩形工具(Rounded Rectangle Tool),半径(Radius)设置为34px,然后画一个如(图01)一样的形状。
![PS教程-02](http://img2.shancun.net/201903/26/212248711.jpg)
图01
步骤2
把 iPhone 4 形状的图层命名为“iPhone Shape”。以下是“iPhone Shape” 的混合选项,添加渐变叠加(Gradient Overlay)效果。(图02)
![PS教程-03](http://img2.shancun.net/201903/26/212248731.jpg)
图02
步骤3
使用 PhotoShop 创建一个新的图层。点击编辑(Edit) 画笔(Stroke)2px,颜色:#bab9b7,位置:内部(Inside)。
内发光(Inner Shadow)的设置如下(图03):
![PS教程-04](http://img2.shancun.net/201903/26/212248561.jpg)
图03
斜面(Bevel)和浮雕(Emboss)的设置如下(图04):
![PS教程-05](http://img2.shancun.net/201903/26/212248821.jpg)
图04
光泽(Satin)的设置如下(图05):
![PS教程-06](http://img2.shancun.net/201903/26/212248371.jpg)
图05
渐变叠加(Gradient Overlay)的设置如下(图06):
![PS教程-07](http://img2.shancun.net/201903/26/212248621.jpg)
图06
步骤4
我们再来设置一下“iPhone Shape”的图层混合选项。具体如下:画笔颜色:#2f2f2f;位置:内部;大小:4px。创建一个新的图层,点击编辑画笔颜色:黑色;不透明度(Opacity):50%;大小:1px;位置:内部。
之后,你可以得到下面的效果(图07):
![PS教程-08](http://img2.shancun.net/201903/26/212248221.jpg)
图07
步骤5
使用 PhotoShop 矩形工具画一个矩形,大小效果如下(图08):
![PS教程-09](http://img2.shancun.net/201903/26/212248571.jpg)
图08
这是一个新矩形的混合选项:
画笔:
![PS教程-10](http://img2.shancun.net/201903/26/212248931.jpg)
图09
好啦,现在用下面这张图片来做 iPhone 4 的壁纸。
![PS教程-11](http://img2.shancun.net/201903/26/212248711.png)
图10
步骤6
接着,我们用 Eclipse Tool 来制作一个按钮,并把这个图层命名为“Button”。(图11)
![PS教程-12](http://img2.shancun.net/201903/26/212248661.jpg)
图11
混合选项,然后渐变叠加,把角度(Angle)设为180度。(图12)
![PS教程-13](http://img2.shancun.net/201903/26/212248231.jpg)
图12
光泽(Satin)的设置如下:(图13)
![PS教程-14](http://img2.shancun.net/201903/26/212248431.jpg)
图13
步骤7
选择圆角矩形工具(Rounded Rectangle Tool),半径设为5px,并且画成如下图所示:(图14)
![PS教程-15](http://img2.shancun.net/201903/26/212248531.jpg)
图14
接下来,把填充(Fill)设为0%,颜色是808080,大小是2px,位置是内部。
步骤8
选择矩形选取框工具(Rectangle Marquee Tool),删除图像中的一部分,如下图所示:(图15)
![PS教程-16](http://img2.shancun.net/201903/26/212248891.jpg)
图15
步骤9
选择圆角矩形工具,像下图这样画。(图16)
![PS教程-17](http://img2.shancun.net/201903/26/212248751.jpg)
图16
渐变叠加的设置如下:(图17)
![PS教程-18](http://img2.shancun.net/201903/26/212248141.jpg)
图17
画笔的设置如下(图18):
![PS教程-19](http://img2.shancun.net/201903/26/212248501.jpg)
图18
再画一些非常细微的直线(图19):
![PS教程-20](http://img2.shancun.net/201903/26/212248261.jpg)
图19
步骤10
接着,再画一个小小的圆圈。(图20)
![PS教程-21](http://img2.shancun.net/201903/26/212248861.jpg)
图20
渐变叠加的设置如下(图21):
![PS教程-22](http://img2.shancun.net/201903/26/212248851.jpg)
图21
复制这个小圆圈,并按住 Alt+Shift,重新设置大小。如以下设置,重新调整渐变叠加的效果。(图22)
![PS教程-23](http://img2.shancun.net/201903/26/212248821.jpg)
图22
再复制重新设置的圆圈,并且也重新调整大小。如下图设置,调整渐变叠加效果。(图23)
![PS教程-24](http://img2.shancun.net/201903/26/212248251.jpg)
图23
再次复制这个圆圈,不过这次我们要调整的是颜色叠加(Color Overlay),而不是渐变叠加。(图24)
![PS教程-25](http://img2.shancun.net/201903/26/212248671.jpg)
图24
到了这个步骤,你应该会有个这样的效果图。(图25)
![PS教程-26](http://img2.shancun.net/201903/26/212248571.jpg)
图25
步骤11
然后,使用 PhotoShop 画个小小的圆角矩形,混合选项的设置如下(图26):
![PS教程-27](http://img2.shancun.net/201903/26/212248141.jpg)
图26
设置内发光,然后,如果有需要修复的地方用画笔就可以了。(图27)
![PS教程-28](http://img2.shancun.net/201903/26/212248791.jpg)
图27
复制这个小圆角矩形,并且旋转它的位置,如下图(图28):
![PS教程-29](http://img2.shancun.net/201903/26/212248361.jpg)
图28
步骤12
用钢笔工具(Pen Tool)再画一个按钮形状。渐变叠加的设置如下(图29):
![PS教程-30](http://img2.shancun.net/201903/26/212248191.jpg)
图29
内发光的设置如下:
![PS教程-31](http://img2.shancun.net/201903/26/212248471.jpg)
图30
复制粘贴这个按钮形状,利用模糊工具(Blur Tool)来使这两个按钮看起来有一点点模糊感。(图31)
![PS教程-32](http://img2.shancun.net/201903/26/212248211.jpg)
图31
步骤13
使用钢笔工具来画一个如下图一样的形状。(图32)
![PS教程-33](http://img2.shancun.net/201903/26/212248701.jpg)
图32
在新的图层还在被选择的状态下,按住Ctrl+Click,然后点击选择反选(Inverse)删除。
你将会得到这样一张图片。(图33)
![PS教程-34](http://img2.shancun.net/201903/26/212248201.jpg)
图33
步骤14
如果你还想要其他的效果的话,例如反光等等,你也可以在这个步骤之后添加。
最后的效果图如下(很炫吧?)
![PS教程-01](http://img2.shancun.net/201903/26/212248151.png)
最终效果图
相关教程:Photoshop制作iPhone 4教程 http://www.3lian.com/edu/2010/10-19/3326.html