注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

{800Bu}

——Well, Here We Are...

 
 
 
 
 

日志

 
 

开始动手做banner(转载)  

2011-11-26 16:49:24|  分类: 教程学习 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
原文转载自365UCD-打造舒适网络生活体验

开始动手做banner(转载) - 800bu - {800Bu}

关于banner的制作—-素材篇,上次“火炎新君”和大家介绍了字体颜色和底色搭配基础知识。今天,我们来点进阶的!制作自己的第一个BANNER。菜鸟们不要怕,现在就起飞!高手请“膀胱”。
 ◆ 制作工具: PHOTOSHOP CS5 中文版
◆ 素材图片若干。
目前我们接到一个虚拟的case 做一个温泉的BANNER广告。
◆ 尺寸 372px * 188px

开始动手做banner(转载) - 800bu - {800Bu}
 step1

构思
我想到的是温泉是一种温暖的,放松的感觉,这种感觉好人沐浴在春风里一样。
我想到了春天,和春天里面的桃花。同时,洗温泉时候,需要用到的木桶木盆,嘿嘿。
那么我就用自己仅有的百度图片搜索,搜索一些图片资源。我找到了!雪山大地(为什么找到这个图片,下面再说哦),一枝桃花(桃花有红有绿,有花有叶,很漂亮,个人认为比樱花更美。)一个木盆,一个木勺。

开始动手做banner(转载) - 800bu - {800Bu}

step2

我们找来一张,冰天雪地的照片,为的就是营造一个蓝天的感觉的背景。
因为此图的,蓝色和白色分明,我们把它高斯模糊后,可以突出前景的桃花,有一个层次上的对比。

开始动手做banner(转载) - 800bu - {800Bu}
step3

我们来调整这长图,ctrl+u 我们来调整它的 饱和度 和 亮度 。让它的颜色变的谈一些亮一些,有一种天空的感觉。然后我们在按 ctrl+M 调整曲线。也是为让整体更加的亮一些。

开始动手做banner(转载) - 800bu - {800Bu}
开始动手做banner(转载) - 800bu - {800Bu}
开始动手做banner(转载) - 800bu - {800Bu}
step4

下面我们把从百度那里搜来的图片处理一下。因为此图的背景颜色还是很统一的,所以对于我们来说抠图就很简单了。我在这里的抠图方法是运用了,PS里面的一个小工具,可能只有PS5才有个这个小工具,叫“快速选择工具”抠图。我觉得还是比价好用的,那么以后我们在说如何的使用这个工具。当然还有好多,好多别的方法抠图,总之有什么方法都是可以的。把桃花扣出来后,我们还在加工一下。同样是调整图片的饱和度和亮度 ctrl+u . 下面我在按ctrl+m调整它的曲线。得到一个颜色比较好的图片。

开始动手做banner(转载) - 800bu - {800Bu}
开始动手做banner(转载) - 800bu - {800Bu}
step5

我们对图片进行局部的模糊处理,我们使用PS的模糊工具开始动手做banner(转载) - 800bu - {800Bu},让前景主题的大花朵清晰,背景的小花朵模糊,同时也形成一个对比,突出重点。图片处理好后,我们把它在背景中间发白的地方。

开始动手做banner(转载) - 800bu - {800Bu}
开始动手做banner(转载) - 800bu - {800Bu}
step6

下面我们来扣木桶,那个图片背景就比较复杂了。不过木桶的颜色和背景的颜色区别很大。我们还是用“快速选择工具”抠图,完成后我们下面的工作是给木桶加一点阴影。
我们点选木桶这层,把这层拖动到右下角的小文件图标的地方开始动手做banner(转载) - 800bu - {800Bu},复制这个图层。然后按住ctrl键,点选这个图层,这样可以把图层中的木桶全部选中。我们在选色器里面设置颜色#74747开始动手做banner(转载) - 800bu - {800Bu}. 然后我们给木桶这层上色alt+delete。看到不,木桶层变成了灰色,让我们给他们高斯模糊。接着调整形变ctrl+t 比较自然就可以了。

开始动手做banner(转载) - 800bu - {800Bu}
开始动手做banner(转载) - 800bu - {800Bu}
step7

下面我们来加入LOGO和文字,LOGO是一开始就准备好的。
我们用文字工具在画布上,画一个大大的文本框把我们需要的文字输入进去,调整字体字号的大小,字体的颜色。我们分别用两种颜色 #ec0738 和 #000000. 为了强调活动的时间我们用大字体标注一下14px,用10px标注小字体。

step8

我们还注意到图片的背景里面还有一些英文字体的暗纹。OK,下面我来制作它。我们找一下关于温泉的英文描述。不需要太多的文字,只是一些文字修饰就可以了。我们选用Georgia 这个英文字体30px。然后我们把这个图层栅格化,给他加一个蒙版方式选择径向。从中间向两边拉出来。然后设置该层的不透明度30% 填充值40%。

step9

最后把文字的位置摆放一下,完毕~!

开始动手做banner(转载) - 800bu - {800Bu}
菜鸟们,我们开始动手做吧。加油~~

  评论这张
 
阅读(153)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017