电商鞋类广告海报设计教程
来源:站酷
作者:巧匠视觉
学习:10111人次
前序
这张图本来是一个春季踏青的专题页,着力是我非常喜欢的感觉,也费了不少力气做创意,当时还在公司的时候就有同事问我这个是怎么做的了,在这里把方法分享给大家,效果看着很棒,其实方法还是比较简单的,希望对大家的设计有所帮助。

PSD源文件下载链接: http://pan.baidu.com/s/1qWt27ec 密码: htgr
解压密码:www.16xx8.com
第一步:创作思路
有的同学会说没有有思路,其实我个人觉得只是你项目经验不足而已。只要你多做几年安全多了,思路自然就存储在你的脑硬盘里了。
这个安全的主力非常的准确“四月踏青季”,首先我们确定下色彩,四月刚刚进入春天没有多久,万物复苏,山上一片一片的嫩绿色小芽芽!嫩绿就是有点泛黄的绿,下面是我找到的大自然的图,和确定使用的色彩之一。

第二步:创意灵感
谁实施如果让我从头到尾去想一个创意的话,有的时候会想很久,再碰上个生理其,那就更凌乱了。有的时候我建议大家还是多欣赏些好的作品,试试能不能从别人的作品里得到灵感。
这个作品的灵感来自下面的这幅图,有的同学不屑于参考别人的作品,自己成天的琢磨创意,创意,再创意,我建议同学们在没有足够的经验和技巧的时候还是多找找参考吧,别一个人陷进去虐待自己。
当时我找参考的时候,看着参考图,它在我心里是万丈光芒的。我的表情就如下图所示。。。

第三步:画草图
这里稍微就要考验一下同学们的构图能力了,不算难,但是对我来说已经算是很难的了。草图依然是自己能看懂就好了。

第四步:勾树干
这个创意中最难的就是做树干,只要树干弄出来了,其他的就嗖嗖的都能解决掉!
首先我们要用钢笔没着刚刚画的树干草图勾一个形状出来。其它部分先不管。

第五步:填充素材
这一步是本篇里最重要的一步,也就是把这一步弄好了,这个创意也就等于成功了!
事情已经想好的是树干,所以我们要往画好的开关里填充树皮素材。主要就从百度搜一张树皮素材,嵌入不同的位置,变形得到。

CTRL+T变形得到这个形状

树皮素材,要按照树干的走势去贴,看箭头想必大家你能明白。

填充一个跟树木相近的颜色:数值是#B0A086,大家请便啊,根据自己的设计来。未来让树干看的清楚些,在下面加些亮色。

这里还有很重要的一步,用加深工具把树干的边缘加暗,减淡工具把树干的中间的部分做调光,这样就会有立体的感觉了!工具的快捷键是“0”。用加减淡工具增加亮部,用加深工具增加暗部。

给树皮素材图层叠加模式。


用正确的方法最后得到的就是上面这个样子的。在加上两片小树叶点缀一下。这里强调一下,树叶的颜色就是感觉我们第一步确定的嫩绿色稍微调整了一下,这里就不做过多的解释了。
第六步:添加素材
最难的一部分都做出来了,接下来根据草图,我们在把鞋子、小鸟、小动物、分别抠出来,按碑的位置摆放上去就可以了。(不会抠图的可以到这里学习一下抠图方法:http://www.16xx8.com/photoshop/koutujiaocheng/

第七步:背景+镜头光晕
这个创意背景不太奢华过于复杂的背景,但是也不能建议背景什么都没有,这里我找了一张春天的图片,跟主题非常契合,颜色也不错,直接拿过来给个高斯模糊,然后降低透明度就搞定了。
在光源最亮的部分加了一层镜头光晕,一是让色彩更加丰富了,也更加美观!镜头光晕在滤镜-渲染-镜头光晕,数值没有固定的,自调。

无背景无镜头光晕的效果:

最终添加背景和镜头光晕的效果:
这张图本来是一个春季踏青的专题页,着力是我非常喜欢的感觉,也费了不少力气做创意,当时还在公司的时候就有同事问我这个是怎么做的了,在这里把方法分享给大家,效果看着很棒,其实方法还是比较简单的,希望对大家的设计有所帮助。

PSD源文件下载链接: http://pan.baidu.com/s/1qWt27ec 密码: htgr
解压密码:www.16xx8.com
第一步:创作思路
有的同学会说没有有思路,其实我个人觉得只是你项目经验不足而已。只要你多做几年安全多了,思路自然就存储在你的脑硬盘里了。
这个安全的主力非常的准确“四月踏青季”,首先我们确定下色彩,四月刚刚进入春天没有多久,万物复苏,山上一片一片的嫩绿色小芽芽!嫩绿就是有点泛黄的绿,下面是我找到的大自然的图,和确定使用的色彩之一。

第二步:创意灵感
谁实施如果让我从头到尾去想一个创意的话,有的时候会想很久,再碰上个生理其,那就更凌乱了。有的时候我建议大家还是多欣赏些好的作品,试试能不能从别人的作品里得到灵感。
这个作品的灵感来自下面的这幅图,有的同学不屑于参考别人的作品,自己成天的琢磨创意,创意,再创意,我建议同学们在没有足够的经验和技巧的时候还是多找找参考吧,别一个人陷进去虐待自己。
当时我找参考的时候,看着参考图,它在我心里是万丈光芒的。我的表情就如下图所示。。。

第三步:画草图
这里稍微就要考验一下同学们的构图能力了,不算难,但是对我来说已经算是很难的了。草图依然是自己能看懂就好了。

第四步:勾树干
这个创意中最难的就是做树干,只要树干弄出来了,其他的就嗖嗖的都能解决掉!
首先我们要用钢笔没着刚刚画的树干草图勾一个形状出来。其它部分先不管。

第五步:填充素材
这一步是本篇里最重要的一步,也就是把这一步弄好了,这个创意也就等于成功了!
事情已经想好的是树干,所以我们要往画好的开关里填充树皮素材。主要就从百度搜一张树皮素材,嵌入不同的位置,变形得到。

CTRL+T变形得到这个形状

树皮素材,要按照树干的走势去贴,看箭头想必大家你能明白。

填充一个跟树木相近的颜色:数值是#B0A086,大家请便啊,根据自己的设计来。未来让树干看的清楚些,在下面加些亮色。

这里还有很重要的一步,用加深工具把树干的边缘加暗,减淡工具把树干的中间的部分做调光,这样就会有立体的感觉了!工具的快捷键是“0”。用加减淡工具增加亮部,用加深工具增加暗部。

给树皮素材图层叠加模式。


用正确的方法最后得到的就是上面这个样子的。在加上两片小树叶点缀一下。这里强调一下,树叶的颜色就是感觉我们第一步确定的嫩绿色稍微调整了一下,这里就不做过多的解释了。
第六步:添加素材
最难的一部分都做出来了,接下来根据草图,我们在把鞋子、小鸟、小动物、分别抠出来,按碑的位置摆放上去就可以了。(不会抠图的可以到这里学习一下抠图方法:http://www.16xx8.com/photoshop/koutujiaocheng/

第七步:背景+镜头光晕
这个创意背景不太奢华过于复杂的背景,但是也不能建议背景什么都没有,这里我找了一张春天的图片,跟主题非常契合,颜色也不错,直接拿过来给个高斯模糊,然后降低透明度就搞定了。
在光源最亮的部分加了一层镜头光晕,一是让色彩更加丰富了,也更加美观!镜头光晕在滤镜-渲染-镜头光晕,数值没有固定的,自调。

无背景无镜头光晕的效果:

最终添加背景和镜头光晕的效果:

学习 · 提示
相关教程
关注大神微博加入>>
网友求助,请回答!