酷Logo效果的制作

   Logo效果图:

首先,新建一个88x31的的文件,这个应该不用说了吧。我们可以先分析一下这个LOGO的组成,首先是背景,然后文字的变色,最后是白色矩形的移动,那么我们可以分部来完成。
背景:我这里的背景,只是普通的填充,那么如果大家要好的效果,那可以使用图片或者自己手绘。这里要注意,背景应该独自放在单独的一个Layer里面,然后设置改层为共享层(Share this layer),具体如图:

文字:文字的变色,这里应该设置不同的Frame来表现,通过Frames面板,我们可以添加新的Frame,然后,再分别在各个Frame里面设置某个字母或者文字的颜色就可以了,同时,我们可以设置延迟来达到效果的流畅,具体面板如图:

白色滑动条:这里有两种制作方法,首先用矩形工具绘制白色的矩形框,不要描边,调节透明度,这里就有分歧了,第一种,我们可以定义该矩形框,按F8,选择Animation,让他成为一个运动图符,然后设置他的运动(Modify - Animation - Settings),如图:
 
但是这样呢,每个滑动条的中间部分就很难能够精确的控制,这里就再说第二种,Frame by Frame的做法,这里虽然会花费一点功夫,但是效果感觉比那个要好,也就是当我们新建Frame的同时,我们把刚才制作好的矩形框一同复制到该Frame里面,调节好透明度,接着新建下一帧,然后将刚才的矩形框再复制进来,水平移动一段距离,以此类推,具体如图:

这样控制矩形框的好处就是我可以精确的控制他,让他每一帧具体的出现在什么位置,但也有缺点,就是工作量比较大,不过,这也正是Fw制作动画的精妙之处,非常的自由。
Png源文件:
时间: 2025-01-07 19:00:55

酷Logo效果的制作的相关文章

Photoshop制作超酷悬浮效果教程

给各位Photoshop软件的使用者们来详细的说一说制作超酷悬浮效果教程. 教程分享: 1.拍一张空场景图. 2.把人物放进去 3.在 Photoshop 里重叠图片. 把有人物的图放在空场景图上.为了更好的看到「重叠」效果,我把上面的图层调成了半透明.大家也看到了,重叠效果不太好,有错位的地方.所以,切记切记,请使用三脚架.整个过程里都要保证所有图片的角度是一模一样的.本次拍摄没使用三脚架. 4.把桌子去掉 去掉桌子的方法很多,我使用的是「橡皮擦」功能.注意,可以将橡皮擦的硬度调低些,这样擦起

推荐9款使用CSS3实现的超酷动画效果

大家都知道,在网页制作时使用CSS技术,可以有效地对页面的布局.字体.颜色.背景和其它效果实现更加精确的控制.只要对相应的代码做一些简单的 修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式.CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的.本周极客 社区推荐9款使用CSS3实现的超酷前端动画效果.希望对大家有所帮助! 让我们晃动起来 - CSS小脚本工具:CSS Shake UI或者网站设计中,或许在某些情况下你希望你的用户能够关注某一个区域或者某一个界面元素

PhotoShop设计打造品牌艺术字LOGO效果教程

教程主要介绍用PhotoShop设计打造品牌艺术字LOGO效果,主要用到路径工具来打造文字的型,然后根据创意需要制作出效果就好了. 1.首先,让我们来看一下 photoshop教程最终效果: 2.新建一个与你电脑一样大小的文件(我这里是1366*768)如图. 3.把背景颜色填充为浅灰色(#ededed),如图. 4.在背景上输入你需要的字体,我这里用的是时尚中黑简体.栅格化字体图层.如图. 分类: PS文字教程

网页制作技巧之一种细腻导航效果的制作方法

导航|技巧|网页 一般的导航效果大家都很熟悉了,例如用CSS给导航文本设置上.下划线.背景颜色或位移等. 闲来无事,尝试在dw中实现同样的导航效果. 首先分析效果的组成,鼠标经过时背景发生变化,小图象转动.Ok!考虑使用dw中的swap image(翻转图)+背景图象变化(CSS定义)应该可以实现效果. 准备4张gif图象分别为: 鼠标经过时的背景图象(在fw中使用animate可以很简单的实现渐变效果,本图象透明度由0%渐变到100%) 鼠标划出时的背景图象(本图象透明度由100%渐变到0%)

一种细腻的导航效果的制作方法

  一般的导航效果大家都很熟悉了,例如用CSS给导航文本设置上.下划线.背景颜色或位移等.前面的帖子中有网友提到http://www.tonta.com.cn/这个网站,偶发现其首页中的导航效果不错,虽然flash做的没有很眩的效果,但是比较细腻,看上去很舒服. 闲来无事,尝试在dw中实现同样的导航效果.效果如下所示:http://vip.5d.cn/flood/daohang/1.htm. 首先分析效果的组成,鼠标经过时背景发生变化,小图象转动.Ok!考虑使用dw中的swap image(翻转

网页设计:一种细腻的导航效果的制作方法

设计|网页|网页设计 一般的导航效果大家都很熟悉了,例如用CSS给导航文本设置上.下划线.背景颜色或位移等.前面的帖子中有网友提到http://www.tonta.com.cn/这个网站,偶发现其首页中的导航效果不错,虽然flash做的没有很眩的效果,但是比较细腻,看上去很舒服. 闲来无事,尝试在dw中实现同样的导航效果. 首先分析效果的组成,鼠标经过时背景发生变化,小图象转动.Ok!考虑使用dw中的swap image(翻转图)+背景图象变化(CSS定义)应该可以实现效果. 准备4张gif图象

Flash中超酷的菜单的制作

菜单 学以至用,方能温故而知新,下面我们一起来做一个酷酷的导航菜单吧!点这看演示效果菜单效果简析: 这个菜单主要由两个部分组成:菜单的弹出以及图片Y方向上的滚动.图片的滚动问题现在应该不是问题了(你还可以在原来的基础上自行添加一些效果,比如当鼠标放上图片上面时,图片有Zoom的效果),关键是如何设置菜单的弹出效果. 制作过程简析: 新建三个MC,MC名称分别为images.mask.navigation.在MC(images)中,把图片导入,图片竖直排列,其长度的一半对准MC场景的中心:在MC(

PS动作快速创建超酷设计效果

  这次国外精品翻译教程主要介绍如何使用Photoshop动作功能,快速创建超酷设计效果的图片.本次PS教程的难度并不大,非常适合PS初学者学习练习.一起来看看: 一.让PS变得简单 首先看看这张图. 图00 如果觉得上面的效果图不满意,还可以添加水彩画效果.至于水彩效果怎么弄出来,深究下去可能还得找一遍水彩画教程,再学习一遍,对于PS初学者来说这样就可能陷入另外的困境了.有没有不用学习就可以弄出水彩效果的方法呢?Adobe Photoshop的动作功能就可以实现!从网络上下载好喜欢的水彩PS动

Illustrator绘制漂亮几何花瓣LOGO效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下绘制漂亮几何花瓣LOGO效果的教程. 教程分享: 步骤1 我们首先建立一个高度和宽度都是180毫米的新文件.如果你不喜欢,你可以选择任何你想要的尺寸.然后,我们将以一横一竖直接在文档中心定位.选择椭圆工具(L),创建椭圆,不用填充颜色,选择黑色边框,并把它放到文件的中心.我做的椭圆高160毫米,宽40毫米.它看起来像这样:   步骤2 现在,我们要复制椭圆8次.最简单的方法是使用旋转工具(R).选择椭圆工具(R),按住ALT点击椭圆中