手机
当前位置:查字典教程网 >ps >PS入门实例教程 >如何在ps里创建扁平图标
如何在ps里创建扁平图标
摘要:在ps里如何创建6个扁平图标我们将会创建以上6个扁平图标;通过最近发生在太空探索和发现的事件启发,我们将经过一个令人兴奋的过程,在Adobe...

 在ps里如何创建6个扁平图标

1

我们将会创建以上6个扁平图标;

通过最近发生在太空探索和发现的事件启发,我们将经过一个令人兴奋的过程,在Adobe Photoshop里创建时尚扁平的图标,长阴影的影响下,用简单的形状和路径操作。让我们开动吧!

一.太空火箭图标

下面我们将应用我们的形状工具。我选择图像色彩饱和度低的颜色以营造出复古的效果,这使得有一个很好的结合与扁平图标。您可以将此颜色调色板保存到您的计算机,在打开的Photoshop中,用吸管工具(I)直接从中挑选颜色,为基本形状填充颜色。

2

第1步

首先,让我们开始创建地基。我们的图标都是圆的,所以从工具面板中的基本形状选择椭圆工具(U)。

在弹出选项菜单中设置图标宽度和高度为512×512像素。现在,我们创建一个圆。并填充成暗蓝色,

使人联想到深空。

3

第2步

现在,我们需要创建火箭地基。首先,在压扁的白色椭圆的顶部,选择转换点工具,然后单击上方锚点,使其变锋利。

4

第3步

保持矢量的选定火箭发射地基,进入路径操作的形状控制面板,并选择“与形状区域相交”。然后选取

矩形工具(U),并绘制一个矩形,重叠在火箭上,在底部留下一个小片。由于有此操作,所以外面的

矩形边界将变得不可见。这样,我们就切断了火箭的底部。

5

第4步

让我们做一个略有阴影的另一半火箭。首先,打开在查看>显示>智能参考线智能参考线;他会帮你把

形状放在适当的位置上。新建图层创建一个浅灰色的矩形,将这个图层放在火箭图层的上面,并覆盖其

右侧。

6

第5步

现在,我们需要隐藏火箭地基外矩形多余部分。这似乎有点棘手,而你只需按以下正确的顺序操作即可。

首先,按住Ctrl键并单击火箭图层上的图层面板。一旦你这样做,你会看到蚂蚁选择线沿火箭的边界。

现在,你需要做的是选择灰色矩形图层,然后单击添加一个蒙板。这样,你就创建了一个面具,链接

到你的层,它的作用是隐藏选区外不需要的部分。

7

第6步

选择椭圆工具(U),并添加一个圆,形成火箭的照明。继续创建它的内部,玻璃本身。复制刚才的图

层照明-圆,按下Control-T改变形状。在控制面板上方,减少圆的宽度和高度至70%。

8

用浅灰色与蓝色颜色填充2个圆。在火箭底部,创建圆角矩形。

第7步

添加翅片到火箭上,使之更逼真。首先在圆中填充褪红色,并选取“转换点工具”拖动底部锚点下来,

使其锋利。

9

第8步

按Ctrl-T,旋转翅片,并将其放置在火箭后面。然后复制翅片,选择编辑>变换路径>水平翻转。

按住Shift键沿水平方向移动右边翅片到火箭的另一侧。

10

第9步

增加第三个翅片放在火箭的前部(变换可通过ctrl+T操作)。

11

第10步

现在,需要添加一个漂亮的长阴影效果在图标上。形成影子可通过创建一个黑色的矩形,并降低

其不透明度降低至50%,然后旋转矩形45度。

12

扩展矩形以覆盖火箭,如下面的屏幕截图。

13

第11步

继续前进,我们需要删除火箭左半外部的矩形长阴影。使用锚点工具(在相同的菜单,钢笔工具(P))

操作。

14

第12步

另一种简单的方法来隐藏阴影中不要的部分。选择阴影形状图层,并按住Alt键,移动鼠标到地基圆的图层上。

一旦你看到光标变为带箭头的一个微小正方形时,点击图层,从而创造剪贴蒙版。

选择的影子,切换为矩形工具(U),改变影子的填充颜色。切换图层面板上半部分为正片叠底,

这样的阴影很好地融合在了背景上。

15

第13步

添加一些小的细节,我们的火箭,使其更加异想天开。取椭圆工具(U),并放置一个红色椭圆在火箭的

上半部分。同时选择创建椭圆,使其成为火箭头部的一部分,使用形状重叠功能来隐藏不需要的部分,使其

形成火箭一角。最后,用淡蓝色为火箭添加一个简单的高亮玻璃。

16

完成了火箭的绘制,并在其周围添加一些淡黄色圆点,以增加深度,使其有空间感。

17

第二.绘制一个平条纹星球图标

正如现在我们熟悉的简单的Photoshop功能和基本形状操作,我们可以加快这一进程,因为我们将使用

类似的技术。

让我们继续我们的下一个图标:一颗行星与小行星带。

第1步

行星用浅黄色的偶数圆为地基。继续前进,创建一组窄条纹在星球上面,用矩形工具(U),改变它们

的宽度和颜色。您可以组条纹(选择它们并按下Control+ G)旋转条纹组,

动态地添加到我们的星球。

18

第2步

现在,我们需要摆脱不需要的部分。选择这个星球地基;用椭圆工具(U)在图标上单击右键,选择菜单

中的“建立选区”。

19

当蚂蚁线选择在这个星球上,选择条纹组,然后单击添加蒙板,以掩藏不需要的部分。

第3步

添加一个简单的阴影到我们的星球上。复制星球形状,并把这个形状层向上和向左。选择这两个圆圈形状

并使用减去前形状的功能。切换的模式为滤色,设置不透明度为40%,使得地球更轻并形成一个阴影,在

其右边缘。

20

第4步

让我们添加小行星环围绕地球。做一个压扁椭圆形,使用形状减路径操作。然后,用一个更小尺寸的椭圆形

相减,使其形成一个孔。

21

我们需要删除行星与环重叠的部分,使其隐藏背后的基本行星形状。操作如下,加入一个椭圆,覆盖在地球上面,

创造地球上的顶部的“帽子”。

22

第5步

图中红笔画的形状右键单击对菜单进行选择>反向。

23

保持选择,单击环层和添加蒙板来隐藏它不需要的部分。

24

第6步

添加一个平坦阴影使用第一个火箭图标的相同技术。

25

最后,添加围绕在地球周围的恒星。

26

第三. 创建一个有天线的无线电望远镜

第1步

使用黑色圆。颜色并不重要,因为我们并不需要圆本身。把红色矩形放圆之上,覆盖一半。

使圆形的选择把矩形变成一个面具,隐藏不需要的部分。现在,删除黑色圆圈,只剩下红色部分。

27

填补暗红色创建形状的底部,使得电望远镜的基础更加详细。

28

第2步

添加一个天线。首先,把压扁的椭圆形放置在右侧的基本望远镜形状旁边。继续,

在多边形工具(U)的帮助下,创建一个三角形,填充浅灰色。延伸的形状,使得天线更薄,并把一

小圆放置在其尖端。

29

第3步

稍微旋转望远镜,使其跟踪空间信号。添加另一个以灰色三角形为基础的底座。切出的小三角形

与它相减。

30

第4步

完成了电望远镜形成的一个长长的影子,并增加一组星星在其旁边。

31

第四.一个有趣的UFO图标

第1步

首先创建一个圆形成UFO的上部。我们需要创建上面的椭圆,并删除圆的底部形状重叠。

32

第2步

添加反射玻璃部分,添加飞碟的剩余部分,两个红色椭圆下方,创建一个灰色的基座。

33

第3步

在飞碟底部添加光圆及上面的黄色灯泡。

34

添加阴影和一群恒星形成的图标。

35

第五.一个三脚架望远镜图标

第1步

望远镜包括主要的挤压管形成,所以让我们开始通过形成窄的矩形为望远镜的基础。重复的形状

和管壁用自由变换(ctrl+T)工具。填加底部温柔的影子。

36

第2步

通过添加一个压扁呈灰蓝色的形状添加在管的前部,并形成一个透镜

椭圆。使上下锚点尖锐,可通过点击它们与转换点工具。

37

通过点击控制,按住Shift将管子后面的镜头,添加简单淡蓝色的反射。

38

第3步

通过结合两个狭窄的灰色矩形构成了我们的望远镜的目镜。用圆角矩形工具,并添加薄三脚架腿,支撑着

望远镜。

39

旋转腿和深灰色并添加小桥接。

40

第4步

旋转望远镜,使它看起来向上看天上的星星。通过增加一个长长的影子和一组星星完成了。

41

第六.绘制月牙儿与云图标

第1步

形成一个月牙形,通过一个圆填充黄色,然后添加一个小圆圈在上面,将其放置在右上侧,

使其形成基本的月亮形状。用相减法工具切出一部分,形成月牙。

42

第2步

用蓝色圆圈呈现一片云彩。添加了另一些更小的尺寸的圆,使得云蓬松。如果圆圈

在不同的图层,选择所有这些,组合形状。

43

第3步

让我们来切断云的下部,通过添加一个窄矩形,并使用减去形状将隐藏底部的一部分。

44

第4步

放另一个云在月亮背后,并使它略小一些。增加长阴影以及月球的星星。

45

7.添加一个深空背景

现在我们已经完成全部的图标,让我们添加一个暗灰蓝色做为他们身后的背景层,并加一些较轻的椭圆在这里或那里,并改变椭圆的大小和位置。最后,放置几个条纹(圆角矩形工具)在画板边缘,使得布局更时尚。

46

干得好,伙伴们!我们刚刚制作完一套时髦的扁平图标在Adobe Photoshop。我希望这些简单的

形状路径操作会帮助你在未来的项目。祝好运!

47

【如何在ps里创建扁平图标】相关文章:

ps制作绚丽时钟图标

创建一幅超现实石屋风景照片

Photoshop如何为照片添加错位方格特效

30分钟拟物图标速成记

Photoshop制作招财猫图标

PS制作一个扁平化胖次图标效果图

如何正确使用Photoshop切片工具

Photoshop制作张力十足的流体美女海报

PS如何制作皱褶纸张效果?

PS手把手教你绘制扁平风行星与雷达图标

精品推荐
分类导航