PS教程!手把手教你合成炫酷的超级英雄电影海报 - 优设-UISDC

PS教程!手把手教你合成炫酷的超级英雄电影海报

2015/07/29 23880评论区

photoshop-super-hero-poster-1

在本教程中,我们将教大家用Photoshop合成炫酷的超级英雄电影海报,教程只做参考,更重要的是学习思路和工具的运用,希望大家学习后能够总结一下从中学到的东西。

练习素材下载地址:超级英雄电影海报素材包

如果有看不懂的地方可以随时留言。

photoshop-superhero-post0

一、思路分析

首先我们搜集了一些关于超级英雄这类主题的电影海报,分析这些海报的特点,我们总结出这类海报一般都包括种8种元素:武器、建筑物、火焰或者爆炸、雨滴、烟雾或者云、飞溅的碎屑、火花、光效。而每个海报中至少包括其中的5个。下图中已经标出。

photoshop-superhero-post1

photoshop-superhero-post2

二、搜集素材

本教程所用素材我们选择了一个持枪的女模特,一个建筑图片,燃烧的火焰,火花和烟雾笔刷,光效后期自己来制作。

photoshop-superhero-post00

三、教程开始

先介绍一下本教程的具体内容,分为4个部分,第一部分场景的合成,第二部分人物的融入,第三部分手枪的光效制作,第四部分火花和光效的制作。

1、背景合成

首先,新建一个文件,把建筑物和火焰图片导入photoshop中,在火焰图层上添加一个蒙版,用黑色画笔把不需要的地方涂抹掉。

photoshop-superhero-post4

盖印图层(Ctrl+Alt+Shift+E),对盖印的新图层执行滤镜>模糊>移轴模糊。位置如下:

photoshop-superhero-post5

移轴模糊参数如下:

photoshop-superhero-post6

这一步的效果图:

photoshop-superhero-post7

新建图层,下载并安装碎屑笔刷,选择画笔,前景色设置为白色,用画笔在图中位置绘制白色飞溅的碎屑。并降低图层不透明度。

photoshop-superhero-post8

前景色设置为黑色,用画笔在图中位置绘制黑色碎屑。

photoshop-superhero-post9

新建图层,用吸管吸取火焰的颜色,并降低画笔不透明度,在火焰周围建筑物上涂抹颜色。将以上所有图层放在一个组里,命名组为background。

photoshop-superhero-post10

2、导入人物图片并与背景融合

导入模特图片,自由变换(Ctrl+T)调整大小和透视。
photoshop-superhero-post11

为人物添加环境光效果,由于我们要在手枪上添加红色和蓝色光效,就要注意这些光对人物的影响。优设的教程中,许多都用到了这一技巧。

新建图层,混合模式改为颜色,选择画笔工具,降低不透明度,吸管吸取火焰颜色,用画笔涂抹人物右侧。

再新建图层,混合模式为颜色,前景色设置为浅蓝色,降低画笔不透明度,在人物左侧脸颊、脖子、左臂以及左腿处涂抹。

再新建图层,混合模式为颜色,前景色设置为红色,降低画笔不透明度,在左腿下部绘制一些红光。

photoshop-superhero-post12

按住alt键点击环境色图层和人物图层中间,以人物作为选区,并将这些图层分到一个组里。如图:

photoshop-superhero-post13

3、制作武器光效

新建图层,在手枪位置处用画笔工具绘制如图形状,画线段的方法:鼠标点击第一个点,按住shift键,然后点击第二个点。把图层的填充改为0%,然后双击图层添加图层样式。

photoshop-superhero-post14

内发光:

photoshop-superhero-post15

图案叠加:

photoshop-superhero-post16

外发光:

photoshop-superhero-post17

这一步的效果图:

photoshop-superhero-post18

新建图层,在下图位置绘制大半个圆,填充改为77%,添加图层样式。

photoshop-superhero-post19

内发光:

photoshop-superhero-post20

外发光:

photoshop-superhero-post21

效果图:

photoshop-superhero-post22

下载并安装烟雾笔刷,添加烟雾效果,颜色为浅蓝色,再加一点外发光效果。

photoshop-superhero-post23

将以上图层分到一个组里,命名组为weapon。

photoshop-superhero-post24

4、添加飞溅的火花和光效

先为服装添加一点立体感,具体方法:新建图层,用钢笔工具勾出下图所示形状(不要选路径,选择形状),然后添加一些红色的内发光和外发光效果。

photoshop-superhero-post24a

目前为止我们的效果图:

photoshop-superhero-post25

新建图层,降低画笔不透明度,吸取火焰颜色,用大画笔在人物和背景处涂抹,使人物与画面更加融合。

photoshop-superhero-post26

这一步添加火花效果,还是用到之前的碎屑笔刷,选择这组笔刷的另外一个,新建图层,在图中左下角处涂抹,颜色随意,填充改为0%,然后添加图层样式,内发光为橙色,颜色叠加为橙色偏黄,外发光为橙色偏红。

photoshop-superhero-post27

最后添加一些光效提升氛围。光效的制作方法:用画笔画两条线,两端细一些,添加动感模糊效果(角度为0),在添加图层样式外发光、颜色叠加。

photoshop-superhero-post28

【飞屋同学的私家精品教程人气榜】

TOP 1:教你快速搞定大受欢迎的多边形背景!
《AI新手教程!教你简单快速地将图片变成多边形背景》

TOP 2:手把手教你找到免费优质的高清大图!
《私家好货!设计师的高清图库收藏夹(附使用技巧)》

TOP 3:让配色变得特别方便简单的新手教程!
《配色弱有救了!教你利用图片创建独有的色彩方案!》

原文地址:ifeiwu
投稿者:网页设计学

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量99万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-super-hero-poster

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 转场动效 优设大课堂 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 配色 设计师专访 视觉设计 素材下载 web前端开发 设计流程 AI教程 用户体验设计 设计理论 神器下载 字体下载 海报设计 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里