当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > photoshop和Imageready制作文字动画

Photoshop
Photoshop 星光装饰的紫色水晶字
Photoshop 漂亮的潮流纹理字
Photoshop 一只可爱的小蜗牛方法
Photoshop 自制飞溅的水花教程
Photoshop 一朵绚丽的蘑菇云
photoshop 鼠绘超酷的黑龙
Photoshop 美女打造水晶亮白的质感肤色
Photoshop 美女加上油嫩光滑的质感肤色
Photoshop 清爽时尚的水晶球壁纸
Photoshop 制作简单的金色质感字
photoshop 滤镜实现超酷的彩丝字效果
photoshop 鼠绘身着飘逸绿裙的美女
Photoshop 打造淡紫色人物特写照片
Photoshop 打造甜美的外景人物照片
Photoshop 给古装人物美白
Photoshop 快速打造温馨的情侣照片
Photoshop 小鸟张嘴鸣叫动画
Photoshop 一只漂亮的枯叶蝶
photoshop 把美女头像转成精细的仿手绘效果
Photoshop 调出外景人物照片明亮的暖色调

Photoshop 中的 photoshop和Imageready制作文字动画


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

  有朋友问我,如何做作有个性化的动画图?做动画的方法有很多种,我们就从简单学起,介绍如何用hotoshop和Imageready制作动画。

  效果图

  

按此在新窗口浏览图片

 

  1)新建文件

  点击“文件”—“新建”—“FUPING111”,设定宽度、高度、名称,“背景内容”选透明”,新建一个300(宽)×

  150(高)象素即可,具体尺寸可以按自己需要设定。

  2)制作所需的图片或素材在photoshop里打开所需的图片,这里只需要一张背景图,再输入您所要显示的文字如图1。鼠标左键点击背景图片,

  按“ Ctrl+A”,图四周出现流动的虚线框,再 Ctrl+C拷贝该图片。鼠标左键点击刚才新建的“FUPING111”文件,

  按“Ctrl+V”,就将图片粘贴进“FUPING111”中了。(如果图片不是300×150象素,那么还需要把图片制作成300×150象素)

  

按此在新窗口浏览图片
图1

 

  3)进入动画软件。点击photoshop的工具条最下方的图标。进入Imageready软件,如图2。

  

按此在新窗口浏览图片

图2

 

  如果这个步骤无法完成,表示您安装的是 photoshop迷你版本,请重新下载完整版的 photoshop。正常情况下,Imageready在左下角有个“动画窗口”,右下角有“图层窗口”。如果找不到这 2个窗口,请在软件菜单“窗口”菜单中勾选显示出来。

  

按此在新窗口浏览图片
图3

 

  4)动画制作

  进入 Imagereadym,在“动画”对话框内默认为一帧。我们初步的设计为文字从左侧进入图片中央,停顿5秒,再从右侧滚出。所以先将第一桢的文字使用移动工具,将文字拖到左侧图框外。点“复制桢”按钮,复制第二桢,在第二桢把文字拖到图框中央,见图4

  

按此在新窗口浏览图片
图4

 

  按住“SHIFT”键,选取1、2桢,点“过渡”按钮,出现“过渡”对话框,在“要添加的桢”狂内,填入“10”,增加10桢的过渡。添加的过渡桢数越多,动画过渡的越自然,但动画文件越大。见图5

  

按此在新窗口浏览图片

图5

 

  图6就是添加后,在动画对话框的情况

  

按此在新窗口浏览图片
图6

 

  选取第12桢(最后一帧),点新建一帧,复制二桢,点第13桢,将此桢的显示时间设置为5秒。这样做是让文字在图框内停顿5秒。见图7

  

按此在新窗口浏览图片
图7

 

  再选14桢,复制一帧,选取15桢,在编辑框内,用移动工具将文字拖到图框的右侧外。

  

按此在新窗口浏览图片

图8

 

  按住SHIFT键,选取14、15桢,点“过渡”按钮,方法同前

  

按此在新窗口浏览图片
图9

 

  

按此在新窗口浏览图片

图10

 

  制作完成后可以使用“播放”键,预览一下,感觉满意,点选菜单“文件”—“将优化结果存储为...”,保持动画文件。

  

按此在新窗口浏览图片
图11

 

  

按此在新窗口浏览图片
图12

 

  到这里,整个制作过程告一段落,在退出程序前,最好先保持一个*.PSD文件,便于今后的调整和修改,不到之处敬请见谅