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

Photoshop
Photoshop合成创意惊人的钻石广告设计
Photoshop文字特效教程:流水文字
PS调色教程:室外风景美女照片调色实例
Photoshop通道教程:修复通道调图片
PS教程:RGB和Lab模式下处理暗调美女照片
PS调色教程:暗沉色调肤色没光彩照片调整
字体资源:Webjx收集高质量的35种字体
PS照片合成教程:建军节主题海报
Photoshop合成教程:美女变精灵
PS调色教程:美女集体照肤色调整
Photoshop照片调色:朦胧色彩美女照片
Photoshop教程:美丽妇女恶搞成老妇人
Photoshop制作绿色风格网站首页模板
Photoshop制作美式橄榄球杂志广告
JPG图片优化技巧
PS修复照片:破旧老黑白照磨皮修复教程
PS美女照片:简单调色美白磨皮教程
Photoshop绘制漂亮的面巾纸塑料包装
Photoshop手绘教程:苹果IPhone手机界面
设计欣赏:50个关于动物的天才广告设计

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 846 ::
收藏到网摘: 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文件,便于今后的调整和修改,不到之处敬请见谅