微软Win XP图标 Fireworks 制作实例

微软


  文章的题目使用了图标做法一例,而不是使用的制作方法详解,是因为考虑到了大家对于该图标的制作方法都可能有自己独特的方法,所以本节的内容就算是抛砖引玉之举吧!希望大家能够从中学到对自己有用的知识,我想这就足够了。教程开始之前,还是首先来看一个效果图,如下所示:

  1、在编辑区绘制一个正方形对象,边长为90像素大小,填充颜色可自行设定,不要描边色,如下图所示。

  2、选中矩形对象,选择工具箱的倾斜变形工具,向右侧方向拖动鼠标,拖动距离大概为正方形对象边长的1/4大小的距离即可,具体操作可参看下图所示:

  3、为了便于随后的操作,将编辑视图放大到400%视图状态,进行随后的编辑。
  4、选取工具箱的部分选定工具,在右上角处的路径节点处单击鼠标,即可选定该路径节点。将鼠标在空白处单击,按下键盘上的ALT键,然后再次单击该路径节点,向右侧方向拖动鼠标,即可拖动出右侧的节点调节手柄,如下图所示。

  5、右侧的节点调节手柄不是我们需要的,仍然单击键盘上的ALT键,单击路径节点,向左上方拖动鼠标,即可将上方的路径调节手柄拖动出来,如下图所示。

  6、拖动左上方的调节手柄,通过调整其长度及其方向做出上侧边缘的圆弧效果,如下图所示。

  7、上侧边缘的圆弧效果已经出现了,但是右侧的边缘是不需要弧线效果的,所以选择工具箱的部分选定工具,按下键盘上的ALT键,单击右侧方向刚刚拖动出来的路径调节手柄的顶端,向节点的方向拖动鼠标,直至其与路径节点重合,如下图所示。

  8、通过第7步的操作,右侧的弧线外观消除了,仍然是斜线状态,如下图所示。

  9、参照上面第4~第8步的操作方法,将左下角的路径节点同样也是分别拖拽出两侧的节点调节手柄,然后对右侧的调节手柄进行拖动调整的操作,如下图所示。

  10、通过对右侧的调节手柄进行调节后,得到满意的弧度效果后,即可将左侧的调节手柄拖动到消失状态了,方法参照第7步的具体操作介绍,本步操作如下图所示。

  11、将编辑视图缩放到正常状态,经过调整后的编辑区对象会如下图所示。

  12、选中矩形对象,将填充方式设定为渐变填充方式里面的线性渐变填充,在弹出的颜色渐变的设置框中将填充颜色从左到右依次设置为“#F77521--#FF9E52--#A52C08”,具体设定效果如下图所示。

  13、颜色设定完毕,单击变形矩形对象,会出现颜色调节手柄,单击矩形调节点,向右下方拖动调整它,这样就实现了渐变色方向的变化调整,调整后的对象会如下图所示。

  14、选中编辑区的对象,按“Ctrl+Shift+D”键,克隆它。选择菜单命令“修改|改变路径|伸缩路径”,在弹出的“伸缩路径”设置框中进行如下图所示的相关设定:将方向设为“内部”;宽度设为“2”;角选择第一个直角方式,设定完毕单击确定按钮即可。

  15、打开层面板,选中位于下方的变形矩形对象,将其填充方向做一个水平翻转方式的调整,也就是将颜色调节手柄的圆点调节点拖动到右侧,而将矩形调节点拖动到左侧,仍然保持其先前的颜色填充方向即可,具体调整后的效果如下图所示。

  16、按“Ctrl+A”键,同时选定编辑区的两个对象,按“Ctrl+G”键,将其组合群组为一个对象。如果此刻对组合对象的形状不够满意的话,可以选择缩放变形工具,对其进行进一步的调整。这里在水平方向做了一个放大处理,具体的调整效果如下图所示。

  17、按“Ctrl+Shift+D”键,克隆出三个相同的组合对象,将其规则摆放如下图所示。

  18、配合Shift键,同时选中右侧的两个组合对象,选择菜单命令“修改|变形|旋转180度”,然后对各个组合对象的位置做进一步的调整,直至视觉上达到最佳效果为止。这样即可初步完成微软图标的外观制作了。
  19、选中左下角的组合对象,对其渐变颜色做进一步的调整设定,从左到右渐变颜色依次为:“#637DFF--#A5B2FF--#2928DE”;右上角的组合对象的渐变颜色从左到右依次为“#7BAE10--#9CF300--#5A7908”;右下角的组合对象的渐变颜色从左到右依次为“#FFCF10--#FFFF63--#8C7500”。

  【注意】在本步中对组合对象进行颜色调整的时候,会同时将两个对象的颜色做一个调整改变。所以此处勿需对组合对象的每一个对象再分别进行颜色的调整工作。
  对各个组合对象的渐变颜色进行调整后,可以分别通过调整各个组合对象的颜色填充手柄来对填充方向做进一步的更改,使得最终效果更加逼真,此处的细微调整工作需要大家自行在操作过程中来体会,笔者就不再罗嗦了,总之最终取得最佳的视觉效果是需要细心的调整来完成的,这点需要大家牢记。
  好了,添加相关的文字及其其他的效果设置,最终完成自己的微软图标作品。本节教程到此结束。

时间: 2024-09-17 04:38:31

微软Win XP图标 Fireworks 制作实例的相关文章

Win XP系统镜像制作技巧大放送_WindowsXP

一.系统盘的精简 平时我们安装的系统中有很多的组件和服务是不需要的,平时根本就用不到,所以我们可以对XP(2000)的安装盘进行精简,去掉哪些对我们没有用的内容.这里我推荐使用"nlite",这个软件可以对各种2000.XP进行定制安装,最新版本是1.0 b6.安装前需要安装MicroSoft的.NET Framework,软件安装后可以选择简体中文,它提供的功能比较多,有"Service Pack整合"."修补程序包整合"."驱动整合

从诺顿误杀联想WIN XP操作系统的后门

中介交易 SEO诊断 淘宝客 云主机 技术大厅 说明:文章中的技术观点来自一个朋友,本人做了一些加工,用以说明事物本质.     近日,诺顿杀毒软件"误杀"微软WIN XP操作系统正炒得沸沸扬扬,国内安全软件厂商纷纷指责诺顿犯了一个"重大的低级错误",连诺顿自己也不得不站出来承认是"误报".不过对于诺顿是否是"误报",让人看了却有一些疑点!     诺顿只对简体中文版XP系统"误报",并且是安装了MS06-

如何更改Win XP系统的桌面图标透明度

  如何更改Win XP系统的桌面图标透明度          在winxp系统中,有个小小的技巧.这个图标透明不是只有win7系统下才有这个效果的,今天大地系统的小编就说下怎么来改这个透明度. XP系统桌面图标的不透明度是可以调整的,适当的调节桌面图标的不透明度可以提高视觉效果,以下是关于桌面图标不透明度的调节方法,希望可以帮助到大家. 一般遇到桌面图标不透明的问题多半是因为使用了自定义桌面或者安装了一些主题桌面的原因,解决的方法也比较简单. 在桌面鼠标右击,选择"属性 -> 桌面 -&

Fireworks制作文字探照灯效果实例教程

  我们经常可以看到一些用Flash做文字遮罩效果的教程文章,这种效果用Fireworks也同样可以做出来,并且可以生成GIF格式的小动画.下面,就让我引导大家一步步用Fireworks制作文字探照灯效果. 1.点击"File>New",建立一个新文件,将背景设置为黑色. 2.点击工具面版中的椭圆形工具,用鼠标在新画布上拖动一个椭圆,将椭圆的填充色设置为"None". 3.点选工具面版上的文字工具,在弹出的文字编辑对话框中输入文字,在此我们输入"ta

用Fireworks制作IE图标的教程

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

基于Win XP 架设Web服务器和FTP服务器

网络的迅速发展,如何在自己的爱机上建设自己的网站, 那么选择什么系统呢?Win 2000漏洞百出,Win 2003又专门为服务器设计,不太适合普通的家用,相反WinXP 是微软继Win 98后最受欢迎的操作系统,现在就介绍一下,在XP环境中利用IIS架构自己的网站. 很多人借助第3方软件在自己的系统中建站,其实利用Win XP的组件就可以满足建站的要求,而且安全性能不错,为什么还要借助第3方软件呢? IIS的安装 在Windows XP pro 中,IIS并不是默认安装的,而是作为可选的组件,现

Fireworks制作妇女节主题宣传动画

在下面的例子中,我们通过具体的Fireworks的实例为即将到来的三八妇女节献上一个精美的礼物.我们首先使用Fireworks的矢量路径工具如矩形.笔触.路径等勾勒出一个卡通的女性形象.为了使得形象更加具有生动感,我们可以为图像添加一定的动画效果,从而制作出一个GIF动画,为三八增加一些趣味和色彩,同时我们能够对Fireworks的帧.动画等功能加以熟悉,在这里以妇女节为主题设计的一幅动画来表达我们衷心的祝福,愿全世界的女性都能够美丽自信.幸福美满.文章末尾提供原文件供大家下载参考. 1.首先在

加快Win XP开机启动的四种方法

一台电脑以及它的相关外接设备到手了,它的硬件实体就固定了,这时候所能操作的只有软件程序了 ,本文从硬件与软件,软件程序的安全与有一定风险,从简单与相对复杂几个方面就如何加快启动XP开机 时间的问题,作一小结,以便让新手菜鸟也能简单安全地操作他. 一.影响启动速度的硬件因素 影响电脑启动速度的主要硬件是主板和硬盘以及内存,而与CPU关系不大. 主板是各种电脑配件的"基地",在开机时要做的工作很多,比如自检.搜索各种端口.各种外接设 备.因此减少自检时间.减少外接设备.提高效率才能提高启动

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

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