在Photoshop中设计一个简单的纹理排版海报

预览

点击下面的图片来查看最终的结果全面

教程资源

步骤1:创建Photoshop文档

让我们从创建一个新文档开始。按Ctrl/Cmd + N,设置文档大小为800x1100px,白色背景。注意:如果你的作品要打印,你需要一个高分辨率(至少300dpi),你应该使用CMYK颜色模式。

步骤2:创建蓝色渐变背景

双击背景图层解锁。选择渐变工具(G),设置渐变颜色为#229EB7和#186978。现在创建从左上角到右下角的渐变。右键单击图层并选择混合选项从出现的上下文菜单;这是访问图层样式对话框的一种方式。按下图设置内阴影图层效果。

新建图层(Shift + Ctrl/Cmd + N),命名为Blue。然后,再次选择渐变工具(G),设置渐变颜色为#2F5E9E和#5792D1。填充“蓝色”图层,从左上角开始渐变,直到画布的右下角。设置“蓝色”图层的混合模式为柔和的灯光实现更生动有趣的背景色。

步骤3:添加纹理到蓝色背景

现在去高分辨率的垃圾纸纹理下载页面上的六个修订,然后下载第一个纹理称为废纸01

在Photoshop中打开它,使用移动工具(V),将它拖到我们的主文档中。重命名图层为“Texture”,并确保它位于“Blue”图层的正上方。接下来,按Ctrl/Cmd + T激活自由变换,然后将宽度和高度降低到31%左右,使它完美地适合我们的画布。

接下来,下载20个可重复的像素图案模式库并安装它。提示:如果你不熟悉Photoshop模式,通过阅读以下内容来了解它们:Photoshop模式:终极指南.安装Photoshop图案库后,选择油漆桶工具(G),在选项栏中选择模式作为填充类型和选择pixelpattern2从我们安装的模式库中。

创建一个新图层(Shift + Ctrl/Cmd + N),命名为Pattern,并用油漆桶工具填充所选的像素图案。然后,将“图案”图层的不透明度降低到10%。在图层面板中,选择所有4个图层,从图层中选择图层>新建>组,为我们的海报背景创建一个图层组。

命名图层组为Background。

步骤4:添加Photoshop参考线

当使用设计布局时,特别是那些涉及文本块的布局时,Photoshop指南将帮助您更容易对齐设计组件。让我们添加4条参考线。如需添加参考线,请进入“查看>新建参考线”。

在70px和730px添加2条垂直参考线。然后,在70px和1030px添加两个水平参考线。

步骤5:添加一些文本到海报

首先,为了保持我们的工作有条理,我们将为所有的文本创建一个名为“Typography”的新组(Layer > new > group)。

请参阅本教程中使用的字体列表,在教程资源的顶部。提示:请随意使用您喜欢的字体。创建“Typography”图层组后,我们准备开始添加一些文本。

首先,设置前景色为白色(#FFFFFF)。切换到水平文字工具(T),选择轮轴(Fina)作为你的字体,并将字体大小设置为160pt左右(在选项栏中设置),然后写上单词“DOING”。然后转到窗口>字符打开字符面板(如果它还没有打开),并设置跟踪选项为-25,这将减少字符之间的空格。现在选择贝巴莱(普通),字号160pt,并写上“SOME”字。在角色面板中,设置跟踪选项为-25。用矩形工具在文本下方15px处画一个矩形;使用我们的垂直参考线作为矩形宽度的参考。将它放置在文本下方30px处。

这个矩形用作文本上的下划线。复制下划线图层按Ctrl/Cmd + J,并移动它大约10px低于第一个下划线。切换回水平文字工具(T),设置字体为特许经营在142pt大小,并在两个下划线下面写上“DESIGN instruction”。

在字符面板,设置跟踪为-10。将文本放置在第二条水平线以下约30px处,保持线条高度一致。我们稍后将添加更多的文本,但让我们在此之前转移到我们海报的另一个组件。

步骤6:创建圆形设计元素

为了给我们的海报增添情趣,我们将在我们的构图中添加一些圆形作为设计元素。

首先,改变你的前景色为黑色(#000000),然后选择椭圆工具(U)。之后,按住Shift(这确保你画的是一个完美的圆),然后画一个165x165px的圆。对齐圆,使其水平居中,在“DESIGN instruction”文本下方约35px处。

按Ctrl/Cmd + J 4次复制圆层。现在你应该有5个圆了。之后,按Ctrl/Cmd + T激活自由变换,并调整4个黑圆圈的大小到原始大小的70%左右。

然后从4个调整大小的圆圈中选择2个,再次将它们调整到70%。让他们肩并肩站着。然后,将圆圈的图层不透明度降低到30%,使背景纹理显示出来。

将前景色更改为白色(#FFFFFF),然后切换到自定义形状工具(U)形状下拉菜单,选择命名的形状5点星,然后在最左边的圆上面画一个30x30px的星形。在这之后,在下一个圆的中心画一个更大的星星。

复制两个星星,并把复制的放在右边另外两个圆圈的中心。

步骤7:添加更多文本

让我们继续添加更多文本。使用水平文字工具(T)所有的(粗体斜体)72pt大小和0跟踪写“DI”。把文字放在最大的圆的中心。选择所有的(显示)134pt大小和-10跟踪,然后写“教程”。把它放在最大的圆下面30px处。更改字体为轮轴(Fina Italic) 134pt大小,写上“ARE REALLY”,然后将跟踪设置为-10,并将其放置在单词“TUTORIALS”下面30px。现在找到我们之前创建的一个下划线图层,复制它(Ctrl/Cmd + J),然后将复制的下划线移动到文本下方30px。之后,再次复制下划线图层,并将其放置在画布底部的水平导向上方。选择ChunkFive字体大小为160pt,并写入“FUN”,然后将跟踪设置为900,并将其放置在底部下划线上方约12px处。

找到我们之前为圆形设计元素创建的一个较大的星形图层,复制它两次,然后将副本移动到字母之间的间隙中。

步骤8:添加投影

在我们的最后一步中,我们将使用一些海报的文本和形状投影图层样式.首先,给单词“Fun”之间的缝隙中的星星一个投影图层效果。

然后,在图层面板中,右键单击一个带有投影的星形图层,然后选择复制图层样式从出现的上下文菜单。选择“Typography”图层组中除了圆圈形状之外的所有图层,右键单击选中的一个图层,然后选择粘贴图层样式.这将在所有选定的文本和形状图层上复制投影图层效果。

教程汇总

恭喜你,我们已经完成了排版海报设计!我们介绍了一些有用的和流行的技术,如如何创建一个详细的和有纹理的背景,如何在字符面板中自定义字体,如何使用自定义形状工具轻松添加有趣的设计元素,等等。我希望您已经发现本教程是有用的,并发现了一些技术,将帮助您在未来的项目。

下面你可以看到最终的结果,我把它放在一个木制背景上。

下载源文件

WebFX职业

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

我们招聘!
查看30+职位空缺!