photoshop CS3制作逐帧动画开花效果(6)

作者: 耶菜 来源: 中国教程网 教大家做一个简单好玩的逐帧动画————–开花!本教程适合初学者,高手不要看了哈! 效果图: 先做花芯部分 打开视图标尺,拉出两条参考线 选择你喜欢的颜色做前景色,(我用的

風景圖鮮亮簽名教程

風景圖鮮亮簽名教程 图片1 图片2 教程素材:http://bbs.16xx8.com/viewthread.php?tid=2523

作者:耶菜  来源:中国教程网

教大家做一个简单好玩的逐帧动画————–开花!本教程适合初学者,高手不要看了哈!

效果图:

photoshop CS3制作逐帧动画开花效果(6)插图

先做花芯部分

打开视图—标尺,拉出两条参考线

选择你喜欢的颜色做前景色,(我用的明黄)选择椭圆[size=+0]工具,把光标对准参考线的交织处,按住SHIFT+ALT画一个正圆

photoshop CS3制作逐帧动画开花效果(6)插图(1)

再将这个圆载入[size=+0]选区,执行选择—修改——收缩……数值看情况自定不要照搬

photoshop CS3制作逐帧动画开花效果(6)插图(2)

 

再修改一下[size=+0]选区:羽化

photoshop CS3制作逐帧动画开花效果(6)插图(3)

执行图像—色相/饱和度,把[size=+0]选区内的颜色调整一下(自己喜欢什么颜色就调什么颜色)。

photoshop CS3制作逐帧动画开花效果(6)插图(4)

 

再执行[size=+0]滤镜—杂色—添加杂色……

photoshop CS3制作逐帧动画开花效果(6)插图(5)

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

新建一层把它拉到花芯层下面,用[size=+0]路径做出一个花瓣

photoshop CS3制作逐帧动画开花效果(6)插图(6)

在色板上选择你喜欢的前景色,然后填充[size=+0]路径

photoshop CS3制作逐帧动画开花效果(6)插图(7)  

 

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

photoshop CS3制作逐帧动画开花效果(6)插图(8)

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

photoshop CS3制作逐帧动画开花效果(6)插图(9)

按住旋转复制快捷键SHIFT+ALT+CTRL+T得到八个花瓣,再将将副本七复制一份得到副本八。

photoshop CS3制作逐帧动画开花效果(6)插图(10)

 

看起来很乱哈,归下类吧,选择副本七按住SHIFT点[size=+0]图层B拖到[size=+0]图层夹子中,并关掉夹子中所有[size=+0]图层的眼睛,

以免扰乱视听哈

photoshop CS3制作逐帧动画开花效果(6)插图(11)

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

photoshop CS3制作逐帧动画开花效果(6)插图(12)

再将花芯层载入[size=+0]选区执行选择/反向,再点花瓣层按DEL删除

photoshop CS3制作逐帧动画开花效果(6)插图(13)

 

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

photoshop CS3制作逐帧动画开花效果(6)插图(14)

photoshop CS3制作逐帧动画开花效果(6)插图(15)

 

再把这些新花瓣归到一个新的[size=+0]图层夹子中,执行窗口/动画打开动画面板,新建一帧,关掉副本15的眼睛,打开副本7的

眼睛,因为他俩是对应的

photoshop CS3制作逐帧动画开花效果(6)插图(16)

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

photoshop CS3制作逐帧动画开花效果(6)插图(17)

 

最后生成九个帧,如图:

photoshop CS3制作逐帧动画开花效果(6)插图(18)

[size=+0]图层面板是这样的

photoshop CS3制作逐帧动画开花效果(6)插图(19)  

 

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

photoshop CS3制作逐帧动画开花效果(6)插图(20)

再点一下新建帧按钮

photoshop CS3制作逐帧动画开花效果(6)插图(21)

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

photoshop CS3制作逐帧动画开花效果(6)插图(22)

 

再点一下播放按扭看看效果

最后就可以保存了,执行文件/WEB格式/GIF格式

photoshop CS3制作逐帧动画开花效果(6)插图(23)

 

最后效果出来

photoshop CS3制作逐帧动画开花效果(6)插图

 

作者:耶菜  来源:中国教程网

教大家做一个简单好玩的逐帧动画————–开花!本教程适合初学者,高手不要看了哈!

效果图:

photoshop CS3制作逐帧动画开花效果(6)插图

先做花芯部分

打开视图—标尺,拉出两条参考线

选择你喜欢的颜色做前景色,(我用的明黄)选择椭圆[size=+0]工具,把光标对准参考线的交织处,按住SHIFT+ALT画一个正圆

photoshop CS3制作逐帧动画开花效果(6)插图(1)

再将这个圆载入[size=+0]选区,执行选择—修改——收缩……数值看情况自定不要照搬

photoshop CS3制作逐帧动画开花效果(6)插图(2)

 

再修改一下[size=+0]选区:羽化

photoshop CS3制作逐帧动画开花效果(6)插图(3)

执行图像—色相/饱和度,把[size=+0]选区内的颜色调整一下(自己喜欢什么颜色就调什么颜色)。

photoshop CS3制作逐帧动画开花效果(6)插图(4)

共5页:上一页
12345下一页 在本页浏览全教程

  • 相关教程
  • TA的教程
  • 收藏
  • 返回

 

按住旋转复制快捷键SHIFT+ALT+CTRL+T得到八个花瓣,再将将副本七复制一份得到副本八。

photoshop CS3制作逐帧动画开花效果(6)插图(10)

 

看起来很乱哈,归下类吧,选择副本七按住SHIFT点[size=+0]图层B拖到[size=+0]图层夹子中,并关掉夹子中所有[size=+0]图层的眼睛,

以免扰乱视听哈

photoshop CS3制作逐帧动画开花效果(6)插图(11)

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

photoshop CS3制作逐帧动画开花效果(6)插图(12)

再将花芯层载入[size=+0]选区执行选择/反向,再点花瓣层按DEL删除

photoshop CS3制作逐帧动画开花效果(6)插图(13)

共5页:上一页12
345下一页 在本页浏览全教程

  • 相关教程
  • TA的教程
  • 收藏
  • 返回

 

作者:耶菜  来源:中国教程网

教大家做一个简单好玩的逐帧动画————–开花!本教程适合初学者,高手不要看了哈!

效果图:

photoshop CS3制作逐帧动画开花效果(6)插图

先做花芯部分

打开视图—标尺,拉出两条参考线

选择你喜欢的颜色做前景色,(我用的明黄)选择椭圆[size=+0]工具,把光标对准参考线的交织处,按住SHIFT+ALT画一个正圆

photoshop CS3制作逐帧动画开花效果(6)插图(1)

再将这个圆载入[size=+0]选区,执行选择—修改——收缩……数值看情况自定不要照搬

photoshop CS3制作逐帧动画开花效果(6)插图(2)

 

再修改一下[size=+0]选区:羽化

photoshop CS3制作逐帧动画开花效果(6)插图(3)

执行图像—色相/饱和度,把[size=+0]选区内的颜色调整一下(自己喜欢什么颜色就调什么颜色)。

photoshop CS3制作逐帧动画开花效果(6)插图(4)

 

再执行[size=+0]滤镜—杂色—添加杂色……

photoshop CS3制作逐帧动画开花效果(6)插图(5)

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

新建一层把它拉到花芯层下面,用[size=+0]路径做出一个花瓣

photoshop CS3制作逐帧动画开花效果(6)插图(6)

在色板上选择你喜欢的前景色,然后填充[size=+0]路径

photoshop CS3制作逐帧动画开花效果(6)插图(7)  

 

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

photoshop CS3制作逐帧动画开花效果(6)插图(8)

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

photoshop CS3制作逐帧动画开花效果(6)插图(9)

按住旋转复制快捷键SHIFT+ALT+CTRL+T得到八个花瓣,再将将副本七复制一份得到副本八。

photoshop CS3制作逐帧动画开花效果(6)插图(10)

 

看起来很乱哈,归下类吧,选择副本七按住SHIFT点[size=+0]图层B拖到[size=+0]图层夹子中,并关掉夹子中所有[size=+0]图层的眼睛,

以免扰乱视听哈

photoshop CS3制作逐帧动画开花效果(6)插图(11)

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

photoshop CS3制作逐帧动画开花效果(6)插图(12)

再将花芯层载入[size=+0]选区执行选择/反向,再点花瓣层按DEL删除

photoshop CS3制作逐帧动画开花效果(6)插图(13)

 

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

photoshop CS3制作逐帧动画开花效果(6)插图(14)

photoshop CS3制作逐帧动画开花效果(6)插图(15)

 

再把这些新花瓣归到一个新的[size=+0]图层夹子中,执行窗口/动画打开动画面板,新建一帧,关掉副本15的眼睛,打开副本7的

眼睛,因为他俩是对应的

photoshop CS3制作逐帧动画开花效果(6)插图(16)

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

photoshop CS3制作逐帧动画开花效果(6)插图(17)

 

最后生成九个帧,如图:

photoshop CS3制作逐帧动画开花效果(6)插图(18)

[size=+0]图层面板是这样的

photoshop CS3制作逐帧动画开花效果(6)插图(19)  

 

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

photoshop CS3制作逐帧动画开花效果(6)插图(20)

再点一下新建帧按钮

photoshop CS3制作逐帧动画开花效果(6)插图(21)

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

photoshop CS3制作逐帧动画开花效果(6)插图(22)

 

再点一下播放按扭看看效果

最后就可以保存了,执行文件/WEB格式/GIF格式

photoshop CS3制作逐帧动画开花效果(6)插图(23)

 

最后效果出来

photoshop CS3制作逐帧动画开花效果(6)插图

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部