预览
第一步:绘制iPad的基本形状
新建一个Photoshop文档，大小为1500x1200px。我们用圆角矩形工具创建一个圆角矩形，半径为50px。这将是iPad的基本形状。
我们需要修改这个形状。使用自由变换(Ctrl/Cmd + T)进行修改。Ctrl-click/Cmd-click并拖动边角，直到你得到下图的形状。
添加一个斜面浮雕和渐变叠加图层效果的形状。斜面和浮雕将使其具有3D外观，渐变叠加将避免iPad机身上的平面颜色。
斜面和浮雕
渐变叠加
这是图层样式的结果:
目前，我们的iPad太干净太平了。
这一点都不现实。我们需要添加一些噪音纹理到表面，以便给它一个更有触觉的，真实的感觉。首先，创建一个新图层，并把它放在iPad的顶部。
用白色填充图层。右键单击白色图层并选择转换为剪贴蒙版(Ctrl/Cmd + Alt/Option + G).从现在开始，由于剪切蒙版，我们放在图层上的所有东西都将自动进入iPad的内部。
改变图层的混合模式为乘并将其不透明度降低到35%。
选择“过滤>杂音>添加杂音”。
创建一个新图层，并把它放在iPad上面。
再次，将图层转换为剪贴蒙版。Ctrl-click/Cmd-click iPad形状图层，在iPad周围创建一个选区。在选区内右键单击并选择中风菜单上的。
颜色选择黑色(#000000)，设置宽度为15px，设置位置为内部．
这是Stroke命令的结果:
柔化笔画线使用高斯模糊滤镜(滤镜>模糊>高斯模糊)。
切换到橡皮擦工具(E)
取消选择选区(Ctrl/Cmd + D)。使用橡皮擦工具删除顶部和右侧的笔画。
将图层的不透明度降低到7%。
重复前面的过程，在iPad的顶部和右侧创建另一个描边。我们希望这一笔划轻一点，因为这是光线的来源。因此，将不透明度设置为3%(而不是7%)。
步骤2:绘制iPad屏幕
用矩形工具画一个黑色的矩形。在形状上激活自由变换(Ctrl/Cmd + T)。Ctrl-click/Cmd-click并拖动每个角落，使屏幕的角度与iPad的形状相匹配。
创建一个新的Photoshop文档，画布大小:1107x831px。粘贴壁纸或网站截图(我用的是Design instruction的截图)。另存PSD为screen.psd．
回到我们的iPad PSD。单击File > Place并选择我们刚刚创建的PSD (screen.psd)。现在，screen.psd作为智能对象附加到我们的主PSD上。
一个Photoshop智能对象是一种特殊类型的层，其中包含来自矢量或位图图像的图像数据。它们可以是来自Adobe Illustrator的矢量数据，另一个Photoshop文件，文件中已转换为智能对象的图层等等。它允许我们使用容易更改的组件制作灵活的Photoshop文件。
将智能对象的图层不透明度暂时降低为0%，以帮助你调整对象的大小和角度。Ctrl-click/Cmd-click并拖动角落的每个转换控件，直到它适合屏幕。
返回智能对象的图层不透明度为100%。
按Ctrl/Cmd + Alt/Option + G将图层转换为剪贴蒙版。在这里使用剪切蒙版可以确保我们使用的任何图片都只显示iPad屏幕内部的区域(剪切蒙版之外的区域将不会显示)。
让我们在屏幕上添加一个反射。
用钢笔工具创建下面的白色形状。
将形状转换为剪贴蒙版，并将不透明度降低到10%。
选择屏幕层，给它一个内阴影和内发光。
内阴影
内发光
下面，你可以看到内阴影为屏幕增加了深度，内发光为屏幕边缘提供了更多的清晰度。
步骤3:创建天线盖
用矩形工具画一个黑色的矩形。使用自由变换(Ctrl/Cmd + T)旋转它，直到它与iPad的左侧匹配。
Ctrl-click/Cmd-click iPad基本形状图层加载一个选择围绕iPad的身体，然后单击添加图层蒙版按钮在图层面板的底部。
步骤4:创建Face Time Camera
iPad的正面有一个网络摄像头。我们需要把这个添加到我们的合成中。
在iPad的左边用椭圆工具画一个小圆。接下来我们将添加一个外部发光。
外发光
步骤5:创建Home按钮
你可以在一些苹果设备(包括iPhone)上找到Home键。
这是一个多功能按钮，根据你当前正在做的事情发挥作用，但通常情况下，按下它会返回主屏幕。若要绘制Home按钮，请使用椭圆工具绘制一个圆形。设置它的不透明度为100%，填充为0%。
给形状一个投影，一个内阴影和一个渐变叠加。
阴影
内阴影
渐变叠加
这是我们上面应用的图层样式的结果:
用圆角矩形工具在Home按钮的中心画一个圆角矩形。将其填充设置为0%。
之后我们将给它一个描边图层效果。
中风
这是Stroke图层样式的结果:
步骤6:创建Smart Cover
苹果还设计了智能保护套，这是一个专门设计的保护套，可以保护和支撑iPad 2。我们把它画在这个组合里。首先，在iPad后面画出下图所示的形状。
右键单击图层面板中的Smart Cover形状图层并选择转换为智能对象从上下文菜单。
我们正在将其转换为智能对象，以使更改其颜色的过程更容易。
在将一个图层转换为智能对象后，你会在该图层的缩略图预览的右下角看到一个图标，这表明它是一个智能对象。
复制我们刚刚创建的形状，并将其颜色更改为#8db0ca。
复制路径，修改它并将其模式设置为减去在选项栏中。参考下图。我们的目的是为智能对象的厚度获得一个薄的蓝色形状。
绘制一个圆角矩形形状，并设置其填充为0%。按Ctrl/Cmd + T激活自由变换，然后使用下面的图像作为所需变换的参考。
添加一个内阴影和渐变叠加。
内阴影
渐变叠加
使用笔刷工具(B)，黑色作为你的笔刷颜色在下面指定的区域上绘制。然后按Ctrl-click/Cmd-click形状层加载周围的选区，然后删除所选区域。我们应该结束一个微妙的阴影，额外增加了深度的形状。
用钢笔工具绘制智能封面的正面。
为Smart Cover的厚度绘制一个薄的白色形状。设置其不透明度为14%，并将图层转换为剪贴蒙版。
使用画笔工具绘制iPad在智能封面上投射的阴影。
绘制一个圆角矩形，填充为0%。变换它，直到我们有以下形状:
给图层一个内阴影和一个渐变叠加。
内阴影
渐变叠加
使用一个小，软刷绘制微妙的阴影和高光顶部的形状。
在Smart Cover的内侧绘制一个阴影。
绘制一个圆角矩形形状，填充为0%。
变换它，直到我们有以下形状:
给图层一个内阴影，一个颜色叠加，一个渐变叠加。
内阴影
颜色叠加
渐变叠加
这是我们上面应用的图层样式的结果:
在形状的左侧涂上微妙的高光。
在形状的下方画一个微妙的阴影。
高光和阴影都会在形状上创建3D效果。
选择一个大而柔软的笔刷。在智能封面内绘制阴影。
删除任何阴影溢出以外的智能盖。
步骤7:创建Smart Cover的铰链
为Smart Cover铰链绘制一个白色矩形形状。旋转它，把它放在iPad下面。
给它一个内在的光辉。
正如你可以在下面看到的，内部发光给平面形状一个3D外观。
步骤8:阴影细节
使用多边形套索工具(L)在智能封面下绘制一个选区，形状如下图所示。
创建一个新图层，把它放在iPad下面，然后用黑色填充选区。取消选择选区(Ctrl/Cmd + D)，然后使用高斯模糊滤镜来软化阴影。
用一个小而软的笔刷在iPad脸的正下方画更多的阴影。
接下来，用多边形套索工具创建一个更大的选区，也用黑色填充。使用高斯模糊滤镜软化它。降低图层的不透明度，直到我们有一个漂亮的软阴影。
用一个小而软的笔刷在iPad下面和Smart Cover的铰链下面画更多的阴影。
步骤9:添加背景
我们已经完成了iPad。接下来，我们应该创建一个背景来补充它。
创建一个新图层，并把它放在iPad和它的阴影图层下面。用径向梯度填充新图层，从中心的白色到灰色。
复制图层(Ctrl/Cmd + J)，然后转换它，直到我们有一个楼层。
步骤10:组织图层
就这样，我们完成了实际生产。如果我们想的话，我们可以在这里停下来。然而，我在本教程中的目标之一不仅仅是创建一个iPad的平面图像，而是一个模板/模型PSD，其他人可以使用它来展示自己的图像。
所以接下来的几个步骤都涉及到为公众准备一个Photoshop文件。当您与设计团队共享PSD文件或在网站上提供PSD免费赠品时，请使用这些提示。首先，我们要确保所有图层都组织得很好，所以任何人——包括那些有有限的Photoshop知识的人——都可以很容易地使用我们的PSD。
给每个图层一个合适的名称，并将图层组织成图层组。锁定不会频繁修改的层组，以确保用户不会意外修改它。这包括Home键和iPad的基本形状。
还记得我们如何为屏幕和智能封面创建智能对象吗?我们使用智能对象是因为智能对象可以很容易地修改。在图层面板中通过alt -拖动/ option -拖动复制screen智能对象和Smart cover color智能对象。
把它放在所有其他图层的顶部，然后通过点击他们名字左边的眼睛图标来隐藏他们。这些复制层与原始层相同。如果我们编辑这些图层，原始图层也会改变。
我们在顶部复制它们，这样我们所有的智能对象都可以快速访问。我们将在下面进一步了解其目的。
关闭图层组，隐藏那些杂乱的图层。
保存PSD文件。
步骤11:改变屏幕内容
iPad模型已经完成。在这一步中，我们将更改屏幕内容。
双击“screen”智能对象层，它将在一个单独的窗口中打开。
在新文档中粘贴新图像。这里，我用的是我自己网站的截图。
按Ctrl/Cmd + S保存更改。关闭文件并返回到主PSD。您可以看到屏幕内容已自动更新。
不需要转换或修改。这使得它很容易，即使是Photoshop新手用户交换图像。
我使用相同的过程将屏幕内容更改为六个修正．
我所做的只是截取屏幕并将其粘贴到Smart Object文档中。非常容易。
步骤12:改变智能封面颜色
“智能封面颜色”智能对象有点不同，因为它是一个完全矢量对象，我们在主PSD文档(即。
我们没有进口它)。那么让我们看看智能对象是如何帮助我们处理这类数据的。在图层面板中，双击“智能覆盖颜色”智能对象。
像“屏幕”智能对象一样，它在一个新的文档窗口中打开。在那里，你会发现一个纯色调整图层。双击图层面板中它的颜色缩略图来改变它的颜色。
保存文件，然后关闭它。当您返回主PSD时，智能封面的颜色会自动更新。
教程汇总
在本教程中，我向你展示了如何创建iPad 2。不仅如此，我还向您展示了使用智能对象的强大功能，以及如何组织和创建灵活、易于使用的PSD文件。我希望你喜欢这个Photoshop教程，并掌握了一些有用的技巧和技巧!别忘了，你可以用这个iPad 2模型来展示你自己的设计和截图。
下载源文件
- ipad2(zip, 9.55 mb)
