注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

a12b3457的博客

 
 
 

日志

 
 

【引用】PS教程之动态水珠  

2011-04-17 09:42:29|  分类: ps教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自寒情《PS教程之动态水珠》

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

PS教程之动态水珠 - 寒情 - 8-com.blog.163.comPS教程之动态水珠 - 寒情 - 8-com.blog.163.com

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

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

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

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

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

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

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

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

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

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

PS教程之动态水珠 - 寒情 - 8-com.blog.163.comPS教程之动态水珠 - 寒情 - 8-com.blog.163.com

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

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

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

PS教程之动态水珠 - 寒情 - 8-com.blog.163.comPS教程之动态水珠 - 寒情 - 8-com.blog.163.com

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

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

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

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

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

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

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

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

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

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

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

PS教程之动态水珠 - 寒情 - 8-com.blog.163.com

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

Photoshop CS2 v9.0(安装图解)  - 寒情 - 8-com.blog.163.com Photoshop实例教程合辑 Photoshop CS2 v9.0(安装图解)  - 寒情 - 8-com.blog.163.com Photoshop视频教程合辑
Photoshop CS2 v9.0(安装图解)  - 寒情 - 8-com.blog.163.com Photoshop视频教程全集 Photoshop CS2 v9.0(安装图解)  - 寒情 - 8-com.blog.163.com PS CS3专家讲堂视频教程
Photoshop CS2 v9.0(安装图解)  - 寒情 - 8-com.blog.163.com PS大图音画制作视频教程 Photoshop CS2 v9.0(安装图解)  - 寒情 - 8-com.blog.163.com Photoshop路径终极教程
Photoshop CS2 v9.0(安装图解)  - 寒情 - 8-com.blog.163.com 教你用PS输出透明的Gif图像 Photoshop CS2 v9.0(安装图解)  - 寒情 - 8-com.blog.163.com PhotoShop橡皮擦抠图实例
Photoshop CS2 v9.0(安装图解)  - 寒情 - 8-com.blog.163.com PS—gif图片保存优化设置 Photoshop CS2 v9.0(安装图解)  - 寒情 - 8-com.blog.163.com ps制作简单的人物场景合成
Photoshop CS2 v9.0(安装图解)  - 寒情 - 8-com.blog.163.com FLASH视频教程全集 Photoshop CS2 v9.0(安装图解)  - 寒情 - 8-com.blog.163.com U5视频教程全集
Photoshop CS2 v9.0(安装图解)  - 寒情 - 8-com.blog.163.com PS CS2 v9.0简体中文版下载 Photoshop CS2 v9.0(安装图解)  - 寒情 - 8-com.blog.163.com PS CS3 10.0 简体增强版下载
博客技巧 电脑学堂 素材基地 Photoshop CS2 v9.0(安装图解)  - 寒情 - 8-com.blog.163.com 软件学院 音画视听 精彩图酷
博客代码 书画艺术 游戏大厅 精美边框 顶栏模版 时钟超市
flash素材 影音素材 查看关于本站的更多信息Photoshop CS2 v9.0(安装图解)  - 寒情 - 8-com.blog.163.com 经典摘录 收藏本站
如果你喜欢此日志,请点击日志左下方的“推荐”,
让大家分享,也算是对寒情的支持,谢谢!
  评论这张
 
阅读(2)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017