Photoshop制作星光闪烁的磨砂字体动画教程

   Photoshop制作星光闪烁的磨砂字体动画教程

         教程主要使用Photoshop制作星光闪烁的磨砂字体动画教程,前几天的动态文字教程,有同学反映操作有难度,今天来一篇比较容易上手的。很多新手不理解的动画原理方面,作者也特意挑出来讲,生动贴切,通俗易懂,一学即会。素材跟源文件都给备好了,就等涨姿势了。


  打开PS,新建一个文档。文档大小我选用600px*800px。新建成功后,选用渐变工具,沿着画笔的对角线画出一个直线渐变背景。色值从#0a485a过渡到#1180a0。


  这里的文字我选用了较为粗的字形,当然,并不是细的字形就不适合。文字颜色设置为#08d7f0。将文字栅格化。这里我建议大家还是放大图像处理一下文字的边缘,让边缘变得更“clean”。


  有人问,这里可以选用别的颜色吗?完全可以!选用颜色时要注意的就是,首先,背景不能抢镜。所以背景色一定要比文字的颜色更暗。其次,文字的颜色因为要凸显“闪亮”,所以也不要选用太暗淡的颜色。整个画面保持统一色系,由于闪光已经足够抢眼的效果,因此,不必再增加花哨的色彩搭配来“迷人眼”了。

  三、理解基本的动画的原理

  在做GIF小动画之前,我想和大家分享一下基本的动画的原理。很多人大概知道,我们看的动画,都是由帧组成的。一般而言1秒有25帧,而对于普通的动画而言,6帧就需要一张原画。我自己理解动画,也就是类似于魔术师,让静止的画面以很快的速度切换,让你的眼睛以为它在移动。

  因此,回到我们今天要做的动画效果这里来,我们要做的是一个闪闪发光的动画,那就是光点效果的变化。就像波光粼粼的湖面那种阳光反射出的水光不断星星点点闪烁的效果一样。

  经过这样一梳理,我们就知道,我们接下来要做的是就是创造出闪闪发光的不同效果图,然后让这些效果不断切换。而与此同时,文字保持不变。那么,这个闪光效果能变得真实可信。没错。理解了原理,可以开始动手了!

  将文字图层复制两个,变成三个文字图层。


  进入【滤镜>杂色>添加杂色】,分别为三个文字图层添加杂色滤镜,在杂色滤镜中分别为三个图层设置杂色数量为15%、16%、17%,高斯分布,取消单色的单选框。


  接下来,我们在每个文字图层的上方都分别新建一个图层,然后用我们的星星画笔来为每个文字添加字面闪闪发光效果。我曾经对这个过程爱恨交加,因为太自由,最终效果很难把握,但又足够培养设计中的艺术感。

  两个星星画笔资源安装后都分别提供不同的画笔,但是原来的画笔可能不太适合我的要求,可以在画笔中修改画笔的大小以及画笔方向。


  画笔保持白色,三个图层的闪光效果会有些变化。如果想要画笔更“亮”的,鼠标可以多单击几次。总之,这部分的自由发挥,可以让人找回一点艺术创作的感觉。


  把上一步画好的三个闪烁图层分别与三个文字图层合并。选中要合并的图层,点击右键,点选合并图层。


  进入【窗口>时间轴】,点选时间轴后,编辑区域的下方会出现时间轴,单击中间的按钮“创建视频时间轴”。


  这时,进入时间轴编辑器,我们看到我们的所有图层都出现在了时间轴里。我们只需要把这四个轨道里的图层安排好出场序列即可。


  对于动画编辑的基本原理,你可以想象自己是个舞台导演,是由你来安排每个图层从什么时候上场、什么时候退场。比如,在这个案例中,我们首先要确定我们这个舞台表演的持续时间。由于闪闪发光效果应该是很快的,那么我们就设置动画全程的时间为0.6秒好了。这里的四个图层,只有背景层会是一直保持在舞台上的,所以,我们把背景层末端拖动到0.6秒这里。


  时间轴是以帧为单位的,所以你不知道0.6秒在哪里?没关系,当你拖动时会自动出现时间单位。接下来,舞台上三个图层,导演的意思是要它们三个分别以0.2秒的时间间隔轮流上场。也就是指这三个轨道的图片首尾相接,分别持续0.2秒。那么,你按照相应的顺序对每个图层进行拖放即可。你还可以点击播放按钮试试看效果。如果有不满意,可以继续修改。


  就这么简单。我们的动画效果就做好了。在保存GIF图片时,进入【文件>存储为WEB格式】,这时会弹出保存设置面板,在面板中保存的格式选择GIF,循环选项选择永远。


  这是保存成功的GIF动效图


  只要掌握了基本的动画制作原理,了解时间轴的基本概念,动画效果就很容易做出。增加上合适的丰富想象,有助于你对原理的把握。希望你能从中获益。

分类:

  • PS文字教程
时间: 2024-08-03 08:50:16

Photoshop制作星光闪烁的磨砂字体动画教程的相关文章

Photoshop制作星光闪烁GIF动画效果

  Photoshop制作星光闪烁GIF动画效果          最终效果 1.首先要绘制好星星,然后再做GIF动画.新建一个文档,参数如图. 2.设置参考线. 3.参数如图. 4.显示网格. 5.背景填充黑色. 6.新建一个图层. 分类: PS文字教程

PhotoShop制作光盘在手中翻转GIF动画教程

教程介绍用PhotoShop制作光盘在手中翻转GIF动画教程,方法挺简单,主要是先将光盘复制几个图层,Ctrl+T一一变换大小,然后在动画面板里设置过渡就行了.         三联推荐:photoshop7.0迷你版免费下载    |  Photoshop CS5 中文免费下载  |  photoshop免费下载 喜欢的同学可以学习一下! 这素我们用到得素材 和完成的图 效果图: 首先抠图.扣成这货的样子然后我们把它移动到我们的小手上如下图 分类: PS入门教程

PhotoShop制作绿色立体春天花纹字体效果教程

教大家用PhotoShop制作绿色立体春天花纹字体效果,主要用CDR和PS来完成,前面的字体设计需要CDR去做,后面的效果则在PS里完成,喜欢的同学赶快来学习一下吧! 先看 photoshop教程效果图: 分类: PS文字教程

PhotoShop制作图片循环滚动播放GIF动画教程

介绍PhotoShop制作屏幕上的图片循环滚动播放GIF动画效果,需要制作的图片要同样尺寸,不同尺寸的要调成同样大小,具体制作方法看教程, 喜欢的同学可以一起来学习一下! 最终效果图: 分类: PS入门教程

PhotoShop制作循环盛放的花朵GIF动画教程

教程教我们用PhotoShop制作循环盛放的花朵超炫GIF动画效果,主要用到变换工具来制作花朵,以及动画都有详细说明,喜欢的同学可以学习一下! 先看效果图: 1.打开ps新建300*300像素的文件,文件名随便填,如图点确定. 2.把图层1填充为黑色的背景,然后新建图层2,如图. 3.选中图层2,用椭圆工具拖一个正圆的选区,填充为红色,不要取消选区. 分类: PS入门教程

PhotoShop制作飘动的头发的GIF动画教程

那些局部GIF动态的图像妙趣横生,让人不禁赞叹作者的创意.本期小编用影展里的图片作为实例,和大家分享GIF图像的制作.特别说明,本期教程是针对影展图片揭秘,如果网友要制作其他效果的GIF图像,设置会略有不同,不在此处讲解. 一.转存PSD文件 GIF图像是可以包含多种图像数据,并可逐幅读出,形成一个简单的动画形式的图片格式,俗称闪图.要制作GIF图像,首先要准备多幅照片,裁切成一样大小. 把所有图像文件拖拽到其中一个文件里,解锁背景层,让所有图层变成工作层,另存为一个含有多个图层的psd文件 二

PhotoShop制作loading加载等待GIF动画教程

浏览网页打开某一项的时候经常会碰到loading内容加载中的等待动画,本次我们利用PhotoShop来制作一个loading加载等待的GIF动画效果. 本次使用工具是 photoshop cs5精简版制作 教程 小小GIF动画,不成敬意,还请笑纳 不仔细看你可能都不会发现下面这个就是效果图: 1.新建文件,200X200PX 2.用那个工具画一个正圆,并新建一个图层. 3.点画笔工具,然后再点上面红框处,设置画笔的大小和硬度 4.切换到路径面板,点用画笔描边路径,就能得到一个圆,然后在工作路径下

PhotoShop制作花朵滚动文字签名GIF动画教程

先看最终效果:        三联推荐:photoshop7.0迷你版免费下载    |  Photoshop CS5 中文免费下载  |  photoshop免费下载 更好一点的效果: 教程: 文件-新建 (Ctrl+N) 打上字 复制九层,这里字数为十 所以复制九层. 如字数为五 就复制四层就是. 分类: PS入门教程

Photoshop制作立体效果的图案字体

  本教程主要使用Photoshop制作立体效果的图案字体教程,教程制作出来的文字效果质感挺强的,有复古的和风玻璃感觉,喜欢的朋友让我们一起来学习吧. 我们先来看看最终的效果图吧: 效果1 效果2 和风是什么风格?和风亦指"日本"风味.日本式的意思.和风因为日本是"大和"(やまと)民族,所以就有很多"和风"."和味"."和式"的东西了.如"和风音乐"."和味饮食".&