码迷,mamicode.com
首页 > 其他好文 > 详细

PhotoShop制作简单的文字动画--多媒体技术与应用

时间:2017-10-25 19:49:20      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:编辑器   文字动画   鼠标   文字   src   bsp   产生   soft   img   

下面是最终实现的效果图:

技术分享

1、新建图像,设置图像属性如下所示。

技术分享

2、使用【横排文字工具】在背景图像上打上文字内容

技术分享

3、【图层】——>【图层式样】——>【渐变叠加】

技术分享

 出现“图层样式”面板

技术分享

 4、点击如下所示的横条,调出“渐变编辑器面板”

技术分享

技术分享

5、样式这里,我们选择“对称的”

技术分享

6、角度这里可以自定义。改变角度后,不要选确定,可以用鼠标按住左键在图像上依照下面箭头所指的方向移动鼠标查看图像状态,以便确定你想要的效果。

技术分享

技术分享

技术分享

7、左键单击【窗口】——>勾选【时间轴】出现【时间轴】面板

技术分享

 8、设置延迟时间

技术分享

9、点选上第一帧,然后点击如下所示图标,复制第一帧

技术分享

10、对第二帧进行设置,要先点选上第二帧,然后双击【渐变叠加】图标,弹出【图层样式】面板,在这里无需改动【图层样式】里的内容,只需要将产生的“影子”拉到最右端,和上面预览效果操作一样。

技术分享

技术分享

技术分享

11、选中前两帧,点击如下所示【过度】图标,调出过度面板,选择要添加的帧数,点击确定

技术分享

 

技术分享

12、点击播放按钮,可查看该帧动画(如下所示)

技术分享

 13、最后另存为Web模式,注意后缀民要改成gif

PhotoShop制作简单的文字动画--多媒体技术与应用

标签:编辑器   文字动画   鼠标   文字   src   bsp   产生   soft   img   

原文地址:http://www.cnblogs.com/qikeyishu/p/7731500.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!