今天,我们将教您如何仅用Photoshop手工制作视觉上美味的炸薯条图标!
欢迎来到Hongkiat烘焙与烹饪艺术课!
本教程肯定会让您吃饱了。
是的,您将学习创建美味的炸薯条图标,其中主要涉及一些形状创建和图层样式,欢迎初学者面包师!
入门
要遵循本教程,您将需要以下资源:
- 米奇·罗西 ( Mickey Rossi)的 Font Ballpark Weiner
- Bartek Nowak的 Font Recycle-It
炸薯条图标
步骤1:抽土豆
请注意,我们不使用矩形工具,而是使用钢笔工具来获得自然外观。
绘制马铃薯的基本形状并将其颜色设置为#e1cc7a。
激活钢笔工具。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/9a4fdee3c3fee22ce351c08304e4fddb.png)
添加以下内部阴影和渐变叠加。
在“图层”面板中,双击图层以打开“图层样式”对话框。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/95c7b997e77c8c1c5995fe0c071539b5.png)
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/d11a0ab0068d93deec7d9b626d6a10f4.png)
这是结果。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/406e183ef8d59c256f1c0bbb7b285a99.png)
第2步
画土豆的一面。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/8dfc0b2b63b407a6741f0f789964c342.png)
添加以下图层样式。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/91af7edc901e7696ef7a09ba4a8765c4.jpeg)
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/f4bee4f57b16145f788e05687d001fa2.png)
这就是结果。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/c3ae524be57654d5d2e5c2295950046d.png)
第三步
最后,绘制其上部。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/a791b2a88b90dc1ee3b4ec1014810a13.png)
添加以下图层样式。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/ab35286b4c8c5b538ffa0bd5c59ad16b.png)
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/4a402c973bd66733dec6640a25efac3e.png)
我们现在有一个炸薯条。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/464d1554017735d4bc8fbe8d596f9654.png)
第四步
重复这些过程以绘制更多土豆。
将所有图层分组。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/1c0aa62d2277f8d953c71a753bb6bab6.png)
步骤5:桶
在其顶部,添加椭圆路径并将其模式设置为“减”。
绘制红色多边形。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/cbc27a986dd1671cda67ac27ea17aeaa.png)
第6步
用#a60101和#ff0302颜色绘制条纹。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/2c6f96a15df18a71aad16dffcb5e20ce.png)
步骤7
执行转换( Ctrl + T ),然后按住Ctrl键并拖动其角落,直到条纹与存储桶的透视图匹配为止。
通过按Ctrl + Alt + G将其转换为Clipping Mask。
在桶顶部放置条纹。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/d1acd01b27f7760486277887d8bfad57.png)
将不透明度降低到40%。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/6892a3077db05c6b687eeb6449def21d.png)
步骤8
将图层转换为剪贴蒙版( Ctrl + Alt + G )。
在桶的下部涂上黑点。
在存储桶的顶部新建一个层。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/8de3472842ff8d423e956dabe5e8e527.png)
步骤9
对存储桶的上部重复先前的过程。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/8c8596059966b416cada2ab3c727424d.png)
第10步
使用过滤器添加噪声,“过滤器”>“噪声”>“添加噪声”。
制作一个新层,并用黑色填充。
按住Ctrl键并单击前桶层,以根据其形状进行新选择。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/159f9b72f9356332a0a420cff8431114.png)
将图层混合模式更改为“屏幕”,并将其不透明度降低到70%。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/6e9612285d372135858e4eec7bbcb40d.png)
步骤11
将其填充降低到0%。
复制前铲斗的层形状并将其放置在所有层之上。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/f7da75ed38cac9c4f1d6efe2eb237e60.png)
使用此设置添加内部阴影。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/0624b81425a5c014b10daa479c8cf16b.png)
这是结果。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/67e7ac47d447540c254a39a68b7ca7b9.png)
步骤12
两条路径都将合并为一条路径。
选择两个路径,然后单击合并。
前铲斗层形状的重复路径。
让我们在存储桶上绘制水平条纹。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/9e0739bdd1c7f0ea9867a108911f7296.png)
步骤13
现在,存储桶上应该有一个黄色的水平条纹。
将其模式设置为减。
复制路径并将其向下移动几个像素。
选择#fedd19作为其颜色。
单击添加调整图层图标,然后选择纯色以将路径转换为图层形状。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/8ac7b3e4f3893fbb39c4a5a3c28b9f92.png)
添加渐变叠加和内部发光。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/1812749a000e448af68ae0043fc71f3d.png)
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/994394a5c113235c273a84985c5c6e8f.png)
这是我们的结果。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/3a14efdae583b0030e33014737fd631a.png)
步骤14
在存储桶的左侧绘制红色多边形。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/dc6db4a288982843fb2eda56f940ebe4.png)
双击图层并添加内部阴影。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/650281bb63e32763e89d4a3782d3e00f.png)
步骤15
制作新图层并用黑色填充。
按住Ctrl键并单击铲斗侧的形状。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/15bf65323d97a45f48a54221da3979e9.png)
步骤16
单击过滤器>噪波>添加噪波。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/0b30ca84a5002f43d92d6ee067c342c2.png)
将混合模式设置为屏幕,并将其不透明度降低到60%。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/3a10fe36adfe27b113aeaa412bd7aa5d.png)
步骤17
在铲斗侧绘制黄色水平条纹。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/b24d39de47bd5ffdcfe55c103e9c5b9a.png)
此处使用的设置与铲斗正面的水平条纹相同(步骤13)。
添加渐变叠加和内部发光。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/0412d664c9976f1a443702b715d761d7.png)
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/60cf40a13d9feb147fcf5fcca90accc1.png)
这是结果。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/5fa18204007631a6ce7d6b10ba5bd517.png)
步骤18
使用相同的技术在存储桶的下部绘制更多的条纹。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/f3955fa76588de97e29d1191121390fb.png)
步骤19
在“层”面板中,单击“添加层蒙版”图标,并将两端涂成黑色。
在水桶下部绘制一个白色矩形,并将其不透明度降低到43%。
让我们在水桶上绘制亮点。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/ef804f02954557725d1dbb5e36a1a799.png)
步骤20
重复此步骤以绘制另一个亮点。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/a06b9a8f307fbd9f630d210dfff04d3f.png)
步骤21
使用红色作为其颜色。
画出铲斗的厚度。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/3c6759a3940befb4105acf39cebcaf7c.png)
添加渐变叠加。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/6c0e2a0dcbd1ba52ff774e46026e1c13.png)
步骤22
这次,将其路径模式都设置为“添加到形状”。
我们可以简单地复制存储桶的正面并将其移动到所有层下。
接下来,向后拉水桶。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/890d6015babac07f8113dc9d5ae47d0c.png)
添加以下图层样式。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/7dabbfc4c4d934dd4cf9467a3f488c82.png)
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/c1531f69266f3b6d94ffaca05a041180.png)
这就是结果。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/928dcaa3bbe5a5d6e198ca5e26e27d70.png)
步骤23
画出铲斗的另一侧。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/f99e00f915a2666b806c087ae0bb1e97.png)
添加以下图层样式。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/29bf3307e6eec5fd27c3ad273f677ca5.png)
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/aabd4d13550a535dab78a618fabc7e02.png)
第24步:添加土豆
将它们摆在自然位置。
将它们放入桶中。
按住Alt键并拖动我们之前创建的示例土豆。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/49c2ca9327f6a1c9c7990db652c84c36.png)
步骤25
将其不透明度降低到12%。
涂成黑色以在土豆上添加桶形阴影。
在土豆和水桶之间形成黑色阴影。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/db16ba29c1af6d16c0cffebdcd42e375.png)
步骤26
这种细微的阴影将增加土豆的位置深度。
制作新图层并在每个土豆上分别绘制阴影。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/d8cc0458c96db2706a1c056204dd288d.png)
在下面,您可以看到gif动画,该动画显示了在每个马铃薯上添加细微阴影之前和之后的情况。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/6f2259f0fb8306af051b0d0fb8d153e2.gif)
第27步:在存储桶上添加更多亮点
单击添加图层蒙版图标,然后用黑色绘制两个边缘。
在封面一侧绘制一个白色矩形,并将其不透明度降低到30%。
让我们在存储桶上添加一些亮点。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/bb5e62ad101672ccff31195c65374c65.png)
步骤28
在其另一面涂上更多高光。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/f0dfed46bd651ccb03e35ce784351eec.png)
步骤29:徽标
在桶的正面以颜色#fcbe15画一个椭圆。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/c33ca71f10189bf276b268021650180c.png)
双击图层并添加阴影。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/0c10c42a03c2aeb45ab6d5e4ff15b674.png)
以下是在椭圆上微妙的阴影效果的结果。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/73de8a9c80ac880335bb38ec12e9166b.png)
步骤30
按住Ctrl并拖动其侧面可倾斜文本。
按Ctrl + T执行转换。
使用字体Ballpark Weiner在椭圆的顶部添加文本“ Hk's” 。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/88f9c97d75590252bdca93536417b591.png)
步骤31
在文本徽标上添加以下“图层样式”。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/bd6f813537eb70ae372e497954b87a1b.png)
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/083fec1a72b1ddb951d4984af804a56b.png)
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/698deedd66c8d36b95e8a6a12f874384.png)
结果如下。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/b34a8b275cd50bbd13ce9f538e38bf4f.png)
步骤32
您可以在存储桶中添加更多内容。 您还可以使用免费字体中的字符添加回收站图标 回收它 。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/5323486c0ce232cca77088cd3e82e387.png)
步骤33:背景
从#f3f3f2到#f4f5c9绘制一个径向渐变。
激活渐变工具。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/fe17a52a39facbda8076ec6e6948adbe.png)
步骤34:阴影
使用柔软的小刷子在水桶下方绘制阴影。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/6cea1770dee853ec7e8ae2d6b845a962.png)
步骤35
如果阴影太暗,则可能要降低其不透明度。
单击滤镜>模糊>高斯模糊以使其柔化。
通过按Ctrl + J复制阴影层。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/600815eec41420e5a01a57b73638ebee.png)
最终结果+下载
:)
请记住,不要吃太多的炸薯条,那是不健康的!
我希望您喜欢本教程。
最后,这是我们的炸薯条图标。
![如何在Photoshop中制作美味的炸薯条图标](https://i-blog.csdnimg.cn/blog_migrate/17c5d1f5368c79c7d2ab56d4203ea096.png)
翻译自: https://www.hongkiat.com/blog/french-fries-icon-photoshop-tutorial/