Photoshop制作在绿叶上滚动的水珠

2016-02-16 02:48 32 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐Photoshop制作在绿叶上滚动的水珠,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - PS 】

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

先看看效果图

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

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

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

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

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

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

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

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

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

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

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

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

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

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

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

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

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

OK啦~~水珠做出来了,可是我们还要让它变成动态的(那么我们利用变形工具,让水珠慢慢从叶子上滑落)

首先在水珠图层上右击复制出一层来,利用编辑---自由变换工具,将水珠向下推动,也可用编辑---变换工具里的扭曲与变形,改变水珠的形状及大小,(要记住一点,每推动一次就要复制一次图层):

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

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

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

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

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

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

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

Photoshop制作在绿叶上滚动的水珠,PS教程,图老师教程网

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

来源:http://www.tulaoshi.com/n/20160216/1567108.html

延伸阅读
标签: Illustrator
先来看一下我画的植物的完成图吧 [next] 让我们开始吧,首先我在网上找了棵比较有感觉的植物的照片,然后嵌入AI中 然后把植物描出来,大致随便上一个颜色,注意要每片叶子一个色块,期间把层次也给排列弄好 然后是开始布线做网格上色了,要注意的是上色不要追求一次行把网格都加好,而是要加一个网格上一块颜色,把大致...
本教程主要是介绍使用滤镜制作出水珠及泡泡效果,这个方法非常快捷过程简单效果理想! 原图 最终效果 1.首先新建一个新图层,背景为白色 2.滤镜 渲染 纤维,应用默认设置 3.设置前景色为黑色,背景色为白色,滤镜 纹理 染色玻璃,并按下图设置 4.滤镜 素描 塑料效果,并按下图设置。 ...
水珠制作思路及过程并不复杂,制作之前,我们需要找一些水珠素材参考一下,把高光及暗部的构造了解清楚,这样制作的时候就快很多。 最终效果 图11、新建一个800 * 600像素的文件,选择渐变工具,颜色设置如图2,然后由左下角向右上角拉出图3所示的线性渐变作为背景。 图2 图3 2、新建一个组,用椭圆选框工具拉出...

经验教程

523

收藏

58
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部