Photoshop中创建复古的拳击海报教程

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

Photoshop中创建复古的拳击海报教程

这是一张来自Psdtut+网站的海报设计。

Photoshop中创建复古的拳击海报教程



创建复古的效果没什么新奇的,但是模仿一张数十年前的海报时,需要注意的东西就多了。我们将尝试着做一张上世纪六十年代的拳击海报,开始吧! 第1步 在任何设计的最初,你都应该先考虑如何传达出你的信息。 我们选用了A3纸张的海报模式,记住:当你在设计海报或者是别的什么用于打印的东西是,一定要流出出血框,范围大概是3至5毫米。

Photoshop中创建复古的拳击海报教程

 

你最好在开始Ps工作之前,现在手稿上绘制海报草图。虽然电脑可以帮助你不受约束地尝试各种可能的方案,但是它并不能帮助你找到合适的解决方式,也不能帮助你形成整体的思路。 第2步 对于这样风格的海报,我们需要一张旧纸张的素材。找一个你喜欢的,或者直接用我们给你提供的素材。将文件导入PS工程并且将它缩放至合适大小。

Photoshop中创建复古的拳击海报教程



第3步 纸张应该是来自60年代的效果,它实际上不可能有我们现在看到的这样陈旧,所以我们需要新建一些调整图层来调整效果,我用了一个阈值调整。

Photoshop中创建复古的拳击海报教程

 

以及颜色和饱和度调整。在你进一步设计之前,整理下你的图层是很有必要的。

Photoshop中创建复古的拳击海报教程



第4步 现在你可以依据你最初的草图设计来进行海报的制作了——这会大大加快你设计的进度,但是不要被你的草图所束缚了。只要你突然有了一些好创意,你就可以在电脑上试试它们。 我找到了两张职业拳击手的特写照片。你要是身材够好,自己拍吧(翻译小编也是醉了)。 在教程中,我为了便于称呼图层,分别给这两个帅哥起了名字,Monroe和Kates。在60年代,那时候肯定没有现在这样的计算机啦,所以他们的海报都是手工制作的。为了向伟大的美工们致敬,我们需要对这两人的照片做一些处理。我们使用钢笔工具来确定拳击手们的轮廓,就好像这两个人的照片是从哪儿剪下来的一样。

Photoshop中创建复古的拳击海报教程



第5步 将他们拖入我们的PS工程文件然后将他们缩放到合适的大小。使用阈值调整图层来使得这两个拳击手的色调看起来差不多一致,它们需要相同的曝光。降低两位拳击手的饱和度,并将图层的混合模式调整为正片叠底。

Photoshop中创建复古的拳击海报教程



 

Photoshop中创建复古的拳击海报教程



 

Photoshop中创建复古的拳击海报教程



 

Photoshop中创建复古的拳击海报教程



 

第6步 打开视图菜单下的标尺选项。设立横向和纵向的参考线各两条。我将水平方向上的参考线分别树立在224mm和305mm处,纵向方向上的参考线放在146.6mm和147mm处。

Photoshop中创建复古的拳击海报教程

 

选择矩形工具,将它的模式设置为形状而非路径。将前景色设置为#e45050并按如图所示方式绘制两个矩形。我们不能使用饱和度太高的颜色,因为那是打印不出来的。将图层的混合模式设置为正片叠底。

Photoshop中创建复古的拳击海报教程

 

选择左边的矩形并调用自由变换工具。按住Ctrl和Shift键同时鼠标点击矩形右侧中间的小方框并向下拖动,将矩形变形为如图所示的样子,对右边的矩形进行类似的操作。

Photoshop中创建复古的拳击海报教程



第7 步 现在我们需要用这两个矩形来遮盖住Monroe和Kates两人不需要的部分。选择Kates并添加图层蒙版。按住Ctrl键并在矩形的缩略图上单击来选中选区,在Kates图层的蒙版上填充黑色来遮盖住这部分图像。对另一半进行类似的操作。

Photoshop中创建复古的拳击海报教程

 

你知道,在60年代,打印技术并不是完美无缺的,所以我们也不能精准的遮盖住人像的下半部分。我们首先要解锁人像图层和图层蒙版的链接,并且稍微移动下两个图层蒙版所处的位置。

Photoshop中创建复古的拳击海报教程



第8步 现在可以开始添加文字了。大写字母在那时候非常流行,甚至是被过度使用。它们可以使得画面看起来整洁,并且比小写字母更加醒目,能更好的贴合拳击运动的海报主题。 按照下图所示的内容打上文字(worm = 蠕虫……),你也可以把名字替换成你自己的。我是用了BentonSans字体,名字应该要比姓的大小要小,按照如图所示。

Photoshop中创建复古的拳击海报教程



 使用相同字体并且使用字符间距较小的“压缩”版本来使得姓更加醒目。将字体大小调整到原来的2.5倍。

Photoshop中创建复古的拳击海报教程

 

将文字的倾斜角度与矩形相匹配,10.1度差不多足够。注意60年代的印刷技术不会像我们今天使用电脑做出的这般精确,所以我们在字符缩进那儿修改参数为20,形成一种字符间距不一的效果。

Photoshop中创建复古的拳击海报教程

 

右半部分重复同样的操作过程。做个比较:我在这儿使用的名字的文字大小是44.31,姓的文字大小是101.53,头衔的文字大小是32.37。

 

Photoshop中创建复古的拳击海报教程



第9步 现在我们来做一个小VS。使用椭圆工具来创建一个着了色的圆形。按住Ctrl并在图层的缩略图上单击创建选区,并采用选择>调整>扩展命令,将选区扩展20像素。

Photoshop中创建复古的拳击海报教程

 

选择你的某个矩形的图层蒙版并且在选区内填充黑色,对另一个矩形的图层蒙版重复相同操作。

Photoshop中创建复古的拳击海报教程



第10步 在60年代,人们要做一个Hallmark(现场标志)来说明这场比赛是没有现场转播的。所以创建一个黑色的图形(颜色代码是#0b0c0c,并不是完全的黑色)并且在上面印上文字。将黑色的图形的图层混合模式修改为正片叠底。注意输入的字必须是等宽的。

Photoshop中创建复古的拳击海报教程



 

Photoshop中创建复古的拳击海报教程



 

第11步 在图像的最上方再绘制一个矩形并将图层混合模式设置为正片叠底。

Photoshop中创建复古的拳击海报教程

 

在图像下方绘制一个矩形并将图层混合模式设置为正片叠底。现在为你新创建的所有矩形图层都创建图层蒙版。

Photoshop中创建复古的拳击海报教程



第12步 选择纸张图层并且选择魔棒工具来选中所有的纸张周围的白色部分。

Photoshop中创建复古的拳击海报教程

 

然后在四个图层蒙版上分别用纯黑填充。

Photoshop中创建复古的拳击海报教程



 注意下Monroe有一部分露在了纸张外面,所以这部分也必须清除。

Photoshop中创建复古的拳击海报教程



第13步 现在开始创建标题文字。海报通常会使用一些大夸其词(大放厥词)的句子来吸引人们的眼球,就像什么“决战紫禁之巅”一样。 我们就用刚才用过的Benton字体来做所有的标题文字吧。 为了加强你的字体,试着尝试给文字图层添加描边的图层效果。这会柔化边缘并且增加可读性,不过我可没有说你可以对所有的文字都采用这种处理方法。

Photoshop中创建复古的拳击海报教程



Photoshop中创建复古的拳击海报教程



Photoshop中创建复古的拳击海报教程



第14步 当设计字体的时候,不要害怕对字体做出调整来满足你的需要。我还在使用Benton字体(BentonSansCond Black用于Fracas和Caracas,BentonSansExtraComp Bold用于The和In),但是我增加了字体在竖直方向上的长度。 我们不能增加这幅海报的宽度,更加能使字母重叠,因此为了有效的利用有限的空间,我将文字的高度调升至原来的116%。我将所有的冠词和介词文字缩小并做了一些抬升,使它们介于重要的单词之间,我还将人像的位置略微下移了一些。不要害怕对元素进行微调,你需要的是使整体和谐美观。

Photoshop中创建复古的拳击海报教程



 

 收藏