用photoshop结合ImageReady制作简单小动画

Adobe公司的photoshop软件提供了运用工具来创建和制作在Web上使用的静态图像的功能;而ImageReady软件提供了和它相同的编辑功能外,还包括了一些工具和调板,用来进行创建动态的动画功能。这里就简单介绍一下,运用photoshop及ImageReady制作一个简单的“Merrry Christmas”

动画移动字效果

还是先看一下完成效果吧….. 01.新建一个图层.大小自定(这里用的是500*300),点击横排文字工具输入Photoshop天空可自定.我这里用的是网上下载的肥肠字体,是不是挺可爱的 02.右击文字图层-栅格化文字. CTRL 左击文字

Adobe公司的photoshop软件提供了运用工具来创建和制作在Web上使用的静态图像的功能;而ImageReady软件提供了和它相同的编辑功能外,还包括了一些工具和调板,用来进行创建动态的动画功能。这里就简单介绍一下,运用photoshop及ImageReady制作一个简单的“Merrry Christmas”字幕的动画片段的过程。   首先,在photoshop中创建一个背景文件,可以把背景设为喜欢的颜色,然后新建一个图层,并在新图层上拖入房子影像。

  


用photoshop结合ImageReady制作简单小动画插图

  使用文字T工具,在图像右上角添加文字“Merry Christmas!”,并将文字图层复制两个,并将3个图层依次命名为Merry christmas!1、Merry christmas!2和Merry christmas!3。

  


用photoshop结合ImageReady制作简单小动画插图(1)

图片1

  


用photoshop结合ImageReady制作简单小动画插图(2)

  制作完图像后,选择文件-跳转到-ImageReady中,即可打开ImageReady软件相应窗口。

  


用photoshop结合ImageReady制作简单小动画插图(3)

  在ImageReady中,打开动画调板,将第一帧进行复制,便得到两帧相同的动画。

  


用photoshop结合ImageReady制作简单小动画插图(4)

  选择第2帧,在图层调板中,将Merry Christmas!1图层移动工具向左移动至隐藏;将Merry Christmas!2图层移动工具向上移动至隐藏;将Merry Christmas!3图层移动工具向右移动至隐藏。

  


用photoshop结合ImageReady制作简单小动画插图(5)

复制帧  


用photoshop结合ImageReady制作简单小动画插图(6)

  将动画调板中A、B两帧位置进行互换,并在图层调板中,将3个文字层的填充不透明度都改为0%。

  


用photoshop结合ImageReady制作简单小动画插图(7)

A、B互换  


用photoshop结合ImageReady制作简单小动画插图(8)

  在动画调板中,按住Shift键将A、B两帧一并选中,单击动画调板中的过度按钮,便会跳出过度设置对话框。

  


用photoshop结合ImageReady制作简单小动画插图(9)

点击过度按钮  


用photoshop结合ImageReady制作简单小动画插图(10)

,   在过度对话框中,便可以添加过度的帧数、所要过度的图层是所有图层还是当前图层,以及透明度、位置、效果等。全部设置完后,点击“好”,便完成了文字由3个方向向一个位置集中的动画,同时还是文字从透明变为了实心的动画过程。

  


用photoshop结合ImageReady制作简单小动画插图(11)

添加完的帧  


用photoshop结合ImageReady制作简单小动画插图(12)

动画截图  小动画就这么简单的做完了,这样的动画同样适合于2种有特定关系的图像的装换过程哦Adobe公司的photoshop软件提供了运用工具来创建和制作在Web上使用的静态图像的功能;而ImageReady软件提供了和它相同的编辑功能外,还包括了一些工具和调板,用来进行创建动态的动画功能。这里就简单介绍一下,运用photoshop及ImageReady制作一个简单的“Merrry Christmas”字幕的动画片段的过程。   首先,在photoshop中创建一个背景文件,可以把背景设为喜欢的颜色,然后新建一个图层,并在新图层上拖入房子影像。

  


用photoshop结合ImageReady制作简单小动画插图

  使用文字T工具,在图像右上角添加文字“Merry Christmas!”,并将文字图层复制两个,并将3个图层依次命名为Merry christmas!1、Merry christmas!2和Merry christmas!3。

  


用photoshop结合ImageReady制作简单小动画插图(1)

图片1

  


用photoshop结合ImageReady制作简单小动画插图(2)

  制作完图像后,选择文件-跳转到-ImageReady中,即可打开ImageReady软件相应窗口。

  


用photoshop结合ImageReady制作简单小动画插图(3)

  在ImageReady中,打开动画调板,将第一帧进行复制,便得到两帧相同的动画。

  


用photoshop结合ImageReady制作简单小动画插图(4)

  选择第2帧,在图层调板中,将Merry Christmas!1图层移动工具向左移动至隐藏;将Merry Christmas!2图层移动工具向上移动至隐藏;将Merry Christmas!3图层移动工具向右移动至隐藏。

  


用photoshop结合ImageReady制作简单小动画插图(5)

复制帧  


用photoshop结合ImageReady制作简单小动画插图(6)

  将动画调板中A、B两帧位置进行互换,并在图层调板中,将3个文字层的填充不透明度都改为0%。

  


用photoshop结合ImageReady制作简单小动画插图(7)

A、B互换  


用photoshop结合ImageReady制作简单小动画插图(8)

  在动画调板中,按住Shift键将A、B两帧一并选中,单击动画调板中的过度按钮,便会跳出过度设置对话框。

  


用photoshop结合ImageReady制作简单小动画插图(9)

点击过度按钮  


用photoshop结合ImageReady制作简单小动画插图(10)

,   在过度对话框中,便可以添加过度的帧数、所要过度的图层是所有图层还是当前图层,以及透明度、位置、效果等。全部设置完后,点击“好”,便完成了文字由3个方向向一个位置集中的动画,同时还是文字从透明变为了实心的动画过程。

  


用photoshop结合ImageReady制作简单小动画插图(11)

添加完的帧  


用photoshop结合ImageReady制作简单小动画插图(12)

动画截图  小动画就这么简单的做完了,这样的动画同样适合于2种有特定关系的图像的装换过程哦

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部