网页设计的banner是留给大众的第一印象,尤其到了电商,每个商家都希望自己的店铺的头图都是充满着震撼的视觉效果,从而吸引客户进行感性消费。
那么接下来我就简单的梳理下设计思路:1、 画出草图;2、 寻找灵感;3、 快速拼图;4 、寻找素材;5、 制作融合。
5.1加入文字
5.2调整大氛围
5.3搭建出空间感
5.4重点处理耳机
5.5文字加入效果
5.6加入点元素,烘托氛围
一、画出草图
把心中的想法随意画出。当然电商的banner肯定要突出商品!
二、寻找灵感
寻找灵感的同时也要确定自己的主题,我们的商品是耳机,我个人比较喜欢科幻的东西,所以我的主题是:科幻。
三、快速拼图
快速拼出图,然后根据参考寻找需要的素材
四、寻找素材
在自己没有灵感和想法的时候,就用自己的灵感图,从中提取他们运用的素材;例如星空,科技环,等等。
五、制作融合
5.1加入文字
把文案加入进去,后再调整文字的透视关系。
5.2调整大的氛围
给环境加上色彩,熏染氛围。运用笔刷,和图层模式柔光模式即可。
5.3搭建出空间感
和5.2一样运用笔刷和柔光模式,即可。
在具有空间感的地方用渐变加深就很容易出效果。
5.4重点处理耳机
第一个是倒影处理,要注意加入高斯模糊,然后配合智能滤镜的蒙版处理。
第二个是用曲线提亮,针对亮面用笔刷提亮。要有耐心。加上高反差保留,提取细节。
第三个是给产品加入光影;底部影子、50灰(加强立体感)、反光、环境光。
第四个是给产品加入描边光,用描边的形式多复制3,4层,分别给予不同的高斯模糊,营造出光韵。
第五个是华龙点睛做特效,光效可以花瓣找到用即可。丝网状的科技图制作方法如下:
5.5文字加入效果
在文本的第一图层,做剪切蒙版加入渐变色彩。在文本的下层用alt+→复制出图层,然后用画笔随意涂抹上颜色即可。调整后如下图:
5.6加入点元素,烘托氛围
以点的形式加入画面上,会更加具有活力。
版权声明 | 文章配图仅供学习参考,引用图片版权归属原作所有
如有问题,请及时与我们联系,我们将第一时间做出处理