Photoshop制作酷炫摇滚海报

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

这篇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)

 收藏