注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Fireworks >> 设计实例 >> 网页设计正文

微软 Windows 徽标做法一例(2)

文章来源:pconline 作者:佚名 更新时间:2006-5-8 【 】 【加入收藏
  11、将编辑视图缩放到正常状态,经过调整后的编辑区对象会如下图所示。

  
请添加描述


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

  
请添加描述


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

  
请添加描述


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

  
请添加描述


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

  
请添加描述

[1] [2] 下一页  

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

  
请添加描述


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

  
请添加描述


  18、配合Shift键,同时选中右侧的两个组合对象,选择菜单命令“修改 变形 旋转180度”,然后对各个组合对象的位置做进一步的调整,直至视觉上达到最佳效果为止。这样即可初步完成微软图标的外观制作了。

  19、选中左下角的组合对象,对其渐变颜色做进一步的调整设定,从左到右渐变颜色依次为:“#637DFF--#A5B2FF--#2928DE”;右上角的组合对象的渐变颜色从左到右依次为“#7BAE10--#9CF300--#5A7908”;右下角的组合对象的渐变颜色从左到右依次为“#FFCF10--#FFFF63--#8C7500”。

  
请添加描述


  【注意】在本步中对组合对象进行颜色调整的时候,会同时将两个对象的颜色做一个调整改变。所以此处勿需对组合对象的每一个对象再分别进行颜色的调整工作。

  对各个组合对象的渐变颜色进行调整后,可以分别通过调整各个组合对象的颜色填充手柄来对填充方向做进一步的更改,使得最终效果更加逼真,此处的细微调整工作需要大家自行在操作过程中来体会,笔者就不再罗嗦了,总之最终取得最佳的视觉效果是需要细心的调整来完成的,这点需要大家牢记。

  好了,添加相关的文字及其其他的效果设置,最终完成自己的微软图标作品。本节教程到此结束。 

上一页  [1] [2] 

  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Flash教程:if条件语句的用法
     Flash教程:测试AS代码的执行速度
     Flash教程:trace()的使用
     实现在AJAX下的前进、后退功能
     创建吸引访问者的网站内容的14种方法
     LBS功能:图片的自适应实现代码
     LBS增加引用地址和永久地址点击复制功能
     学习CSS布局网页的一些实例
     CSS学习者:2008年不要作浮躁的人
     网页设计制作之改进超级链接效果
    最 新 推 荐
     Fireworks巧妙制作地球旋转动画
     Fireworks教程:液体金属表面特效制作
     Fireworks教程:立体质感水晶的制作过程
     Fireworks笔触打造另类十字架
     Fireworks笔触绘制飘逸的白云
     Fireworks制作按钮简明教程
     Fireworks粒子插件帮助AE制作绚丽焰火
     Fireworks制作超酷质感按钮
     巧用Fireworks笔触绘制飘逸的白云
     用Fireworks打造的脸部特写
    相 关 文 章

    JavaScript静态页面值传递:Window.open篇
    微软、Mozilla舌战新版JavaScript发展
    asfunction+media实现的mp3连放播放器+wind…
    用Flash模拟制作Windows系统迷宫屏幕保护
    swishmax做跳动的球
    swish max 做火焰效果动画
    Flash制作:Swift 3D v4轻松建模咖啡杯
    微软“Flash杀手”Silverlight发布
    javascript对象之window对象
    网页制作:JavaScript仿Windows关机效果

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用