搜索
首页web前端PS教程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新建选区内图层,而是直接按图层面板下方的新建透明图层,然后水珠上方直接使用渐变工具(由黑到白),图层选择叠加。然后再做球形---模糊---水珠上方(渐变由白到透明),后面操作都差不多是相同的,自己实践一下吧。

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
Photoshop的核心目的:创意图像设计Photoshop的核心目的:创意图像设计Apr 10, 2025 am 09:29 AM

Photoshop在创意图像设计中的核心用途是其强大的功能和灵活性。1)它允许设计师通过图层、蒙版和滤镜将创意转化为视觉现实。2)基本用法包括裁剪、调整大小和颜色校正。3)高级用法如图层样式、混合模式和智能对象可创建复杂效果。4)常见错误包括图层管理不当和滤镜使用过度,可通过整理图层和合理使用滤镜解决。5)性能优化和最佳实践包括合理使用图层、定期保存文件和使用快捷键。

网页设计的Photoshop:UI/UX的高级技术网页设计的Photoshop:UI/UX的高级技术Apr 08, 2025 am 12:19 AM

Photoshop在网页设计中可用于创建高保真原型、设计UI元素和模拟用户交互。1.使用图层、蒙版和智能对象进行基础设计。2.通过动画和时间线功能模拟用户交互。3.利用脚本自动化设计过程,提高效率。

新手篇:利用ps笔刷给字体添加裂纹效果(分享)新手篇:利用ps笔刷给字体添加裂纹效果(分享)Apr 07, 2025 am 06:21 AM

之前的文章《一步一步教你使用ps将盘子图片添加印花效果(收藏)》中,给大家介绍了一种小技巧,怎么使用ps将盘子图片添加印花效果。下面本篇文章给大家介绍怎么利用ps笔刷给字体添加裂纹效果,我们一起看看怎么做。

Photoshop高级排版:创建令人惊叹的文本效果Photoshop高级排版:创建令人惊叹的文本效果Apr 07, 2025 am 12:15 AM

在Photoshop中,可以通过图层样式和滤镜创建文字效果。1.创建新文档并添加文字。2.应用图层样式如阴影和外发光。3.使用滤镜如波浪效果,并添加斜面和浮雕效果。4.使用蒙版调整效果范围和强度,以优化文字效果的视觉冲击力。

ps怎么抠图ps怎么抠图Apr 06, 2025 pm 10:27 PM

抠图是将图像中的背景部分移除,留下主体的过程。常见的抠图方法包括:手动抠图:使用图像编辑软件手动勾勒主体边缘。自动抠图:使用软件自动识别主体,将其从背景中分离。利用第三方抠图工具:使用专门的工具进行抠图操作。通道抠图:利用图像的通道进行分割,选择与主体颜色差异明显的通道进行操作。

ps怎么去水印ps怎么去水印Apr 06, 2025 pm 10:24 PM

可以使用在线工具、图像编辑软件、视频编辑软件、水印去除应用程序。具体方法包括:使用在线工具,使用克隆图章工具、仿制图章工具和修复画笔工具,使用模糊工具、裁剪工具和内容感知填充工具,以及使用水印去除应用程序。在去除水印之前,请确保您有权这样做。

ps怎么合并图层ps怎么合并图层Apr 06, 2025 pm 10:21 PM

如何合并图层?可以通过以下步骤合并图层:选择图层面板中的要合并的图层。使用菜单栏中的“图层”>“合并图层”或按 Ctrl E(Windows)或 Cmd E(Mac)执行合并操作。创建新图层包含原始图层的元素。

ps怎么拼图ps怎么拼图Apr 06, 2025 pm 10:18 PM

选择难度适中、主题明确的拼图,按颜色或形状分类,从边缘开始组装,逐步填充中间区域,处理困难区域时切换视角,定期检查和调整,直到完成整个图片。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

SecLists

SecLists

SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用