网页广告条图片设计的几个步骤

结合阿里巴巴和taobao的一些广告条
在此总结一些实用的方法,希望对大家有些帮助
首先是把所有元素都堆上去,文字图片,然后参考设计的内容定一个颜色.
此外我暂时把广告条分为两类:
一类是产品展示型,主要是对客户需要展示的产品做一个排版和设计.
二类可能是一个活动,没有产品展示,需要自己发挥更多.
我们先来说说第一类:
客户提供的产品一般分两类,一类是有完整外观的,比如这双nike,他本身就有一个很好的外形轮廓,一般这种都把产品单独扣出来进行制作.另外一类就是没有明显外形特点的,比如下面的床品.这样的处理方法就会有些特别.我们看例子.

第一步就是整个环境的设计!

可以看到在边角上用了简单的图形文字很快的就表现出了你想表达的东西,让人一目了然,这个点题的图形一般出现在两个角上,相对产品会显得比较大,但也不是绝对,需要灵活运用.另外颜色上拉一个渐变也会产生光线照射的感觉,丰富层次感.另外如果在产品都放好了以后如果觉得背景还是太过简单可以加一些样式,下面给出几个例子也许会有些启发.在这个环境搭建好以后,整个调子也基本在了,只要把要展现的产品丢进去就好了.

第二步就是产品的展示
我们来分析一下上面的两张,月饼那张,里面的月饼盒都有漂亮明显的外形轮廓,所以选择把他们扣出来处理.可能有些图形轮廓比较难扣,扣出来以后会有毛刺,这里的方法是加个外发光,超级必杀哦,马上解决.床品这张由于没有外形轮廓的特点,我们给他加了一个外框来让几个物品摆放的时候感觉更加整齐.另外如果前面一种扣出的情况排布起来还是感觉凌乱或者产品本身比较瘦小的话也可以考虑加一个统一的背景来增加统一感(如下面两张图).

第三步是字体的选择和样式的设计
这个我本人一直比较关注,字体选择的正确往往就能把整个设计给人的感觉把握住.另外文字上一般处理有大有小,要突出的的字大一点加个样式,有些需要活泼气氛的也可以把字都独立出来做个旋转,会有相当好的效果,但要有节制的使用,一般控制在3种以内.下面举例一些字体及样式的设计给大家做个参考.(主要就是渐变/描边/做产生立体感的白细线)

全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。

【原创教程 投稿邮箱: ps@16xx8.com】

长按二维码关注我们

关注我们微博:@photoshop教程论坛

推荐教程