Photoshop设计制作出花瓣上滚动的水珠效果教程

 经常在网上看到许多漂亮的动态草图片,上面常常会有闪闪发亮的水珠,或者水珠滴滴滑落的动态效果。我也一直在找关于水珠的素材,目前只发现透明flash有水珠的素材。可是我把透明水珠的flash转换为gif图片时,背景却成了白色的了。因为水珠是透明的,所以我也没办法抠下来。其实我也知道ps可以做出来的,可是一直没有去学。今天下午在网上找了一些教程,学会了怎么做水珠,然后我试着做出了几张动态的水珠效果图片来,感觉还算不错。大家在做图片,或模板时加上动态效果的水珠,一定会很漂亮。下面是我的制作过程:

Photoshop设计制作出花瓣上滚动的水珠效果教程

  一、打开喜欢的图片,双击图层解锁。在需要做水珠的地方按住Shift键不放,用圆形选框工具,在图片上画一个正圆,然后再按Ctrl+J键将选区内的图象复制到新层。

Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程

  二、点击上方公共栏滤镜—扭曲—球面化(一次或两次),然后再点滤镜—模糊—高斯模糊(数值不要太高)

Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程

  这是做出后的效果:(我放大了一些)

Photoshop设计制作出花瓣上滚动的水珠效果教程

  三、选择图层样式—内阴影与投影(阴影不透明度10%,投影为70%,其它数值可自定。其中颜色的选择可选黑色,也可根据图片色彩中选取最深的颜色,这样看起来比较自然一些):

Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程

  设置好以后点确定,下图为设置好的效果;

Photoshop设计制作出花瓣上滚动的水珠效果教程

  四、在水珠上面选取适当的位置,用圆形选取工具画一个圆或椭圆,点击渐变工具,选由白到透明,然后在选区内拉一下(从哪个方面拉,可根据光的位置及方向)

Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程

  做好后,再在反方面或中心位置选取一个小圆,选取后点上方公共栏的选择—-羽化,再点编辑—填充(白色)

Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程

  下图为做出后的效果(如果水珠大些,羽化半径可适当调高一些):

Photoshop设计制作出花瓣上滚动的水珠效果教程

  OK啦~~水珠做出来了,可是我们还要让它变成动态的(那么我们利用变形工具,让水珠慢慢从叶子上滑落)
  首先在水珠图层上右击复制出一层来,利用编辑—自由变换工具,将水珠向下推动,也可用编辑—变换工具里的扭曲与变形,改变水珠的形状及大小,(要记住一点,每推动一次就要复制一次图层):

Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程

  全部做好后,我把所有图层上面的眼睛点开让大家看一下,大家可以看到水珠滚动的轨迹:

Photoshop设计制作出花瓣上滚动的水珠效果教程

  OK了,下面我们把图片转到IR里打开,打开后可看到下面的动画显示帧数,然后我们在图层面板上依次点开眼睛图标,首先,我们打开第一层的眼睛,然后再动画面板下方点新建帧按键,然后再关上图层1的眼睛,打开图层2,再新建一次动画帧。就这样依次把所有图层的眼睛打开一遍,每开一次,都要记得在动画面板上新建帧:

Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程

  就这样,我们把所有的动画帧做好后,设置一下动画时间,然后保存为GIF图片就完成了,下面是我做的几幅动态水珠效果的图片。

Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程Photoshop设计制作出花瓣上滚动的水珠效果教程

  其实还有一种做法,就是把水珠做成透明的,就是刚开始选取圆形选区的时候,不按CTRL+J新建选区内图层,而是直接按图层面板下方的新建透明图层,然后水珠上方直接使用渐变工具(由黑到白),图层选择叠加。然后再做球形—模糊—水珠上方(渐变由白到透明),后面操作都差不多是相同的,自己实践一下吧。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3221069.html

(0)
上一篇 2025年4月1日 13:42:25
下一篇 2025年4月1日 13:42:52

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Photoshop制作逼真的豹纹花型图案教程

    豹纹图案充斥着自然的野性,在2013年频频出现在各大流行秀场间。纹样设计师们当然不会错过这个大好的设计元素,那么这些豹纹是如何被设计出来的呢豹纹图案充斥着自然的野性,在2013年频频出现在各大流行秀场间。纹样设计师们当然不会错过这个大好的设…

    2025年4月1日 编程技术
    100
  • Photoshop巧用滤镜制作滴墨成花动画效果图

    Photoshop巧用滤镜制作滴墨成花动画效果图,喜欢的朋友可以一起来学习动画图:   (便条纸,文字效果也不错.)  略记了一下步骤.   便条纸滤镜的连续变化,像雪花慢慢地退去…  凸现的数值取小了点.   除上两个滤镜,还…

    2025年4月1日 编程技术
    100
  • PS制作逼真的飞溅水花

    本实例主要运用了笔刷、扭曲/波浪滤镜、自由变形等工具。  最后效果请看下图:水罐和杯子是现成的背景图片,飞溅的水珠是我们做好后添加合成进去的。所以制作的时候一定要注意色彩的协调。   具体制作步骤如下:  一、新建一个100×10…

    2025年4月1日 编程技术
    200
  • Photoshop设计制作出晶莹剔透的圆形水珠

    水珠的制作重点就是高光部分的渲染,边缘,中间等都有高光区域,并且高光形状各不相同。刻画的时候需要配合蒙版、涂抹工具、滤镜等来共同完成。  最终效果 1、新建大小自定的文档,背景填充橙黄色。新建图层,画一个圆,填色比背景色深一点,羽化一个像素…

    2025年4月1日 编程技术
    200
  • Photoshop设计制作出超酷的紫色喷溅水珠心形效果

    本教程制作过程虽然复杂,不过思路很好理解。我们只需要用喷溅笔刷或素材,按照心形的轮廓刷上笔刷。然后把得到的喷溅心形多复制几层,分别设置好图层样式,把颜色及水珠质感设置出来即可。  最终效果 1、新建1024*768的画布,分辨率72DPI,…

    2025年4月1日 编程技术
    100
  • photoshop设计制作出逼真晶莹剔透的雨滴水珠效果

    本ps教程学习如何用photoshop制作简单的绿叶上面的水珠效果,主要用到了液化工具和图层样式。先看效果图 首先百度一个绿叶图片,新建图层做一椭圆选区。 黑白直线渐变。 图层模式改为叠加,效果如下。 添加投影和内阴影样式,效果如下。 用液…

    2025年4月1日 编程技术
    100
  • Photoshop设计制作出逼真的蓝色椭圆形水珠

    水珠构成是非常复杂的,边缘及中间部分都是由高光及暗部区域交错叠加而成。渲染的时候需要更改图层的混合模式及不透明度,这样叠加的效果才会有层次及透明感。最终效果 1、新建一个800 * 600像素的文档,选择渐变工具,颜色设置如图1,由上至下拉…

    2025年4月1日 编程技术
    200
  • Photoshop制作带水珠的雾化玻璃效果

    本教程作者需要表现的是类似透过结满水雾的玻璃看夜景的效果。自然看得的效果是比较昏暗和模糊的。处理的时候需要把背景图片模糊及压暗处理。然后再装饰水珠,文字等即可。  原图 最终效果  1、新建2560*1440px的文档(素材已经被压缩,实际…

    2025年4月1日 编程技术
    200
  • Photoshop打造绿叶上的漂亮的水珠

    原图 最终效果 1、打开树叶图片,用椭圆选框工具选取你想做水滴的区域,并保存选区。 2、复制选区,粘贴在新层。(偶在两层之间预留的那层是之后做阴影用的,个人习惯。)  3、在图层2保持选区,选择滤镜–>球面化。继续保持选区…

    2025年4月1日 编程技术
    300
  • Photoshop打造一颗晶莹通透的水珠

      素材   第一步,复制一层,然后画一个圆的选区,Ctrl+j 把选区复制出来   这时候确保在 圆形选区的图层上,选择混合模式 投影   内投影 这时候基本立体感出来了……   效果应该是这样了……   用钢笔工具 绘制如图所示图形  …

    2025年4月1日 编程技术
    100

发表回复

登录后才能评论