在Photoshop中创建一个老式蒸汽机车海报

Trevin是WebFX业务开发的高级总监。他参与了450多个营销活动,并在20多年的时间里创建了网站。他的作品被搜索引擎之地,今日美国,快速公司和公司推荐。

预览

点击图片查看最终结果全尺寸

教程资源

  • 图片:老火车CPR_2026_5 (Flickr)
  • 字体:特许经营权(德里克·威瑟斯比)
  • 字体:Goudy Bookletter 1911(活字联盟)
  • 字体:ChunkFive(移动字体联盟)
  • 字体:球场维纳(dafont.com)
  • 纹理:Vintage Page (stock.xchng)

步骤1:创建海报的背景

在Photoshop中创建一个800x1200px的新文档。填充默认的背景层为黑色(#000000)。

创建海报的背景

新建一个图层(Shift + Cmd/Ctrl + N),填充米色(#e0d3b1)。

创建海报的背景

步骤2:为火车创建边框

用矩形选框工具(M)创建一个选区(见下图作为参考)。

设置前景色为深棕褐色(#b2a37c),背景色为白色(#ffffff)。创建一个新层。

按住Option/Alt(这样产生的效果更强),然后点击滤镜>渲染>云彩。

为火车创建边框

为火车创建边框

更改图层的混合模式为并设置其不透明度为55%。

点击>图层样式>描边,设置描边效果:

我们的边框应该是这样的:

步骤3:隔离列车

下载老火车CPR_2026_5图像,并在Photoshop中打开它。根据需要放大,然后使用钢笔工具(P)仔细跟踪列车。

一旦你用钢笔工具(P)跟踪火车,在路径上Control-click/右键单击,然后选择做出选择从出现的菜单中。

点击:Select > Inverse (Shift + Cmd/Ctrl + I)来反转你的选区,然后按delete删除背景。

步骤4:将火车放入场景中

在图层面板中,cmd -点击/ ctrl -点击火车的图层,在火车周围做出一个选择。复制(Cmd/Ctrl + C)选区,切换到主Photoshop文档,并在我们的设计中粘贴(Cmd/Ctrl + V)火车。

将火车放入场景中

将train转换为一个智能对象,这样我们就可以对它进行非破坏性的转换;通过control -click /右键点击它的图层,然后选择转换为智能对象

使用编辑>自由变换(Cmd/Ctrl + T)调整火车的大小(使它小一点)。

第五步:屏蔽火车

为了隐藏一些不需要的部分,火车溢出了框架边界,我们将使用蒙版。首先,用矩形选框工具(M)创建一个选区,如下图所示:

面具的火车

要蒙版矩形选区以外的区域,点击图层>图层蒙版>显示选区。

面具的火车

下面是我们的图层蒙版的结果:

面具的火车

步骤6:火车老化

在这一步中,我们会稍微改变火车的表面,使它与海报中的其他设计元素更加和谐。

复制火车图层点击它的图层,然后按Cmd/Ctrl + j更改复制图层的混合模式为颜色减淡并降低图层的不透明度为50%。

应用滤镜>其他>高通半径为5px。

老化的火车

从下图中你可以看到,现在火车的饱和度有所降低:

老化的火车

步骤7:创造一些Steam

重置前景色和背景色为黑白(按键盘上的D)。在火车图层上面创建一个新图层。在新图层上使用滤镜>渲染>云彩。

创建一些蒸汽

进入>图层蒙版>隐藏所有。切换前景色为白色(#ffffff)。使用画笔工具(B)与非常软的刷子(0%硬度)油漆和显示蒸汽周围的火车。

在图层蒙版上使用不同的笔刷大小(按[减少笔刷大小,和]增加笔刷大小)以及不同的不透明度来创建自然的变化。

创建一些蒸汽

在蒸汽层上面创建一个新层,用软刷在蒸汽层上添加一些白色斑点。

创建一些蒸汽

然后,改变图层的混合模式为覆盖并设置不透明度为60%。

步骤8:创建海报的标题

用水平文字工具(T)在画布上写上“Steam Power”,字体:Franchise;柔和的红色文本颜色(#b3251b)是一个很好的补充色。

创建海报的标题

现在我们将为我们的文本创建一个漂亮的投影效果。首先,在图层面板中,用cmd -点击/ ctrl -点击文本图层的缩略图来加载字母周围的选区。

创建海报的标题

暂时隐藏文本层的可见性。在文本层下面创建一个新层。

创建海报的标题

在新图层中,用深灰色(#38383b)填充选区。

打开你的文字图层。切换到移动工具(V),然后用方向键将深灰色的投影向右移动约7像素,向下移动约5像素。

cmd -点击/ ctrl -点击文本层的缩略图(或去选择>重新选择)来重新加载字母周围的选区。

向右移动3像素,向下移动2像素;我们只想移动选区,所以如果你仍然激活了移动工具,切换到矩形选框工具(M)。确保你在灰色阴影层,然后点击删除,删除文本层边缘的一小部分阴影。

设置阴影图层的混合模式为柔和的灯光

以下是我们到目前为止取得的进展:

步骤9:为设计添加更多文本

使用Goudy Bookletter 1911,在画布底部键入一些城市名称。

用自定义形状工具(U),在城市名称之间插入红色(#b3251b)星星。

输入单词“via”使用球场维纳字体下面的火车站名称。

使用中等灰色的文字颜色(#aa9090),字体大小约为42px。

步骤10:创建一个时髦的丝带

切换到矩形工具(U)。在选项栏中,确保该工具被设置为形状图层.在上一步添加的文本下面创建一个红色(#b3251b)矢量矩形。

在矩形的中间放置一个水平参考线(View > New参考线),以帮助我们对红色矩形进行适当的调整。在图层面板中,点击选择红色矩形图层的矢量蒙版(它是链接图标右侧的缩略图预览)。

点击并按住工具面板中的钢笔工具找到添加锚点工具。

使用添加锚点工具在矩形的左侧创建一个锚点,使用我们创建的水平参考线来帮助创建锚点。

创造一个时髦的丝带

再次点击并按住工具面板中的钢笔工具按钮,切换到转换点工具。在我们刚刚创建的锚点上单击一次,以删除贝塞尔曲线句柄。

创造一个时髦的丝带

接下来,使用直接选择工具(A)选择锚点,然后将锚点拉到右边。

点击图层>图层样式>描边,设置如下:

复制色带层。点击:编辑>变换>水平翻转来改变复制层的方向。

使用移动工具(V)定位丝带,如下图所示:

用矩形工具,创建一个如下所示的对角矩形,并填充一个深灰色(几乎是黑色)的颜色(#1f1a0d)。您可以水平绘制深灰色矩形,然后使用自由变换旋转它。

使用直接选择工具,调整深灰色矩形的锚点,参考下图:

在调整了深灰色矩形的锚点后,将其图层移动到丝带图层的下方。

让我们在色带上添加文本。对于字体,选择ChunkFive,文本颜色设置为白色,字体大小设置为45px。同时,增加了垂直规模选项(在字符面板中找到)为120%。

这是我们完成的彩带:

使用图层蒙版创建海报的边框

在图层面板中,选择除黑色背景外的所有图层。然后点击:图层>组图层(Cmd/Ctrl + G)将所有选中的图层放入一个图层组。

用矩形选框工具(M)创建一个选区,它略小于画布。

使用图层蒙版创建海报的边框

确保图层组在图层面板中被选中,然后点击图层>图层蒙版>显示选区。我们在第一步中创建的黑色默认背景层现在通过画布的边界显示出来。

使用图层蒙版创建海报的边框

步骤12:添加纸张纹理

下载并在Photoshop中打开一个纸纹理(比如这个Vintage Page纹理)。使用魔棒工具(W),点击白色背景,选择纸张纹理的白色背景。

添加纸张纹理

反转选区(Shift + Cmd/Ctrl + I)只选择纸张纹理。

添加纸张纹理

复制并粘贴纸张纹理到我们的设计中,并使用自由变换(Cmd/Ctrl + T)缩放它以适应画布。

去饱和度以删除纸张纹理的颜色。

添加纸张纹理

更改纸张纹理图层的混合模式为

添加纸张纹理

我们完成了!

教程汇总

我希望你喜欢这个Photoshop教程!总之,我们用一张老火车照片、纸张纹理、基本形状、图层样式、图层蒙版、混合模式、Photoshop滤镜等创建了一个复古风格的海报。我们使用了一些时髦的设计技术,比如在海报的标题文字上创建一个很酷的阴影和一个丝带横幅。

感谢阅读本教程,我希望您已经学到一些有用的提示和技巧。

如果你有任何问题或意见,请随时在下面的评论区发表。

下载源文件

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!