美文网首页
[教程]水瓶泛起水花Banner

[教程]水瓶泛起水花Banner

作者: 杉杉css | 来源:发表于2017-11-30 16:30 被阅读0次

    这是关于泛起水花的教程,很简单但很实用。恰好碰到网站首页上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~^_^

    资源链接:pan.baidu.com/s/1kVuyDWN

    相关文章

      网友评论

          本文标题:[教程]水瓶泛起水花Banner

          本文链接:https://www.haomeiwen.com/subject/dnivbxtx.html