Fireworks绘制XP风格精致图标

本文我们用Fireworks绘制一个XP界面风格的精致图标——“我的电脑”。

先奉上效果图:

基本步骤:

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

2. 给矩形添加渐变效果

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

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

时间: 2024-08-17 14:22:22

Fireworks绘制XP风格精致图标的相关文章

Fireworks绘XP风格精致图标

先奉上效果图: 基本步骤: 1. 绘制一个矩形,并通过部分选取工具调节节点.为增加立体效果,每个角均通过钢笔工具增加为2个节点 2. 给矩形添加渐变效果 3. 再给右边的矩形添加渐变效果 4. 复制矩形并缩小,作为内框屏幕,实用发射性渐变,添加内部阴影 5. 制作屏幕高光效果,绘制一个圆形,设置线性渐变,羽化为6 6. 再画一个大的圆,用来切掉我们不需要的部分,选择两个路径,修改-组合路径-打孔 7. 得到如下路径,然后使用蒙板得到我们需要的内框屏幕,选择蓝色内框屏幕,复制,选择刚才得到的白色渐

Illustrator绘制矢量风格3D图标教程一览

给各位Illustrator软件的使用者们来详细的解析分享一下绘制矢量风格3D图标的教程. 教程一览: 1.3D文本,选用Illustrator字体工具输入"3D Logo".然后在效果菜单 选择 弯曲 选择 弧度(Effect >Warp > Arc)做如下设置:   2.三维挤压与导角 然后在效果菜单 选择 三维,再选择 挤压与导角( Effect > 3D > Extrude & Bevel )做如图设置.你可以用拖拽立方体的方法来设置X,Y,Z坐

Fireworks绘制矢量的邮件图标

这是一篇新写的教程,首发Blueidea,最近很忙,这篇教程写好后也搁置两三天了,不过由于之前已经整理好了,发上来也只是Copy Paste的事情 ^_^ 使用Fireworks(以下简称FW)进行图标设计主要要留意两点: 一是FW专注于web设计,不适合创造一些过于复杂的PS效果,请期待FW CS5的PS滤镜; 二是FW的编辑方式类似于AI,如果您习惯于工作在PS类的像素着色环境下,请华丽的飘过. 接下来进入正题,我们拿一个比较标准的图标来临摹做说明,这样可以方便您理解. 下图是国内知名的ei

用Fireworks来绘制一个金属锁的精致图标

本文中我们用Fireworks来绘制一个金属锁的精致图标,大家看看是不是很逼真呢? 先上效果图: 开始了,先把基本形状画出来 1.画一个圆角矩形,调节节点使弧度合适,克隆它,缩放合适的比例 ,移动,修改-组合路径-打孔,然后继续用矩形打孔掉下面的多余部分.再画个圆角矩形,调整节点,作为锁身. 2.锁头高光的制作:下面的图示是放大2倍的效果,对锁头,修改-改变路径-伸缩路径,(内部,宽度:8,角度:第二个,尖角:1),然后调节节点至最右边的形状.羽化,降低不透明度. 克隆几个刚得到的这个图形,做条

Photoshop制作精致的XP风格任务栏

在设计多媒体光盘.多媒体课件的用户界面时,许多设计者喜欢制作仿真Windows任务栏和开始菜单.因为平常大家接触最多的界面恰恰就是Windows的桌面环境,所以这种风格的用户界面为许多用户所喜爱. 设计这类界面的关键是制作出逼真的任务栏和开始按钮,今天我们来介绍一下如何使用Photoshop制作这种逼真的任务栏和开始按钮. 本文以Photoshop CS中文版为例,其他版本类似. 文章末尾提供.psd文件供大家下载参考. 完成效果: 绘制过程: 1.运行Photoshop CS中文版,新建一个大

用Fireworks绘制Q版的电视机图标

网络上经常会用到一系列图标,特别是可爱风格的Q版图标,大家都非常喜欢.今天我们就来一起用Fireworks绘制Q版的电视机图标. 思路:仔细观察电视机,就是一个一个长方体,我们可以看到的最多三个面,正面,侧面,顶部,老式的电视机会多出两根天线.为了让它活泼可爱点,我们可以使用矢量的钢笔工具来绘制.因为是Q版的,所以大家随便勾都没有问题,注意大的透视关系就可以了. 完成效果如下: 实现步骤 1.新建一个Fireworks文件. 2.使用矢量的钢笔工具来绘制电视机侧面 (内侧阴影) 3.使用矢量的钢

Fireworks绘制可爱的Q版电视机图标

  网络上经常会用到一系列图标,特别是可爱风格的Q版图标,大家都非常喜欢.今天我们就来一起用Fireworks绘制Q版的电视机图标. 思路:仔细观察电视机,就是一个一个长方体,我们可以看到的最多三个面,正面,侧面,顶部,老式的电视机会多出两根天线.为了让它活泼可爱点,我们可以使用矢量的钢笔工具来绘制.因为是Q版的,所以大家随便勾都没有问题,注意大的透视关系就可以了. 完成效果如下: 实现步骤 1.新建一个Fireworks文件. 2.使用矢量的钢笔工具来绘制电视机侧面 (内侧阴影) 3.使用矢量

Photoshop绘制缝线风格的微信APP图标

         本教程主要使用Photoshop绘制缝线风格的微信APP图标,整体的绘画立体效果很漂亮,喜欢的朋友让我们一起来学习吧.           注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:182958314欢迎你的加入 分类: PS入门教程 微信教程 ps图标制作教程

Fireworks MX制作指南-Windows XP风格按钮步步通

window|按钮 用过Windows XP的朋友都为它漂亮的界面所动心,现在我们用Fireworks MX只需几步即可制作一个赏心悦目的Windows XP风格的按钮. 第一步:外形/渐变填充利用矩形工具在画布中央拉出一个圆角矩形:打开填充面板(快捷键"Shift+F7")从下拉菜单中选择"线性":然后使用选择工具来调整按钮的渐变属性. 第二步:内侧阴影选中矩形图形,打开效果面板并从下拉菜单中选择"阴影与发光→内侧阴影":选择阴影参数(如图1)