当前位置:首页>ps入门教程>动图教程>闪图闪字>教程内容

psCS3教程:制作流光字GIF动画(7)

来源:Colorcode 作者:  学习:7765人次

效果

Photoshop CS3制作流光字GIF动画,PS教程

①:新建一个文件

Photoshop CS3制作流光字GIF动画,PS教程

②:用油漆桶工具 ,把背景填充为黑色

Photoshop CS3制作流光字GIF动画,PS教程

③:用文字工具打上自己喜欢的文字,颜色自定义

Photoshop CS3制作流光字GIF动画,PS教程

④:新建一个图层 命名为 光

Photoshop CS3制作流光字GIF动画,PS教程




⑤:选择画笔工具,画笔参数如下图所示,颜色为 白色

Photoshop CS3制作流光字GIF动画,PS教程

⑥:在光图层上,用画笔画出一条线斜线

Photoshop CS3制作流光字GIF动画,PS教程

⑦:选择 窗口—动画 ,把动画窗口打开

Photoshop CS3制作流光字GIF动画,PS教程

⑧:点击动画面板右下角的图标,切换为时间轴动画

Photoshop CS3制作流光字GIF动画,PS教程

⑨:点击在动画面板里的光图层的左边的三角图标,然后点击秒表图标

Photoshop CS3制作流光字GIF动画,PS教程




⑩:把当前时间指示器移到00

Photoshop CS3制作流光字GIF动画,PS教程

⑾:选择移动工具,选择光图层,按住Shift键把白色的光水平移动到最右边(注意:移出画面为止)

Photoshop CS3制作流光字GIF动画,PS教程


 

⑿:把当前时间指示器移到01:00f

Photoshop CS3制作流光字GIF动画,PS教程

⒀:选择移动工具,选择光图层,按住Shift键把白色的光水平移动到最左边(注意:移出画面为止)

Photoshop CS3制作流光字GIF动画,PS教程

⒁:把工作区域点拉到01:00f处

Photoshop CS3制作流光字GIF动画,PS教程




⒂:用文字工具在文字下面打上自己的QQ号码

Photoshop CS3制作流光字GIF动画,PS教程

⒃:再将QQ号码图层按Ctel+J键通过拷贝 得到QQ副本图层

Photoshop CS3制作流光字GIF动画,PS教程

⒄:再回到动画面板,把刚拷贝的QQ副本图层的时间线减短到0.2秒左右,缩短位置如下图所示

Photoshop CS3制作流光字GIF动画,PS教程

⒅:选择 滤镜—模糊—动感模糊 ,参数如下图所示

Photoshop CS3制作流光字GIF动画,PS教程




⒆:再回到动画面板 ,把QQ图层的时间线减短到0.8秒左右,缩短位置如下图所示

Photoshop CS3制作流光字GIF动画,PS教程

⒇:点击 文件—存储为web和设备所用格式,打开存储面板,参数如下图所示,设好参数后点击存储即可

Photoshop CS3制作流光字GIF动画,PS教程

最后效果

Photoshop CS3制作流光字GIF动画,PS教程

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!