Fireworks 制作精细PC图标

先奉上效果图:

基本步骤:

1. 绘制一个矩形,并通过部分选取工具调节节点。为增加立体效果,每个角均通过钢笔工具增加为2个节点

2. 给矩形添加渐变效果

3. 再给右边的矩形添加渐变效果

4. 复制矩形并缩小,作为内框屏幕,实用发射性渐变,添加内部阴影

5. 制作屏幕高光效果,绘制一个圆形,设置线性渐变,羽化为6

6. 再画一个大的圆,用来切掉我们不需要的部分,选择两个路径,修改-组合路径-打孔

7. 得到如下路径,然后使用蒙板得到我们需要的内框屏幕,选择蓝色内框屏幕,复制,选择刚才得到的白色渐变路径,反键-编辑-粘贴为蒙板,得到如下效果

8. 绘制两条斜线,制作屏幕下方立体效果

9. 使用上述高光绘制方式制作屏幕下方高光效果

10. 使用放射性渐变绘制显示器开关按钮。并复制一个浅灰色的圆形放在按钮下,产生立体效果

11. 利用矩形工具绘制底座支撑轴。并使用线性渐变填充

12. 利用矩形工具绘制底座,使用钢笔工具增加节点并调整。使用放射性渐变填充

13. 利用矩形工具绘制高3像素的矩形使用放射性渐变填充,绘制底座高光效果

时间: 2024-11-17 00:34:53

Fireworks 制作精细PC图标的相关文章

如何用Fireworks制作一个RSS图标

一个朋友正在学习Fireworks,问如何制作一个RSS的图标.于是给他做了个 例子,需要的朋友可以参考下 1.选择矢量工具中的"圆角矩形"工具,画一个 150px×150px的矩形.调整角度手柄到合适. 2.对矩形进行垂直线性渐变.数值如图. 3.复制并原位粘贴一个矩形,选择实心填充,选择白色并调整透明度到如图 效果.将其平面化,然后利用选区工具删除下面一半. 4.再复制一个矩形,填充为空,边框为1px的白色. 5.将1px边框矩形平面化,然后选择选区工具,调整羽化值为60,分别对上

Fireworks 制作 IE 浏览器图标

浏览器  1.新建画布,选取椭圆工具,按SHIFT绘制一个圆形,再在圆形的内部绘制一个略小的椭圆,使用菜单对齐命令将两者居中对齐. 2.同时选中圆形和椭圆对象,选择菜单"修改 组合路径 打孔"命令,组合得到圆环图形. 3.选取矩形工具,在圆环中心位置绘制一个矩形框,同时选中两个对象,选择菜单"修改 组合路径 联合"命令.     4.使用钢笔工具,绘制如图所示的图形,用其对原图形进行打孔切割,得到字母"e"的基本形态. 5.绘制一个椭圆,选取缩放

Fireworks制作一个水晶图标

效果图: 路径制作这么一个图形,然后拉渐变 复制一个在上面,稍微偏移些,如图拉渐变 加滤镜 加高光:也是复制一份,用'刀'切割一半 制作笔:

Fireworks 制作一个水晶图标

  效果图: 路径制作这么一个图形,然后拉渐变 复制一个在上面,稍微偏移些,如图拉渐变 加滤镜 加高光:也是复制一份,用'刀'切割一半 制作笔: 制作出笔尖与笔杆中间的骨线 复制一个,用"刀"切一半,然后拉渐变 最后影阴制作         注:更多精彩教程请关注三联网页设计教程 栏目.

Fireworks制作桌面打印机图标

打印 先简单说一下思路:我们在画一个东西之前,可以先观察这个物体的结构.比如这个打印机,机体的形状就是一个圆柱的1/4,而这个部分也就是打印机最基本的部分.所以我们先画这个基本的部分,再具体的操作其他细节! 1.用钢笔画出打印机的外壳,加上线形渐变.(也可先画一个矩形,然后再变形) 2.用钢笔画出打印机的侧面,选择黑色的线性渐变. 3.复制第一步的外壳,并调节节点到适当大小,再改变渐变色. 4.复制上一步,并调节节点到适当大小,再改变渐变色(灰色). 5.画两个矩形,一个小的用纯黑色,用来做送纸

Fireworks 制作倾慕系列图标

  效果图如下: 1.画一个233*172 的圆角矩形并填充#400000 -#999999 的线性渐变,然后设定其参数如图: 2.对第一步绘制的矩形添加滤镜,参数如下. 3.将第一.二步绘制的矩形复制一个并把添加的滤镜去掉内侧发光,缩小到215*158 4.再复制一个第一.二步绘制的矩形,去掉滤镜里的色相/ 饱和度,并改变线性填充颜色为#000000 透明度80-#ffffff 透明度60,并把矩形参数里的纹理总量调为0. 5.用"YY Old English Dingbats"花草

用Fireworks MX的变形工具制作大脚印图标

在我们平时设计网页的时候,不免要经常动手制作一些小的图标以满足实际的需要.Fireworks MX既然做为三剑客之一,在这方面自然有自己独特之处.我们今天就以"大脚印"图标为例子来讲解一些如何使用Fireworks轻松设计网站图标. 步骤1: 打开Fireworks MX,使用菜单命令File-New,新建一个文件,宽与高均为300像素,背景色为白色. 步骤2: 在工具栏上选择画圆工具(Ellipse Tool),并且在Properties面板上设置填充色为黑色,边框色无.绘制一个椭圆

fireworks制作精致图标教程

这篇教程教三联的FIREWORKS爱好者们用fireworks打造精致图标,教程这种介绍图标的细节修饰.制作难度中等,转发过来和三联的朋友们一起学习. 使用Fireworks(以下简称FW)进行图标设计主要要留意两点: 一是FW专注于web设计,不适合创造一些过于复杂的PS效果,请期待FW CS5的PS滤镜; 二是FW的编辑方式类似于AI,如果您习惯于工作在PS类的像素着色环境下,请华丽的飘过. 接下来进入正题,我们拿一个比较标准的图标来临摹做说明,这样可以方便您理解. 下图是国内知名的eico

Fireworks制作打破玻璃的GIF动画效果

  本教程是向大家介绍如何利用Fireworks制作打破玻璃的GIF动画效果,制作方法并不是很难,效果非常不错,推荐过来,希望大家喜欢! 首先先看一下最终效果: 下面是具体的制作方法: 1.下载并安装滤镜插件Xenofex2到FW的Plug-in目录下(将解压出的文件复制进Plug-in文件夹即可),下载页面在这里(不是广告,我也不知道这是谁的BLOG). 2.运行FW,打开一张图片,我们可以适当缩小这张图片的尺寸,令周围留些空白,背景色设为白色.这样我们更能看清楚破碎扩散的效果.将这层命名为"