ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 7077|回复: 12
收起左侧

[gif动图] photoshop CS3制作逐帧动画开花效果

[复制链接]
发表于 2008-11-4 04:24:40 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
作者:耶菜  来源:中国教程网
教大家做一个简单好玩的逐帧动画--------------开花!本教程适合初学者,高手不要看了哈!
效果图:
[img=http://pic.16xx8.com/allimg/081025/1756460.gif]按此在新窗口浏览图片[/img]
先做花芯部分
打开视图—标尺,拉出两条参考线
选择你喜欢的颜色做前景色,(我用的明黄)选择椭圆[size=+0]工具,把光标对准参考线的交织处,按住SHIFT+ALT画一个正圆
[img=http://pic.16xx8.com/allimg/081025/1756461.jpg]按此在新窗口浏览图片[/img]
再将这个圆载入[size=+0]选区,执行选择—修改——收缩……数值看情况自定不要照搬
[img=http://pic.16xx8.com/allimg/081025/1756462.jpg]按此在新窗口浏览图片[/img]
[/table]
再修改一下[size=+0]选区:羽化
[img=http://pic.16xx8.com/allimg/081025/1756463.jpg]按此在新窗口浏览图片[/img]
执行图像—色相/饱和度,把[size=+0]选区内的颜色调整一下(自己喜欢什么颜色就调什么颜色)。
[img=http://pic.16xx8.com/allimg/081025/1756464.jpg]按此在新窗口浏览图片[/img]


再执行[size=+0]滤镜—杂色—添加杂色......
[img=http://pic.16xx8.com/allimg/081025/1756465.jpg]按此在新窗口浏览图片[/img]
花芯就做好了,下面就做花瓣部分
新建一层把它拉到花芯层下面,用[size=+0]路径做出一个花瓣
[img=http://pic.16xx8.com/allimg/081025/1756466.jpg]按此在新窗口浏览图片[/img]
在色板上选择你喜欢的前景色,然后填充[size=+0]路径
[img=http://pic.16xx8.com/allimg/081025/1756467.jpg]按此在新窗口浏览图片[/img]  

为了让各个花瓣分明再给[size=+0]路径描一下边(注意换个前景色,[size=+0]画笔高硬度、一个像素即可)
[img=http://pic.16xx8.com/allimg/081025/1756468.jpg]按此在新窗口浏览图片[/img]
我们再切换到移动[size=+0]工具,显示[size=+0]变换控件,把中心点移到参考线交织处,角度栏输入数值。然后回车确定
[img=http://pic.16xx8.com/allimg/081025/1756469.jpg]按此在新窗口浏览图片[/img]
按住旋转复制快捷键SHIFT+ALT+CTRL+T得到八个花瓣,再将将副本七复制一份得到副本八。
[img=http://pic.16xx8.com/allimg/081025/17564610.jpg]按此在新窗口浏览图片[/img]




看起来很乱哈,归下类吧,选择副本七按住SHIFT点[size=+0]图层B拖到[size=+0]图层夹子中,并关掉夹子中所有[size=+0]图层的眼睛,
以免扰乱视听哈
[img=http://pic.16xx8.com/allimg/081025/17564611.jpg]按此在新窗口浏览图片[/img]
将副本八拉到花芯层上面,执行[size=+0]变换/垂直翻转,并调整一下位置,注意花瓣尖尖处在参考线中心哦!
[img=http://pic.16xx8.com/allimg/081025/17564612.jpg]按此在新窗口浏览图片[/img]
再将花芯层载入[size=+0]选区执行选择/反向,再点花瓣层按DEL删除
[img=http://pic.16xx8.com/allimg/081025/17564613.jpg]按此在新窗口浏览图片[/img]





如法泡制,旋转复制得到八个花瓣
[img=http://pic.16xx8.com/allimg/081025/17564614.jpg]按此在新窗口浏览图片[/img]

[img=http://pic.16xx8.com/allimg/081025/17564615.jpg]按此在新窗口浏览图片[/img]


再把这些新花瓣归到一个新的[size=+0]图层夹子中,执行窗口/动画打开动画面板,新建一帧,关掉副本15的眼睛,打开副本7的
眼睛,因为他俩是对应的
[img=http://pic.16xx8.com/allimg/081025/17564616.jpg]按此在新窗口浏览图片[/img]
再新建一帧,关闭副本14,打开副本6。。。如此类推
[img=http://pic.16xx8.com/allimg/081025/17564617.jpg]按此在新窗口浏览图片[/img]



最后生成九个帧,如图:
[img=http://pic.16xx8.com/allimg/081025/17564618.jpg]按此在新窗口浏览图片[/img]
[size=+0]图层面板是这样的
[img=http://pic.16xx8.com/allimg/081025/17564619.jpg]按此在新窗口浏览图片[/img]  

点开动画面板右上角的小三角,选择全部帧
[img=http://pic.16xx8.com/allimg/081025/17564620.jpg]按此在新窗口浏览图片[/img]
再点一下新建帧按钮
[img=http://pic.16xx8.com/allimg/081025/17564621.jpg]按此在新窗口浏览图片[/img]
然后再次点开小三角,反向帧
[img=http://pic.16xx8.com/allimg/081025/17564622.jpg]按此在新窗口浏览图片[/img]
[table]

再点一下播放按扭看看效果
最后就可以保存了,执行文件/WEB格式/GIF格式
[img=http://pic.16xx8.com/allimg/081025/17564623.jpg]按此在新窗口浏览图片[/img]

最后效果出来
[img=http://pic.16xx8.com/allimg/081025/1756460.gif]按此在新窗口浏览图片[/img]
发表于 2008-11-4 09:04:50 | 显示全部楼层
先支持,有时间来学习实际操作一下……………
photoshop:0037
发表于 2008-12-17 21:37:18 | 显示全部楼层
呵呵。
很好学啊
发表于 2009-1-11 12:45:21 | 显示全部楼层
photoshop:0142  学习
发表于 2009-4-1 10:36:09 | 显示全部楼层
学习了好教程
发表于 2009-4-1 12:14:25 | 显示全部楼层
呵呵   学习  学习
发表于 2009-4-27 16:27:25 | 显示全部楼层
为什么我都看不到图片,图片打个xx
发表于 2009-4-28 12:44:28 | 显示全部楼层
photoshop:0086 厉害~~~
发表于 2009-4-28 19:49:19 | 显示全部楼层
好教程!!!photoshop:0001
发表于 2009-5-3 10:00:43 | 显示全部楼层
photoshop:0006 漂亮
发表于 2010-12-16 08:49:52 | 显示全部楼层
先收藏了,慢慢学习
您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-5-21 23:10 , Processed in 0.036266 second(s), 11 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表