当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > photoshop CS3制作开花逐帧动画

Photoshop
Photoshop文字特效:晶莹剔透的水果糖文字
矢量的ipad ui设计的PSD源文件
作品欣赏:PS设计的26个出色的动物机器人
作品欣赏:别出心裁的个性酒瓶设计实例
Photoshop调色教程:红润肤色的美女
Photoshop文字特效:梦幻彩色发光文字
Photoshop图片合成教程:水彩效果海报
Photoshop教程:时尚个性的撕皮特效
Photoshop教程:轻松绘制逼真的Apple IPAD
Photoshop影楼调色教程:可选颜色的使用
Photoshop教程:调色制作恐怖的电影场景
Photoshop图片:逼真的流泪特效
Photoshop绘制黑色的实用网页导航按钮
Photoshop绘制红色风格美丽的花瓣壁纸
Photoshop绘制碳纤维风格的网页导航按钮
Photoshop经典教程:90后女孩照片仿手绘
Photoshop教程:轻松绘制黑色风格导航条文字
Photoshop入门教程:制作搞笑的GIF动画
Photoshop入门教程:色彩搭配设计讲解
Photoshop教程:水彩特效的卡通小男孩

Photoshop 中的 photoshop CS3制作开花逐帧动画


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 178 ::
收藏到网摘: n/a

  本例介绍使用photoshop CS3制作逐帧动画开花效果,教程过程比较详细,适合初学者学习,有兴趣的朋友一起动手吧。
  本文由中国教程网 耶菜   原创,转载请保留此信息!
  知道flash可以做出逐帧动画,你知不知道Photoshop CS3也可以做出逐帧动画呢?今天大家一起运用Photoshop来做一个简单好玩的逐帧动画—开花,先看看效果图:

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

  先做花芯部分

  打开视图,标尺,拉出两条参考线。选择你喜欢的颜色做前景色,(我用的明黄)选择椭圆工具,把光标对准参考线的交织处,按住SHIFT ALT画一个正圆。

photoshop CS3制作开花逐帧动画
图1

  再将这个圆载入选区,执行选择/修改/收缩……数值看情况自定不要照搬。

photoshop CS3制作开花逐帧动画
图2

  再修改一下选区:羽化

photoshop CS3制作开花逐帧动画
图3

  执行图像/色相饱和度,把选区内的颜色调整一下,(自己喜欢什么颜色就调什么颜色)

photoshop CS3制作开花逐帧动画
图4


  再执行滤镜/杂色/添加杂色......

photoshop CS3制作开花逐帧动画
图5

  花芯就做好了,下面就做花瓣部分。

  新建一层把它拉到花芯层下面,用路径做出一个花瓣。

photoshop CS3制作开花逐帧动画
图6

  在色板上选择你喜欢的前景色,然后填充路径。

photoshop CS3制作开花逐帧动画
图7

  为了让各个花瓣分明再给路径描一下边,(注意换个前景色,画笔高硬度,一个像素即可)。

photoshop CS3制作开花逐帧动画
图8


  我们再切换到移动工具,显示变换控件,把中心点移到参考线交织处,角度栏输入数值,然后回车确定。

photoshop CS3制作开花逐帧动画
图9

  按住旋转复制快捷键:SHIFT ALT CTRL T,得到如图八个花瓣。

photoshop CS3制作开花逐帧动画
图10

  将副本七复制一份,得到副本八。

photoshop CS3制作开花逐帧动画
图11

  看起来很乱哈,归下类吧,选择副本七按住SHIFT点图层B拖到图层夹子中,并关掉夹子中所有图层的眼睛,以免扰乱视听哈...

photoshop CS3制作开花逐帧动画
图12


  将副本八拉到花芯层上面,执行变换/垂直翻转,并调整一下位置,注意花瓣尖尖处在参考线中心哦。

photoshop CS3制作开花逐帧动画
图13

  再将花芯层载入选区执行选择/反向,再点花瓣层按DEL删除。

photoshop CS3制作开花逐帧动画
图14

  如法泡制,旋转复制得到八个花瓣。

photoshop CS3制作开花逐帧动画
图15

photoshop CS3制作开花逐帧动画
图16


  再把这些新花瓣归到一个新的图层夹子中,执行窗口/动画打开动画面板,新建一帧,关掉副本15的眼睛,打开副本7的眼睛,因为他俩是对应的。

photoshop CS3制作开花逐帧动画
图17

  再新建一帧,关闭副本14,打开副本6,如此类推...

photoshop CS3制作开花逐帧动画
图18

  最后生成九个帧,如图:

photoshop CS3制作开花逐帧动画
图19

  图层面板是这样的:

photoshop CS3制作开花逐帧动画
图20


  点开动画面板右上角的小三角,选择全部帧。

photoshop CS3制作开花逐帧动画
图21

  再点一下新建帧按钮。

photoshop CS3制作开花逐帧动画
图22

  然后再次点开小三角,反向帧。

photoshop CS3制作开花逐帧动画
图23

  再点一下播放按扭看看效果,最后就可以保存了,执行文件/WEB格式/GIF格式。

photoshop CS3制作开花逐帧动画
图24