使用Photoshop创建一个苹果Mac Mini

Trevin是WebFX的业务开发高级总监。他参与过450多个营销活动,20多年来一直在建设网站。他的作品被《搜索引擎土地》、《今日美国》、《快公司》和《公司》推荐。

预览

一旦你完成了教程,你应该有如下的预览图。单击图像全尺寸视图

预览

教程资源

步骤1:创建背景

新建一个文档(Ctrl/Cmd + N),宽度900px,高度620px。

选择油漆桶工具(G),用深灰色(#36393a)填充背景层。这将帮助我们使我们的艺术品与背景形成良好的对比,因为Mac Mini主要是浅灰色/金属灰色。

现在在你的背景图层上面创建一个新图层,标记为Background 1。

设置前景色为浅灰色(#575b5b)。接下来,选择椭圆选框工具(M),在画布的底部拖出一个椭圆,然后使用油漆桶工具(G)用前景色填充它。椭圆应该接近画布的宽度,在画布两侧留下大约20-30px。

确保你的“背景1”图层在图层面板中被选中,然后选择滤镜>模糊>高斯模糊-模糊椭圆约25px半径。

在你的background 1图层上面创建一个新图层,标记为background 2。

选择椭圆选框工具(M),并在画布的顶部拖动一个椭圆。一旦你创建了椭圆,用油漆桶工具(G)填充它,使用灰色(#8e9293)。

椭圆应该相当大,超过画布的宽度,但应该大致相同的高度-如果不是稍微大一点-比你的底部椭圆。

确保你的“背景2”图层在图层面板中被选中,然后点击滤镜>模糊>高斯模糊-模糊椭圆约75px半径。

你的背景知识就完成了。

步骤2:创建Mac Mini的基本形状

设置前景色为浅灰色(#ccd1d3),然后从工具面板中选择圆角矩形工具(U),半径为20px。

新建一个图层,标签为top,然后拖出一个矩形到你的画布上。

点击编辑>变换>歪斜,按住键盘上的Shift键并向内拖动左上方和右上方的锚点(一次一个)。

如果你发现矩形的高度太大,然后按Ctrl/Cmd + T在形状上使用自由变换命令,并向上拖动底部中心锚点来降低高度。

复制你的“顶部”图层,然后重命名复制层“底部”。

在图层面板中将“底部”图层移到“顶部”图层下面。在工具面板中选择移动工具(V),同时按住Shift键,按键盘上的向下箭头键20次,将“底部”图层向下移动200px(按住Shift键时移动工具的默认增量为10px)。

选择圆角矩形工具(U),然后切换到选项栏中的添加到形状层(+)选项。

确保你的“底部”层是图层面板中的活动层,然后从“顶部”层的底部弯角拖动一个圆角矩形形状到“底部”层的顶部弯角。

当你拖出圆角矩形时,该形状将与“底部”层形状合并为一个形状,因为我们使用了添加到形状层(+)选项,所以要确保它尽可能准确。

通过右键单击图层面板中的每个图层,然后从菜单中选择转换为智能对象,将“顶部”和“底部”图层转换为智能对象,完成这一步。

第三步:赋予Mac Mini的基本纹理和细节

双击“top layer”上的小图标,进入“top”图层。

双击后,另一个单独的PSD将打开,其中包含我们的顶部形状。

给“顶部”图层形状一些图层样式(渐变叠加和描边)。

渐变叠加

中风

关闭PSD,在退出之前保存它。你的“顶部”图层应该自动更新图层。

现在双击“底部”图层的小图标,并添加一个渐变叠加图层样式。

关闭你的“底层”PSD,在你退出之前保存它。你的“底层”图层现在应该已经更新了。

步骤4:创建CD槽

选择圆角矩形工具(U),然后在Mac Mini的CD槽前面拖出一个矩形,确保矩形位于“底部”层之上。

给CD槽一个渐变叠加图层样式。

步骤5:创建磁盘驱动器按钮

新建图层cd button。用圆角矩形工具创建一个与CD槽高度相同的小矩形。将矩形放置在CD插槽的右侧。

使用矩形选框工具(M)在矩形的左半部分周围做一个选区,并点击键盘上的Delete键删除该部分。

现在添加一个渐变叠加到你的按钮矩形。

使用缩放工具(Z)放大到磁盘驱动器按钮,使它更容易装饰。

选择矩形选框工具,在按钮上从上到下画一个1px的选区,从边缘留下1px的空白。

创建一个新图层,标签为“white line”,填充选区(G),颜色为白色(#ffffff),然后设置图层的混合模式为叠加。

第六步:打开电源灯

创建一个新图层,标签为light。然后使用椭圆选框工具(M)在Mac Mini底部附近做一个圆形选区。用黑色(#000000)填充选区(G)。

现在给你的“light”图层添加一个投影图层样式和一个颜色叠加图层样式。

阴影

颜色叠加

您的按钮现在看起来应该是向下按入主体的。

第七步:在Mac Mini后面创建一个阴影

创建新图层shadow。移动图层面板中的新图层到堆栈的底部,但在你的三个背景图层之上。

选择椭圆选框工具(M),在Mac Mini的底部画一个椭圆。

用黑色(#000000)填充选区(G)。

取消选择(Ctrl/Cmd + D),然后选择滤镜>模糊>高斯模糊。模糊椭圆8px半径。

设置“阴影”图层的不透明度为45%,然后使用矩形选框工具(M)进行选区。

使选择跨越阴影的底部,它超过了Mac Mini的底部。

确保“阴影”图层被选中,然后按Delete键删除阴影的那一部分。

步骤8:创建Mac Mini的顶部

右键单击图层面板中的“顶部”图层,从菜单中选择通过复制新建智能对象。重命名复制的智能对象图层为“top2”,然后通过双击图层上的小缩略图来访问形状。

一旦形状在一个新的PSD中打开,给它一个投影,渐变叠加和描边。

阴影

渐变叠加

中风

一旦你添加了图层样式,关闭PSD文件,退出时保存它。在你原来的画布上,你的“top2”图层应该会自动更新。

确保图层被选中,然后按Ctrl/Cmd + T输入自由变换来调整形状。

将左右锚点向内拖动-您将在左右两侧寻找10-15px的间隙。

一旦你完成了左边和右边,接下来做底部,只是这一次,你寻找大约3-5px的差距。

步骤9:添加苹果标志

你现在需要苹果的标志,你可以用我的半成品标识

将标志放置在画布上,确保标志的层在“top2”层之上。

简单地使用自由变换命令修改标志的视角,向上拖动底部中心锚点,直到你满意的视角。

通过添加一个投影图层样式和一个颜色叠加图层样式来完成本教程。

阴影

颜色叠加

教程汇总

本教程向你展示了如何使用Photoshop复制苹果Mac Mini。你会惊讶于我们只用了基本的技术来做这个3d外观的设计。我们使用了基本的选择和形状工具以及一些简单的图层样式,如果巧妙地结合起来,可以很好地制作出看起来令人惊叹的作品。

下载教程源文件

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!