当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > fireworks 制作倾慕系列图标

FireWorks
Fireworks教程:英文网页导航的制作方法
Fireworks教程:打造漂亮的水波gif动画
Firewoks教程:摇动变形打造摇滚波字体
Fireworks翻译教程:打造滚动的足球动画效果
Fireworks教程:设计制作漂亮网页的过程
Fireworks教程:路径组合打造公告栏挂绳效果
分析宽高自适应的九宫格背景图片切割的技巧
Fireworks教程:合成制作怀旧石头字效果
Fireworks教程:通过实例讲解光影的运用
Fireworks教程:分享动画制作的心得
Fireworks教程:运用滤镜制作旋转的四叶草动画
Fireworks教程:简单打造可爱粉色gif闪图
Fireworks教程:图片转换动态个性签名的制作
FireWorks教程:外发光效果巧应用
Fireworks教程:运用字体打造酷酷涂鸦墙壁效果
Fireworks教程:结合PS制作马赛克变换动画效果
Fireworks教程:制作可爱晶莹果冻字
Fireworks教程:运用滤镜打造特色打孔字效果
Fireworks实用教程:gif动画图片批量添加水印的方法
Fireworks教程:打造仿梦幻水墨画效果

FireWorks 中的 fireworks 制作倾慕系列图标


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

  本教程是关于利用fireworks来制作倾慕系列图标,希望能给网友们带来帮助!

  让我们先看看效果图:

fireworks 制作倾慕系列图标
效果图

  1.画一个233*172 的圆角矩形并填充#400000 -#999999 的线性渐变,然后设定其参数如图:

fireworks 制作倾慕系列图标
图1

2.对第一步绘制的矩形添加滤镜,参数如下。

fireworks 制作倾慕系列图标
图2

 3.将第一、二步绘制的矩形复制一个并把添加的滤镜去掉内侧发光,缩小到215*158

fireworks 制作倾慕系列图标
图3

  4.再复制一个第一、二步绘制的矩形,去掉滤镜里的色相/ 饱和度,并改变线性填充颜色为#000000 透明度80-#ffffff 透明度60,并把矩形参数里的纹理总量调为0。

fireworks 制作倾慕系列图标
图4

 5.用“YY Old English Dingbats”花草装饰字体打出大写的C,字号大小为20,调整好角度并将图层式样设为柔光。

fireworks 制作倾慕系列图标
图5

  6.再复制一个C字,调整位置到对角,参数不变。

fireworks 制作倾慕系列图标
图6

  7.用钢笔工具画出顶部高光部分。

fireworks 制作倾慕系列图标
图7

  8.用钢笔画出中部高光部分并把图层透明度调整到20。

fireworks 制作倾慕系列图标
图8

  9.用钢笔画出底部高光并把图层透明度调整到80。

fireworks 制作倾慕系列图标
图9

  10.用钢笔工具绘制底座,然后填充线性渐变颜色为#251B09-#6A4E1A-#251B09,然后把底座图层放在最下面。

fireworks 制作倾慕系列图标
图10

  11.最后给底座加上高光,做到这里基本效果已经出来了。

fireworks 制作倾慕系列图标
图11

  原文件:

fireworks 制作倾慕系列图标
原文件一

fireworks 制作倾慕系列图标
原文件二