Photoshop创建Grungy风格滑板海报教程

2016-02-16 04:51 28 1 收藏

关注图老师电脑网络栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享Photoshop创建Grungy风格滑板海报教程教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - PS 】

最终效果图

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图00

第一步

1.新建1100×800的文档,将皱褶纸张素材粘贴到画布中。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图01

2.将纸张的不透明度调至50%。在纸张上添加蒙版,按自己的感觉用黑色笔刷,虚化纸张的边缘和阴影部分,令纸张融入到白色背景中。效果如图02所示。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图02

3.导入Bittbox水彩画笔,调低不透明度,在纸张的皱褶处涂抹。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图03

第二步

1.将滑板运动场斜道图片粘贴到文档。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图04

2.将斜道移到画布的左下方,然后添加蒙版。选黑色笔刷,对着斜道的边缘刷。效果如图05。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图05

3.添加色阶调整图层和色彩平衡调整图层。

提示:创建色阶图层和色彩平衡图层时应添加剪切蒙版,这样才能只对特定的部分有调整效果,而对其他部分没有影响。按Ctrl选择调整的图层,再创建调整图层。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

色阶的参数调整:40 / 1.13 / 223

色彩平衡的参数调整:高光: -6 / 0 / +9,中间调: -1 / +1 / +18,暗调: -13 / 0 / +13

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图07

调整的效果如图8所示。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图08

4.重复以上三步,将斜道摆放在适当的位置,利用蒙版和笔刷慢慢调整。

2添加圆形滑道背景

第三步

1.将圆形滑道图片粘贴到文档,命名为圆形滑道。然后将它移动到图09的位置。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图09

2.在这里,作者为了设计出邋遢的效果,在圆形滑道图层创建蒙版,然后用画笔抹去大部分的图案,在整体构图上只留下部分圆弧。图案的层次感需要硬度和手法的多次尝试。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图10

3.对圆形滑道图层添加色阶调整图层和色彩平衡调整图层。调整参数如图11。

色阶的参数调整:62 / 0.88 / 238

色彩平衡的参数调整:高光: -6 / -1 / +5,中间调: -13 / +6 / +9,暗调: -2 / 0 / +9

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图11

调整的效果如图12所示。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图12

第四步

1.将滑板楼梯图片粘贴到文档。然后将滑板楼梯移动到滑板斜道的左边,位置如图13所示。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图13

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

2.位置摆放好后,在滑板斜道图层添加蒙版,用笔刷涂抹楼梯的边缘。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图14

3添加滑板者和滑板楼梯

3.同样对滑板斜道图层添加色阶调整图层和色彩平衡调整图层。调整参数如图15。

色阶的参数调整:15 / 0.95 / 252

色彩平衡的参数调整:高光: -9 / 0 / +6,中间调: -32 / -1 / +12,暗调: +6 / +11 / +13

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图15

调整的效果如图16所示。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图16

4.重复以上三步,将另一滑板楼梯放在画布的右边。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图17

第五步

1.将滑板者图片粘贴到文档,然后将它大概移动到画布的中央。位置如图18所示。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图18

2.接着用自己最顺手的工具将人物抠出来。这里作者使用的是套索工具。

3.同样对滑板者图层添加色阶调整图层和色彩平衡调整图层。调整参数如图19。

色阶的参数调整:15 / 1.09 / 206

色彩平衡的参数调整:高光: -8 / +2 / +12,中间调: -19 / +12 / +8,暗调: +6 / +6 / -4

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图19

调整的效果如图20所示。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图20

4添加右侧滑板者和滑轨

第六步

1.打开skater on rail图片,将滑板者和滑轨抠出,粘贴到画布,将这图层命名为右滑板者。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图21

2.在此图层添加蒙版,然后用水彩笔刷在滑轨的两端不整齐地刷。作者认识这能增加图案整体的抽象感。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图22

3.同样,还要对右滑板者图层添加色阶调整图层和色彩平衡调整图层。调整参数如图23。

色阶的参数调整:17 / 1.24 / 235

色彩平衡的参数调整:高光: -22 / -5 / +11,中间调: -32 / -1 / +5,暗调: +9 / -8 / -11

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图23

调整的效果如图24所示。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图24

第七步

1.复制右滑板者图层,然后选定原右滑板者图层,选择滤镜-转换为智能滤镜,再选择滤镜-动态模糊,调整角度为18度,距离为100像素。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图25

2.看到了动态模糊的效果,但仍缺点动感。作者提醒这里需要制造滑板者要掉下滑轨的错觉,而不是整个图案都应用模糊。

明确想法就动手吧。在动态模糊图层创建蒙版,抹去人物左边和整个滑道的模糊效果。作者提醒要抹去整个滑道的模糊效果,这样人物就感觉是动的。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图26

5修改滑轨并添加支架

第八步

57 / 1.00 / 233

1.滑板者的滑动效果出来了,但作者想滑轨看上去色调更暗,对比更加强烈。由于只是对滑轨进行调整,滑板者不需改变,如果使用前面的方法进行调整,将略显繁琐,而且很容易漏掉细节部分。这里作者向我们介绍了解决这一问题的小技巧。

先创建色阶调整图层,但是不设置剪切蒙版,调整参数为:57 / 1.00 / 233。由于设置剪切蒙版,整个画布都进行了调整。

现在,选择色阶调整图层的剪切蒙版,并用黑色填充。这会将色阶的调整效果都遮盖掉,但只要用白色笔刷在滑轨部分刷几下,调整效果就出来了。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图27

第九步

重复第八步的做法,将另一个滑板者放在画布左边。效果如图28。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图28

第十步

1.右边的滑轨看起来有点奇怪,像在半空悬浮。作者为了修补这个问题,将滑轨支撑架粘贴到画布,同时提醒要处于右滑板者图层下。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图29

2.现在,滑轨支撑架的角度对于滑轨不是很适合。选择编辑-变换-扭曲,逐步调整好支撑架的角度,同时使用蒙版和水彩笔画修整边缘,让架子融入到大背景中。效果如图30。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图30

3.接下来调整色阶,添加色阶调整图层,现在就要看清有没有添加蒙版了。调整色戒参数:70 / 1.00 / 243。

第十一步

重复第十步,同样为左边的滑轨添加支撑架。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图31

第十二步

新建一个图层,命名为水彩,将图层放在背景图层和两个支撑架图层的上方和三个滑板者图层的下方。在图层上使用蓝色水彩笔刷。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图32

6利用画笔添加蓝灰笔迹

第十三步

新建一个图层,命名为dodge/burn。选择全部的水彩笔刷蒙版,并用50%灰度填充。

改变图层的混合模式为叠加。然后使用低不透明度的水彩笔刷和黑白蒙版进行修改,这样能在不破坏原有构图的前提下,很好地增强画面的冲击感。

下面是dodge/burn图层在正常混合模式下的效果图。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图33

在dodge/burn图层创建剪切蒙版,这样效果只会在有笔刷刷过的地方才显示。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图34

现在改变dodge/burn图层的混合模式为叠加。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图35

选择水彩图层和dodge/burn图层,按Ctrl+G,将两个图层合在一组。在图层组上添加蒙版,蒙版的操作会直接影响到两个图层上。现在,用笔刷遮蔽组合图层的部分图像,令蓝色的笔迹看起来像在滑板者和支撑架的下面,同时融入到大背景中。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图36

第十四步

新建一个图层,命名为水彩飞溅,确保这个新图层不在上一步的图层组合中。

在滑板者身上使用飞溅笔刷,以增强他们的运动感和爆发力。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图37

第十五步

然后需要再增加一个滑板斜梯。粘贴滑板斜梯的顶端部分在图案的前方,将这个新图层移到图层组合上。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图38

7添加图层修改整体效果

应用图层蒙版和遮蔽掉斜梯的底部和边缘,同时也让他们顺利过渡到周边的背景中。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图39

再调整一下这个图层的色阶跟色彩平衡。

色阶调整为:79 / 0.87 / 201。

色彩平衡调整为:高光: -12 / 0 / -2,中间调: -1 / -49 / +13,暗调: -15 / -6 / -4。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图40

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图41

第十六步

创建一个新图层在最顶端,命名为dodge/burn2,跟之前的dodge/burn同样调整好,然后以50%灰度填充画布并改变其混合方式为叠加。

用低硬度和低不透明度的黑笔刷去遮蔽图案,和用低硬度和低不透明度的白笔刷去显示图案。

下面就是dodge/burn2图层的正常混合模式和叠加混合模式。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图42

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图43

第十七步

最后对整个画布添加两个调整图层。

曲线调整设置为:曲线可见,图层不透明度为:50%。

渐变映射设置为:图层不透明度为:15%,图层混合模式为:正常。

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图44

第十八步

最终效果图:

Photoshop创建Grungy风格滑板海报教程,PS教程,图老师教程网

图45

来源:https://www.tulaoshi.com/n/20160216/1568271.html

延伸阅读
标签: PS PS教程
用手绘加入到电商可以实现很多有趣的效果,虽然不能达到做游戏原画的场景境界,但至少可以做自己想做的,不怕被说画的不到位!创造素材,让产品有个故事。 最终效果 1、先分析找突破: 2、如何做创意海报: 3、草图绘制,根据电影海报先大致定好颜色。 4、铺大色,小朋友涂鸦模式开启,没技巧,平涂。。。设置后有压杆效果。 5、...
标签: PS PS基础
最终效果: 1.在网上下载一个这样有锈迹的纹理。打开它来作为这个海报的背景。 复制一次图层得到背景副本,并设置其混合模式为正片叠底并将不透明度设置为:80%,这时候图片显暗 2.复制背景副本得到副本2,点击图层下方的添加新的图层或调整图层选择黑白如下设置 将图层的混合模式设置为正片叠底,调整不透明度为90% 可以...
标签: PS PS基础
本教程中我们主要是利用各种光线设计,和碎裂的空间素材,来设计出跳跃动感的画面,将照片处理创作成海报效果。 最终效果 1创建一个新的文件大小为1000*1000像素,背景为黑色。下载一个云笔刷,设置笔刷的不透明度和流量为20-30%在画布上绘制,如图所示 复制一层使用自由变换工具进行调整,如下所示 在自由变换框中点击鼠标右...
标签: PS PS基础
今天的海报教程简单好学易上手,效果炫酷设计感十足,教程全中文界面,无需下载一大包素材,有个PS即可开工,原图是数条彩带的排列,利用透视的原理产生一种辐射的效果。单纯的用钢笔照着原图再画一次显然毫无意义,这里我们可以尝试用矩形形状逐步实现它的大致效果。 这是最终效果: 用黑色的矩形画一个长条: 按照原图大概的间隔复...
标签: PS PS基础
教程介绍一种比较抽象水墨风格图片的合成方法。合成的时候需多次要给素材添加蒙版,并用水墨喷溅笔刷把边缘涂成类似水墨效果。然后再局部增加细节,整体润色,把图片处理得更完美。 教程素材: 创造聊斋式奇幻风格作品PS教程素材 先看看效果图 1、创建一个大小1400px * 800px的文档,背景白色。 打开人物素材,拖进来,转换为智能对象...

经验教程

337

收藏

48
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部