当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > photoshop逐帧动画实例教程:图层样式打造霓虹闪耀

Photoshop
Photoshop把制作好的平面图转换为网页HTML
Photoshop简单利用填充工具制作透明水印文字
Photoshop简单模拟电流击穿文字特效
PS照片教程:好看的黑白漫画网点特效图片
Photoshop打造耀眼的星光文字特效
PS调色教程:漂亮的徐若宣单色视觉海报效果
Photoshop教程:快速模拟普普风特效照片
Photoshop批处理制作照片蒙太奇效果
PS教程:周围镶满钻石金光闪闪文字特效
PS图片教程:制作背景黑白人物彩色的照片
Photoshop教程:打造锈泽金属文字特效
Photoshop照片教程:制作古典风景人物
PS照片教程:去除美眉皮肤上沾满的沙子
PS合成教程:透出光线的森林的绿色小精灵
Photoshop图片教程:柔和的梦幻紫红色调照片
PS基础教程:运用广色域与窄色域修补分离色阶
MAC系统下Photoshop打印网页点阵字形
Photoshop教程:惊人的求助创意超现实场景(2)
Photoshop支持RAW格式:Adobe DNG Converter
photoshop编辑ico文件:ICOFormat

Photoshop 中的 photoshop逐帧动画实例教程:图层样式打造霓虹闪耀


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-05   浏览: 194 ::
收藏到网摘: n/a

 用样式来控制动画是比较容易做到的,今天我们来学一个简单的效果

先看效果图:

新建背景为黑色的文档,新建一层,用一个像素的画笔在画布中间点一下,填充值调到0

为这一层添加样式,外发光,渐变发光,根据需要调整各个数值的大小

单击渐变条,弹出渐变编辑器.选择你喜欢的渐变方式,可以点开小三角追加各种渐变,也可以自己编辑

打开窗口/动画,新建一帧,双击"外发光"

选择另一个渐变方式,(其它数值不动)

以此类推,新建帧,改发光样式 .........

然后执行文件/WEB格式/GIF格式进行保存

还可以添加别的样式 ,比如内发光等

练习素材(鼠标右键点击图片,图片另存为)

利用样式控制动画(二)

控制发光量的大小也是很容易做到的

先把图抠出来,设置外发光样式.先把发光量调小

打开窗口/动画,并新建一帧,然后双击外发光样式

把发光量调大

然后点过渡按钮,设定过渡值,值越大,过渡越平滑,但生成的文件也相对来说要大些

现在点播放看看效果

由于只做了从小到大的设置,没有做从大到小的设置,所以看起来感觉中间会跳一下很不自然

要怎么样才能让它的发光量再从大变到小呢.再修改发光量吗?虽然可行,但还有更简便的方法

点开动画面板上的小三角,选择全部帧

再点新建帧按钮,这下就复制了所有的帧

再看看效果是不是出来了?

OK,保存吧,打开文件/WEB格式/GIF格式进行保存

不一定非要用外发光才能做动画,别的样式也可以尝试一下,比如渐变叠加、图案叠加等、可以做出很多简单又好玩的效果,下面再放几个运用图层样式制作的动画效果

外发光制作的奥运五环霓虹灯效果

颜色叠加制作的环绕动画效果

图案叠加制作的闪图动画效果

渐变叠加制作的跳动的音符动画效果

投影样式制作的弹起的小球动画效果

渐变叠加制作的雷达扫描动画效果