CONTENT
29
2016/08
16
2016/08
02
2016/08
22
2016/07
16
2016/07
01
2016/07
18
2016/06
08
2016/06
13
2016/05
01
2016/05
但凡做过设计的同学,都懂得细节决定成败的道理,现实场景类的海报合成则更是如此。本次@酷coo豆 的分享将从活动背景的文字提案、画面构思、素材收集、细节刻画、到最后的渲染出图,来分享一个专题页面banner的制作全过程,一方面是对自己工作的一个总结,另一方面也想借此机会和大家多多交流。最终的效果图如图1。
图1—效果图 | 950x500
一副平面设计作品向来都不是凭空捏造出来的,它的出现必然是承载着其营销使命和商业价值,在没有充分了解活动背景,公司属性、以及文案诉求之前,其实往往会感到无从下手,就更不要盲目地开始去做设计了。
背景:我司为家装公司,将于5月,借助五一节日推广公司整装产品,故策划制作一专题页面。(百科一下—整装:故名思议就是,从基装、硬装、软装,一整套包括在内的装修方案。装完就可领包入住的省心装修方案。)
要求:正直夏日来临之际,天气开始变得炎热,领导要求画面尽量做得清爽简洁,能给严酷的夏日带来一丝丝凉意,自然是极好的。
文案:此次给到的文案如下“五一盛惠——裸价装,挑战市场更高装修性价比,49800元/70平米,比市场价78000直省20%,整装更加省心省时。 ”通过头脑风暴对主题文案的联想,能够激发出更多有趣的延伸,对后期画面的构思功不可没。
(1). 头脑风暴:根据活动背景,提炼出此次活动的关键字:五一盛惠、整装、夏季、清爽。
图2—头脑风暴脑图
结合关键字,再做下一步的深入联想,最好要在脑袋里形成具象的实物元素,比如海滩、蓝天白云、冰块,这些元素都可能出现在我们合成的画面中,此时就可以借助搜索引擎逐一或有选择性的搜索这些关键字,去寻找自己的脑袋中的画面感,这个过程是迸发出灵感的最关键步骤!
我们做任何一个画面,其实是很难在一开始就拿捏得准,所以在这个过程中看到不错的图片一定记得另存到本地,可作为后面的制作素材,方便作为后期完善画面做参考。
(2). 画面构思:在看了大量图片后,这时脑袋里的画面感也变得更加立体了,现在就可以在纸上或用photoshop软件中把画面的轮廓勾勒出来,不要求多精美,自己看得懂就ok。
图3—示意图
(3). 构图解析:画面左侧是一些椰子树叶,右侧也有一些椰子树,中间是主题文字,粘贴在一块冰块上,冰块坐落在一块冰山上,而冰山漂浮在海洋上。天空部分有白云,太阳,还有一些海鸥在飞翔。这是初步的构图方案。(PS:这个示意图中的冰山明显不合理,根据物理学原理,冰山密度为水的1/10,露在水面的冰也该只有1/10左右,这个在后面的具体刻画需要中要注意。)
此阶段就依据构思画面,去收集高质量的图片素材,椰子树、云朵、冰块、冰山、海鸥、海洋、蓝天白云等图片,收集渠道站酷、百度、以及灵活运用抠图、图层蒙版、叠加模式来快速拼凑出示意图中的画面。
图4—初步合成
这个阶段的目的是检测我们的思路是否正确,以便及时更正。从上图中可以看出构图是没有多大问题的。但现在的画面看上去非常丑陋,比如两侧椰树颜色与画面不协调,场景层次感不丰富等,接下来就需要对局部进行深入刻画了。(关于上述画面的制作,如难题欢迎去知乎留言讨论)
1.主题文字。
在左右纠结很久之后,选用了“五一盛惠”作为主题文字,同时本次要推的整装产品,所以要着重突出”整装及其价格“,然后让辅助文字分布在主标题周边。主标题选用了书法字体,并加入立体效果以突出显示。
图5—笔触细节
细节1:添加笔触。给毛笔字笔画起落处添加笔触效果,使其更具感染力。用到工具为笔刷,和CRTL+T自由变形。
2.层次感的制作
通过对整装的联想,可以想到居家常用的家电、厨具、水槽等具象元素,将其加入画面中来,丰富画面的层次感。
图6—局部调色前
细节2:局部调色。由于找到的冰箱(洗衣机)素材的颜色偏暖,和环境不匹配,所以应对其色相进行适当调整。在冰箱图层上新建图层(图层47)填充青色,叠加模式为颜色,并降低透明度,使色相微微偏青。
图7—调色图层
细节3:明暗对比。由于阳光下的物体,上部会比下部亮。故在冰箱图层上创建纯黑图层,并配合蒙版拉出如图(图层48)所示上黑下白的渐变色,调整混合模式为柔光,并降低透明度。
图8—局部调色后
细节4:阴影刻画。对场景中冰箱,洗衣机、热水器等电器的阴影进行刻画,越靠近元素底部的阴影越实,越远的地方阴影越虚。用选取工具,勾勒电器底部轮廓,在电器下方新建图层,填充低亮度的蓝色,执行滤镜—高斯模糊,混合模式正片叠底,然后CTRL+J复制多个,并调整阴影大小。同时对其他器件元素做类似的调色及加投影处理,图9为处理后效果。
图9—添加阴影后的效果图
细节5:撒落的碎冰。在冰山上加入几块撒落的碎冰,提升画面的趣味性,同样需要对其阴影做上述的细致处理,使其融入到环境中去。
细节6:漂浮的水槽。漂浮在水面上的水槽,沉入水下部分用蒙版擦除,做出半透明效果。
细节7:倒下的路牌。倒下的路牌为禁止标志,上边写着“市场价78000”,且紧靠498000元/70m2,暗示着我们的产品,相对于市场价将会更有优势,同时增加了页面的故事性。路牌的制作为:禁止标志与木棍组拼接而成。
细节8:木棍底部裂纹。百度搜索裂纹得到类似下图的裂纹素材,扣出裂缝部分,CTRL+T自由变换,改变裂纹透视角度,使其贴合冰山的平面,改变图层混合模式为强光,配合蒙版擦除不自然部分。
图12—裂纹素材
3.整体氛围渲染,及调色出图。
细节9:飞溅的碎冰。在画面中加入一些飞溅的碎冰,适当高斯模糊,提升画面动感。此时同样需要对飞溅的碎冰做调色处理。
图13—飞溅的碎冰
细节10:烟雾冷气。用烟雾笔刷素材,前景色调为白色,在画面中随机加入一些飘渺的白色冷气,丰富画面。
细节11:通过初步合成以上处理场景基本搭建完毕,此时我们会发现两边的椰树颜色太过浓郁,而且纯度过高,太靠近冰箱且在画面中的占比过大,视觉上会不太舒服,此时就对需对其颜色饱和度、色相、构图做进一步处理。使其与画面达到和谐统一。处理方法类似细节2。
图14—椰树颜色调整前
图15—椰树颜色调整后
细节12:最后润色输出。将前景色设置为高亮度的青色,选择笔刷工具,硬度0%,透明度随意,直径大小调整到画面宽度左右,在图层最上方的新建图层上涂抹,混合模式设为柔光,并调整到合适的透明度。最后在对画面进行检查,微调,感觉差不多了就可盖印出图了。
1676宽度版本 | 分辨率1670x460
950宽度版本 | 分辨率950x500,构图效果最佳。
局部细节展示
到新窗口查看 1080p原图效果
来源:平面设计学习日记网,作者:@酷coo豆;原文地址:http://www.xxriji.cn/diary4.html。知乎地址:https://zhuanlan.zhihu.com/p/21319560;未经许可禁止转载,盗用追究法律责任。