用PS打造怀旧风的圣诞驯鹿海报

发表于 讨论求助 2021-12-30 11:29:31



一年一度的圣诞节快要到来啦。这期PS教程将跟大家一起学习利用Adobe InDesign、Photoshop和Illustrator等制作圣诞节日传单。圣诞节日传单可以让办公室节日气氛更加浓厚,并且制作简易,主要通过排版设计,即是新手都完全没有问题。


最终效果图


图00


一、设置传单背景 

 教程素材

  Le Paris字体、驯鹿、笔刷纹理、纸张纹理

1.在InDesign中设置传单

  在将图案和文字放到传单之前,很重要的是构筑起基本布局和确定初步设计,比如背景颜色和文字等。OK,先从Adobe InDesign开始,打开InDesign。

Step 1

  在Adobe InDesign中打开“文件>新建>文档”,设置用途为打印,页数为1,取消勾选对页。在页面大小的下拉菜单中,选择传单8.5×11;如果没有,就手动设置宽215.9毫米、长279.4mm毫米。页边距均设置为10毫米,出血设置为3毫米。

  PS:出血是印刷专业术语,为保证成品不因裁剪而影响效果,设计时常将设计尺寸设置得比成品尺寸大,设计尺寸跟成品尺寸的差值就是出血。


图01


  点击确定创建新文档。


图02

  

Step 2

  点击“窗口>图层”,展开图层面板,双击图层1的名称栏调出图层选项窗口,重命名为“背景”,点击确定。在左边的工具面板中选择矩形工具,在图层上点击并拖拉创建矩形,矩形需要延伸到出血边缘。


图03

  

Step 3

  选择“文件>置入”,将背景素材导入到文档中,然后点击打开。在工作面顶端控制面,点击按比例填充框架按钮,以确保图像能完全填满框架。


图04


Step 4

  返回图层面板,点击创建新图层,命名为“背景颜色”,点击确定。然后锁定下面的背景图层。


图05

  

Step 5

  点击“窗口>颜色>色板”,调出色板面板。点击面板底部的新增色板按钮,命名新增色板为“金色”,设置颜色类型为专色、颜色模式为CMYK,设置色阶为C=2 M=36 Y=71 K=25,点击确定。

  选择矩形工具,创建矩形,同样要扩展至出血。在色板面板,将矩形填充为金色。


图06

  

Step 6

  在选择矩形的状态下,选择“对象>效果>透明度”。从模式菜单中选择叠加,降低不透明度至50%,点击确定。


图07


图08

  

Step 7

  锁定背景颜色图层,在它上面创建新图层,然后命名为渐变。选择矩形工具,创建新矩形,从上至下覆盖至纸张约四分之三。在色板面板创建新CMYK色板,设置颜色为C=72 M=8 Y=10 K=13,命名为“冰蓝”,然后经冰蓝色板填充至刚才做的矩形中。


图09

  

Step 8

  选择矩形工具,然后选择“对象>效果>渐变羽化”。如下图调换黑白色块的位置,然后将黑色块移向左侧,设置渐变角度为90°。


图10

  

Step 9

  在左侧菜单栏中,点击透明度选项,设置模式为强光,降低不透明度至78%,点击确定。


图11

  

Step 10

  点击“文件>另储存为……”,重命名后保存,比如命名为办公室节日传单,然后最小化InDesign窗口。待会再回来。


图12


二、抠出驯鹿图案


2.创建驯鹿轮廓

  现在已经整理好传单的背景颜色,下面开始要考虑设计出创意性元素,比如圣诞象征之一的驯鹿。下面将以素材中的驯鹿图片作为基础,然后进行设计,先将素材下载好。

  

Step 1

  在Adobe Photoshop中打开驯鹿素材,选择“窗口>图层”,调出图层面板。然后点击拖拉背景图层到新建图层按钮,复制出背景图层副本。关闭背景图层,不显示出来。


图13


  点击“选择>色彩范围”。


图14


  色彩范围中,颜色容差设置为145,这样就能选取更多的色彩范围。然后点击驯鹿图像中的鹿角、耳朵等比较亮的地方。


图15


  在图层面板中,点击添加色阶调整图层,这时会自动在选区添加蒙版,设置白色为198,这样选区内的图像就更加高亮。


图16

  

Step 2

  将图像的对比度调高以后,有助于将驯鹿从背景中抠出。

  选择套索工具,沿着驯鹿图像的左上角鹿角位置描绘选区,包括背景部分都包含在选区内。

  点击上方选项栏中的调整边缘按钮,通过调整面板中的各个设置选项,让选区尽量贴近驯鹿外轮廓。


图17


  勾选智能半径,设置半径为45.8像素。设置边缘平滑为2像素。


图18


  其他的选项可以根据需要进行设置。调整好边缘后,点击确定,然后将选区内的图像删除。


图19

  驯鹿图像右边的区域同样使用套索工具和调整边缘工具,将需要删除的区域设置好,然后点击确定和删除。


图20

  

Step 3

  经过初步操作后,大致轮廓已经出来,但还有些瑕疵要删掉。这里只需要关注驯鹿图像的头部和颈部就好,底下的地方用不着可以不管。


图21


  选择套索工具或者魔棒工具,选择图像中仍残留的背景,调整边缘并删除掉。


图22



图23


三、描绘驯鹿轮廓


Step 4

  当轮廓已经处理好以后,回到之前创建的色阶调整图层。由于下面要进入Illustrator进行描摹操作,需要将轮廓尽量弄得黑。进入色阶面板,调整色块,尽量让图像变暗,几乎只剩下轮廓。


图24


  选择“文件>另储存为……”,将刚才操作的图像存为PSD文件。

 

 Step 5

  将Photoshop最小化,然后打开Adobe Illustrator,创建新文档。选择“文件>置入”,选择刚才保存的PSD文件,点击打开。选择上驯鹿图像后,选择“窗口>图像描摹”。设置模式为黑白,然后在面板底部勾选预览,以便观察调整效果。设置各个参数,比如阀值211、路径63%、边角93%、杂色61像素,勾选将曲线与线条对齐、忽略白色,调整到满意为止。这样既能看到明显的轮廓,也能看到皮毛、鹿茸等细节。设置完成后就退出图像描摹窗口。


图25


  选择上图像,然后点击“对象>图像描摹>扩展”。


图26

  

Step 6

  在图像中右击或者按Control+点击,在弹出菜单中选择取消编辑组。利用选择工具将背景等删除,只保留轮廓。


图27


  选择上黑色轮廓,然后上方选项栏中选择画笔定义的下拉菜单,点击画笔库菜单按钮,选择“艺术效果>粉笔炭笔铅笔”,点击选择下图所示的样式。点击黑色轮廓边缘添加描边,设置铅笔描边粗细为1.5pt。


图28


  然后选择“对象>路径>轮廓化描边”。


图29


  点击“窗口>路径查找器”,调出路径查找器面板。点击形状模式中的联合将描边与驯鹿轮廓合并,创建出完整的矢量形状。


图30

  

Step 7

  继续选择上轮廓,点击“窗口>色板”,调出色板,然后填充颜色设置白色。完成后选择“文件>另储存为……” ,储存为AI文件。


图31


图32


四、添加文字排版


Step 8

  回到InDesign,锁定渐变图层,在它上面创建新图层,命名为“驯鹿”。

  选择矩形工具,拖拉创建出图像框架,然后选择“文件>置入”,将刚才的AI文件打开。

  双击图像框架,直接选择图像,然后按着shift按比例填充这个框架,只留下上部的少部分空间。


图33

3.为节日传单添加排版设计

  这款传单的排版设计感觉跟拼图有点相似。下面将要在鹿角之间的区域添加紧凑的文字排版,一直添加到传单的顶端。

  

Step 1

  锁定驯鹿图层,在上面创建新图层,命名为“文字1”。不同的文字排版设计应用不同的图层,这样便利于后面的调整。在色板面板中添加新CMYk色板,设置C=73 M=11 Y=10 K=9,命名为“蓝色”。


图34


  选择文字工具,在纸张上两鹿角间拉出框架,然后输入“eat”。在文字控制面板或者在“文字>字体”中选择Le Paris字体,设置大小为90点,在色板中选择刚才建立的蓝色。


图35

  

Step 2

  选择“编辑>复制/粘贴”,将刚才制作的文字复制。然后放在下方,编辑框架输入“drink”,调整文字大小和位置。


图36


  继续复制粘贴,然后在独立的文字框架中输入文字,并通过调整文字的位置和大小,让整个语句“eat drink and be very merry!”看起来就像整体。


图37


图38


图39


五、添加重要信息


Step 3

  创建新图层,命名为“文字2”。复制其他的文字框架,放置在左上角处,调整颜色为纸色,输入文字“come”。复制粘贴另外一个文字框架,输入“along”。可以通过微调整,就算靠近出血边也没有问题。


图40


  继续刚才的方法,让语句看起来就像“come along and join in the festive fun!”。


图41


图42

  

Step 4

  创建新图层,命名为“文字3”,然后创建CMYK色板,设置C=53 M=52 Y=70 K=53,命名为“墨绿”。


图43


  转移到纸张右侧,粘贴新的文字框架,设置文字颜色为墨绿。在这个位置很适合填写活动地址和联系方式。


图44



图45


  点击“窗口>文字和表>字形”,然后创建新文字框,双击下图所示符号,以输入到文本中,设置字体为Le Paris、颜色为墨绿。


图46


  选择“文字>创建轮廓”,将文字转换为矢量图形,这样能更加容易缩放或者拉伸。


图47


  然后就可以利用这个形状填充缝隙,或者标注文字。


图48

  

Step 5

  创建另外一个图层,命名为“文字4”。继续粘贴文字框架,设置文字颜色为之前创建的金色,将这部分文字放置在传单左侧,主要内容是关于环境、食物等。


图49


  在文字4图层中继续添加其他的文字框架,设置为金色,然后填充满传单左侧。


图50


六、添加纹理叠加


  即使是鹿角小小的位置都填满文字。


图51

  

Step 6

  在新图层命名为“文字5”,添加文字为墨绿色,放置在驯鹿的头顶上方。主要描述内容为活动开始时间。


图52


  在传单的左上方添加日期,并设置为墨绿色。


图53

  

Step 7

  回到鹿角右侧,继续用文字填充满鹿角。


图54


  这些文字信息中最重要的就是活动的时间、地点和日期等,用加粗墨绿色显示出来。


图55


  就这样文字信息以很艺术的排版填满了半幅传单。


图56


4.添加纹理叠加

  最后要为整个传单添加纹理叠加效果。添加纹理可以让传单更具怀旧感觉,整个观感会给人很专业的感觉。

Step 1

  先最小化InDesign,在Illustrator中打开涂鸦纹理矢量素材。


图57


  删除白色白静,保留黑色纹理图案。设置填充颜色为白色。


图58


  点击“文件>另储存为……”,将纹理保存为AI文件。


图59

  

Step 2

  回到InDesign,创建新图层,命名为“纹理”。选择矩形工具,创建新图像框架,并扩展至整个页面。选择“文件>置入”,选择刚才的AI文件,点击打开。

  将图像填充至框架内,覆盖整个纸张,同时要求不能让文字变得过于模糊和驯鹿轮廓不清,即是刚刚好,有点雪花猛飘的感觉。


图60


  选择图像框架,点击“对象>效果>透明度”。设置模式为叠加,降低不透明度到60%,点击确定。


图61


  到这里传单的设计已经基本完成,剩下的就是输出,然后打印或者晒上网。


图62


七、输出设计文件


Step 3

  选择“文件>输出”,填入传单名称,保存类型选择Adobe PDF(打印),如果是需要传上网,可能受文件大小限制,可以选择Adobe PDF(交互),点击保存。


图63


  这时导出至交互式PDF/Adobe PDF窗口弹出,Adobe PDF预设选择高质量打印。


图64


  点击左侧菜单栏中的标记和出血选项,勾选所有印刷标记和使用文旦出血设置,点击导出后就能创建用于打印的PDF文件。可以选择一家打印店印刷。


图65


  最终效果图


图66


  小结

  尽管传单很小,但它们的影响一点也不小。一份好的传单设计可以点燃人们对于节日活动的热情和提高期待。在本次的PS教程中,我们利用Adobe图像处理软件创建出节日性办公室派对传单,并得出一些小建议。只要遵循这些步骤,你的传单设计将大有进步。具体为:

  1.在Adobe InDesign设置传单布局,背景颜色选择和渐变效果要具有吸睛效果。

  2.在Photoshop和Illustrator创建描边轮廓图像。

  3.选用一种字体创建密集型排版设计。

  4.添加纹理叠加,为传单增加质感。


现已有800+小伙伴加入我们啦~

就差你了!


发表
26906人 签到看排名