这是关于泛起水花的教程,很简单但很实用。恰好碰到网站首页上banner,就顺便记录一下制作过程。www.xberts.com。素材我放在文章末尾云盘中

所需素材图片




还有水珠的笔刷,我会统一放在云盘中
Part1:透明水瓶抠图
这是通道抠图的基本知识,原理很简单,一起来复习一下吧~^_^
步骤一:利用通道找出颜色鲜明的图层。
将水瓶图片拖到PS中,复制一层(Ctrl+J)。然后打开通道面板,我这里选择的是绿色,并且复制绿色图层。


步骤二:调整图层,使得分离的颜色更鲜明。
我习惯用色阶、曲线、色相饱和度简单调整
打开色阶(Ctrl+L),调整色值。打开曲线(Ctrl+M),调整色值。


获得的瓶子是这样的:

步骤三:关键的一步,利用选区获得半透明图层
(1)我习惯这样操作:按住Ctrl,点击“绿 拷贝”图层缩略图,出现蚂蚁线获得图形以外的轮廓。然后反选(Ctrl+Shift+I),获得图形轮廓。

(2)回到图层面板,复制选取的轮廓(Ctrl+J)。可以看到获得瓶子的瓶身是半透明的,命名“图层1”。是不是很简单啊


我们可以看到瓶子瓶身,有些地方也变成了半透明。这时就需要将瓶子的其他部分单独抠出来。
步骤四:获取瓶子其它部分
较为简单,直接口述。选择“背景 拷贝”图层,直接用魔棒(W),点击图片白色背景区域,获得瓶子轮廓蚂蚁线。然后右键-选择相似。反选区域(Ctrl+Shift+I),然后复制图层(Ctrl+J),获得瓶子非透明的轮廓,命名“图层2”。

步骤五:合并半透明和不透明图层,获得完整瓶子
(1)选择“图层2”,选择橡皮擦(E),擦除瓶身部分,留下瓶盖。


(2)打开“图层1”,盖印(Ctrl+Alt+Shift+E),获得完整瓶子


Part2: 构建banner整体环境
banner的环境是在一个水中,需要根据水面和水的颜色,调整整个环境色值。
步骤一:
新建文件(Ctrl+N),这里设置的尺寸是1920*675px,背景颜色为#fff。将之前的瓶子拖到文件中,命名“bottle”。同时调整瓶子尺寸(Ctrl+T)和在图中的位置。


步骤二:加入水花,调整位置及色调
(1)将“spray1.jpg”拖到文件中,调整大小(Ctrl+T)和位置,删格化图层


(2)调整水花色调。按住Ctrl,点击“spray1”图层缩略图,出现蚂蚁线。然后打开色相饱和度面板(Ctrl+U),色相8,饱和度-26。


(3)利用滤镜处理水花。将“spray1”转成智能对象,打开滤镜-液化,大小126,压力54,将水花边缘柔化。


步骤三:融合水面与水花
(1)将“level.png”拖进文件,调整大小和位置


(2)spray1和level融合。对spray1建立图层蒙版,画笔(B)设置硬度0%,透明度20%,擦除多余部分。


(3)擦除level多余部分。对level建立图层蒙版,同样,画笔(B)硬度0%,透明度50%,擦除边缘多余部分。


步骤四:将瓶子与环境融合
对bottle建立图层蒙版,画笔(B)硬度0%,透明度50%,擦除水面以下部分。


步骤五:制作瓶子的倒影
(1)复制bottle图层,命名“reflection”,翻转瓶身(Ctrl+T-右键-垂直翻转),向下移动至与bottle底相连,并转换成智能对象。


(2)扭曲倒影。滤镜-滤镜库-扭曲-海洋波纹,波纹大小15,波纹幅度11。


(3)液化倒影。滤镜-滤镜库-液化,画笔大小17,压力54。


(4)虚化倒影。给reflection建立图层蒙版,选择渐变工具(G),样式选择从背景到透明。从下往上拉,使得倒影出现渐隐效果。



现在瓶子就和环境很好融合了。
Part3:飞溅水花渲染环境
步骤一:加入飞溅水花1。
(1)打开spoil.psd文件,选择图层7,将其拖入文件中,命名为“spoil1”。并调整大小及位置。


(2)调整spoil1色调。按住ctrl,点击spoil缩略图层,出现蚂蚁线。打开色相/饱和度面板(Ctrl+U),色相29,饱和度-16,明度-14。


(3)建立spoil1图层蒙版,画笔(B),擦除瓶盖的部分。


步骤二:同样原理加入飞溅水花2
(1)打开spoil.psd文件,选择图层3,将其拖入文件中,命名为“spoil2”。并调整大小及位置。


(2)调整spoil2色调。按住ctrl,点击spoil缩略图层,出现蚂蚁线。打开色相/饱和度面板(Ctrl+U),色相28,饱和度-50,明度-3。


(3)建立spoil2图层蒙版,画笔(B),擦除瓶盖的部分。


步骤三:给瓶子表面增加水珠
(1)柔化瓶盖,添加光泽。这步较简单,我直接口述。钢笔工具(P)描绘瓶盖的黑色部分,颜色为#000,图层命名black。再用钢笔工具(P)描绘中间一部分,颜色为#fff,图层命名light。将light转换为智能对象,滤镜-高斯模糊,半径8.7,不透明度27%。将black和light两个图层打组(Ctrl+G),命名cover。


(2)给瓶盖和瓶身添加水珠
将“drop.abr”文件导入画笔中。新建图层(Ctrl+shift+N),命名为drop。任意选择画笔(B)中drop的形状,调整大小和颜色,即可在瓶身上添加水珠。


Part4:添加文字
到这里基本上就完成了。可任意添加需要的文字。

PS:这是瑞士的一个产品,瓶子有自动过滤功能,臭水沟的水都可以,净化滤达99.9%。感觉是野外神器了。
水花的banner广告太常见了,除了用在水瓶上,还有护肤品,各种有清洁功能都行。原理特别简单,关键是找到合适的素材,做起来十几分钟就可搞定。太久没做banner了,我感觉好多东西在跟我告别,:cry:。为了防止哪天我得了失忆症,先放这。。。
第一次写如此简单的教程,不带视频,都花了好久,而且很渣渣,从此无比敬佩高能产出教程的同志。。。
很少来这里,没想到站酷居然改版了,惊喜。。事物总是在慢慢朝好的方向发展,那我也回去好好优化我的网站~Goodbye~^_^
网友评论