页面载入中...

手把手教你绘制闪亮璀璨的时尚海报

xingphotoshop, 2014-11-130

 

2014110257746249.jpg

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

今天,你将会学到如何使用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。我要感谢这张照片的作者,如果你喜欢的话,也可以换一张你的相似的照片。(好吧请不要在意这个模特漂亮不漂亮是不是符合你的审美这种细节……)

 

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)

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


分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信