用PS制作动态文字举例

用PS制作动态文字举例 例1,怎样用PS制作流光字, 1、打开PS，新建个文件，宽度和高度视文字的多少大小来决定. 2、选择左边工具栏的文字工具，输入需要的文字(也可以事先把背景层解锁为普通层，然后用魔术棒把背景设置透明，此时背景层就可以作为文字层使用)，文字要栅格化. 3、新建一图层. 4、选择画笔工具 ? 设置画笔的大小、颜 色等(按F5也可以调出画笔设置的对话框). 5、用画笔在文字的前头画条直“线“(画的时候按住shfit就不会画歪). 1 用PS制作动态文字举例 6、选择编辑 ? 自由变换(或按Ctrl+T也可)? 右键 ? 旋转 ? 调整至倾斜. 7、再选择窗口菜单 ? 动画 ? 动画(帧)(帧的时间是可以重新设置的，见右下角帧1). 8、新建复制一帧(见帧2). 9、选择图层1，将那红斜杠移到右边 10、点击的最一行倒数第3个图标(斜向四个点的标志)设置过渡帧，在调出对话框中改下帧数就行，帧数越大速度就慢. 2 用PS制作动态文字举例 11、选择图层1 ? 右击 ? 在对话框中选择 ? 创建剪贴蒙版. 12、那些红色也只在文字中显示了(见下面左移的红色部分) . 13、点“文件”? 存储为“web”和设备所有的 ? 对话框 ? 存储 ? „后面根据提示操作就可以保存为动态图片gif的格式. 14、打开动态图片观察效果(下面只是复制到Word中的静止图形，保存为gif的动态图片后，双击图片打开后，就可以直接看到动态效果;若插入演示文稿中，在放映状态下可以直接显示为动态的画面). 拓展, 制作双向流光字,则在上面的基础上 „ 新建一个图层，用画笔工具画一竖;再建一个图层，在另一边用画笔画一竖;打开窗口动画面板，新建一帧(两图层共同建一帧)，将两个画笔的位置交换一下，然后过渡帧设置，将图层3和图层4创建剪贴蒙版. 3 用PS制作动态文字举例 即 :建帧 ? 交换位置 ? 过渡帧 ? 贴版 注意:流光字的关键在于创建剪贴蒙版，而双向流光的关键除了创建剪贴蒙版外，还要注意用移动工具移动两个图层来交换位置，请记住，是两个图层，不要画在一个图层上了. 制作彩虹字, „ 建帧 ? 移动位置?过渡帧 ? 渐变 (渐变的颜色形式根据需要设置.渐变可以放在过渡之后，贴版之前;) ? 贴版. 渐变也可以在建帧移位之前设置渐变，先新建一个图层，用矩形选框在文字前拖个框，然后在选框里拉渐变，再移动图层的位置;效果是一样的. 渐变也可以事先按下面操作(效果都是一样的): „„ ?.选择渐变模式，用鼠标从左到右拉出一条线，松开左键就会出现图片上的彩虹效果; ?.将鼠标切换到选择状态，将渐变后的彩色条纹图片拖动到最左侧; ?.点击动画轴上的新建按钮，新建出第二个帧(可以设置时间和播放的次数); ?.选中第二个帧，在上面的工作区将色谱图片向右移动，移动到一个适当的位置，比如将色谱图片整体移动到最右侧，只露出左边缘(可根据情况调整,见下面的第三个图); ?.这里就是添加过渡效果了，点击图中所示的图标，设置相应的过渡帧数，帧数不要太少，太少的作会显得太快，影响视觉效果. „„ 制作双向彩虹字, „ 建帧 ? 分别选定两个新建层分别移动位置?过渡帧 ? 渐变 (渐变可以放在过渡之后，贴版之前;也可以在移位之前设置渐变，先新建一个 变;效果是一样的.) ? 贴版.图层，用矩形选框在文字前拖个框，然后在选框里拉渐 4 用PS制作动态文字举例 例2,如何用PS制作一个字一个字显示出来的动画, 1、先写字，如:“赵化中学的明天会更美好～”，并将12个字符(包括感叹号)分别放在12个不同的图层里，调整好字在画面的位置，字还可以进行样式设置;背景可以是透明的，可以是片色，也可以是风景人物图片等.见图这里背景设置成淡黄色. 2、打开ps菜单栏中的“窗口”?“动画”. 3、新建一个动画帧，在此帧上显示要的第一个出现的字的图层为可见，其他为不可见. 一点小技巧: ?.为避免打开图片后，第一个字就已经在图片上了，没有一个一个逐渐显现进入的状态，可以在第一个字“赵”的前面增加一个图层. 以免循环转换显得很急促. ?.第一帧和最后一帧时间可以长一些， 4、先全部关闭眼睛(除背景层)，然后点选第一帧，再点开增加的图层眼睛，选定该图层. 5、新建第二帧，点开“赵”字层的眼睛，选定该图层:„„ 以此类推～ 6、全部完成后，应该动画操作栏中应有12帧数，分别为“赵”、“化”、“中”、“学”、„. 7、如果有需要，可以右键更改这些帧的播放时间，然后播放一次，确定你的动画完成. 8、菜单存为“存储为Web和设备所用格式”，得到gif图片; “存储为Web和设备所用格式”的同时，也可以点击左下角的浏览，在页面直接查看gif(可直接复制到效果‎‎QQ等工具上). 9、打开图片，观察动态效果. 5 用PS制作动态文字举例 例3,如何用PS制作滚动字, 1.新建文件或在背景上面新建图层输入文字，将图层命名“文字”. 2.调整好字体的大小和位置. 3.按住Shift键，鼠标移动“文字”图层向右面移动，使文字刚好看不见止. 4.点击:窗口?动画，在动画窗口，将帧的时间设置为:0-0.1秒. 5.在动画窗口垃圾箱旁边的方块点击一下，添加第一关键帧. 6.再按住Shift键，鼠标移动“文字”图层向左面移动，使文字刚好看不见为止. 7.在动画窗口，将第一帧拖放到第二帧的后面(注意:将第一帧拖放到第二帧的后面，见下面右图). 8.动画窗口下面点击4个小点，添加过渡帧:在出现的窗口，“过渡方式”:第一帧;要添加的帧数:45-65，确定(见上面左图). 9.点击播放按钮测试动画，根据播放速度的快慢，可以选中全部帧(点击第一帧，按住shift键，再点击最后一帧)，将时间重新设也可置. 按Shift+Ctrl+Alt+S 或点选文件(F)存储为Web和设备所用格式? 选择gif格式 ? 命名 ? 保存即可.效果图: 拓展,制作双向或多向滚动字,或滚动图片, … 再新建一层、多层文字层或拖移到PS中的图片层，都移动好方向后，添加动画,添加第一关键帧再把前面的图层都朝相 6 用PS制作动态文字举例 反方向移，… 其余的操作是一样的. 其实滚动字,或滚动图片,移向和移距跟初始动画帧前的移动位置和添加第一关键帧后的移动位置有关. 遗憾的是好像PS没有旋转、翻折的动画，PS主要是平移的动画，所以滚动效果和其它图片处理软件制作的动态图片不能相比.但PS制作的动态图片不需要进行“复杂”的设置就可以打开观看动画效果，插在PPT中不需要再进行动画设置，播放起来很方便. 见下面是双向和多向文字和图片的滚动效果截图, 双 向 多 向 例4,如何用PS制作闪动字或闪烁字, 用PS制作闪动文字其实很简单，懂得运用，时间轴可以做到这种效果，下面我用最详细的步骤，以一个简单实例讲，怎么用PS制作冷却方字。 1、打开PS软件，新建一个600×300画布(根据需要自己定)，按确定。 2、插入文字，本例以“赵化中学的明天会更美好～”为例. 3、若插入的文字很小，可以按Ctrl+T调出自由变换框，按住Shift+Alt键可以将它沿中心拉大至适合(当然也可以在文字对话框里设置)，点击“勾”，还可以插入些“自定义画”已作为装饰. 7 用PS制作动态文字举例 4、Ctrl+J复制图层(或右键“复制图层”)“赵化中学的明天会更美好～”，出现图层“赵化中学的明天会更美好～”副本(见上面右图). 5、点击窗口?选择?时间轴(动画)，调出时间轴(动画). 6、双击图层图层“赵化中学的明天会更美好～”，调出图层样式，按图中设置参数，点击确定. 7、点击复制所选帧，复制出第二帧. 8、将两帧都设置成0.2秒，设置循环选项为“永远” . 9、在第一帧，图层“赵化中学的明天会更美好～”为显示，图层“赵化中学的明天会更美好～”副本为隐藏. 10、在第二帧，图层“赵化中学的明天会更美好～”眼睛为隐藏，图层“赵化中学的明天会更美好～”副本为显示. 11、点击播放动画，预览效果. 12、按前面的方法点击文件 ? 存储为Web所用格式，命名为闪动文字.见下面效果截图: 8 用PS制作动态文字举例 闪烁字和闪动字实际上可以视为同一种动态文字，只是闪烁字要增加一些文字的透明度，这里不在图解,看下面的操作步骤，多操作两次就会悟出其中的道理. 1、打开PS ? 新建画布 ? 选好字体、颜色、字的大小等 ? 输入文字(文字粗一些的更好). 2、右键栅格化文字图层. 3、按住ctrl ? 选择文字图层 ? 载入选区(字的周围有蚂蚁线). 4、编辑 ? 描边. 5、打开图层样式菜单 ? 设置图层样式(或点击图层下面的“”图层样式添加按钮). fx 6、设置阴影颜色要比字的颜色深. 7、取消选择 ? 新建图层 ? 用“自定义画”画出喜欢的图形来装饰. 8、把文字层提上去. 9、合并图片. 10、图像裁切. 11、转移至Lmagerealy编辑并复制出一帧.(Adobe lmage ready是一个制作gif动画的软件;Adobe lmage ready与Adobe Photoshop都是Adobe公司制作的图像处理软件;Adobe lmage ready在Photoshop cs3以上版本里就没有了;要说区别的话，只能说Adobe lmage ready 是做动态图片的，Adobe Photoshop是处理静态图片的). 12、点复制帧 ? 把帧复制到图层复制出一帧，相应的图层栏也会多出一层. 13、用PS自带的星星笔画上星星之类的. 14、时间设置为0.1秒比较合适. 例5,如何用PS制作一个字或一段字一笔画一笔画显示出来的写字动画, 1、新建一个900*300象素单色画布(根据需要而定) ,根据需要也可以提前把它做成其它形式如:横幅、卷轴画类都可以. 2、新建图层，根据自己应用的字体画一支笔，或从网上下载一个适合的笔图像，把它抠出来如下图;如果我们是从网上下载现成的“笔”图象，就用移动工具把“笔”图象移到图层1上(也可以直接点住图片拖移到图层，这种方法比较简捷，此时得到一个新的图“笔”图层.;可能移上的“笔”图像不合适，可用“自由变换命令”(Ctrl+T)进行调整，直到合适为止;右键 ? 栅格化图层用?魔术棒和选框工具抠掉原图背景 ?只留下单独的笔 ?再用“自由变换命令”(Ctrl+T)调整笔的倾斜姿态. 3、关掉“笔”图层前面的眼睛，把“图层1”作为当前工作层;点击工具箱“文字工具”输入文字，比如“古镇赵化”. 然后把文字图层进行“栅格化”不然不能编辑文字图层，上面图层所示就是栅格后的图层(古镇赵化);做法是右键点击文字图层右边空挡处出现一个快捷菜单，选择“栅格化文字”点击即可.也可以复制过后按住Shift全选后统一栅格化. 9 用PS制作动态文字举例 4、复制文字图层，因文字图层的‎‎是“古镇赵化”字，共有33笔(由于本例不是宋体、楷体，而是华文隶书，所以不是严格意义上的33笔画)，所以我们要复制33个图层一个笔画一个图层;完成后为了便于梳理，把六个图层的名称重新命名如:古1(笔)、古2(笔)、古3(笔) ...， 化1(笔)、化2(笔 )...，以此类推～ 5、把图层的其它眼睛关掉，只把“图层0(背景层)”和“古1(笔)”的眼睛留下. 6、把“古1笔”图层作为当前工作层，只留第一个字的第一笔其它的字和笔画都用“橡皮工具”擦掉(右键可以橡皮擦大小的对话框更快捷，注意随时调整橡皮擦的大小，并注意随时暂停，好处在于若操作错误便于恢复即后退，默认的恢复只有20次，可以重新设置恢复的次数). 7、关掉“古1笔”前面的眼睛，把古2笔图层作为当前工作层，保留“古”字的第2笔画，其它都擦掉. 8、下面的几笔和上面的做法是同样，如下面图层所示. 9、把前5个图层的眼睛都打开不就是一个完整的“古”字吗,这样就完成了第一字的拆分.为了便于编辑，点击图层面板‎‎下面按钮“创建新组”在图层面板上得到一个文件夹，把它命名为“古字笔画”然后把五个图层放进去，用的时候把它打开，便于我们管理图层，后面的几个字的拆分和这个字的做法完全相同，当然不怕麻烦也不用创建新组;看下面第一个字“古”字擦除后保留第一笔画的状态截图: 10、进入编辑动画，点开“背景图层”前面的眼睛，从“工具栏”?“窗口”?“动画”点击进入动画编辑窗口;可看到动画编辑窗口有第一帧(空帧). 11、点击动画编辑窗口下面那个复制按钮，复制第二帧，然后打开"古1(笔)”和“笔”图层前面的眼睛. 10 用PS制作动态文字举例 12、把“笔”图层作为当前工作层，用移动工具把笔移到笔画的起点处;点击动画编辑窗口下的“复制中的帧”按钮复制第三帧，然后用移动工具把“笔”移到第一笔画落笔点;可以点击第二帧添加过渡帧(设置的数目根据笔画长短情况而定，过渡帧可以在最后统一编辑也可以，)，因为有的笔画要拐角，在此过程中可以添加不断笔画时间较短的“拐角帧”;这样就完成了第一笔画的书写动作.不仿依次点击动画编辑窗口上的.二、三帧及过渡帧笔在笔画上有序的动. 13、点击第三帧(若边操作边添加过渡帧，此时已经不是第三帧了，记住是尾帧就行了)动画编辑窗口下的“复制中的帧”按钮复制第四帧，点开“古2(笔)”前面的眼睛，当前工作层不变.用“移动工具”把笔移到二笔画的起点上，复制第五帧，把笔移到第二的末尾处，同样在第四帧至第五帧之间添加过渡帧. 我认为最好是每一笔画的头帧到尾帧的倒数第二帧范围内帧都隐藏笔画(可以在该笔画的所有帧都制作完后，选定关闭该笔画图层的眼睛即可)，尾帧和倒数第一帧打开该笔画的图层，写字动画才会显得更真实;另外在每一笔画的头帧和尾帧之间手工复制一些帧，并相应地移动笔的位置，更能体现写字的逼真效果. 14、其它的如法炮制. 15、全部做完了，关掉图层(古镇赵化)(即最初文字层);其实最初也可以一个字做一个文字层，然后每个字根据该字的笔画复制，只是要做一项将文字图层对齐和均匀分布的操作，本例就是这样草作的. 16、 “古镇赵化”字就完全做好了，点击动画编辑窗口下面三角，动画启动按钮‎‎， 如果觉得慢了，可以调整一下速度. 方法是:添加过渡帧或按住ctrl键用鼠标左点击所有帧这样就选取所有帧，再点击下面的时间秒出现对话框，选取所需时间，(一般为1秒)为了最后的字显示时间长一点那多复制几帧，再把时间调整的多一点(0.5秒). 17、可以添加落款的一个字一个字出现或闪烁字等效果，增加整个画面的动态美感. 11 用PS制作动态文字举例 18、可以随时更换背景层的前景色.重新设置前景色 ?选定背景层?按Alt+Delete;下面就是只更换了背景色的动态图片的截图: 甚至还可以通过油漆桶填充自定义图案，如下面填充了自定义图案“赵化中学”的截图: 19、保存(点“文件”? 存储为“web”和设备所有的格式 ? 对话框 ? 存储 ? „ 后面根据提示操作就可以保存为动态图片gif的格式). 注意若PS的内存不够，是无法保存的，可以事先进行设置，其路径是:打开PS ? 编辑?首选项? 性能(E)? 内存使用情况?拉动下面的滑块增大内存(或直接在上面的框里设置数据) ? 勾选好暂存盘 ? 确定 ? 重启PS即可. 20、点击图片观看效果. 若不设置书写状态，只是要求以笔画一笔画的显现，则省去每一笔画移动“笔”的过程，显得更为简单. 巡河车 2014年11月9日星期日 12 用PS制作动态文字举例