Photoshop合成怀旧Steampunk风格插画

8/6/2011来源:Photoshop教程人气:8825

  本文介绍如何用photoshop绘制怀旧的Steampunk风格插图,其中会涉及到光源、阴影和图层特效等技巧。

  本实例用到的素材非常多,你也可以选用其他可以体现主题的元素来替代。但要牢记Steampunk创作于蒸汽驱动技术,很大程度上来自维多利亚时代,并展现出了未来派艺术。

  完成效果如下。

Photoshop绘怀旧Steampunk风格插图
原文来自tutsplus.com

  步骤1
  创建一个新的文件,导入素材Man、Goggles。
  用钢笔工具分离出护目镜,导入你的空白文件中并命名该层为“Goggles”。再导入人的图像命名为“Man”。在脸上调整护目镜的位置和大小。然后减少“Goggles”层的饱和度(图像>调整>色相/饱和度)。

Photoshop绘怀旧Steampunk风格插图

  使用钢笔工具照下图描绘,不要担心会剪掉头发,这有一个适合我们需要的更快的方法。保持路径范围相当宽松,一旦你完成路径,就把它转为一个选项,创建一层蒙版(层>层蒙版>显示选项)。

Photoshop绘怀旧Steampunk风格插图

  选择“MAN”,而不是图层蒙版,使用克隆图章工具复制头发来填补空缺。确保你复制的头发在图层蒙版的边界外面。

Photoshop绘怀旧Steampunk风格插图

  选择涂抹工具,建立屏幕截图,涂抹图层蒙版(不是图层本身)在下方显示更多的头发。

Photoshop绘怀旧Steampunk风格插图

  运用图层蒙版(层>图层蒙版>应用),选择涂抹工具。设置笔刷为2像素及0%的硬度、再设置污点的力度在70到85之间。要顺着发丝的方向涂抹额外的头发。混合污点的强度以避免头发长度的一致。

Photoshop绘怀旧Steampunk风格插图

  步骤2
  Hat图象,用钢笔工具描绘它的路径,建立一个选区(去路径面板,选择路径,右击)。然后把它复制粘贴到你的工作文档中,取名为 “HAT”,调整大小到56%。

Photoshop绘怀旧Steampunk风格插图

  打开Hat Ornament图象,并粘贴到工作文档中。给这层取名为”WATCH”,调整大小到38.5%。去层>层风格>阴影,如下图所示设置。

Photoshop绘怀旧Steampunk风格插图

  选择”Hat”图层,在”WATCH”的边缘下方描绘路径(如图)。复制并粘贴到一个新层中。把这层移动到”WATCH”的上方,取名为 “HAT_BRIM”。合并这三层(层>合并层),在这个教程中我们将建立很多层。这是一个很好的练习合并层的机会。

Photoshop绘怀旧Steampunk风格插图

  步骤3
  在 “MAN”和”GOGGLE”层之间创建一个新层。命名这层为 “FACE_SHADOW”并设置它的混合模式为叠加。使用吸管工具从皮肤上提取黑色。选择一个大小为40像素硬度为0%的画笔。设置流量为25%,就可以在帽子和护目镜周围绘制阴影了。

  要记住脸部的轮廓,戴着帽子和护目镜会产生不均匀的阴影,部分阴影离光源近所以要比远点的部分颜色深。用小刷子来描绘出阴影部分,再用更大的笔刷混合阴影。你可能需要用吸管工具重新取样描绘阴影以达到满意的效果。

Photoshop绘怀旧Steampunk风格插图

Photoshop绘怀旧Steampunk风格插图

  请点击“下一页”,我们看下一个步骤。

  步骤4
  打开Moustache图像。使用矩形选区工具来选择胡子的区域。复制并粘贴在工作文档的”MAN” 图层上方,命名新层为 “MOUSTACHE”。 设置混合模式为叠加,这样你就可以看到图层下方的”MAN”图像,调整和旋转它到适合的地方。

Photoshop绘怀旧Steampunk风格插图

  调整色相/饱和度使它更适合 “MAN” 的皮肤颜色。

Photoshop绘怀旧Steampunk风格插图

  使用软边缘流量为25%的橡皮擦抹去”MOUSTACHE”图层的硬边。拖动橡皮擦,这时你会看到这两层的缝合很粗糙,看起来很不自然。

Photoshop绘怀旧Steampunk风格插图

  在两层之间创建一个自然的过渡,单击”MOUSTACHE”图层中黑色的区域直到它们相互融合。

Photoshop绘怀旧Steampunk风格插图

  最后,添加曲线调整层(确保图框标明使用上一层来创建裁剪蒙版),调整它直到”MOUSTACHE” 和”MAN”两层相配。选择”MAN” 、”FACE_SHADOW” 、和”MOUSTACHE” 层,合并这三层,命名为”MAN”。

Photoshop绘怀旧Steampunk风格插图

  步骤5
  “MAN”图层与其它层相比看起来似乎有些淡,所以我在”MAN”层上方添加曲线调整层,确保图框标明使用的是上一层。

Photoshop绘怀旧Steampunk风格插图

Photoshop绘怀旧Steampunk风格插图

  步骤6
  在”MAN”层上方创建一个新组,命名为”CHEST_PLATE”。选择”MAN”,它连接着曲线调整层(如图),复制它。把复本移动到 “CHEST_PLATE” 层中。描绘路径选择夹克的区域(不要衬衫或是头部的区域)。把完成的路径移到”MAN copy”的蒙版图层上。

Photoshop绘怀旧Steampunk风格插图

  打开Compass图像,如下图所示描绘路径,建立选区。

Photoshop绘怀旧Steampunk风格插图

  把它放在”MAN copy”下方的”CHEST_PLATE” 图层里,命名这层为”CHEST_PLATE” 。按Command + T 使用自由变换工具如图所示操作。个别点需要一直按住命令键操作。

Photoshop绘怀旧Steampunk风格插图

  使用克隆图章工具来填补空缺。

Photoshop绘怀旧Steampunk风格插图

  在”MAN copy”和 “CHEST_PLATE”之间添加一个新层,命名为”CHEST_SHADOW” 。设置混合模式为叠加,参照步骤3创建一个阴影。试着模仿衬衫右边的阴影创建在夹克上,使它看起来更自然。

Photoshop绘怀旧Steampunk风格插图

  步骤7
  打开Tap图像,复制并粘贴到文档中。把它放在”CHEST_PLATE”层之上,取名为”TAP” 。在胸牌上调整它的位置。

Photoshop绘怀旧Steampunk风格插图

 创建一个新层来描绘Tap的阴影。

Photoshop绘怀旧Steampunk风格插图

  阴影能显示Tap底部的光照。选择”TAP”层,使用加深工具来加深TAP的底座。在应用前设置值域为中间色调,曝光为25%左右。

Photoshop绘怀旧Steampunk风格插图

  在”TAP”层上创建曲线调整层,如图所示设置。现在你的图层面板(CHEST_PLATE 组)应该像下面这样。

Photoshop绘怀旧Steampunk风格插图

    现在你的蒸汽朋克作品看起来像点样子了~

Photoshop绘怀旧Steampunk风格插图

  步骤8
  在任一位置放置一条腰带或类似的东西,或者打开我准备的Belt图像。剪切,复制并粘贴到文档中,取名为”BELT_LEFT”。 复制这个层,复制层叫”BELT_RIGHT”。

  使用自由变换(命令+ T)调整旋转皮带直到它适合作为肩带。在应用之前变换(边框仍是可见的),去编辑>变换>弯曲,调整网格和点。

Photoshop绘怀旧Steampunk风格插图

  现在让皮带显出3D效果。选择”BELT_LEFT”,使用移动工具(V)。按住Alt键同时按住下箭头键。这将创造一个复制图层,移动它。放开Alt并按左箭头键。在”BELT_LEFT”中重复同样的步骤。

  用这种方式堆叠大约4层,然后重组它们(在面板上的位置:顶部: “BELT_LEFT” ,”BELT_LEFT copy” ,”BELT_LEFT copy 2″ and “BELT_LEFT copy 3″)。选择所有的”BELT_LEFT”图层,合并它们并如图调整色阶。在”BELT_RIGHT”图层中重复这个步骤。

Photoshop绘怀旧Steampunk风格插图

  在合并层”BELT_LEFT” 和”BELT_RIGHT” 的下方添加阴影层(“BELT_SHADOW”) ,设置混合模式为叠加。添加阴影的方式同之前一样。注意,表面凹凸不平的夹克一般的标准是投射的物体距表面越近,它的合成阴影越薄越犀利。圆圈的阴影部分是最大最柔的,要使用适当的笔刷来反映这一点。

Photoshop绘怀旧Steampunk风格插图

  在”BELT”层上创建另一个阴影层(“TOP_BELT_SHAD”),如图所示。合并所有的”BELT”层和 “SHADOW”层,取名为”BELTS”,把它放在”CHEST_PLATE” 图层中。

Photoshop绘怀旧Steampunk风格插图

  请点击“下一页”,我们看下一个步骤。

  步骤9
  选择MAN层,使用钢笔工具描绘手的路径。要让手遮住皮带。转变路径为一个选区,复制粘贴到一个名叫”HAND” 的新层上。把这层放在”BELTS” 的上方以及”CHEST_PLATE” 的图层组里。

Photoshop绘怀旧Steampunk风格插图

  选择”MAN”的曲线调整层,复制它。移动它到”HAND”图层的上方,进入层>创建剪裁蒙版。

Photoshop绘怀旧Steampunk风格插图

  打开 Hanging Watch图像,剪切,复制并粘贴到工作文档中,并把它放在”HAND”图层的上方,取名为”HANGING_WATCH” ,调整它的大小使它适合画面和手的比例。使用多边形套索工具在 “HANGING_WATCH”和”HAND”之间选择重叠,再去层>层蒙版>隐藏选区。
  选择层蒙版并应用0.8像素的高斯模糊。把这些所有层组成一个叫做”HAND”的图层组,然后把它放在”BELT” 图层上,”CHEST_PLATE”图层里。

Photoshop绘怀旧Steampunk风格插图

  步骤10
  打开 Brass Tank图像,复制粘贴到工作文档中,命名为”TANK” 。创建一个新层取名为”TANKS”,把”TANK”图层放在里面。按命令+ T使用自由变换工具如图所示旋转和调整它。

Photoshop绘怀旧Steampunk风格插图

  去“图像>调整>阴影/加亮”,如图设置。

Photoshop绘怀旧Steampunk风格插图

    复制”TANK”图层,如图所示自由转换它。

Photoshop绘怀旧Steampunk风格插图

  在两个”TANK” 图层上创建一个新层,命名为”TANK_SHADOW”。 设置混合模式为正片叠底,像之前一样添加阴影。下图可供参考。阴影模式是基于”MAN “图层的光线和阴影模式,试着想象光源与”MAN” 图层的关系。这也直接关系到”TANK”层。

Photoshop绘怀旧Steampunk风格插图

  步骤11
  打开Building图像并把整个图像粘贴到文档中,取名为”BUILDING” 并把它移到图层面板的底部。按命令+ T用自由变换工具如图操作。目的是让图像实现透镜变形和远景的效果。

Photoshop绘怀旧Steampunk风格插图

  调整”BUILDING”图层的大小得到一个更好的效果。

Photoshop绘怀旧Steampunk风格插图

  然后去“滤镜>模糊>镜头模糊”,如下图所示运用模糊设置。你也可以使用高斯模糊,但它不是那么有效。

Photoshop绘怀旧Steampunk风格插图

   “图层>新的调整层>色相/饱和度”,移动滑块到-48。

Photoshop绘怀旧Steampunk风格插图

  然后在色相/饱和度的基础上添加一个曲线调整图层。

Photoshop绘怀旧Steampunk风格插图

  步骤12
  打开 Chimney图像剪切复制到文档中,命名为”CHIMNEY” 。调整、旋转和复制它直到你有三个这样的烟筒。把这三个”CHIMNEY”创建一个图层组,命名为”CHIMNEYS”。

Photoshop绘怀旧Steampunk风格插图

  创建一个名为”CHIMNEY_SHADOW”的新层,设置混合模式为叠加。我们打算在这层画阴影,但这次我们要用”CHIMNEY”层的蒙版屏蔽区域来画它,在”CHIMNEY”层上点击Command-click创建你想要的影子。如果你选择了其他的烟囱的一部分,就在适当的图层上点击命令+ Alt-click。然后在”CHIMNEY_SHADOW”层中画阴影,参照下图。

Photoshop绘怀旧Steampunk风格插图

  打开 Cloud图像,去图像>调整>去色,然后如图设置。

Photoshop绘怀旧Steampunk风格插图

  选择加深工具,设置阴影在25%之间,加深还不是黑色的所有的天空区域。

Photoshop绘怀旧Steampunk风格插图

  粘贴调整过的云层到文档中,并把它放在”CHIMNEYS”图层组。设置混合模式为屏幕并取名为”SMOKE”。如果云层后的天空是可见的,那就涂掉它。创建”SMOKE”的复本,使它们看上去似乎正从烟囱里排放。删除烟的一些区域的雾直到你得到类似下图的效果。你应该能够运用一片云的形象创建相同的效果的。

Photoshop绘怀旧Steampunk风格插图

  请点击“下一页”,我们看下一个步骤。

  步骤13
  添加适当的元素。我从sxc.hu加了一些 Cogs放在背包上。之前也说过,这是一个很好的练习命名图层和组合图层的教程(不过太啰嗦了~)。每一个新的元素也有属于自己的影子。值得一提的是,我调整了色相/饱和度,给了Cogs更多金属的感觉。

Photoshop绘怀旧Steampunk风格插图

Photoshop绘怀旧Steampunk风格插图

  步骤14
  新建层命名为”PipE”。使用钢笔工具画一条直线(设定路径没有形状层),然后选择画笔工具,如图设置。
  设置前景色为#52422b。去路径面板,选择你刚刚绘制的路径,并选择sub菜单中的描边路径。确保这个笔刷设置为100%的透明度和100%的流量。

Photoshop绘怀旧Steampunk风格插图

Photoshop绘怀旧Steampunk风格插图

    路径描边后,去“层>层风格>内阴影”,应用下图的设置。

Photoshop绘怀旧Steampunk风格插图

  如图设置斜角和浮雕。

Photoshop绘怀旧Steampunk风格插图

  在”PIPE”下方创建一个空白图层,选择这两个图层,按Command + E 键合并它们,这将栅格化图层样式。

Photoshop绘怀旧Steampunk风格插图

  添加杂色(滤镜>杂色>添加杂色)

Photoshop绘怀旧Steampunk风格插图

  使用1.0像素的高斯模糊(滤镜>模糊>高斯模糊)

Photoshop绘怀旧Steampunk风格插图

  再使用智能锐化(滤镜>锐化>智能锐化)

Photoshop绘怀旧Steampunk风格插图

  步骤15
  打开 Electric Meter图像,剪切,复制并粘贴到文档中。把它直接放在”PIPE” 的上方,命名为”DIAL”。我也改变 “PIPE”为”PIPE_DIAL”。我们要做更多的管道。调整和旋转”DIAL”到合适的大小,旋转”PIPE”图层反映出转盘的角度。

Photoshop绘怀旧Steampunk风格插图

  步骤16
  打开 Lightbulb图像,剪切,复制并粘贴到文档中。分离出灯泡放在自己的层中,取名为”BULB”和 “LIGHTBULB_BASE”。

  调整和旋”BULB” 和”LIGHTBULB_BASE”层。复制”PIPE_DIAL” 层,命名为”PIPE_LIGHTBULB” ,旋转它使它与灯泡一致。

Photoshop绘怀旧Steampunk风格插图

  点击 “BULB”层的缩略图来创建一个选项。创建一个新层命名为”BULB_BRIGHTNESS”,填充颜色为#fff48a。改变层的混合模式为屏幕,层的透明度为87%。然后添加6.0像素的高斯模糊。

Photoshop绘怀旧Steampunk风格插图

  复制 “BULB”层,命名为 “BULB_OVERLAY”。把它放在”BULB”层之上并如图调整它的色相/饱和度。将层混合模式改为叠加。

Photoshop绘怀旧Steampunk风格插图

  选择 “BULB”层,去层>层风格>阴影。你可以用这个来创建一个柔光,如下图。

Photoshop绘怀旧Steampunk风格插图

  添加外发光使 “BULB”有更深的光晕。

Photoshop绘怀旧Steampunk风格插图

  请点击“下一页”,我们看下一个步骤。

  步骤17
  现在添加更多的管道,用我们之前使用的相同的方法。每个管道都有自己的层,参照步骤14加工变换。你可以尝试不同的厚度。

Photoshop绘怀旧Steampunk风格插图

  步骤18
  现在作品已经完成一大半了。我认为一些背景会分散我的注意力。使用克隆图章工具除去那些干扰前景的背景区域(“BUILDING” 层)。

Photoshop绘怀旧Steampunk风格插图

  步骤19
  复制最大的那个”SMOKE”图层并把它移到图层面板的顶部。取名为 “FOG”,调整,旋转,重新定位使它模糊背景而不去遮蔽过多的细节。把层的透明度调整到大约85%左右。

Photoshop绘怀旧Steampunk风格插图

  复制”FOG”,调整旋转到图像的另一边。

Photoshop绘怀旧Steampunk风格插图

  最后在”FOG”层上方创建一个新层,取名为”FOG_FILLER”。用一个大的柔边画笔在”FOG”的后面添加蒸汽。混合画笔的大小到400像素和1000像素之间。在每个地方改变你的画笔大小,实现雾不同的密度。

Photoshop绘怀旧Steampunk风格插图

  步骤20
  选择所有的层,复制它们。将所有的复制层合并,取名为为 “FLATTENED” 。复制 “FLATTENED” ,选择复本,然后去滤镜>其他>高反差保留,应用2.0的像素。改变混合模式为叠加。

Photoshop绘怀旧Steampunk风格插图

  添加一个曲线调整层,提高对比度和整体的色调。

Photoshop绘怀旧Steampunk风格插图

  添加一个色相/饱和度调整层,以减少饱和。

Photoshop绘怀旧Steampunk风格插图

  添加一个渐变映射调整层,应用蓝色。

Photoshop绘怀旧Steampunk风格插图

  步骤21
  新建一层,称它为”HIGHS/LOWS” ,填充50%的灰色。使用加深工具加深图像的边缘,尤其是天空的区域。这将增加晕化和天空所需的深度。如果你有一个绘图板,这将很容易做到。

Photoshop绘怀旧Steampunk风格插图

  在面部的修饰上要大大降低笔刷的大小。使用刷子大小在适当的空间。使阴影区域得到一个提升。

Photoshop绘怀旧Steampunk风格插图

  使用一个非常细小的笔刷来对待细节,如皱纹、唇边以及其他性质相近的地方。不只是脸部,要在整个图像上都使用这种技术。

Photoshop绘怀旧Steampunk风格插图

  选取减淡工具,使用同燃烧一样相同的设置,要避开你想要增加亮点的区域。最好的方法就是加强照片上已准备好的东东。而不要太富有创造性。

Photoshop绘怀旧Steampunk风格插图

  这让它看起来没有“高/低”这种太过强烈的可视效果。

Photoshop绘怀旧Steampunk风格插图

  注意这里层设置是“正常”而不是“叠加”。

Photoshop绘怀旧Steampunk风格插图

  步骤22
  复制”FLATTENED”,减少饱和度,反转它。应用40像素的高斯模糊、调整色阶,把层混合模式设置为叠加,减少不透明度大约25%。这将平衡色调,全面的描绘出黑暗和光亮。

Photoshop绘怀旧Steampunk风格插图

  步骤23
  如果你想走程序化的路线,那就打开Paper Texture图像(或者任何你喜欢的纹理图像)导入到你的文档中。把它放在图层面板的顶部并复制两次(总共三个层)。把顶部图层的颜色加深到25%的透明度。

Photoshop绘怀旧Steampunk风格插图

  把第二个图层的颜色设置为30%。

Photoshop绘怀旧Steampunk风格插图

  最后,把底部的图层硬光设置为30%。这将保证有丰富的纹理覆盖而且还不会对你的图像造成太多的反差,同时又能保留图像的纹理和透明度。

Photoshop绘怀旧Steampunk风格插图

  完成。

final_sepia