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

OK之家

原创心得 仅供交流 欢迎交友

 
 
 

日志

 
 
关于我

本人是一个电脑网络爱好者,为了自娱自乐,也为了同有心人交流心得,特制作了这个博客,希望能抛砖引玉.更希望能得到大家的帮助,请常来看看,多多指教.

几步让卡通娃娃眨眼(同样适用于真人照片)  

2009-05-29 23:33:49|  分类: 网上购物 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

  注:女儿让我替她看网店,最近我突击学习了一些淘宝知识,顺便写出来供有用的人参考。

   其实淘宝与博客差不多,都是使用html网页技巧,所以很多地方都可以相互借用。

 

几步让卡通娃娃眨眼(同样适用于真人照片)

   为了让人看起来更有生气,很多淘宝模板中都用到眨眼的卡通动画,让我们用几步操作使卡通娃娃眨眼。

   先看原图和效果图

   几步让卡通娃娃眨眼 - ok -         OK之家 (原图) 几步让卡通娃娃眨眼 - ok -         OK之家(效果图)

   一、复制图层

   用Photoshop CS3打开原图,在图层面板中右键复制图层

   几步让卡通娃娃眨眼 - ok -         OK之家

   下图是复制的图层

   几步让卡通娃娃眨眼 - ok -         OK之家

   二、用仿图章工具遮盖眼球

   眨眼与睁眼的区别就在于看不到眼球,所以只要做一个看不到眼球的图层就行了。

   1、将仿图章工具的画笔直径调到与眼同宽

   几步让卡通娃娃眨眼 - ok -         OK之家

   2、按住Alt键在眼附近取样

   几步让卡通娃娃眨眼 - ok -         OK之家

   3、在眼球上拖动遮盖眼球

   几步让卡通娃娃眨眼 - ok -         OK之家

   三、制作动画

   1、点击窗口按纽,打开动画面板

   几步让卡通娃娃眨眼 - ok -         OK之家

   2、点击动画面板中第一帧下面的0秒处设置延时0.5秒

   几步让卡通娃娃眨眼 - ok -         OK之家

   3、点击复制所选帧按纽复制第一帧

   几步让卡通娃娃眨眼 - ok -         OK之家

   4、将第一帧设为睁眼的背景图层,并同时关闭复制的背景副本图层(左边的大眼睛不见了)

   几步让卡通娃娃眨眼 - ok -         OK之家

   5、分别点击选定第二帧和背景副本图层,将第二帧设为闭眼,同时关闭背景图层

   几步让卡通娃娃眨眼 - ok -         OK之家

   四、保存动画

   1、点击文件-存储为Web和设备所用格式,千万别点击存储或存储为中的gif图片,那样保存的是单帧不动的gif图片

   几步让卡通娃娃眨眼 - ok -         OK之家

   2、点击测试动画效果

  几步让卡通娃娃眨眼 - ok -         OK之家

   3、保存类型选择仅限图像(*gif),点击保存

   几步让卡通娃娃眨眼 - ok -         OK之家

   就这么简单,卡通娃娃眨眼了!!!

   小结:眨眼效果就是复制睁眼图层,然后用仿图章工具、椭圆工具、画笔工具等将眼睛遮上,再把这两个图层分别作为两帧,进行循环播放,看起来就象在眨眼了,最后保存为gif动画。

 

   有空请到小店逛逛!http://shop33976411.taobao.com/

 几步让卡通娃娃眨眼 - ok -         OK之家

 

  评论这张
 
阅读(1683)| 评论(9)
推荐 转载

历史上的今天

评论

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

页脚

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