在Photoshop中设计一个老式棒球卡

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

预览

预览

教程资源

步骤1:设置Photoshop文档

创建一个新的Photoshop文档(文件>新建),尺寸:600x750px。使用渐变工具(G)在背景层上做一个微妙的渐变。

步骤2:创建卡片的背景

用矩形工具(U)创建一个矩形(360x504px)来代表棒球卡。用白色填充。用矩形工具(U)创建另一个矩形(将是内容的内部区域)。

内层矩形比白色矩形每边小15px。用浅蓝色(#1ba2f7)填充内矩形。确保你的前景色和背景颜色重置为黑色和白色按下键盘上的D。

创建一个新层。然后点击滤镜>渲染>云。cmd -点击/ ctrl -点击内部蓝色矩形的矢量蒙版缩略图,创建一个选区,确保云彩层是活动层,然后点击图层>图层蒙版>显示选区。

更改云彩图层的混合模式为覆盖并设置其不透明度为90%。导入纽约洋基球场图片(列在教程资源)在我们的设计。很明显,我们并不是在追求历史的准确性。

使用下面的图像作为如何定位图像的参考。应用半径1.5px的高斯模糊滤镜。然后,设置混合模式为

复制体育场图层两次。选择体育场图层上面的复制图层,点击滤镜>样式>找到边。移动到第二个复制层,应用滤镜>样式>发光边缘。

使用这些设置:

  • 边缘宽度:2
  • 边缘亮度:8
  • 平滑度:10

当“体育场发光边缘”图层仍然是活动图层时,选择图像>调整>去饱和度(Cmd/Ctrl + Shift + U),按Cmd/Ctrl + I反转图层的颜色,然后设置不透明度为60%。选择所有的体育场图层并将它们分组(Cmd/Ctrl + G)。

Cmd/Ctrl +点击蓝色矩形(内部区域)创建选区。确保你在体育场组,然后点击图层>图层蒙版>显示选区。降低图层组的不透明度为90%。

第三步:隔离棒球运动员

下载并打开乔·迪马吉奥照片在Photoshop中。在工具面板中选择钢笔工具(P),选择路径模式,然后小心地在玩家周围绘制。在路径面板(窗口>路径),在你用钢笔工具画的路径上Control-click/右键单击,然后选择做出选择从出现的菜单中。

复制并粘贴DiMaggio先生到一个新的Photoshop文档中,这样我们可以在把他放入我们的设计之前进一步处理他。

步骤4:给棒球运动员上色

让我们给乔·迪马吉奥的黑白照片上色。围绕Joe DiMaggio创建选区(cmd -点击/ ctrl -点击图层缩略图)。点击图层>新建填充>纯色,用我们将要使用的皮肤颜色(#e2b97b)填充该图层。

更改图层的混合模式为颜色.点击图层面板中的矢量蒙版缩略图(右边那个主要是黑色的),这样我们就可以在上面画画了。用笔刷工具(B)(硬度设置为100%,前景色设置为黑色),开始在矢量蒙版上画画,去除除脸和手以外的区域的颜色。

如果你犯了一个错误,只需选择橡皮擦工具(E)和油漆回你不小心掩盖的区域。按照前面的过程,让我们创建另一个纯色填充层(图层>新建填充层>纯色),但这次我们将用海军蓝(#00005a)填充该层。在矢量蒙版上使用笔刷工具(B),从对象的脸,手,棒球棒和鞋子上删除海军蓝颜色,使颜色只显示在他的制服上。

非常简单和容易。现在让我们看看图像;你应该有这样的东西:让我们给嘴唇添加一些颜色(#ff9253)。为了完成着色,我们将创建一个纯色填充层,用黑色作为颜色,这将帮助我们给鞋子,袜子和袖子更强烈的颜色。

再次点击:>图层新建>纯色图层,填充黑色(#000000)。这一次,设置混合模式为柔和的灯光.使用笔刷工具(B)在矢量蒙版上删除除了他的鞋子,袜子和袖子以外的所有区域的颜色。

选择所有图层并合并成一个图层(Cmd/Ctrl + E)。用cmd -点击/ ctrl -点击合并图层的缩略图,在Joe DiMaggio周围做一个选区,然后复制并粘贴到我们的设计中。

第五步:将棒球运动员放在卡片上

首先,调整大小(缩小)和玩家的位置。复制棒球运动员图层两次,并设置混合模式为复制的图层.选择棒球球员图层上方的图层,然后应用滤镜>样式>查找边。

降低此图层的不透明度为20%。接下来,点击另一个复制层(它应该在第一个复制层的顶部)。点击滤镜>,对>的发光边缘进行样式化,并使用以下设置:

  • 边缘宽度:1
  • 边缘亮度:7
  • 平滑度:1

去饱和度(Shift + Cmd/Ctrl + U)通过按Cmd/Ctrl + I反转图层的颜色。设置图层的不透明度为60%。

通过这样做,我们已经实现了棒球运动员的插图外观,而不必费力地手动绘制它。将所有棒球运动员的图层放入一个图层组(>图层组图层),然后在卡片的内部区域做一个选区(cmd -点击/ ctrl -点击蓝色矩形矢量蒙版)。然后点击:图层>图层蒙版>显示选区,隐藏棒球运动员在卡片内部区域之外的部分。

步骤6:添加文字和Logo到卡片

用钢笔工具(P),选择形状图层模式,然后在卡片的底部创建形状,如下所示。用蓝色(#023b9b)填充形状。下载并安装免费的League Gothic字体(如果你还没有安装的话)。

用水平文字工具在卡片上添加一些文字。使用下面的图片作为字体设置的参考。抓住纽约扬基队的标志并将其导入到我们的工作中。

调整它的大小一点(使它更小)使用自由变换(Cmd/Ctrl +T)和位置,如下所示。

步骤7:调整卡片颜色

我们现在要通过添加色相/饱和度调整层来调整卡片的颜色。这将改变卡片的颜色,使它有一个褪色,复古的外观。点击>图层,新建调整>图层色相/饱和度。

改变饱和度为-50。

步骤8:旧打印纹理和旧着色

我们将复制“旧打印”,颗粒纹理效果和复古着色。在所有图层的顶部创建一个新图层(Cmd/Ctrl + Shift + N)。设置前景色为橙色(#fc7500),用这个颜色填充新图层(Alt + Backspace)。

使用滤镜>噪声>添加噪声,数量为10%,分布设置为高斯(也要确保单色选项是检查)。更改混合模式为不透明度设置为40%。cmd -点击/ ctrl -点击卡片主体图层蒙版(它是白色矩形),在它周围做一个选区。

确保你在橙色图层上,然后点击图层>图层蒙版>显示选区。下载这个影片纹理,并在Photoshop中打开它。将它放入我们的主文档中。

更改胶片纹理层的混合模式为柔和的灯光并设置图层的不透明度为30%。这会使我们的作品显得陈旧、破旧。在薄膜层上应用图层蒙版,就像我们为橙色噪声层所做的一样。

最后在卡片主体层添加投影图层效果,给它一个漂亮的触摸。就这样,我们完成了!

教程汇总

在本教程中,我们做了很多工作。我们利用照片,纹理,混合模式,过滤器和调整层来实现最终的设计。你发现了不同的设计技术,如为黑白照片着色,创建“旧打印”,使用噪音过滤器的颗粒纹理效果,使用风格化过滤器再现插图效果,如何使用调整层来控制场景的颜色,等等。

我鼓励你尝试不同的照片,纹理,形状和字体,创造你自己独特的老式棒球卡。一定要展示你的工作链接到你的版本在评论中,并添加到我们的Flickr组所以我们可以看看你能想出什么。感谢你的阅读!

预览

下载源文件

WebFX职业

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

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