当前位置:首页 > PS教程 > 网页设计

图标设计,在PS里创建一款平面海盗图标

  • 2022-12-24 18:41:53
  • 来源/作者:互联网/佚名
  • 己被围观

本篇教程通过PS设创建一款平面海盗图标,整个图标新颖好看,我们将使用Adobe Photoshop的基本形状以及各种方便的功能和特性,使海盗图标成为时尚的平面风格,同学们一起来制作一下吧。

第8步

在这里,我们有 - 我们的朗姆酒瓶图标已经准备好了!让我们继续下一个!

图标设计,在PS里创建一款平面海盗图标
2.设计方向盘图标
步骤1

让我们从460 x 460像素的浅褐色圆圈构成方向盘的底部。复制(Control-J)圆,按下Control-T进行自由变换,并使副本更小(在下图中可以看到用黑暗笔划标记的较小副本)。选择两种形状,单击鼠标右键,然后减去“正面形状”以剪去内圈。

图标设计,在PS里创建一款平面海盗图标
第2步

现在我们将构成车轮的内在部分。在方向盘内部做一个160 x 160像素的黄色圆圈,并使用顶部的对齐面板将两个形状水平和垂直对齐。

复制(Control-J)棕色的轮子形状,将副本放在顶部(Shift-Control-]),按Control-T进行自由变换并缩小,使形状变得更小。

图标设计,在PS里创建一款平面海盗图标
第3步

让我们添加方向盘的酒吧或持有人。使用矩形工具(U)制作一个30 x 540像素深褐色的形状,并将其放置在轮子下方(Shift-Control- [)。不要忘记把酒吧对准车轮。

图标设计,在PS里创建一款平面海盗图标
步骤4

让我们添加更多的元素到酒吧。使用圆角矩形工具(U)在杆顶部制作一个夹具。使用“属性”面板使顶部的形状比底部更圆。

使用直接选择工具(A)使形状的底部稍窄(与我们用朗姆酒瓶相同)。

复制创建的元素,在自由变换模式下将其上下颠倒,并将其附加到条的底部。

现在,我们可以将组(Control-G)栏与保持器一起,通过在“层”面板中选择组文件夹复制整个组,按下Control-T并将其旋转90度。

再做两个副本,然后沿不同方向旋转45度,如下图所示。

图标设计,在PS里创建一款平面海盗图标
第5步

让我们通过添加一些钉头木轮基地完成方向盘图标。首先在车轮顶部放置一个很小的深灰色椭圆。将一个又一个在底部,组两个圆,并复制该组。旋转组90度,并制作更多的副本,就像我们对酒吧做的一样。

大!现在我们可以把我们的图标放在图标库上继续前进!

图标设计,在PS里创建一款平面海盗图标
3.制作一个海盗胸部图标

步骤1

从670 x 530像素的黄色矩形开始制作胸部。现在我们来添加我们胸部的木质部分。继续使用矩形工具(U)制作585 x 260 px深褐色的形状,并将两种形状的水平中心对齐。

在胸部顶部添加较浅颜色的较小矩形,并将黄色和浅褐色形状的顶部边缘对齐。

图标设计,在PS里创建一款平面海盗图标
第2步

现在我们将在我们的胸部表面上形成木板。使用矩形工具(U)创建一个585 x 20 px深棕色条纹,并将其放在顶部木制形状的上方,对齐形状的水平中心。复制(Control-J)几行,并将复制品放在木制的形状上。

在我们的胸部顶部添加另一个金色的金属元素:做一个67×165像素的垂直矩形,把它放在我们的胸部的盖子的中心。

图标设计,在PS里创建一款平面海盗图标
第3步

让我们给我们的胸部添加一个锁。创建一个130 x 155像素大小的深黄色圆角矩形和30像素圆角半径。把一个小圆圈和一个三角形组合在一起制成钥匙孔。我们可以在多边形工具(U)的帮助下制作一个三角形,在控制面板上将边数设置为3。

图标设计,在PS里创建一款平面海盗图标
步骤4

而我们的胸部图标已准备就绪!让我们来看看我们的最后一个图标!

图标设计,在PS里创建一款平面海盗图标
4.渲染一个花式海盗帽子图标
步骤1

从910 x 160像素的深灰色椭圆开始形成一个帽子,让我们看看我们如何能够改变这个形状,使它稍微拱起。按下Control-T进行自由变换,在顶部的控制面板中找到Warp Modes按钮。

选择弧弯曲并将弯曲值设置为20%,从而将形状向上弯曲。

图标设计,在PS里创建一款平面海盗图标
第2步

使用椭圆工具(U)创建一个400 x 400像素的圆,并将其放置在圆弧的中心。使用直接选择工具(A)将两侧锚定点向下移动一点,使圆圈看起来更像一个鸡蛋。选择两种形状,单击鼠标右键并合并形状。

图标设计,在PS里创建一款平面海盗图标

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条