年度最佳海报教程!手把手教你绘制闪亮璀璨的时尚海报

2014/11/12 29715

photoshop-fashion-inspired-poster-1

编者按:哼哼哈兮哼哼哈兮,堪比明星演唱会的海报设计!很久木有看到这类效果让人眼前一亮的教程了,俯拾即是的精致细节雕琢,专业水准的版式设计能力,一流的人物美妆功力,女王范儿与时尚感搭配得刚刚好,对这类教程,步骤再多也得坚持,最终会让你惊呆的。

今天,你将会学到如何使用Adobe Photoshop CS6中的多种工具来合成一个带有抽象形状的时尚照片,以及如何使用调整图层和蒙版来混合颜色以及对比。我们还提供分层PSD文件,让我们开始吧!

素材打包 微盘下载

最终图像:

digital collage (11)

在Adobe Photoshop CS6中新建一个文档(Ctrl+N),尺寸为1000px*1500px (RGB颜色模式),分辨率72 pixels/inch。使用 油漆桶工具 (G),#212F60颜色填充新背景图层。

digital collage (13)

找一张合适的模特照片,我是用的是来自Shutterstock 的这张照片:http://www.shutterstock.com。我要感谢这张照片的作者,如果你喜欢的话,也可以换一张你的相似的照片。(好吧请不要在意这个模特漂亮不漂亮是不是符合你的审美这种细节……)

想找更多高清大图?无穷的资源就在这里!《免费高清第二波!12个无版权限制的大图特供网站》

see-more-wave-2

digital collage (14)

用你最喜欢的工具移除照片的背景,像是钢笔工具 (P), 魔棒工具 (W), 套索工具 (L) 甚至使用 滤镜>抽出并把它插入到我们文档的新图层中,想学最全抠图的同学来优设网搜索框报上暗号:妹子+空格+抠图全方位攻略,就有惊喜送到哟。

把模特的图层编组(按住Ctrl键并在图层面板中选择模特的图层,然后按CTRL+G)。然后在图层面板 底部选择 添加图层蒙版来为这个组添加蒙版,然后选择 软圆笔刷并使用黑色。

digital collage (16)

在蒙版中绘制以隐藏模特,下一张也这么做。

digital collage (17)

新建一个图层并选择上面提到过的画笔,并把颜色设为#7B78FF (画笔 不透明度 – 20%)。把这个图层放在模特的图层下面。

digital collage (18)

接下来新建一个图层并选择软圆 画笔,在模特周围绘制,使用#0097E0 (画笔 不透明度 – 15%)。把这个图层也放在模特图层下面。

digital collage (19)

我们得到了下面的结果:

digital collage (20)

下一步我们要下载一套画笔,来自Deviantart的Sujune brush Pack 2,已打包到优设网微盘。

另外还要下载 画笔,叫他 Light brushes 2,同上。

复制画笔文件到C:Program FilesAdobeAdobe Photoshop XPresetsbrushes文件夹(Adobe Photoshop X是你的Photoshop版本)。

新建一个图层,从Sujune brush Pack 2中选择下面的画笔,使用#37004A (画笔 不透明度 – 15%)绘制背景。

digital collage (21)

同样把这个图层放在模特图层下面。

digital collage (22)

再新建一个新图层,选择软圆 画笔,在画布的所编和右下角绘制。

digital collage (23)

画笔颜色是#37004A (画笔 不透明度 – 15%)。把这个图层放在模特图层下面。

digital collage (24)

使用矩形工具 (U)画一个新的颜色为#2E5783的矩形。使用自由变换(Ctrl+T)旋转这个矩形,并把它放在模特下面。

digital collage (25)

在图层面板 底部选择 添加图层蒙版新建图层蒙版,选择黑色的软圆 画笔(不透明度为15%)。

digital collage (26)

在蒙版上绘制隐藏矩形的边缘。

digital collage (27)

新建一个图层,选择之前的那个画笔。颜色设为#00B1ED (画笔 不透明度 – 30%)。还是放在模特图层下。

digital collage (28)

在图层面板中按住 Alt (Windows) 或Option (Mac OS)并单击画笔图层与矩形图层之间的位置,创建剪贴蒙版。

digital collage (29)

我们得到了下面的结果:

digital collage (30)

接下来,我们要在一个新图层上使用软圆 画笔画一些模特身后的大点点。它是白色的(画笔 不透明度 – 20%)。

digital collage (31)

这个点要放在图层面板中模特图层的下面。

digital collage (32)

把混合模式设为叠加。

digital collage (33)

使用 矩形工具 (U)画一条细线,把颜色设为#DADADA。使用如图所示的选项条添加描边。

digital collage (34)

使用自由变换(Ctrl+T)命令来倾斜线条。

digital collage (35)

把这个图层的混合模式设为 亮光。

digital collage (36)

为这个图层 添加图层蒙版,然后使用矩形选框工具 (M)添加一个选区:

digital collage (37)

使用软圆 画笔,设为黑色 (画笔 不透明度 – 20%),绘制以隐藏选区的左侧及右侧部分。

digital collage (38)

我们得到了下面的结果:

digital collage (39)

复制粘贴最近建立的那个图层,并把混合模式改为正常。用之前的手法隐藏线条的边缘。这个图层也要在模特图层下面。

digital collage (40)

再复制一个线的图层并选择自由变换(Ctrl+T)命令,把它移动到下图所示的位置上。这个图层也要在模特图层下面。

digital collage (41)

新建一个图层并选择 软圆 画笔绘制线条的边缘,画笔颜色设为#4BC5EE。

digital collage (42)

这个图层也要放在模特图层的下面。

digital collage (43)

在图层面板中按住Alt (Windows)或Option (Mac OS)并单击画笔图层和线条图层中间的地方,以创建剪贴蒙版。

digital collage (44)

把混合模式 设为 线性光。

digital collage (45)

使用矩形工具 (U),在画一条线,同样使用自由变换(Ctrl+T)工具倾斜。

digital collage (46)

把这个图层的填充设为0%, 单击添加图层样式并选择渐变叠加。

digital collage (47)

单击颜色条打开渐变编辑器,如图所示设置颜色断点。单击确定关闭渐变编辑器对话框。

digital collage (48)

添加投影:

digital collage (49)

我们得到了下面的结果:

digital collage (50)

复制11个上面创建的图层的副本并选择 自由变换(Ctrl+T)工具,把这些副本如图所示依次排列在模特身下。

digital collage (51)

接下来,我们要把所有细线条图层放在一起(按住Ctrl键并在图层面板中选中图层并按下CTRL+E以向下合并)。把混合模式设为浅色.

digital collage (52)

再次新建一个图层并选择软圆 画笔,使用#FAFA00 (画笔 不透明度 – 7%)在画面上半部分涂抹。

digital collage (53)

这个图层要放在模特图层下面。

digital collage (54)

把混合模式改为实色混合。

digital collage (55)

使用多边形工具 (U)画一个多边形,把这个图层放在模特图层下面。

digital collage (56)

把该图层的填充设为0%并在图层面板底端点击添加图层样式图标,并选择描边。

digital collage (57)

我们得到了下面的结果:

digital collage (58)

复制三份并使用自由变换(Ctrl+T)命令,令这几个副本彼此角角相连,如下图所示。

digital collage (59)

现在把这些多边形编组(按住Ctrl键并在图层面板中选择模特的图层,然后按CTRL+G)。我们要做两组副本,并通过自由变换(Ctrl+T)改变副本的尺寸,如下图所示。

digital collage (60)

试着把左边那组的混合模式改成颜色减淡.

digital collage (61)

现在我们要放一组方块。在我们的例子中选择矩形工具 (U)并画一系列白色方块。复制很多份并使用自由变换(Ctrl+T)把它们放到图中所示的位置上。我们还要改变每个图层的填充值,试着弄成跟我下图中所示的效果一样。这些图层仍要放在模特图层下面。

digital collage (62)

把所有的方块编组(按住Ctrl键并在图层面板中选择模特的图层,然后按CTRL+G)。把混合模式改为实色混合。

digital collage (63)

点击图层面板 底部的 添加图层蒙版按钮插入新的图层蒙版。选择软圆 画笔,设为黑色 (不透明度 设为 20%)。

digital collage (64)

如下图所示那样涂抹以隐藏部分方块。

digital collage (65)

建立一个方块群组的副本并使用自由变换(Ctrl+T),放到如下图所示的位置上。移除图层蒙版并把混合模式改为叠加。

digital collage (66)

在图层面板 底部选择 添加图层蒙版来为这个组添加蒙版,然后选择 软圆笔刷并使用黑色。 (画笔 不透明度 – 20%),用相同的方式隐藏部分方块。

digital collage (67)

我们得到了下面的结果:

digital collage (73)

接下来我们要画模特肩膀上的闪光,首先新建图层,使用软圆 画笔,颜色为白色(画笔 不透明度 – 15%),点一下。

digital collage (69)

这个图层也必须放在模特图层下面。

digital collage (70)

把填充设为84%,把混合模式设为叠加。

digital collage (71)

新建一个图层,选择软圆 画笔绘制模特内部的特定区域,创建阴影。

digital collage (72)

使用 #45005C (画笔 不透明度 – 15%)。这个图层和下一个图层都要在模特图层上方。

digital collage (73)

在图层面板中按住Alt (Windows)或Option (Mac OS)并单击画笔图层和模特图层中间的地方,以创建剪贴蒙版。

digital collage (74)

我们得到了下面的结果:

digital collage (75)

新建一个图层,给模特添加更多阴影。

digital collage (76)

这次选择软圆 画笔,设为黑色 (画笔 不透明度 – 20%)。

digital collage (77)

在图层面板中按住Alt (Windows)或Option (Mac OS)并单击两个图层中间的地方,以创建剪贴蒙版。

digital collage (78)

我们得到了下面的结果:

digital collage (79)

接下来我们要处理下一个新图层,选择之前使用过的画笔,之前是黑色不过这次是 #E47200 (画笔 不透明度 – 20%)。

digital collage (80)

把 混合模式 设为柔光。

digital collage (81)

在图层面板中按住Alt (Windows)或Option (Mac OS)并单击画笔图层和线条图层中间的地方,以创建剪贴蒙版。

digital collage (82)

我们得到了下面的结果:

digital collage (83)

新建一个图层选择软圆 画笔,设为白色 (画笔 不透明度 – 10%),画下图中所指出的这几个区域。

digital collage (84)

我们得到了下面的结果:

digital collage (85)

在图层面板中按住Alt (Windows)或Option (Mac OS)并单击两个图层中间的地方,以创建剪贴蒙版。

digital collage (86)

我们得到了下面的结果:

digital collage (87)

现在要插入夜晚,选择水平文字工具 (T)。选好字体、字号和颜色。

digital collage (88)

单击画布并输入 ‘Fashion Night’。按回车应用文本。

digital collage (89)

在图层面板底端点击添加图层样式图标,并选择描边。

digital collage (90)

我们得到了下面的结果:

digital collage (91)

在图层面板中右键单击文字图层,并选择转换为智能对象. 在图层面板底端点击添加图层样式图标,并选择投影。

digital collage (92)

我们得到了下面的结果:

digital collage (93)

新建一个图层选择软圆 画笔,在文字上绘制阴影。

digital collage (94)

画笔颜色设为 #1F1C3E (画笔 不透明度 – 15%)。

digital collage (95)

在图层面板中按住Alt (Windows)或Option (Mac OS)并单击画笔图层和文字图层中间的地方,以创建剪贴蒙版。

digital collage (96)

我们得到了下面的结果:

digital collage (97)

在图层面板 底部选择 添加图层蒙版来为这个组添加蒙版,然后选择 软圆笔刷并使用黑色。 (不透明度设为40%)。

如下图所示绘制阴影。

digital collage (98)

在文字图层上添加相同的文字图层,但颜色不同。

digital collage (99)

单击画布并输入‘Fashion Night’。按回车键应用文本。

digital collage (100)

新建一个图层选择软圆 画笔,使用#9B3C7B在字上涂抹,选择不同的直径。

digital collage (101)

我们得到了下面的结果:

digital collage (102)

在图层面板中按住Alt (Windows)或Option (Mac OS)并单击画笔图层和文字图层中间的地方,以创建剪贴蒙版。

digital collage (103)

我们得到了下面的结果:

digital collage (104)

接下来我们要创建一个自定义画笔。在本例中,新建一个文档(Ctrl+N),尺寸为100px *100px (RGB 颜色模式),分辨率为72 pixels/inch。钢笔工具 (P),设为绘制模式,画一个下图所示的三角形。

digital collage (105)

在菜单中选择编辑 > 定义画笔预设。在画笔名称对话框中输入一个名字。

回到主文档中,我们需要在画笔面板 (F5)中再次定义画笔,选择笔尖形状。单击并拖动任意滑块改变大小和间距,如图所示。预览窗口就能看到改变后的画笔。

digital collage (106)

在形状动态中应用以下设置:

digital collage (107)

应用strong>传递:

digital collage (108)

新建一个图层,使用我们刚做好的画笔,颜色设为#CAECF8:

digital collage (109)

把混合模式改为柔光。

digital collage (110)

新建一个图层同样选择我们刚做的画笔。

digital collage (111)

在图层面板 底部选择 添加图层蒙版来为这个组添加蒙版,然后选择 软圆笔刷并使用黑色。 (不透明度设为80%)。

digital collage (112)

在蒙版中隐藏部分三角形,如下图所示。

digital collage (113)

新建一个图层,使用两种画笔 软圆和Sujune brush Pack 2中的画笔,来绘制模特脸上的妆。

digital collage (114)

digital collage (115)

画笔颜色设为#00BDD2 (画笔 不透明度 – 40%)

digital collage (116)

继续画眼线。新建一个图层,选择Sujune brush Pack 2中的画笔,颜色在图中标上了。

digital collage (117)

我们得到了下面的结果:

digital collage (118)

现在画影子,添加眉毛边缘。 新建一个图层选择软圆 画笔,颜色设为#0006A9 (画笔 不透明度 – 30%)以及黑色 (画笔 不透明度 – 30%)。

digital collage (119)

我们得到了下面的结果:

digital collage (120)

继续化妆。使用钢笔工具 (P)画出下面的形状,颜色是#2F328F。

digital collage (121)

创建图层蒙版,选择软圆 画笔, 黑色(画笔 不透明度 – 40%),在蒙版上绘制隐藏形状的两侧。

digital collage (122)

新建一个图层选择两种工具。首先使用软圆 画笔画两种不同颜色。

digital collage (128)

然后选择涂抹工具 (R)苦熬三颜色,得到下图的效果:

digital collage (124)

我们得到了下面的结果:

digital collage (125)

在图层面板中按住Alt (Windows)或Option (Mac OS)并单击两个图层中间的地方,以创建剪贴蒙版。

digital collage (126)

我们得到了下面的结果:

digital collage (127)

新建一个图层,继续给模特化妆,使用软圆 画笔,颜色为#28009A(画笔 不透明度 – 20%)。

digital collage (128)

然后选择涂抹工具 (R)模糊边缘。

digital collage (129)

在图层面板中按住Alt (Windows)或Option (Mac OS)并单击图层中间的地方,以创建剪贴蒙版。

digital collage (130)

我们得到了下面的结果:

digital collage (131)

新建一个图层,从Sujune brush Pack 2中选择画笔,设为黑色 (画笔 不透明度 – 20%),在面妆上面涂画。

digital collage (132)

在下部我们使用灰色(画笔 不透明度 – 20%)。

digital collage (133)

在图层面板中按住Alt (Windows)或Option (Mac OS)并单击两个图层中间的地方,以创建剪贴蒙版。

digital collage (134)

我们得到了下面的结果:

digital collage (135)

下一个新图层我们要继续细化面妆。这次选择#2D2B51 (画笔 不透明度 – 20%)。

digital collage (136)

然后使用涂抹工具 (R)扩散颜色。

digital collage (137)

现在我们要重复上述步骤,继续化妆。画笔颜色维持不变。新建一个图层,应用模特右眉毛的画笔。在左边我们要插入流畅的线,同样使用涂抹工具 (R)扩散开。

digital collage (138)

最后新建个新图层,使用软圆 画笔绘制要在画布上显示的区域。这样妆就画完了。

digital collage (139)

画笔颜色设为 #00C7FE (画笔 不透明度 – 20%)。

digital collage (140)

接下来我们再画一条线,使用矩形工具 (U):

digital collage (141)

我们得到了下面的结果:

digital collage (142)

复制很多次那条线,使用自由变换(Ctrl+T)操作将线条如下图所示放置。

digital collage (143)

把所有图层编组(按住Ctrl键并在图层面板中选择模特的图层,然后按CTRL+G)。复制一次并使用自由变换(Ctrl+T)把它放在左下角。

digital collage (144)

在图层面板 底部选择 添加图层蒙版来为这个组添加蒙版,然后选择 软圆笔刷并使用黑色。 (不透明度设为20%)。

digital collage (145)

我们得到了下面的结果:

digital collage (146)

再创建个新图层,选择软圆 画笔涂抹右上角的线条,颜色设为#002CB5 (画笔 不透明度 – 15%)。

digital collage (147)

我们得到了下面的结果:

digital collage (148)

把混合模式设为 颜色减淡。

digital collage (149)

新建一个图层选择标准 画笔,白色 (画笔 不透明度 – 40%)插入大小不同的点点。

digital collage (150)

我们得到了下面的结果:

digital collage (151)

使用椭圆工具 (U),画一个小圆。

digital collage (152)

在图层面板底端点击添加图层样式图标,并选择内阴影。

digital collage (153)

应用 渐变叠加:

digital collage (154)

单击颜色条打开渐变编辑器,如图所示设置颜色断点。单击确定关闭渐变编辑器对话框。

digital collage (155)

我们得到了下面的结果:

digital collage (156)

使用钢笔工具 (P),画几个颜色为#1293B0的三角形。

digital collage (157)

我们得到了下面的结果:

digital collage (158)

把所有的蓝色三角形编组。在图层面板 底部选择 添加图层蒙版来为这个组添加蒙版,然后选择 软圆笔刷并使用黑色。(画笔 不透明度 – 20%)隐藏部分三角形。

digital collage (159)

我们得到了下面的结果:

digital collage (160)

再来下一个 新图层,再次选择软圆 画笔绘制背景的上部分。画笔颜色设为#005FB9 (画笔 不透明度 – 30%)。

digital collage (161)

把模特头发部分清理干净,使用the 橡皮擦工具 (E)。

digital collage (162)

把这层的混合模式设为滤色。

digital collage (163)

接下来,我们创建一个新图层,使用软圆 画笔, #CAECF8颜色来绘制文本的发光。

digital collage (164)

我们得到了下面的结果:

digital collage (165)

使用自由变换(Ctrl+T)功能把圆点拉伸压缩成下图所示的样子。

digital collage (166)

接下来我们要用椭圆工具 (U)画几个#0089B4的圆。

digital collage (167)

在图层面板 底部选择 添加图层蒙版来为这个组添加蒙版,然后在蒙版上按 CTRL+I反转颜色,选择 软圆笔刷并使用白色。(画笔 不透明度 – 30%)。多次单击圆形中间以获得下图所示的效果。

digital collage (168)

使用 黑色 画笔清理出圆圈左下角的区域。

digital collage (169)

新建一个图层 ,使用软圆 画笔,颜色设为白色(画笔 不透明度 – 15%),多次点击画出球体上发光的效果。

digital collage (170)

我们得到了下面的结果:

digital collage (171)

把填充设为45%,混合模式设为叠加。

digital collage (172)

接下来我要介绍如何添加闪亮亮的效果,创建新图层使用Light brushes 2中的画笔。在本例中,我要展现模特肩膀上的几个小星星是怎么做的。

digital collage (173)

我们得到了下面的结果:

digital collage (174)

新建一个图层 ,选择软圆 画笔画出画布黯淡的边缘。

digital collage (175)

画笔颜色设为#2C1C3A (画笔 不透明度 – 20%)

digital collage (1)

新建一个图层选择油漆桶工具 (G)使用#5A31F2填充。

digital collage (2)

把这个图层的填充设为8% ,并把混合模式设为颜色加深。

digital collage (3)

再做一个新图层,在上面使用之前画背景所用的相同画笔,在右上方和左下方涂画。另外也在模特右肩上添加一些颜色。画笔颜色设为#00A1F1 (画笔 不透明度 – 40%)。

digital collage (4)

把这个图层的填充设为27%,并把混合模式设为线性减淡。

digital collage (5)

想让文字像模特下部一样闪亮,使用Light brushes 2的画笔。

digital collage (6)

我们得到了下面的结果:

digital collage (7)

在图层面板的底部单击新建填充或调整图层,单击曲线,如下图所示调整,稍稍校正颜色。

digital collage (8)

我们得到了下面的结果:

digital collage (9)

最后合并所有的图层(在图层面板中按住CTRL键选择所有图层并按下CTRL+E以向下合并)。在栅格化图层后我们要应用滤镜:滤镜 > 如花 > USM锐化。

digital collage (10)

我们得到了下面的结果:

digital collage (11)

超酷炫海报教程合集!

俏皮而大胆的海报,老顽童版的教程!
《AI教程!教你用ILLUSTRATOR设计俏皮大胆的疯狂复古海报》

简洁大气的复古海报教程!
《PS教程!教你创建几何图案的复古怀旧海报》

新手能轻松学会的复古海报教程!
《新手教程!教你利用PS制作一个复古风格的行星景观海报》

原文地址:Design Stacks
优设网译者:@阿布

uisdc-tuweia-2

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

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

sdcweixin

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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