如何绘制苹果iCloud图标– Photoshop教程

苹果公司推出的最新云存储服务iCloud具有一个非常简单而美丽的徽标。 该图标由金属材料制成,并在其顶部具有挤压的云形图标。 您可能不知道,但是创建这种类型的图标实际上非常容易,下面是iCloud图标,我们将教您如何使用Photoshop在本文中进行绘制!

看起来有点复杂,但实际上我们只需要一些图层样式,基本的矢量形状以及一些手动绘制即可。 让我们开始吧!

步骤1

首先创建一个大小为512 x 512像素的新文件。 **圆角矩形工具。 在选项栏上,将其半径设置为75像素。 单击并拖动以绘制一个圆角矩形。 将其颜色设置为#5d5d5d。

如何绘制苹果iCloud图标– Photoshop教程

双击图层以打开“图层样式”对话框。 使用默认渐变(从黑色到白色)添加渐变叠加,并将其不透明度降低到76%。

如何绘制苹果iCloud图标– Photoshop教程

第2步

Ctrl + J复制图层形状。 单击编辑>自由变换或按Ctrl + T执行变换。 在选项栏中将其大小设置为98%。

如何绘制苹果iCloud图标– Photoshop教程

在“图层”面板中,通过将“ fx”图标拖到“图层”面板右下方的垃圾箱图标上,删除“图层样式”。 接下来,双击图层的缩略图以打开“图层样式”对话框。 添加内部阴影和渐变叠加。

如何绘制苹果iCloud图标– Photoshop教程

在“渐变叠加”的设置中,将渐变的“样式”设置为“角度”。 单击渐变的预览框以打开渐变编辑器,并使用#8e8e8e,#a5a4a4和#d8d8d8的颜色组合。 随心所欲地游玩每个标记位置,只需确保在第一个和最后一个标记中设置相同的颜色即可。

如何绘制苹果iCloud图标– Photoshop教程

这是添加图层样式后的结果。

如何绘制苹果iCloud图标– Photoshop教程

第三步

创建新层。 用从白色到黑色的“径向渐变”填充它。

如何绘制苹果iCloud图标– Photoshop教程

按住Alt键并将矢量蒙版从上一层拖动到当前层。 渐变现在适合图标内部。

如何绘制苹果iCloud图标– Photoshop教程

打开图层样式并将其混合模式更改为屏幕。

如何绘制苹果iCloud图标– Photoshop教程

第四步

在图标内部绘制一个圆角矩形。 将其半径设置为75px,颜色为#2a2a2a。

如何绘制苹果iCloud图标– Photoshop教程

再添加2个圆形(选择“椭圆”工具,然后按住Shift并将其拖动)。 在选项栏中,将路径模式设置为“添加到形状区域”。

如何绘制苹果iCloud图标– Photoshop教程

双击云层,然后添加“内部阴影”,“斜角和浮雕”以及“描边”。

如何绘制苹果iCloud图标– Photoshop教程

如何绘制苹果iCloud图标– Photoshop教程

如何绘制苹果iCloud图标– Photoshop教程

如何绘制苹果iCloud图标– Photoshop教程

如何绘制苹果iCloud图标– Photoshop教程

如何绘制苹果iCloud图标– Photoshop教程

第5步

通过按Ctrl + J复制云层。 通过将fx图标从其图层缩略图拖动到回收站图标上,以删除其图层样式。 将其大小( Ctrl + T )调整为89%。

如何绘制苹果iCloud图标– Photoshop教程

将形状的颜色更改为#5d5d5d。 重新排列每个形状的位置,直到较小的云朵与较大的云朵成比例。

如何绘制苹果iCloud图标– Photoshop教程

双击云的图层并添加以下图层样式。

如何绘制苹果iCloud图标– Photoshop教程

如何绘制苹果iCloud图标– Photoshop教程

如何绘制苹果iCloud图标– Photoshop教程

如何绘制苹果iCloud图标– Photoshop教程

对于“渐变叠加”,请确保在第2步中使用“渐变叠加”中的确切设置。

如何绘制苹果iCloud图标– Photoshop教程

这是在将图层样式添加到小型云之后的内容。

如何绘制苹果iCloud图标– Photoshop教程

步骤6:添加金属质感

当前设计非常平坦且太干净。 让我们在表面上添加微妙的金属质感。 创建新层。 单击编辑>填充,然后选择使用:黑色以黑色填充新图层。

如何绘制苹果iCloud图标– Photoshop教程

如何绘制苹果iCloud图标– Photoshop教程

单击过滤器>噪波>添加噪波。

如何绘制苹果iCloud图标– Photoshop教程

单击过滤器>模糊>径向模糊。 选择“模糊方法:旋转”和“质量:最佳”。

如何绘制苹果iCloud图标– Photoshop教程

该滤波器将旋转噪声并产生一个圆波。

如何绘制苹果iCloud图标– Photoshop教程

步骤7

单击图像>调整>色阶或按Ctrl + L。 在对话框中,将“输出电平”中的黑色滑块拖动到中心以减轻圆形波的亮度。

如何绘制苹果iCloud图标– Photoshop教程

按住Alt键,然后将矢量蒙版从图标的基础层拖到当前层。 圆波现在位于图标内部。

如何绘制苹果iCloud图标– Photoshop教程

**路径选择工具,然后选择我们在步骤4中创建的云路径。按Ctrl + C将其保存到剪贴板。 Ctrl + V将其粘贴到圆波的矢量蒙版上。 将其路径模式设置为“减”。

如何绘制苹果iCloud图标– Photoshop教程

最后,复制并粘贴在步骤5中创建的较小的云路径。将其路径模式设置为“添加到形状”。

如何绘制苹果iCloud图标– Photoshop教程

这是结果。 圆波位于图标的表面内。

如何绘制苹果iCloud图标– Photoshop教程

将图层的混合模式更改为屏幕。

如何绘制苹果iCloud图标– Photoshop教程

步骤8:阴影

创建新层并放置在所有层的后面。 在图标下创建一个椭圆选择(使用椭圆工具)。 用黑色填充选择。

如何绘制苹果iCloud图标– Photoshop教程

使用滤镜,高斯模糊来柔化阴影。 单击过滤器>模糊>高斯模糊。

如何绘制苹果iCloud图标– Photoshop教程

通过按Ctrl + J复制阴影。 添加另一个高斯模糊,这次使用更大的半径来获得更柔和的阴影。 如果阴影仍然太粗糙,则可以降低其图层的不透明度。

如何绘制苹果iCloud图标– Photoshop教程

最后结果

这是本教程的结果。 如您所见,创建此图标的过程非常简单。 我们只需要使用一些基本的矢量形状和图层样式即可。 我希望您喜欢本教程。 如果您有任何疑问,请随时提问!

如何绘制苹果iCloud图标– Photoshop教程

下载PSD

无法实现某些步骤? 这是结果的PSD文件,供您测试和使用。

翻译自: https://www.hongkiat.com/blog/apple-icloud-photoshop-tutorial/