动画教程,PS如何制作GIF动画图片(5)

教程主要讲解动画的制作方法,其中涉及到鼠绘的部分就不详细说明了。先看看效果: 第一步当然是点击文件~新建文件夹 点图片看大图 设置好自己需要或者喜欢的画布大小,然后确定。 点图片看大图 于是

photoshop怎样把素材合成到动画图片里

小浣熊素材: 酱油: 制作方法:先用ImageReady打开小浣熊,共21帧: 副标题为操作方便,可以先把图片改大: 然后点击工具栏下方的转换,转到photoshop中(): 打开酱油图片,抠出来,用photoshop橡皮擦给把手开出缺口: 副标题用鼠标将酱油拖曳到小浣熊手中,

教程主要讲解动画的制作方法,其中涉及到鼠绘的部分就不详细说明了。先看看效果:

动画教程,PS如何制作GIF动画图片(5)插图

动画教程,PS如何制作GIF动画图片(5)插图(1)

第一步当然是点击文件~新建文件夹

动画教程,PS如何制作GIF动画图片(5)插图(2)
<点图片看大图>

设置好自己需要或者喜欢的画布大小,然后确定。

动画教程,PS如何制作GIF动画图片(5)插图(3)
<点图片看大图>

于是我们得到了PS标准页面。

动画教程,PS如何制作GIF动画图片(5)插图(4)
<点图片看大图>

点击窗口~时间轴。

动画教程,PS如何制作GIF动画图片(5)插图(5)
<点图片看大图>

点击创建帧动画。

动画教程,PS如何制作GIF动画图片(5)插图(6)
<点图片看大图>

效果如下:

动画教程,PS如何制作GIF动画图片(5)插图(7)
<点图片看大图>

新建图层。

动画教程,PS如何制作GIF动画图片(5)插图(8)
<点图片看大图>

在新建的图层1上画出你的角色

动画教程,PS如何制作GIF动画图片(5)插图(9)
<点图片看大图>

新建图片2,降低图层1的透明度。再画上角色的下一个动作。

动画教程,PS如何制作GIF动画图片(5)插图(10)
<点图片看大图>

重复上面的步骤,直到动作完成

动画教程,PS如何制作GIF动画图片(5)插图(11)
<点图片看大图>

给图片上色

动画教程,PS如何制作GIF动画图片(5)插图(12)
<点图片看大图>

上完色。

动画教程,PS如何制作GIF动画图片(5)插图(13)
<点图片看大图>

把其它组隐藏起来,显示第一帧的图层。然后新建帧。

动画教程,PS如何制作GIF动画图片(5)插图(14)
<点图片看大图>

于是我们得到第二帧,但它跟前面一样怎么办?

动画教程,PS如何制作GIF动画图片(5)插图(15)
<点图片看大图>

解决办法:隐藏组1,显示组2

动画教程,PS如何制作GIF动画图片(5)插图(16)
<点图片看大图>

重复上面的步骤,直接所有帧都弄好。

动画教程,PS如何制作GIF动画图片(5)插图(17)
<点图片看大图>

按SHIFT选择(点击)第一帧和最后一帧进行全选。然后设置帧的时间。

动画教程,PS如何制作GIF动画图片(5)插图(18)
<点图片看大图>

各帧的时间设置如下,可以自己修改其它数值。

动画教程,PS如何制作GIF动画图片(5)插图(19)
<点图片看大图>

保存。

动画教程,PS如何制作GIF动画图片(5)插图(20)
<点图片看大图>

数值设置:

动画教程,PS如何制作GIF动画图片(5)插图(21)
<点图片看大图>

动画教程,PS如何制作GIF动画图片(5)插图(22)

动画教程,PS如何制作GIF动画图片(5)插图(23)

动画教程,PS如何制作GIF动画图片(5)插图(24)
<点图片看大图>

保存一下源文件,方便以后修改。

动画教程,PS如何制作GIF动画图片(5)插图(25)
<点图片看大图>

动画教程,PS如何制作GIF动画图片(5)插图

动图预览!

 

各帧的时间设置如下,可以自己修改其它数值。

动画教程,PS如何制作GIF动画图片(5)插图(19)
<点图片看大图>

保存。

动画教程,PS如何制作GIF动画图片(5)插图(20)
<点图片看大图>

数值设置:

动画教程,PS如何制作GIF动画图片(5)插图(21)
<点图片看大图>

动画教程,PS如何制作GIF动画图片(5)插图(22)

动画教程,PS如何制作GIF动画图片(5)插图(23)

动画教程,PS如何制作GIF动画图片(5)插图(24)
<点图片看大图>

保存一下源文件,方便以后修改。

动画教程,PS如何制作GIF动画图片(5)插图(25)
<点图片看大图>

动画教程,PS如何制作GIF动画图片(5)插图

动图预览!

 

教程主要讲解动画的制作方法,其中涉及到鼠绘的部分就不详细说明了。先看看效果:

动画教程,PS如何制作GIF动画图片(5)插图

动画教程,PS如何制作GIF动画图片(5)插图(1)

第一步当然是点击文件~新建文件夹

动画教程,PS如何制作GIF动画图片(5)插图(2)
<点图片看大图>

设置好自己需要或者喜欢的画布大小,然后确定。

动画教程,PS如何制作GIF动画图片(5)插图(3)
<点图片看大图>

于是我们得到了PS标准页面。

动画教程,PS如何制作GIF动画图片(5)插图(4)
<点图片看大图>

点击窗口~时间轴。

动画教程,PS如何制作GIF动画图片(5)插图(5)
<点图片看大图>

点击创建帧动画。

动画教程,PS如何制作GIF动画图片(5)插图(6)
<点图片看大图>

效果如下:

动画教程,PS如何制作GIF动画图片(5)插图(7)
<点图片看大图>

新建图层。

动画教程,PS如何制作GIF动画图片(5)插图(8)
<点图片看大图>

在新建的图层1上画出你的角色

动画教程,PS如何制作GIF动画图片(5)插图(9)
<点图片看大图>

新建图片2,降低图层1的透明度。再画上角色的下一个动作。

动画教程,PS如何制作GIF动画图片(5)插图(10)
<点图片看大图>

重复上面的步骤,直到动作完成

动画教程,PS如何制作GIF动画图片(5)插图(11)
<点图片看大图>

给图片上色

动画教程,PS如何制作GIF动画图片(5)插图(12)
<点图片看大图>

上完色。

动画教程,PS如何制作GIF动画图片(5)插图(13)
<点图片看大图>

把其它组隐藏起来,显示第一帧的图层。然后新建帧。

动画教程,PS如何制作GIF动画图片(5)插图(14)
<点图片看大图>

于是我们得到第二帧,但它跟前面一样怎么办?

动画教程,PS如何制作GIF动画图片(5)插图(15)
<点图片看大图>

解决办法:隐藏组1,显示组2

动画教程,PS如何制作GIF动画图片(5)插图(16)
<点图片看大图>

重复上面的步骤,直接所有帧都弄好。

动画教程,PS如何制作GIF动画图片(5)插图(17)
<点图片看大图>

按SHIFT选择(点击)第一帧和最后一帧进行全选。然后设置帧的时间。

动画教程,PS如何制作GIF动画图片(5)插图(18)
<点图片看大图>

教程主要讲解动画的制作方法,其中涉及到鼠绘的部分就不详细说明了。先看看效果:

动画教程,PS如何制作GIF动画图片(5)插图

动画教程,PS如何制作GIF动画图片(5)插图(1)

第一步当然是点击文件~新建文件夹

动画教程,PS如何制作GIF动画图片(5)插图(2)
<点图片看大图>

设置好自己需要或者喜欢的画布大小,然后确定。

动画教程,PS如何制作GIF动画图片(5)插图(3)
<点图片看大图>

于是我们得到了PS标准页面。

动画教程,PS如何制作GIF动画图片(5)插图(4)
<点图片看大图>

点击窗口~时间轴。

动画教程,PS如何制作GIF动画图片(5)插图(5)
<点图片看大图>

点击创建帧动画。

动画教程,PS如何制作GIF动画图片(5)插图(6)
<点图片看大图>

效果如下:

动画教程,PS如何制作GIF动画图片(5)插图(7)
<点图片看大图>

新建图层。

动画教程,PS如何制作GIF动画图片(5)插图(8)
<点图片看大图>

在新建的图层1上画出你的角色

动画教程,PS如何制作GIF动画图片(5)插图(9)
<点图片看大图>

新建图片2,降低图层1的透明度。再画上角色的下一个动作。

动画教程,PS如何制作GIF动画图片(5)插图(10)
<点图片看大图>

重复上面的步骤,直到动作完成

动画教程,PS如何制作GIF动画图片(5)插图(11)
<点图片看大图>

给图片上色

动画教程,PS如何制作GIF动画图片(5)插图(12)
<点图片看大图>

上完色。

动画教程,PS如何制作GIF动画图片(5)插图(13)
<点图片看大图>

把其它组隐藏起来,显示第一帧的图层。然后新建帧。

动画教程,PS如何制作GIF动画图片(5)插图(14)
<点图片看大图>

于是我们得到第二帧,但它跟前面一样怎么办?

动画教程,PS如何制作GIF动画图片(5)插图(15)
<点图片看大图>

解决办法:隐藏组1,显示组2

动画教程,PS如何制作GIF动画图片(5)插图(16)
<点图片看大图>

重复上面的步骤,直接所有帧都弄好。

动画教程,PS如何制作GIF动画图片(5)插图(17)
<点图片看大图>

按SHIFT选择(点击)第一帧和最后一帧进行全选。然后设置帧的时间。

动画教程,PS如何制作GIF动画图片(5)插图(18)
<点图片看大图>

各帧的时间设置如下,可以自己修改其它数值。

动画教程,PS如何制作GIF动画图片(5)插图(19)
<点图片看大图>

保存。

动画教程,PS如何制作GIF动画图片(5)插图(20)
<点图片看大图>

数值设置:

动画教程,PS如何制作GIF动画图片(5)插图(21)
<点图片看大图>

动画教程,PS如何制作GIF动画图片(5)插图(22)

动画教程,PS如何制作GIF动画图片(5)插图(23)

动画教程,PS如何制作GIF动画图片(5)插图(24)
<点图片看大图>

保存一下源文件,方便以后修改。

动画教程,PS如何制作GIF动画图片(5)插图(25)
<点图片看大图>

动画教程,PS如何制作GIF动画图片(5)插图

动图预览!

 

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部