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

Photoshop
Photoshop 快速调出外景人物照片柔和的黄绿色
Photoshop 一个透明的玻璃花瓶
Photoshop 绘制冬季气息风格网站首页
PhotoShop 用背景橡皮擦高效抠图法
photoshop 美容教程 快速消除痘痘,完美修复MM肌肤!
photoshop 创建清新、色彩生动的网页布局
photoshop 制作心形宝盒的发光动画
photoshop 漂亮的七彩崩裂文字
Photoshop 思念的怀旧色调照片教程
photoshop 创意合成教程 幽暗森林里的绿色魔女
Photoshop 简单制作打孔文字效果
photoshop 创作一个古色古香的壁画
photoshop 木头文字效果的制作
PhotoShop 制作彩色渐变文字效果
photoshop 图片只留一抹红色视觉效果
PhotoShop 滤镜三步制作出海浪效果
photoshop 制做一个电影DVD的封面
Photoshops 笔刷工具创建平面三维效果
浅谈Photoshop中表格的制作方法
Photoshop 给偏暗的手机人物照片美白

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 254 ::
收藏到网摘: 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