正在阅读:Photoshop教程:绘制逼真的Apple iPadPhotoshop教程:绘制逼真的Apple iPad

2010-03-23 11:22 出处:PConline 作者:发现吧 责任编辑:lizhiyan

  各位大家好,本教程我将演示如何使用Photoshop拼出一台崭新的苹果iPad平板电脑。让我们开始吧!最终的效果图应该是这样的:

Photoshop教程:绘制逼真的Apple iP
最终效果

  开始–Ipad 框架

  新建“850 X 850像素”的文件,随便填充颜色。在画布上选择“圆角矩形工具”,半径设置为20像素。

Photoshop教程:绘制逼真的Apple iP
图1

  拖到矩形,大小自定。我只是随便的将他填满这个画布。

Photoshop教程:绘制逼真的Apple iP
图2

  记得给圆角矩形图层添加以下的图层样式。

Photoshop教程:绘制逼真的Apple iP
图3

Photoshop教程:绘制逼真的Apple iP
图4

  创建内部的圆角矩形

  将圆角矩形的半径改为“15 像素”,在第一个圆角矩形内创建另外的圆角矩形,保存10 像素的间距。

Photoshop教程:绘制逼真的Apple iP
图5

  为你的内部矩形添加样式。

Photoshop教程:绘制逼真的Apple iP
图6

Photoshop教程:绘制逼真的Apple iP
图7

  看起来应该是这样的。

Photoshop教程:绘制逼真的Apple iP
图8

  创建Ipad按钮

  选择椭圆形选区工具或者圆形工具,在接近内部矩形的地方创建ipad 按钮。

Photoshop教程:绘制逼真的Apple iP
图9

  根据下图为圆形设置渐变叠加。

Photoshop教程:绘制逼真的Apple iP
图10

  再次选择圆角矩形工具,将它的半径改为1 像素,类型为“路径”。

Photoshop教程:绘制逼真的Apple iP
图11

  在圆形内部拉出一个矩形,你最好先放大。前景色改为#4a5e67然后点描边路径。右键删除路径。看起来应该是这样。

Photoshop教程:绘制逼真的Apple iP
图12

  创建屏幕

  使用圆角矩形工具再次绘制矩形。那讲作为我们的屏幕。

Photoshop教程:绘制逼真的Apple iP
图13

  下一步你需要一些苹果图标以便更好的创建桌面。点击这里下载。当你将图片复制到剪切板,可以在ps中选择,文件>粘贴。载入到矩形可以选择,“选择>载入选区”。调整壁纸的大小使其充满屏幕。

Photoshop教程:绘制逼真的Apple iP
图14

  当你完成之后按下“CTRL + A” 然后选择“图形 >修剪”,右键添加图层蒙版并且应用蒙版。这一步很重要,因为你去掉你不想要的壁纸部分。

  为壁纸图层设置样式。

Photoshop教程:绘制逼真的Apple iP
图15

Photoshop教程:绘制逼真的Apple iP
图16

  创建导航

  我们直接添加小图标之前,先让我们新建我们的图标码头。选择矩形工具和创造一个长方形比ipad屏幕宽度略小。

Photoshop教程:绘制逼真的Apple iP
图17

  填充矩形颜色为#60717e然后如下添加阴影。

Photoshop教程:绘制逼真的Apple iP
图18

  使用钢笔工具绘制回旋的路径,填充颜色(#ffffff)

Photoshop教程:绘制逼真的Apple iP
图19

  设置回旋路径的透明度为 15%混合模式为柔光。选择托盘和高亮部分点击“编辑 > 透视”。为了使你的托盘更加逼真,你可能需要使用扭曲工具微调。看起来应该是这样。

Photoshop教程:绘制逼真的Apple iP
图20

  添加apple图标(Icons)

  在添加我们的图标之前,建议你先下载iPhone的图标包“Marcelomarfil”。载入下载的4个小图标。使用白色的小字体为每一个图标增加标签。

Photoshop教程:绘制逼真的Apple iP
图21

  增加其余的图标到你的ipad,每一个标签的字体比刚才的稍大。

Photoshop教程:绘制逼真的Apple iP
图22

  最后,以屏幕上创建一个贯穿屏幕的黑色小矩形告终。

Photoshop教程:绘制逼真的Apple iP
图23

  设置黑色矩形的透明度为 25%,然后增加时间和任何你想要在状态栏上增加的东西。

Photoshop教程:绘制逼真的Apple iP
图24

  终于完成了, 如果你想让他更加逼真,可以增加一些小的按钮或者改变透视的角度。

  完成图:

Photoshop教程:绘制逼真的Apple iP
图25

  更多更全 PhotoShop 教程,请前往 PhotoShop 专区://pcedu.pconline.com.cn/sj/pm/photoshop/

关注我们

最新资讯离线随时看 聊天吐槽赢奖品