数码资源网·下载

展开

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼

作者:网友整理
PS自学网app(PS入门教程) v1.5 安卓版

PS自学网app(PS入门教程) v1.5 安卓版 28.10M / 简体中文

点击下载
鼠绘动漫v1.3.2

鼠绘动漫v1.3.2 104.02M /

点击下载
Photoshop官网v11.5.162

Photoshop官网v11.5.162 219.55M / 简体中文

点击下载

  本教程我们介绍如何利用Photoshop的钢笔工具和渐变特效模拟火焰的效果绘制一条漂亮的火焰鱼。方法不是太复杂,希望对大家的PS学习有所帮助和提高。

最后效果图

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图49

  本教程所需的素材:
  Smoke (烟雾)
  Faux glow (人造光晕)
  Globe icon (地球图标)
  Star brushes (星状笔刷)

  步骤1

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图1

  步骤2

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图2

  步骤3

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图3

  步骤4

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图4

  步骤5

  现在我们要做鱼的眼睛。

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图5

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

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图5-2

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图5-3

  步骤6

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图6

  步骤7

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图7

  步骤8

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图8

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

  步骤9

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图9

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图10

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图11

  步骤10

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图12

  现在把它放到鱼身上。

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图13

 

[page]
 

  步骤11

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图14

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图15

  步骤12

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图16

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图17

  步骤13

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图18

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

  步骤14

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图21

  步骤15

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图21outcome

  步骤16

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图22

  步骤17

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图23

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图24

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图25

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图26

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图27

  步骤18

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图28

  步骤19

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图29

  步骤20

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图30

[page]
 

  步骤21

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图31

  步骤22

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图32

  步骤23

  这是目前为止的效果。

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图33

  步骤24

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图34

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图35

  步骤25

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图37

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图36

  步骤26

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图38

  步骤27

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图39

  步骤28

  现在我们开始做背景。

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图40

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

  步骤29

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图41

  步骤30

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图42

 

[page]
 

  步骤31

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图43

  步骤32

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图44

  步骤33

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图45

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图46

  步骤34

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图47

  步骤35

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

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图48

  步骤36

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

下面是最后的效果图:

Photoshop鼠绘教程 用钢笔工具绘制漂亮的火焰鱼_图49
原文来自:tutorial9.net

加载全部内容

相关文章
相关专题