用Fireworks泛起水波涟漪

  我们在网上经常可以看到一些泛着水波涟漪的动画广告,效果非常的逼真。其实这只是巧妙地利用了动画软件中的遮照效果而制作出来的。在Fireworks里通过蒙版效果和对每帧的播放时间进行巧妙的调整后,也能做出这种有水波涟漪的GIF动画。
  我们先将一张将要用来制作这种涟漪效果的图片导入Fireworks。这时Fireworks会自动生成一个背景层,如图01。

图01

  点击层面板右上角的下拉列表,将背景层设置为“共享此层”,如图02。

图02

  接着把背景层中的位图复制一份放到“层1”里面并用方向键使其上移2个像素。然后点击“修改—动画—选择动画”命令,在弹出的窗口里对该位图进行如下的各项动画设置。

图三

时间: 2025-01-21 11:22:06

用Fireworks泛起水波涟漪的相关文章

自己打造动画广告 用Fireworks泛起水波涟漪

广告 我们在网上经常可以看到一些泛着水波涟漪的动画广告,效果非常的逼真.其实这只是巧妙地利用了动画软件中的遮照效果而制作出来的.在Fireworks里通过蒙版效果和对每帧的播放时间进行巧妙的调整后,也能做出这种有水波涟漪的GIF动画. 我们先将一张将要用来制作这种涟漪效果的图片导入Fireworks.这时Fireworks会自动生成一个背景层,如图01. 图1 点击层面板右上角的下拉列表,将背景层设置为"共享此层",如图02. 图2 接着把背景层中的位图复制一份放到"层1&q

CSS3水波涟漪动画定位样式制作教程

  先上效果图: 教程 本动画需要用到的主要属性:animation, transition 和 Keyframes 属性. Step 1:HTML 代码: Step 2: CSS样式:设置animation属性 .dot:before{ content:' '; position: absolute; z-index:2; left:0; top:0; width:10px; height:10px; background-color: #ff4200; border-radius: 50%;

PS给图片制作圆形水波涟漪GIF动画效果教程

PhotoShop动画实例教程,重点在于是对同心圆水波变形而制作动画,也应该是对水波滤镜一个突破. 主要学习如何在PS中运用定义蒙版配合动画面板来制作逼真的水波涟漪动画效果. 在教程中主要运用到复制变换.滤镜工具.设置画布.裁剪工具.蒙版以及动画面板等工具,教程详解的比较详细,步骤比较多,实际制作起来并不太难, 对PS动画感兴趣的朋友可以动手试试. 先看效果图: 分类: PS入门教程

Photoshop实例教程:好看的水波涟漪动画

最终效果如下     1.新建一个400乘800的透明文档   2.用40像素铅笔工具,在文档左上角画一横线.可借助信息面板来确定编辑位置   3.直线画好后载入选区,按一下ctrl+alt+t组合键--复制变换--0坐标值状态下方向键向下移动80像素(呈等距).载入选区的目的是不让复制后的对象生成新图层   4.确定后连续按ctrl+shift+alt+T组合键8次,复制8个横条(共10个),然后取消选区.下来按住ctrl键单击箭头处--在当前图层下方新建图层--然后填充白色并合并图层1和2

用Fireworks制作水波效果

简介:这是无意间想到的一个效果,以往曾在Flash中制作过.其实GIF的动态效果只要细腻的去制作也会达到很真实的效果,但由于使用了太多位图的关系,导致容量过大,舍其细腻求其次的最终后果就是它缺乏如Flash般的流畅性,不过效果还是不错的. 制作步骤:同Flash制作相同,我们首先要找到一张波浪的效果,可惜在FW中不能够通过内置的效果制作波浪,所以我们只能导入位图.在确定了你找到了可用的图片之后我们开始制作这个效果.您也可以用下面的这张图.1.导入一张波浪图片,首先拷贝该图,并在层

新站一个月收录上万3个月收录上10万方法详解

相信A5站长网里面有不少站长有做采集站的,大家都知道采集站是大量复制别的网站的文章(当然是通过采集工具大量采集),从而生成大量的静态页面,我有其中一个作文网站(闻心居作文网),采集了互联网上大多数的作文,优化了3个多月现在收录快上15万了.弄个图片给大家看看.2011年11月15日的收录   下面我简单的介绍下如何做到这样的: 1.首先,在你网站还没有上线的时候在互联网上找5到6个可以采集的作文站,分析一下他们的网站分类结构,然后结合自己的实际给出自己的分类.下面是我的分类:[一年级.二年级.三

Unmi的Struts2学习笔记(二)

记笔记,尤其是在 Blog 里记,实则是浪费时间.让学习.阅读的速度以数量 级的下降,收获时当时掌握的更细,却并不代表着真记得牢.一小段时间不用它 ,同样可以忘得很干净,也就是方便于以后能由此泛起些涟漪,如能抛砖引玉就 更幸运了.入正题: 1. 记得 Struts1 的 struts-config.xml 通常是放在 WEB-INF 目录下的, Struts2 的 struts.xml 却要放到 WEB-INF/classes 下的,傻眼了吧,反正我是 .没看仔细之前,总给我报 There is

他们是阿里新零售的“前锋部队”,离未来最近的一群人

今年天猫双11,被提起最多的除了1682亿这个数字,更有"新零售". "我觉得未来60%.70%.80%的零售全应该是新零售,传统零售不通过技术,不通过数据,不通过创新,不通过拉近对想飞这和供给侧的重新改革,我觉得没有前途.线上一样,也不会有前途的."双11当天,阿里巴巴董事局主席马云,在接受<央视财经>采访时这样说道. "新零售"概念落地后的第一个双11,到底有什么不同?我们采访了几位阿里巴巴云零售事业部的小二,他们负责今年双11的

奇虎360如何从夹缝中崛起

几乎是在一夜间,360就悄无声息的崛起了.360的"屌丝逆袭"的行径令外界刮目相看,但纷乱的舆论下,360也不禁成为人们眼中的问号.究竟是什么令它能在夹缝中得以生存,不断获得市场份额?我想答案归为六个字,不按常理出牌.360常被比作是鲶鱼,不断挑战行业巨头的既得利益.而它的老大周鸿祎也常以"屌丝"形象出现,有话必说.睚眦必报的个性,让他被冠以"红衣大炮"的别号. 2013年9月17日下午5点刚过,腾讯和搜狐联合宣布,腾讯向搜狗注资4.48亿美元,