这篇PS教程是结合Photoshop和Illustrator两种绘图软件的特点来制作的,主要介绍如何使用Photoshop和Illustrator制作出色彩缤纷的摇滚宣传海报。下面先看看最终效果图。

Photoshop制作酷炫摇滚海报
图00

第一步:新建photoshop文件并制作背景

首先,在Photoshop中新建一个大小A4的文件,双击背景层解锁

Photoshop制作酷炫摇滚海报
图01

双击背景层,调出图层样式面板,增加从白色 (#ffffff)到灰色(#cccccc)的径向渐变。设置如下

Photoshop制作酷炫摇滚海报
图02

第二步:在illustrator中制作云彩并且导入到Photoshop

在illustrator中新建一个A4大小的文件,我们将绘制构图需要的主要图形素材

Photoshop制作酷炫摇滚海报
图03

用椭圆形工具画两个圆形,填充颜色可以随意,但是一定要没有描边,并且两个圆要相交

Photoshop制作酷炫摇滚海报
图04

复制这两个圆,粘贴在photoshop中,在出现的对话框中选择智能对象,将智能对象作为黏贴选项是为了在以后缩放该图形时不会损坏图像质量。

将圆形放置在画面的底部。

Photoshop制作酷炫摇滚海报
图05

双击该图层,调出图层样式面板,在混合选项:默认中的填充不透明度降至0,然后打开颜色叠加,填充颜色设置为白色,模式为柔光

Photoshop制作酷炫摇滚海报
图06

此刻,我们将把这组圆形与背景融合起来,让它们看起来像是很大,且造型独特的云彩。添加图层蒙版然后擦除底部的圆形。为此,把前景色设置成黑色,然后选择硬度为0的笔刷。

Photoshop制作酷炫摇滚海报
图07

用同样的方法,你可以在构图的底部再添加一组云彩。

Photoshop制作酷炫摇滚海报
图08

第三步,制作简单且快捷的彩色半调效果元素

彩色半调在illustrator中制作非常简单,先画三个或者是更多的相交的圆

Photoshop制作酷炫摇滚海报
图09

选择这组圆,将它们合并(窗口>路径查找器>联集)。

Photoshop制作酷炫摇滚海报
图10

应用高斯模糊,半径为70-77

Photoshop制作酷炫摇滚海报
图11

然后执行对象>栅格化。

Photoshop制作酷炫摇滚海报
图12

此刻,开始制作彩色半调效果。效果>像素化>彩色半调。最大半径值是控制你想得到的彩色半调点的大小,你可以多次尝试直到得到自己满意的效果为止

Photoshop制作酷炫摇滚海报
图13

接下来需要将刚刚制作的彩色半调图案转换成矢量图形,对象>实时临摹>临摹选项,具体数据设置如下。设置好后按临摹按钮

Photoshop制作酷炫摇滚海报
图14

因为我们只需要选择彩色半调图案的一部分元素,所以我们需将实时临摹图案扩展。对象>扩展外观,然后选择“对象>扩展”,在出现的对话框选择“对象、填充”然后点击确定。

然后选择魔棒工具,然后点击白色区域,然后按Delet键,删除它们。

Photoshop制作酷炫摇滚海报
图15

然后将得到的图形复制到photoshop中,还是选择智能对象。

双击图层调出图层样式面板,选择颜色叠加,填充白色,然后将该图层的不透明度设置为40%。

用自由变换工具旋转该图形(Ctrl+t),然后用选择工具将它放在构图面板的边缘或者是你自己觉得合适的位置。

然后多复制几个图层(Ctrl+j),将他们放在你的构图的不同位置。

Photoshop制作酷炫摇滚海报
图16

第四步,添加构图主题

我们的构图需要主题,你可以根据自己的需求放任何你自己喜欢的图案

首先,将主题人物从原来的背景图中抠出来,然后放在画板中央。

如果你要增加主题的颜色对比,复制该图层(Ctrl+j),并将复制图层的混合模式改为叠加,不透明度为70%

Photoshop制作酷炫摇滚海报
图17

第五步,选择配色

我们将要在构图中放入一些着色的装饰性元素。在创建这些元素之前,我们先要确定这些元素的色调。

就这张图而言,我选择了三种颜色,如下:

蓝绿色: #51bbe1

洋红色: #ec6ccc

黄色: #f3cf40

注意:你可以用你自己的照片作为设计主题,然后用吸管工具从你的主题图片中吸取你喜欢的颜色,我选择的颜色也是受主题启发。这样会让你的整体色调与你的构图很和谐。

Photoshop制作酷炫摇滚海报
图18

第六步,绘制几何修饰性图形

我们要开始绘制一些几何装饰性图形了,在这里,我们不需要illustrator了。新建一个图层组,命名为“colored circles”,并放置在吉他弹奏者的下一层。

把前景色设置成你之前选好的颜色之一。

用椭圆工具(U)绘制一个圆,绘制的同时按住Shift键,以确保你绘制的是正圆。

Photoshop制作酷炫摇滚海报
图19

单一的颜色填充会显得很呆板,这里有个使这些元素与你的构图想融合的小窍门。如同我们在第二步里面做云彩的时候一样,给该图层添加一个图层蒙版,然后用软笔刷擦去一部分。

然后将该层的混合模式设置为“线性减淡”

在接下来的步骤中你将会意识到该步骤的重要性

Photoshop制作酷炫摇滚海报
图20

用同样的方法绘制其它的圆,或者是只需要将前面绘制的圆形复制(Ctrl+J),然后利用自有变换工具改变副本的大小和方向

Photoshop制作酷炫摇滚海报
图21

你可以用剩下的颜色填充其它圆形,在这个案例中我用的是蓝绿色: #51bbe1和黄色: #f3cf40

尝试着让这些图形很好的叠放在一起,然后记得设置每个图层的混合模式为“线性减淡”,以便得到我们多要的效果

Photoshop制作酷炫摇滚海报
图22

第七步,绘制“泡泡”

让我们回到illustrator中,绘制接下来要用到的“泡泡”。绘制一些相切的圆形,并用路径查找器将它们合并

Photoshop制作酷炫摇滚海报
图23

应用半径为60的高斯模糊

Photoshop制作酷炫摇滚海报
图24

然后打开“对象>扩展外观”,然后“对象>实时临摹>建立并扩展”。

记得用魔棒工具将白色的部分删除掉。

Photoshop制作酷炫摇滚海报
图25

将该图形复制到photoshop,双击该图层进入图层样式面板,我们进入混合选项:默认这一选项,将高级混合中的不透明度设置为0。然后用你定好的颜色之一设置颜色叠加。

Photoshop制作酷炫摇滚海报
图26

同之前的步骤一样,添加图层蒙版,然后用软笔刷擦掉泡泡的一部分

Photoshop制作酷炫摇滚海报
图27

在illustrator中绘制更多不同形状的泡泡,然后导入photoshop中。然后用上述的同样的方法改变泡泡的颜色,添加蒙版,擦拭。最后,新建组,将所有的泡泡图层放入该组

Photoshop制作酷炫摇滚海报
图28

第八步,绘制带状元素

让我们再次切换到illustrator中,绘制矢量曲线,在这步中,我们将会用到illustrator的强大工具“混合命令”,(Ctrl+B)。

先用钢笔工具绘制两条曲线,确保你所绘制的曲线有两个或者是更多的交点,这样可以让你的带状元素显得更错综复杂。

Photoshop制作酷炫摇滚海报
图29

把两条曲线都选中,然后执行“对象>混合>建立”(Ctrl+B)

Photoshop制作酷炫摇滚海报
图30

双击工具栏的混合工具,可以改变混合选项,设置如图所示

Photoshop制作酷炫摇滚海报
图31

选中带状元素,复制到photoshop中,还是智能对象。将该层置于泡泡图组的上一层。

接下来改变带状元素的颜色,调出图层样式面板,用你事先定好的颜色设置渐变叠加。

Photoshop制作酷炫摇滚海报
图32

第九步,绘制3D的星星

转换到illustrator,用星形工具绘制一个星,填充颜色是我们之前选好的洋红色。

Photoshop制作酷炫摇滚海报
图33

在illustrator中有个3D工具可以绘制简单的三维效果,选中绘制的图形,执行“效果>3D>凸出和斜角”

旋转立方体以改变星星的方向,增加凸出厚度和透视度,在选择面板中,移动星形表面的光斑

Photoshop制作酷炫摇滚海报
图34

把星形复制到photoshop里面,并把它放置到吉他弹奏者的后面。

Photoshop制作酷炫摇滚海报
图35

用同样的方法绘制更多的星星,然后将所有的星星图层放入一图组文件夹(Ctrl+G)

Photoshop制作酷炫摇滚海报
图36

第十步,在主题后面添加灯光效果

在吉他弹奏者图层和星星图层组之间新建一层,选择一个大的硬度为0的笔刷,在吉他弹奏者后面的中央位置单击一下,必要时降低一下图层的不透明度。灯光效果可以使画面主题更为突出

Photoshop制作酷炫摇滚海报
图37

第十一步,在illustrator中建立3D效果的文字

在illustrator中用文字工具输入一个单词,大小100pt。你可以用类似Impact, Arial, or Helvetica Bold的字体。

Photoshop制作酷炫摇滚海报
图38

选择单词,执行“文字>轮廓化”(Ctrl+O),让文字转化成混合路径。

Photoshop制作酷炫摇滚海报
图39

把文字也做成三维效果的,执行“效果>突出和斜面”,确认斜角设置为长圆,高度为2pt,你将会看到微弱的内发光效果

Photoshop制作酷炫摇滚海报
图40

将3D效果的文字复制到photoshop中,作为智能对象。

用同样的方法,你还可以用定好的其他颜色制作你想好的剩余3D文字,并将他们作为智能对象复制到photoshop中。在illustrator中,你可以利用3D突出和斜角选项来调整文字的大小,角度,直到得到你想要的效果。

Photoshop制作酷炫摇滚海报
图41

第十二步,添加噪点效果

现在我们有了海报中所要的所有元素,接下来我们会在photoshop中微调我们的构图。

首先,纹理化我们的海报,用一个柔和切微妙的噪点效果比较合适。下载如下图所示的黑白纹理素材并在photoshop中打开(你也可以根据自己的还好选择自己喜欢的纹理素材),将纹理素材放在最顶层,并设置其混合模式为滤色。这样,黑色部分将会消失,白色区域会被保留

Photoshop制作酷炫摇滚海报
图42

Photoshop制作酷炫摇滚海报
图43

按Ctrl+M,调处曲线对话框,单击一下一建立一个参照点,然后向右下区域拽这个点,你将会注意到越是往右下方拽参照点,白色噪点就变得越是柔和

Photoshop制作酷炫摇滚海报
图44

然后将会对纹理应用锐化滤镜,这样可以使细节更加突出。执行“滤镜>锐化>锐化”应用该滤镜,然后按Ctrl+F再次应用该滤镜

Photoshop制作酷炫摇滚海报
图45

第十三步,调整图层

接下来我们要提高构图的明度和颜色。

执行“图层>新调整图层>色相/饱和度”,饱和度设置为-40,这是对图像去色

Photoshop制作酷炫摇滚海报
图46

用同样的方法新建渐变映射调整图层,设置从紫色(#9e0c92) 到橙色 (#ffae00)的渐变。这是提高颜色对比度并添加新的颜色。

Photoshop制作酷炫摇滚海报
图47

第十四步,应用一些其他的技巧

我们可以用光斑来提升构图的细节。在纹理层下面新建一图组,并设置混合模式为颜色减淡。

在图组内新建一图层,用硬度为0的白色笔刷在你想要突出的细节处点击,例如,我在文字表面和主题手上点击。

Photoshop制作酷炫摇滚海报
图48