如何制作美味的炸薯条图标– Photoshop教程

今天,我们将教您如何仅用Photoshop手工制作视觉上美味的炸薯条图标!

欢迎来到Hongkiat烘焙与烹饪艺术课!

本教程肯定会让您吃饱了。

是的,您将学习创建美味的炸薯条图标,其中主要涉及一些形状创建和图层样式,欢迎初学者面包师!

入门

要遵循本教程,您将需要以下资源:

炸薯条图标
步骤1:抽土豆

请注意,我们不使用矩形工具,而是使用钢笔工具来获得自然外观。

绘制马铃薯的基本形状并将其颜色设置为#e1cc7a。

激活钢笔工具。

如何在Photoshop中制作美味的炸薯条图标

添加以下内部阴影和渐变叠加。

在“图层”面板中,双击图层以打开“图层样式”对话框。

如何在Photoshop中制作美味的炸薯条图标
如何在Photoshop中制作美味的炸薯条图标

这是结果。

如何在Photoshop中制作美味的炸薯条图标
第2步

画土豆的一面。

如何在Photoshop中制作美味的炸薯条图标

添加以下图层样式。

如何在Photoshop中制作美味的炸薯条图标
如何在Photoshop中制作美味的炸薯条图标

这就是结果。

如何在Photoshop中制作美味的炸薯条图标
第三步

最后,绘制其上部。

如何在Photoshop中制作美味的炸薯条图标

添加以下图层样式。

如何在Photoshop中制作美味的炸薯条图标
如何在Photoshop中制作美味的炸薯条图标

我们现在有一个炸薯条。

如何在Photoshop中制作美味的炸薯条图标
第四步

重复这些过程以绘制更多土豆。

将所有图层分组。

如何在Photoshop中制作美味的炸薯条图标
步骤5:桶

在其顶部,添加椭圆路径并将其模式设置为“减”。

绘制红色多边形。

如何在Photoshop中制作美味的炸薯条图标
第6步

用#a60101和#ff0302颜色绘制条纹。

如何在Photoshop中制作美味的炸薯条图标
步骤7

执行转换( Ctrl + T ),然后按住Ctrl键并拖动其角落,直到条纹与存储桶的透视图匹配为止。

通过按Ctrl + Alt + G将其转换为Clipping Mask。

在桶顶部放置条纹。

如何在Photoshop中制作美味的炸薯条图标

将不透明度降低到40%。

如何在Photoshop中制作美味的炸薯条图标
步骤8

将图层转换为剪贴蒙版( Ctrl + Alt + G )。

在桶的下部涂上黑点。

在存储桶的顶部新建一个层。

如何在Photoshop中制作美味的炸薯条图标
步骤9

对存储桶的上部重复先前的过程。

如何在Photoshop中制作美味的炸薯条图标
第10步

使用过滤器添加噪声,“过滤器”>“噪声”>“添加噪声”。

制作一个新层,并用黑色填充。

按住Ctrl键并单击前桶层,以根据其形状进行新选择。

如何在Photoshop中制作美味的炸薯条图标

将图层混合模式更改为“屏幕”,并将其不透明度降低到70%。

如何在Photoshop中制作美味的炸薯条图标
步骤11

将其填充降低到0%。

复制前铲斗的层形状并将其放置在所有层之上。

如何在Photoshop中制作美味的炸薯条图标

使用此设置添加内部阴影。

如何在Photoshop中制作美味的炸薯条图标

这是结果。

如何在Photoshop中制作美味的炸薯条图标
步骤12

两条路径都将合并为一条路径。

选择两个路径,然后单击合并。

前铲斗层形状的重复路径。

让我们在存储桶上绘制水平条纹。

如何在Photoshop中制作美味的炸薯条图标
步骤13

现在,存储桶上应该有一个黄色的水平条纹。

将其模式设置为减。

复制路径并将其向下移动几个像素。

选择#fedd19作为其颜色。

单击添加调整图层图标,然后选择纯色以将路径转换为图层形状。

如何在Photoshop中制作美味的炸薯条图标

添加渐变叠加和内部发光。

如何在Photoshop中制作美味的炸薯条图标
如何在Photoshop中制作美味的炸薯条图标

这是我们的结果。

如何在Photoshop中制作美味的炸薯条图标
步骤14

在存储桶的左侧绘制红色多边形。

如何在Photoshop中制作美味的炸薯条图标

双击图层并添加内部阴影。

如何在Photoshop中制作美味的炸薯条图标
步骤15

制作新图层并用黑色填充。

按住Ctrl键并单击铲斗侧的形状。

如何在Photoshop中制作美味的炸薯条图标
步骤16

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

如何在Photoshop中制作美味的炸薯条图标

将混合模式设置为屏幕,并将其不透明度降低到60%。

如何在Photoshop中制作美味的炸薯条图标
步骤17

在铲斗侧绘制黄色水平条纹。

如何在Photoshop中制作美味的炸薯条图标

此处使用的设置与铲斗正面的水平条纹相同(步骤13)。

添加渐变叠加和内部发光。

如何在Photoshop中制作美味的炸薯条图标
如何在Photoshop中制作美味的炸薯条图标

这是结果。

如何在Photoshop中制作美味的炸薯条图标
步骤18

使用相同的技术在存储桶的下部绘制更多的条纹。

如何在Photoshop中制作美味的炸薯条图标
步骤19

在“层”面板中,单击“添加层蒙版”图标,并将两端涂成黑色。

在水桶下部绘制一个白色矩形,并将其不透明度降低到43%。

让我们在水桶上绘制亮点。

如何在Photoshop中制作美味的炸薯条图标
步骤20

重复此步骤以绘制另一个亮点。

如何在Photoshop中制作美味的炸薯条图标
步骤21

使用红色作为其颜色。

画出铲斗的厚度。

如何在Photoshop中制作美味的炸薯条图标

添加渐变叠加。

如何在Photoshop中制作美味的炸薯条图标
步骤22

这次,将其路径模式都设置为“添加到形状”。

我们可以简单地复制存储桶的正面并将其移动到所有层下。

接下来,向后拉水桶。

如何在Photoshop中制作美味的炸薯条图标

添加以下图层样式。

如何在Photoshop中制作美味的炸薯条图标
如何在Photoshop中制作美味的炸薯条图标

这就是结果。

如何在Photoshop中制作美味的炸薯条图标
步骤23

画出铲斗的另一侧。

如何在Photoshop中制作美味的炸薯条图标

添加以下图层样式。

如何在Photoshop中制作美味的炸薯条图标
如何在Photoshop中制作美味的炸薯条图标
第24步:添加土豆

将它们摆在自然位置。

将它们放入桶中。

按住Alt键并拖动我们之前创建的示例土豆。

如何在Photoshop中制作美味的炸薯条图标
步骤25

将其不透明度降低到12%。

涂成黑色以在土豆上添加桶形阴影。

在土豆和水桶之间形成黑色阴影。

如何在Photoshop中制作美味的炸薯条图标
步骤26

这种细微的阴影将增加土豆的位置深度。

制作新图层并在每个土豆上分别绘制阴影。

如何在Photoshop中制作美味的炸薯条图标

在下面,您可以看到gif动​​画,该动画显示了在每个马铃薯上添加细微阴影之前和之后的情况。

如何在Photoshop中制作美味的炸薯条图标
第27步:在存储桶上添加更多亮点

单击添加图层蒙版图标,然后用黑色绘制两个边缘。

在封面一侧绘制一个白色矩形,并将其不透明度降低到30%。

让我们在存储桶上添加一些亮点。

如何在Photoshop中制作美味的炸薯条图标
步骤28

在其另一面涂上更多高光。

如何在Photoshop中制作美味的炸薯条图标
步骤29:徽标

在桶的正面以颜色#fcbe15画一个椭圆。

如何在Photoshop中制作美味的炸薯条图标

双击图层并添加阴影。

如何在Photoshop中制作美味的炸薯条图标

以下是在椭圆上微妙的阴影效果的结果。

如何在Photoshop中制作美味的炸薯条图标
步骤30

按住Ctrl并拖动其侧面可倾斜文本。

按Ctrl + T执行转换。

使用字体Ballpark Weiner在椭圆的顶部添加文本“ Hk's”

如何在Photoshop中制作美味的炸薯条图标
步骤31

在文本徽标上添加以下“图层样式”。

如何在Photoshop中制作美味的炸薯条图标
如何在Photoshop中制作美味的炸薯条图标
如何在Photoshop中制作美味的炸薯条图标

结果如下。

如何在Photoshop中制作美味的炸薯条图标
步骤32

您可以在存储桶中添加更多内容。 您还可以使用免费字体中的字符添加回收站图标 回收它

如何在Photoshop中制作美味的炸薯条图标
步骤33:背景

从#f3f3f2到#f4f5c9绘制一个径向渐变。

激活渐变工具。

如何在Photoshop中制作美味的炸薯条图标
步骤34:阴影

使用柔软的小刷子在水桶下方绘制阴影。

如何在Photoshop中制作美味的炸薯条图标
步骤35

如果阴影太暗,则可能要降低其不透明度。

单击滤镜>模糊>高斯模糊以使其柔化。

通过按Ctrl + J复制阴影层。

如何在Photoshop中制作美味的炸薯条图标
最终结果+下载

:)

请记住,不要吃太多的炸薯条,那是不健康的!

我希望您喜欢本教程。

最后,这是我们的炸薯条图标。

如何在Photoshop中制作美味的炸薯条图标

翻译自: https://www.hongkiat.com/blog/french-fries-icon-photoshop-tutorial/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值