预览
点击图片查看全面．
步骤1:创建MacBook Air的顶部部分
新建一个Photoshop文件，大小:1500x900px。首先用圆角矩形工具创建一个圆角矩形，半径35px，颜色:浅灰色(#e0e1e3)。
这将是笔记本电脑的顶部部分，用于容纳电脑屏幕。
我们需要修改这个形状。切换到直接选择工具(A)，选择两个底部锚点并向上移动。
双击/控制-点击图层打开图层样式对话框窗口。（了解更多关于图层样式的知识)．添加一个斜面浮雕和渐变叠加图层效果的形状。
斜面和浮雕
渐变叠加
斜面和浮雕层效果使屏幕区域具有3D外观，梯度叠加使其具有金属表面。这是图层样式的结果:
画另一个圆角矩形，应该比上面的第一个圆角矩形略小。
画另一个圆角矩形，它比我们刚才创建的还要小。
选择两个底部锚点并向上移动它们。
给圆角矩形一个斜角浮雕和渐变叠加图层样式。
斜面和浮雕
渐变叠加
这是你现在应该拥有的:
步骤2:创建屏幕
在灰色圆角矩形内画一个黑色矩形。
添加内阴影、内发光和渐变叠加，使屏幕看起来逼真。
内阴影
内发光
渐变叠加
如下图所示，屏幕内部的阴影增加了深度，避免了平面外观。
步骤3:添加桌面壁纸
如果你想要一个空白屏幕(也就是说，MacBook Air关机了)，你可以跳过这一步。
但如果在屏幕上有一些东西，让电脑看起来像是开机的，让我们的工作看起来更有趣就好了。把你想要的图像粘贴到笔记本电脑的屏幕上。在本教程中，我使用了意大利摄影师Enrico Nunziati拍摄的一张漂亮的风景画。
在屏幕层上按Ctrl-click/Cmd-click加载基于形状的选区。
单击添加图层蒙版按钮在图层面板的底部。墙纸现在应该刚好在屏幕内部;照片外面的部分被遮掉了。
为了使桌面壁纸看起来更真实(而不是那么平坦)，添加内阴影和内发光。
内阴影
内发光
图层样式给了我们一些不错的深度:
步骤4:添加FaceTime摄像头
MacBook Air在顶部有一个叫做FaceTime的网络摄像头。为了在我们的作品中创建这个细节，在屏幕上方画一个小圆圈。
给FaceTime相机一个外发光和渐变叠加。
外发光
渐变叠加
接下来，在前面的圆形状内画一个较小的圆。
给这个新形状一个渐变叠加。
下面，你可以看到由一个圆圈和两个圆圈组成的相机之间的细微差别。如果我们只用一个圆圈，FaceTime摄像头就会看起来是平的，看起来是空的。在第二个相机里，我们可以感觉到里面有东西。
步骤5:为FaceTime摄像头添加详细信息
让我们继续在相机上工作。用变焦工具(Z)非常近地放大，在相机上方创建一个新层。
使用1px笔刷在相机镜头上绘制一个非常小的高光和阴影。
下面是在纯灰色背景上的高光和阴影。
这是我们的相机在这一点上应该看起来的样子:
在这里，你可以看到添加高光和阴影前后的细微差别。
第六步:画出MacBook Air的底座
在笔记本电脑的顶部下面创建一个半径为5px的圆角矩形。
放大到圆角矩形的左边。选择钢笔工具(P)，然后点击如下所示的锚点删除它。
在另一边重复同样的过程。
切换到直接选择工具(A)，然后选择两个最低的锚点。按Ctrl/Cmd + T激活自由变换。
按住Alt/Option，然后向内拖动侧边手柄，使矩形倾斜。
放大到形状的右侧。选择底部锚点的贝塞尔手柄，并拉动它，以创建更平滑的曲线。
切换回钢笔工具。按住Alt/Option激活转换点工具(鼠标光标应该改变外观，以表明您正在使用转换点工具)。点击下面指定的锚点，将其转换为平滑角。
在另一边重复同样的过程。
正如你所看到的，我们已经修改了基本形状，以模仿MacBook Air闻名的优雅曲线。
步骤7:给基础一个图层样式
添加以下图层样式的形状。
内阴影
内发光
渐变叠加
步骤8:在底部添加阴影
上一步的图层样式给了计算机的基础更大的深度，但我觉得还是不够。我们需要添加更多的阴影。Ctrl-click/Cmd-click图层面板中的基本形状图层，在它周围加载一个选区。
创建一个新层。使用笔刷工具(B)用软笔刷将选区的下部涂成黑色。
步骤9:在基础上创建一个现实的高光
现在让我们创建一个高亮。
在一个新图层上，使用矩形选框工具(M)做一个细的，水平的选区，然后用白色填充。
使用高斯模糊滤镜软化它(滤镜>模糊>高斯模糊)。
放大到矩形的左边。
使用矩形选框工具在矩形的末端创建一个选区，按Ctrl/Cmd + T for自由变换，右键单击选择框内，然后选择经从上下文菜单。
修改方框以将末端转换为曲线。
这是变换的结果。
我们这样做是为了使高光与基础上的曲线一致，使我们的工作尽可能真实。
切换到橡皮擦工具(E)，在选项栏中，设置工具的不透明度为30%。油漆的边缘和一些部分的突出形状，以软化它。
在高亮形状的另一侧重复此过程。
让我们创建一个更强，更突出的高光。绘制另一个矩形选区。
创建一个新图层，在它上面，用白色填充选区。
使用橡皮擦工具删除部分形状，直到我们有一个更强的高亮。
这是添加更强的高亮之前和之后的区别。
第十步:在底座中间画一个凹槽
如果你从这个角度观察一台真正的MacBook Air，你会发现中间有一个凹槽，这样你就可以很容易地打开笔记本电脑。我们应该创建这个细节。首先，画一个白色圆角矩形。
把它放在MacBook Air的中间。
使用转换点工具转换如下所示的点。
使用删除锚点工具删除锚点如下所示。
结果应该是圆角矩形的一半。
给图层一个外发光，内发光和渐变叠加。
外发光
内发光
渐变叠加
下面是我们图层样式的结果:
现在，我们将在形状下面画一个微妙的高光。
Ctrl-click/Cmd-click图层面板中的该图层的缩略图，在形状周围创建一个选区。按下箭头键三次，将选区向下移动3px。创建一个新图层，并把它放在形状下面。
查看工具面板，以确保矩形选框工具是活动工具，然后，在画布上，右键单击选区内，然后选择中风从出现的菜单中。使用如下所示的描边设置。
激活橡皮擦工具(E)。
设置画笔硬度为0%。删除笔画线的两条边。将图层的不透明度降低到10%。
步骤11:创建通风口
在我们在上一步中画的槽的右边画一个非常小的圆角矩形。
给通风洞一个外部发光和梯度叠加。
外发光
渐变叠加
通过切换到移动工具(V)复制通风口，按住Alt/Option，然后拖动到另一边。
步骤12:创建屏幕反射
使用钢笔工具(P)绘制如下所示的黑色形状。
复制我们在步骤1中创建的圆角矩形。确保复制的形状和我们绘制的黑色形状被选中，然后按相交按钮。设置合成形状的不透明度为6%，填充为0%。
给形状一个渐变叠加。
结果如下:
我们需要再加强一点反思。首先，复制它。在复制的形状上重复前面的过程，但这一次，使用来自内部屏幕的路径。
将其模式设置为相交，设置不透明度为16%，填充为0%。
结果如下:
步骤13:创建一个Thin Highlight
接下来，我们将添加另一个微妙的高光。画一条1px的线，用软橡皮擦去它的两端。
为了让你看到它，我把线条放在黑色背景上。
将这些线条放置在笔记本电脑的不同区域。
你也可以通过按Ctrl/Cmd + T，右键单击形状，然后选择旋转90来旋转1px直线oCCW或90o连续波。
步骤14:创建一个逼真的阴影
在MacBook Air下面绘制一个椭圆选区。在新图层上用黑色填充。取消选定(Ctrl/Cmd + D)。
使用高斯模糊滤镜软化阴影(滤镜>模糊>高斯模糊)。
这是阴影的样子:
复制我们刚才通过按Ctrl/Cmd + j创建的阴影，按Ctrl + T并调整它的大小，以创建一个更大的阴影。
将不透明度设置为20%。
步骤15:在地板上创造一个反射
作为最后一步，我们将创建一个反射来模仿光滑的地板表面。在图层面板中，暂时隐藏背景和MacBook Air的阴影。
创建一个新图层，并将其放在所有图层的顶部。选择>合并可见图层，将所有可见图层合并到新图层中，而不影响原来的图层。
点击Ctrl + T，在变换框内右键单击，然后选择垂直翻转从上下文菜单。
向下移动反射，直到它接触到MacBook Air的底部。
在反射层上添加图层蒙版。画一个线性梯度，从白色到黑色，以减弱反射，因为我们接近画布的底部。
现在，您可以再次打开背景和阴影的可见性。
教程汇总
我们已经到达终点了。你可以看到，绘制MacBook Air非常简单。
就像我的工作一样，我向你展示了即使是最小的细节(比如FaceTime相机的突出显示)也会对你创建的图形的真实性产生强大的影响。我们处理了很多细节，其中一些非常微妙，几乎不引人注意。但是，如果你把所有这些细节加在一起，你就会得到一个非常逼真的结果。
我希望你喜欢这个Photoshop教程，并掌握了一些有用的技巧和技巧!
下载源文件
- macbook_air(zip, 2.37 mb)
