电视雪花效果动画

教程开始之前,首先请看如下所示动画效果:

  如何才能产生这种类似电视雪花效果的动画呢?通过滤镜、插件?不用,FW4里面已经为我们准备好了这种效果,请看后面的详细步骤:

  [注意]在开始本节的学习前,请大家首先参阅一下先前的文章“模拟条形码的制作”,因为我们后面的操作是对上一节操作的继续,相关的内容这里就不再赘述了。

第一步、首先我们先和“模拟条形码的制作”一文简单的接一下头,在“模拟-”一文中,通过调整矩形的颜色调节手柄,已经出现了如图01所示的条形码效果:


图 01 条形码效果

第二步、选定矩形对象,此刻矩形的调节手柄会显示出来,我们可以发现,起始端点的圆形调节手柄和结束端点的正方形调节手柄位于同一条直线上,好了,现在仍然选定正方形的调节手柄,向起始端点的圆形手柄拖动,这样两个端点的距离会越来越小,同样的矩形的填充效果也会随着你的鼠标的推动而不断的发生变化,两个端点的距离位置关系请参考图02所示:


图 02 调节手柄的位置

第三步、选定圆形调节端点(请注意:要选定它),向下部移动,随着调节手柄的位置发生变化,矩形的填充区域也同样发生着变化,不断移动它,直到拖动到如图03所示位置为止:

第四步、很明显,我们所做的这些努力已经得到回报了,那就是电视机的那种雪花效果已经出现了!还带有一条白色扫描线呢!:)
好了,接下来就开始电视雪花效果的动画制作。选取工具箱的文本工具,在弹出的文本编辑框内输入相关文字,这里输入的是“风云”二字,颜色可以使用自己喜欢的颜色,这里就不多讲了,文字编辑好后,调整它到合适的位置,如图04所示:


图 04 加入文本对象

第五步、打开Frames(桢)面板,点击右上角的弹出菜单按钮,在弹出的下拉菜单中,选择Duplicate Frame(复制当前桢)命令,如图05所示:


图 05 复制桢命令

第六步:在随后弹出的对话框中,Nmmber(插入桢的数目)选择“1”,我们只需要插入一桢即可;Insert ner frames(插入新桢的位置)选项选择默认的“After current frame(在当前桢的后面)”选项,然后点击OK按钮确定,这样我们就在当前桢的后面(也就是第2桢)插入了一个复制的新桢,新桢的内容和第一桢的内容是完全一致的,如图06所示:


图 06 复制桢的插入位置

第七步、本步是产生雪花动画效果的关键步骤。执行完上步的复制桢命令后,目前的编辑区就已经是第二桢所在的编辑区了!选定矩形对象,调节手柄出现,还是选定圆形调节手柄,向左或者向右拖动调节手柄,使得白色扫描线的位置发生变化,这样电视的那种雪花跳动的效果已经开始初步形成了,不信,点击播放按钮看看效果呵~调整的效果如图07所示(向左移动的调节手柄):


图 07 移动调节手柄的位置

第八步、同样,对文本对象可以进行相关操作,比如改变字体的颜色大小,或者改变文本内容等等,视自己的情况而定吧!如图08所示,改变了文本内容:


图 08 改变文本对象

第九步、哈,接下来的操作是不是不再需要我多费唇舌了?不断重复第5到第8步的操作,不断的调整雪花的位置,文本对象的内容或颜色、大小等等状况,一个模拟电视机雪花效果的动画已经产生了,不是吗?

第十步、抱着对各位负责的态度,补充上最后一句,输出文件时千万记得要将输出格式变为“Animated Gif”,免得我们辛辛苦苦制作的动画不能看到啊?嘿嘿!

时间: 2024-09-08 22:59:07

电视雪花效果动画的相关文章

Fireworks制作电视雪花效果

教程重点简述:通过渐变选项的调整实现动画效果. 教程开始之前,首先请看如下所示动画效果: 如何才能产生这种类似电视雪花效果的动画呢?通过滤镜.插件?不用,FW4里面已经为我们准备好了这种效果,请看后面的详细步骤: [注意]在开始本节的学习前,请大家首先参阅一下先前的文章"模拟条形码的制作",因为我们后面的操作是对上一节操作的继续,相关的内容这里就不再赘述了. 第一步.首先我们先和"模拟条形码的制作"一文简单的接一下头,在"模拟-"一文中,通过调整

ps cs6制作gif动画教程:电视雪花

电视雪花效果 这又是一节简单的课程,我们看下效果: 不是多漂亮的效果,但是你得学. 1.新建一个画布,背景白色,输入你的文字: 2.双击背景层,解锁.并右键选择混合选项,勾选并打开颜色叠加,参数设置如下: 混合模式设置为"溶解",颜色设置为黑色,不透明度100,然后确定. 3.打开帧动画,第一帧停留时间设置为无延迟,循环设置为永远. 4.新建一帧,然后再次打开背景层的混合选项,把不透明度设置为0,确定. 请确认你的帧动画面板第一帧是纯黑,第二帧如下所示: 5.选中第二帧,添加过渡,过渡

PhotoShop制作飞舞的雪花Gif动画效果教程

photoshop动画制作教程,主要为大家介绍使用photoshop中的动画面板和滤镜功能制作出漫天飞雪的GIF动画. 原图 最终效果 1.首先打开一幅图,"ctrl+J"复制一个副本. 2.下面就来制作雪花效果,在菜单栏对副本层执行滤镜:像素化-点状化,如图设置参数 3.接下来,我们来调整副本的阈值,在菜单栏中执行图像:调整─阈值,调整参数,观察图像,直到点状分布均匀即可,如图 分类: PS入门教程

Flash制作雪花视觉动画效果的三种制作方法

Flash制作雪花视觉动画效果的三种制作方法 第一种方法: 最笨但也效果最好,就是用"引导线"功能,让雪花不停的飘呀飘,如果多用几个图层,效果更好.1.新建一个Flash影片.设背景为"黑色",其他的用默认值.2.按Ctrl+F8新建一个组件,类型为"影片剪辑",命名为"雪花".在它的正中用"铅笔"工具画一个不规则的多边形,然后用"颜料桶工具"将它填上白色.(如图1-1所示) 3.再用C

Flash引导线制作雪花飘飘动画

  本文介绍在Flash中利用引导线制作雪花飘飘动画. 这种方法最笨但也效果最好,就是用"引导线"功能,让雪花不停的飘呀飘,如果多用几个图层,效果更好. 1.新建一个Flash影片.设背景为"黑色",其他的用默认值. 2.按Ctrl F8新建一个组件,类型为"影片剪辑",命名为"雪花".在它的正中用"铅笔"工具画一个不规则的多边形,然后用"颜料桶工具"将它填上白色.(如图1-1所示) 3

实现雪花效果,现在做的是天上下“心”,怎么控制“心”不重叠?急!急!急!

问题描述 实现雪花效果,现在做的是天上下"心",怎么控制"心"不重叠?急!急!急! 直接上代码,输入'我想你'我会显示弹出下"心"的效果,并且优化一下代码. 求大神帮忙看下,怎么才能把"心"不重复? 这是html结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

粒子雪花效果

粒子雪花效果   效果   源码 https://github.com/YouXianMing/Animations // // EmitterSnowController.m // Animations // // Created by YouXianMing on 15/12/21. // Copyright 2015年 YouXianMing. All rights reserved. // #import "EmitterSnowController.h" @interface

HTML5 canvas绘制雪花飘落动画(需求分析、知识点、程序编写分布详解)

原文:HTML5 canvas绘制雪花飘落动画(需求分析.知识点.程序编写分布详解) 看到网上很多展示html5雪花飞动的效果,确实非常引人入胜,我相信大家也跟我一样看着心动的同时,也很好奇,想研究下代码如何实现:虽然哦很多地方也能下载这些源码,不过也不知道别人制作此类动画时的思路及难点分析. 我这几天刚好学习了一下,也趁着此刻有时间从需求分析.知识点.程序编写一步步给大家解剖下,要是在各位关公面前耍大刀了,可别见笑哟. 最终效果图如下: 图1 一.需求分析 1.圆形雪花 本示例中雪花形状使用圆

用AS来实现飘雪效果动画

什么都不用管,只要将下面的这些AS代码COPY到FLASH MX新建文档的第1帧中,Ctrl+回车测试一下,就会看到雪花效果了. //代码如下://========= S_X = Stage.width;S_Y = Stage.height;S_snow = 120;TTurl="www.webjx.com"_root.createEmptyMovieClip("webjx_BG", 1);with (_root.webjx_BG) { beginFill(0x00