在Photoshop中创建一个现实的复古票根

Trevin是WebFX的业务开发高级总监。他参与过450多个营销活动,20多年来一直在建设网站。他的作品被《搜索引擎土地》、《今日美国》、《快公司》和《公司》推荐。

预览

预览

教程资源

步骤1:设置Photoshop文档

打开Photoshop,创建一个500x300px的新文档,这正好是我们要创建的票根的大小。

设置Photoshop文档

接下来,在画布周围添加参考线(View > New Guide):垂直位置为0和500px,水平位置为0和300px。

设置Photoshop文档

转到图像>画布大小(Cmd/Ctrl + Option/Alt + C),并将画布扩展到600x500px,为票根的背景元素提供一些空间。

设置Photoshop文档

设置Photoshop文档

用颜色填充背景或使用纹理;我使用了Wood01纹理包中的一个纹理。这是可选的,我这样做只是为了让背景不那么无聊。木制的、划痕的背景确实有助于加强我们所追求的年老、痛苦的外观。

设置Photoshop文档

步骤2:创建基本票根形状

设置前景色为一个非常柔和的橙色(#eb9b71),选择矩形选框工具(M),使用参考线创建一个矩形选区。

创建基本票根形状

创建一个新图层(Cmd/Ctrl + Shift + N),并点击Option/Alt + Backspace,用我们之前选择的前景色填充选区。

创建基本票根形状

通过选择“Select > Deselect (Cmd/Ctrl + D)”取消选择矩形选区。

点击滤镜>噪音>添加噪音,为票根形状添加一些噪音。

创建基本票根形状

创建基本票根形状

用椭圆选框工具(M)在票根形状的左上角创建一个圆形选区,按住Shift键创建一个完美的圆。

创建基本票根形状

点击Delete删除选中的票据部分。

创建基本票根形状

仍然选择椭圆选框工具(M),将选区移动到票面剩余的三个角,并删除所选区域。

创建基本票根形状

步骤3:添加事件标题

选择圆角矩形工具(U),设置半径为10px,颜色为棕色(#432421),然后在票根形状内创建一个圆角矩形。

添加事件标题

在图层面板的圆角矩形图层上右键点击并选择栅格化栅格化图层在出现的菜单中。

添加事件标题

Cmd/Ctrl +单击图层面板中的图层缩略图,加载圆角矩形周围的选区。

添加事件标题

点击选择>,修改>的选区,将选区缩小3px。

添加事件标题

点击Delete,这样我们就会留下一个整齐的边界,作为票据内容的边界。更改此图层的混合模式为

添加事件标题

切换到水平文字工具(T),设置字体为影响并将文本颜色改为与边框相同的棕色(#432421)。输入票务事件的标题。之后,设置文本图层的混合模式为

添加事件标题

还是用水平文字工具,但这次用的是乔治亚州字体,在标题下面添加一个副标题。将文本图层的混合模式改为

添加事件标题

第四步:添加一些部门

现在,我们将把票上的分号添加到不同的内容组中。

切换到直线工具(U),并设置其权重为2px。在副标题下面画一条棕色的线;按住Shift键确保我们画出一条直线。

设置图层的混合模式为

增加一些部门

复制线条图层(Cmd/Ctrl + J),然后使用移动工具(V)向下移动线条到底部。

增加一些部门

用直线工具(U)画一条垂直线,使用与水平线相同的粗细(2px)。

改变混合模式为

增加一些部门

步骤5:添加一个复古的未来Logo

对于标志,我们将使用Jack Rugile以前的设计指导教程中的元素在Photoshop中制作一个时尚的未来质感壁纸.您可以点击下载PSD在这里

在Photoshop中打开PSD。

在图层面板中,选择以下图层:

  1. 图层1
  2. 设计指导(文本层)
  3. 形状1

在图层面板中右键单击,然后选择复制图层.在Destination下拉菜单下,找到主文档的名称并选择它。这个过程应该复制层到我们自己的PSD。

添加一个复古的未来Logo

换回PSD。如果您愿意,现在可以关闭另一个PSD。

选择我们在图层面板中插入的新图层,然后选择图层>合并图层(Cmd/Ctrl + E)将所有图层合并为一个。

将结果层转换为智能对象(层>智能对象>转换为智能对象)。使用自由变换(Cmd/Ctrl + T)将logo缩小到合适的大小。设置图层的不透明度为90%。

添加一个复古的未来Logo

步骤6:添加棕色方框和更多内容

创建一个新层。用矩形选框工具(M),在票根的右侧创建一个矩形,并填充我们的棕色(#432421)。设置图层的混合模式为

添加一个棕色方框和更多内容

选择水平文字工具(T)。在选项栏中,更改字体为Impact,文本颜色为任何明亮的颜色(颜色无关紧要,我们只需要在棕色背景下看到我们的文本)。

在两行中输入一些粗体字,比如“NEW ADVENTURES in”和“GRAPHIC DESIGN”。

在字符面板(窗口>字符),调整字体大小,跟踪和垂直缩放选项。

添加一个棕色方框和更多内容

添加一个棕色方框和更多内容

接下来,在图层面板,Cmd/Ctrl +点击NEW ADVENTURES in文本层缩略图,在文本周围创建一个选区。点击棕色框层使其成为活动层,然后点击删除删除所选区域(它应该是我们文本的形状)。

之后,删除“NEW ADVENTURES IN”文本层。

添加一个棕色方框和更多内容

对“GRAPHIC DESIGN”文本做同样的事情。

添加一个棕色方框和更多内容

使用移动工具(V)移动棕色方框向下一点。

添加一个棕色方框和更多内容

让我们添加更多的文本。使用水平文字工具(T)在棕色方框上方放置一些文本,使用Georgia字体。设置此图层的混合模式为

添加一个棕色方框和更多内容

更改字体为美国的打字机并在左下角输入票号(我输入了“004259”)。设置文本图层的混合模式为

添加一个棕色方框和更多内容

让我们用右下角分隔的另一个文本块来完成这一步。

用粗体Georgia字体输入“ADMIT ONE”,然后再次切换文本图层的混合模式

添加一个棕色方框和更多内容

添加一个棕色方框和更多内容

第七步:票根老化

确保你在票形状层。如果你暂时关闭上面图层的可见性,这一步会更容易。使用加深工具(O)和一个普通的圆形刷,轻微烧伤周围的边缘我们的票形状。

票根老化

下面是打开另一层可见性后的效果:

票根老化

在所有图层之上创建一个新图层。下载及安装免费高分辨率重划痕Photoshop笔刷我的设计指导贡献者Jan Cavan的网站。

更改前景色为白色(#ffffff)。

切换到笔刷工具(B),从设置中选择“重划痕8”笔刷,设置笔刷工具的主直径为700px,不透明度为60%左右。在我们的车票上涂一些划痕。

票根老化

接下来,Cmd/Ctrl +点击票据层的缩略图加载周围的选择,然后点击划痕层,以确保它是活动层。

然后,点击图层>图层蒙版>显示选择,创建一个图层蒙版。

票根老化

降低图层的不透明度为50%。

票根老化

步骤8:添加另一个纹理

下载并在Photoshop中打开这个沥青纹理,然后复制并粘贴到我们的设计中。按比例用自由变换(Cmd/Ctrl + T),以适应我们的票的规模。

添加另一个纹理

转到图像>调整>色相/饱和度(Cmd/Ctrl + U),调整纹理的饱和度和明度。

添加另一个纹理

再次,加载票面形状周围的选择,然后添加一个层蒙版沥青纹理层。

添加另一个纹理

设置沥青纹理层的不透明度为32%。

添加另一个纹理

选择除背景层之外的所有图层,并将它们合并为一个图层(Cmd/Ctrl + E)。

添加另一个纹理

步骤9:创造一个撕裂的外观

有很多很棒的垃圾笔刷,但在这一步,我们只使用Photoshop的标准笔刷之一粉笔.你可以在下面的截图中看到数字60在它下面。

打造撕裂感

选择橡皮擦工具(E),选择上面提到的粉笔刷。

在我们的票的左右边缘,稍微把它弄粗一点,让它看起来像撕裂了一样,这在票根上很常见。我保持顶部和底部边缘完整,如下所示。

打造撕裂感

步骤10:创建投影

是时候给票加一些阴影了。复制票据层(Cmd/Ctrl + J),并把它放在原来的票据层下面。选择复制图层,选择图层>图层样式>颜色叠加,给图层一个黑色叠加。

创建投影

创建投影

使用半径为1.1px的高斯模糊滤镜来模糊阴影层。

创建投影

降低阴影层的不透明度为60%。

创建投影

复制阴影层,然后再次应用高斯模糊滤镜,半径为7px。

设置图层的不透明度为50%。

创建投影

步骤11:用渐变地图创建一个复古的外观

我们将使用一个调整层来实现一个整体的复古外观和感觉。首先,点击>新建调整图层>渐变贴图,在所有其他图层之上添加一个调整图层。

用渐变地图创建一个复古的外观

创建一个渐变,从#4d0d6a到#feb04c,设置混合模式为生动的光,并降低调整层的不透明度为30%。

用渐变地图创建一个复古的外观

预览

教程汇总

在本教程中,我们使用Photoshop创建了一张复古票根。我们使用了一些基本的技术,比如创建选框,使用加深工具来老化表面,依靠一些库存纹理和笔刷来创建有趣的表面,添加一个渐变贴图调整层来调整我们的作品的颜色,等等。

我希望您喜欢本教程,并学习到一些有用的技巧和技巧,可以在您自己的工作中使用。

我期待在评论中听到你的想法。谢谢你跟着我!

预览

下载源文件

WebFX职业

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

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