注册本站  论坛  繁體中文

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

Fireworks打造滚动3D足球图标

文章来源:IT168.com 作者:佚名 更新时间:2008-8-23 15:36:16 【 】 【加入收藏
  进入网络咨询平台

见过足球吧?见过3D足球吧?是否有兴趣用自己的手运用Fireworks打造出一粒3D足球呢?让我们一起看看最终的效果图吧:

 

Fireworks打造3D足球


效果图一

  是不是很像3D的?这些只是错觉而已...看这个你就明白了。

Fireworks打造3D足球
效果图二

  注:这是我翻译外国网站的,如果有什么翻译的不对请提示,或者操作不当的。

  一、创建整体标志

  1.创建一个300*300的画布。颜色用灰色。例如#999999   #cccccc 。

  2.选择多边形工具,设置参数。如下图:

Fireworks打造3D足球
图1

  3.设置好参数后,在画布上画一个32*27的多边形。

  4.接下来复制这个6边的多边形,总共12个。然后摆放形状如下图:

Fireworks打造3D足球
图2

  5.然后选中所有图形,修改-元件-转换为元件(类型选择动画),参数如下图所示:

Fireworks打造3D足球
图3      二、动画上的球体

  1.创建新的层数。 切记它是最上面的对象层数,然后双击它。在画布上画300*300蓝色填充(#0000FF)的矩形。并设置坐标(0,0)。

  2.画一个76*76白色填充圆形,并且复制两个为以后使用(你可以先琐住它并隐藏它)。 放置第一个,以便它的中心大约在第一更低的黑六角形,在下面图象:

Fireworks打造3D足球
图4

  3.选择两个路径-切记白色填充圆形在上面-然后  修改>>蒙板-组合为蒙板。 -- 如果你怕看不清楚可以把透明降低,弄好后调回透明度。如果你操作没错的话,应该是得到以下的图形:

Fireworks打造3D足球
图5 蒙板

  三、调整动画

  开始播放动画,如果你觉得上面的参数和你播放的预想不一样,可以重新设置动画的参数,修改-动画-设置。

  你可以先把蒙板取消组合然后修改,修改完后再进行蒙板。

  尽量多调整以至你觉得顺畅。   四、修饰

  1.我们开始的时候不是复制了两个白色的圆形做备用吗?现在就用上场了。使用第一个。覆盖在上面。然后选中两个图形组合为蒙板。

Fireworks打造3D足球
图6

  2.使用第二个,设置内斜角。(两次),参数如下图所示:smooth(平滑),raised(凸起)。

Fireworks打造3D足球
图7

  然后设置它的混合模式为 色彩增值  。

  3.然后写上 football 英文。然后转换为路径(你可以 修改—取消组合),把你要替换掉的 O 删掉。

Fireworks打造3D足球
图8

  4.导出预览。Ctrl+Shift+X打开导出窗口,然后进行设置某些参数,直到调到你满意了就导出这时就大功告成了。

  进一步,我们还可以创造其他的球体3D。。例如篮球,高尔夫球等。

  最后源文件:

Fireworks打造3D足球
图9

  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Flash技巧:用内置组件控制Flv视频!
     FLASH动画制作常用命令大集合
     在Excel中插入Flash动画技巧一则!
     flash动画也能设为桌面
     Flash中如何简单使用钢笔铅笔教程
     Flash制作“小丑吹泡泡”趣味动画
     Flash实战:制作国宝熊猫举重动画
     Flash制作可爱“小青蛙时钟”动画
     Flash实例教程:制作无脚本软翻书动画
     粒子动画效果轻松做
    最 新 推 荐
     教你用Fireworks绘制漂亮的羽毛扇
     Fireworks制作经典的扫光字GIF动画
     用Fireworks给美女脸部彩绘
     Fireworks巧用素材制作石头字效果
     使用Fireworks打造个性网店闪字签名
     Fireworks制作精致浪漫的彩色网格背景
     Fireworks打造滚动3D足球图标
     Fireworks也能为黑白照片上色
     Fireworks打造温润暗纹玉石
     Fireworks打造精致的水晶羽毛笔
    相 关 文 章

    Dreamweaver8中插入Flash动画实例
    Fireworks制作水平或垂直的彩条背景
    Fireworks制作渐隐线效果的两种方法
    Firewords制作可爱的鸡毛
    CSS打造兼容IE与Firefox的透明DIV提示框
    Fireworks中制作渐隐线技巧一则
    Fireworks软件新颖实用操作技巧集合
    Firework轻松绘制特殊切角图形
    Firework小技巧轻松绘制特殊切角图形
    Fireworks绘画小技巧

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

     

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