photoshop制作类似火狐浏览器的火鱼图标(3)

, 步骤24 现在我们要去应用烟雾效果和一些星状笔刷。在鱼上方复制粘贴烟雾,在同一层上画一些星星,设置图层的不透明度为69%,再添加图层样式。 步骤25 现在粘贴地球图标,添加一个图层蒙版。选择一个大小合适的笔

photoshop制作类似火狐浏览器的火鱼图标(4)

结论 现在就已经完成了火焰鱼的制作喽~我希望这篇教程能给大家一些帮助,能让你学到一些新的PS技术和技巧。不要忘记给我们留言,让我们知道你的想法!

,                                             步骤24

现在我们要去应用烟雾效果和一些星状笔刷。在鱼上方复制粘贴烟雾,在同一层上画一些星星,设置图层的不透明度为69%,再添加图层样式。


photoshop制作类似火狐浏览器的火鱼图标(3)插图

photoshop制作类似火狐浏览器的火鱼图标(3)插图(1)

步骤25

现在粘贴地球图标,添加一个图层蒙版。选择一个大小合适的笔刷,设置硬度为0,使用这个大型笔刷淡化地球图标,使用#000000的颜色在图层蒙版上涂抹。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(2)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(3)

步骤26

现在把地球图标放在火鱼的后面。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(4)

,                                            步骤27

按CTRL / CMD + T,按住shift键调整地球直到它与火鱼的大小相配。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(5)

步骤28

现在我们开始做背景。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(6)

让我们选择一个背景色。我用的是#112047。

步骤29

这是使用了背景色的效果。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(7)

步骤30

在背景之上、地球和火鱼的后方新建一个图层。使用选择工具标志你三分之一的文档。用更深的颜色填充它(#0e1939)。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(8)

步骤31

应用图层蒙版,选择渐变填充工具使其褪色。(如上图)


photoshop制作类似火狐浏览器的火鱼图标(3)插图(9)

,                                            步骤32

使用椭圆工具画一个椭圆形。把它放在火鱼的下面。这将成为火鱼的影子。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(10)

步骤33

现在去滤镜 模糊 动态模糊,运用这些设置(你需要做两次,一次沿x轴,一次沿y轴)。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(11)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(12)

步骤34

现在使用直线工具在地球的上方画一条直线,打开图层样式,运用一些斜角和浮雕(这时我会让大家选择自己想应用的设置)。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(13)

步骤35

重复步骤34,这是我们现在所完成的效果。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(14)

步骤36

新建一个图层,使用星状笔刷绘制一些星星,这将使“天空”看起来更真实。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(15)

重覆执行步骤10,重命名这一层为“Fireshapes3”,把它放在“Fireshapes2”之上。现在让我们使用铅笔工具在底部添加黄色的形状,使它看起来更像鱼。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(16)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(17)

步骤12

现在我们将使用图层风格选项完成下一步。

photoshop制作类似火狐浏览器的火鱼图标(3)插图(18)

图片1


photoshop制作类似火狐浏览器的火鱼图标(3)插图(19)

步骤13

现在你大致懂得了用钢笔工具来制作鱼形状的技术了。我将会在鱼的尾巴上增加一些渐变的形状(按照步骤12设置渐变),把它们放在文件夹里,并命名为”Tall”(尾巴)。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(20)

尾部是蓝色路径内的区域。

步骤14

现在在尾部文件夹添加图层蒙版,应用渐变使其褪色,这样就在蓝色路径内实现了这种效果。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(21)

,                                            步骤15

这就是我们目前为止所作的成果。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(22)

步骤16

现在我们要制作鱼鳍。鱼游泳是不能没有鱼鳍的对吧~参照上图制作一个形状(我使用的颜色是#fcb100),使用图层蒙版和渐变工具使其褪色。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(23)

步骤17

现在让我们使用与步骤16相同的技术在鱼鳍上增加一些火焰的形状。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(24)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(25)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(26)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(27)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(28)

,                                             步骤18

在鱼头上制作一个形状,这将能增加一个感觉不错的火焰效果。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(29)

步骤19

重复步骤18,运用图层蒙版和渐变工具使其褪色(就是渐变效果)。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(30)

步骤20

现在把我们所做的一切都放在一个文件夹中,并命名为“鱼”。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(31)

步骤21

设置鱼文件夹的不透明度为69%


photoshop制作类似火狐浏览器的火鱼图标(3)插图(32)

步骤22

复制鱼文件夹,按CTRL / CMD + E,这将使复制层在鱼文件夹的上方。在上方添加样式。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(33)

步骤23

这是目前为止的效果。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(34)作者活力盒子翻译   出处:tutorial9

最终效果图:


photoshop制作类似火狐浏览器的火鱼图标(3)插图(35)

在这个photoshop教程中,你会学到如何在Firefox的logo基础上设计一个吉祥物,以及怎样用钢笔工具和渐变来模拟火焰的效果。

步骤1

开始创建一个文档,我用的是800*600像素的,这是个很好的创造图标的工作环境。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(36)

步骤2

用钢笔工具画一个鱼身体的基本形状。你可以画任何你喜欢的鱼。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(37)

步骤3

打开图层风格,运用黄色-橙色-红色的梯度渐变创建火焰的效果,设置渐变风格为镜像,角度为45°。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(38)

步骤4

到目前为止你所做的鱼的形状应该看起来像这样(如果你按照我做的步骤走的话)。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(39)

步骤5

现在我们要做鱼的眼睛。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(40)

,                                           选择椭圆工具画一个正圆。按住shift画正圆。

打开图层风格,运用这种风格(见下图)


photoshop制作类似火狐浏览器的火鱼图标(3)插图(41)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(42)

步骤6

在正圆上创建另外一个形状,添加一些外发光。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(43)

步骤7

做一个火苗的形状。这将为鱼的眼睛增添一个不错的火焰效果。打开图层风格,应用外发光。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(44)

步骤8

现在我们准备用钢笔工具设置鱼身体上的火焰效果(我知道,这种说法是很滑稽的)。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(45)

  

,                                           画一条长长的尖角形状。应用图层蒙版,用渐变工具使它褪色。

步骤9

重覆执行步骤8共18次(这个随你愿 100次也没人管你:)),使用不同的形状和颜色。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(46)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(47)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(48)

步骤10

现在把每一个形状都放在你所建的文件夹中,并以“Fireshapes”命名。现在复制整个文件夹,按CTRL / CMD + E将文件夹合并为一个图层。重命名图层为“Fireshapes2”,然后按CTRL / CMD + T,把选区放在最底部。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(49)

现在把它放到鱼身上。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(50)

  

,                                            步骤11

结论

现在就已经完成了火焰鱼的制作喽~我希望这篇教程能给大家一些帮助,能让你学到一些新的PS技术和技巧。不要忘记给我们留言,让我们知道你的想法!作者活力盒子翻译   出处:tutorial9

最终效果图:


photoshop制作类似火狐浏览器的火鱼图标(3)插图(35)

在这个photoshop教程中,你会学到如何在Firefox的logo基础上设计一个吉祥物,以及怎样用钢笔工具和渐变来模拟火焰的效果。

步骤1

开始创建一个文档,我用的是800*600像素的,这是个很好的创造图标的工作环境。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(36)

步骤2

用钢笔工具画一个鱼身体的基本形状。你可以画任何你喜欢的鱼。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(37)

步骤3

打开图层风格,运用黄色-橙色-红色的梯度渐变创建火焰的效果,设置渐变风格为镜像,角度为45°。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(38)

步骤4

到目前为止你所做的鱼的形状应该看起来像这样(如果你按照我做的步骤走的话)。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(39)

步骤5

现在我们要做鱼的眼睛。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(40)

,                                           选择椭圆工具画一个正圆。按住shift画正圆。

打开图层风格,运用这种风格(见下图)


photoshop制作类似火狐浏览器的火鱼图标(3)插图(41)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(42)

步骤6

在正圆上创建另外一个形状,添加一些外发光。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(43)

步骤7

做一个火苗的形状。这将为鱼的眼睛增添一个不错的火焰效果。打开图层风格,应用外发光。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(44)

步骤8

现在我们准备用钢笔工具设置鱼身体上的火焰效果(我知道,这种说法是很滑稽的)。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(45)

  

,                                           画一条长长的尖角形状。应用图层蒙版,用渐变工具使它褪色。

步骤9

重覆执行步骤8共18次(这个随你愿 100次也没人管你:)),使用不同的形状和颜色。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(46)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(47)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(48)

步骤10

现在把每一个形状都放在你所建的文件夹中,并以“Fireshapes”命名。现在复制整个文件夹,按CTRL / CMD + E将文件夹合并为一个图层。重命名图层为“Fireshapes2”,然后按CTRL / CMD + T,把选区放在最底部。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(49)

现在把它放到鱼身上。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(50)

  

,                                            步骤11

重覆执行步骤10,重命名这一层为“Fireshapes3”,把它放在“Fireshapes2”之上。现在让我们使用铅笔工具在底部添加黄色的形状,使它看起来更像鱼。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(16)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(17)

步骤12

现在我们将使用图层风格选项完成下一步。

photoshop制作类似火狐浏览器的火鱼图标(3)插图(18)

图片1


photoshop制作类似火狐浏览器的火鱼图标(3)插图(19)

步骤13

现在你大致懂得了用钢笔工具来制作鱼形状的技术了。我将会在鱼的尾巴上增加一些渐变的形状(按照步骤12设置渐变),把它们放在文件夹里,并命名为”Tall”(尾巴)。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(20)

尾部是蓝色路径内的区域。

步骤14

现在在尾部文件夹添加图层蒙版,应用渐变使其褪色,这样就在蓝色路径内实现了这种效果。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(21)

,                                            步骤15

这就是我们目前为止所作的成果。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(22)

步骤16

现在我们要制作鱼鳍。鱼游泳是不能没有鱼鳍的对吧~参照上图制作一个形状(我使用的颜色是#fcb100),使用图层蒙版和渐变工具使其褪色。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(23)

步骤17

现在让我们使用与步骤16相同的技术在鱼鳍上增加一些火焰的形状。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(24)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(25)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(26)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(27)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(28)

,                                             步骤18

在鱼头上制作一个形状,这将能增加一个感觉不错的火焰效果。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(29)

步骤19

重复步骤18,运用图层蒙版和渐变工具使其褪色(就是渐变效果)。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(30)

步骤20

现在把我们所做的一切都放在一个文件夹中,并命名为“鱼”。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(31)

步骤21

设置鱼文件夹的不透明度为69%


photoshop制作类似火狐浏览器的火鱼图标(3)插图(32)

步骤22

复制鱼文件夹,按CTRL / CMD + E,这将使复制层在鱼文件夹的上方。在上方添加样式。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(33)

步骤23

这是目前为止的效果。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(34)

,                                             步骤24

现在我们要去应用烟雾效果和一些星状笔刷。在鱼上方复制粘贴烟雾,在同一层上画一些星星,设置图层的不透明度为69%,再添加图层样式。


photoshop制作类似火狐浏览器的火鱼图标(3)插图

photoshop制作类似火狐浏览器的火鱼图标(3)插图(1)

步骤25

现在粘贴地球图标,添加一个图层蒙版。选择一个大小合适的笔刷,设置硬度为0,使用这个大型笔刷淡化地球图标,使用#000000的颜色在图层蒙版上涂抹。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(2)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(3)

步骤26

现在把地球图标放在火鱼的后面。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(4)

,                                            步骤27

按CTRL / CMD + T,按住shift键调整地球直到它与火鱼的大小相配。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(5)

步骤28

现在我们开始做背景。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(6)

让我们选择一个背景色。我用的是#112047。

步骤29

这是使用了背景色的效果。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(7)

步骤30

在背景之上、地球和火鱼的后方新建一个图层。使用选择工具标志你三分之一的文档。用更深的颜色填充它(#0e1939)。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(8)

步骤31

应用图层蒙版,选择渐变填充工具使其褪色。(如上图)


photoshop制作类似火狐浏览器的火鱼图标(3)插图(9)

,                                            步骤32

使用椭圆工具画一个椭圆形。把它放在火鱼的下面。这将成为火鱼的影子。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(10)

步骤33

现在去滤镜 模糊 动态模糊,运用这些设置(你需要做两次,一次沿x轴,一次沿y轴)。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(11)

photoshop制作类似火狐浏览器的火鱼图标(3)插图(12)

步骤34

现在使用直线工具在地球的上方画一条直线,打开图层样式,运用一些斜角和浮雕(这时我会让大家选择自己想应用的设置)。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(13)

步骤35

重复步骤34,这是我们现在所完成的效果。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(14)

步骤36

新建一个图层,使用星状笔刷绘制一些星星,这将使“天空”看起来更真实。


photoshop制作类似火狐浏览器的火鱼图标(3)插图(15)

结论

现在就已经完成了火焰鱼的制作喽~我希望这篇教程能给大家一些帮助,能让你学到一些新的PS技术和技巧。不要忘记给我们留言,让我们知道你的想法!

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部