注册本站  论坛  繁體中文

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

Fireworks网格化图像效果教程

文章来源:68ps.com 作者:68ps 更新时间:2008-6-28 20:27:37 【 】 【加入收藏
  进入网络咨询平台

  网格化图像效果在设计中也很常见,效果如图4-127所示。这种效果适合作为网页或者通栏的背景图像。具体的制作方法如下:


  图4-127 网格化图像效果

  1、在Fireworks中打开素材图像,如图4-128所示。


  图4-128 打开素材图像

  2、按快捷键【Ctrl+6】,把图像的显示比例放大到原来的1600%,如图4-129所示。


  图4-129 放大显示比例

  进入网络咨询平台



  3、按键盘上的【Print Screen】键截屏,然后在Fireworks中创建一个新的画布,按快捷键【Ctrl+V】,把截取的屏幕图像粘贴到画布中,如图4-130所示。


  图4-130 复制截取的屏幕图像 4、使用【裁剪】工具裁剪需要的部分,然后在【属性】面板中添加2到3次【锐化】滤镜即可。

  可以基于这个图像效果为背景来设计网页通栏,效果如图4-131所示。


  图4-131 网页通栏效果
  除了类似于像素风格的效果以外,还可以制作水平或垂直的颜色条效果,如图4-132所示。具体的制作方法如下:


  图4-131 制作好的颜色条效果

  1、启动Fireworks,新建一个画布,尺寸任意。

  2、使用【矩形】工具,在画布中绘制一个和画布同意尺寸的矩形,并且填充线性渐变色,颜色为白色过度到任意色彩,效果如图4-132所示。


  图4-132 给矩形添加线性渐变色

  进入网络咨询平台



  3、切换到【两幅】的预览窗口,打开Fireworks的【优化】面板,在【优化】面板中选择格式为“Gif”,【索引色调色板】为“最合适”,【颜色】可以选择“16”或“8”,这里选择的是“8”,效果如图4-133所示。


  图4-134 对图像进行优化

  4、和上面的做法一样,按键盘上的【Print Screen】键截屏,然后在Fireworks中创建一个新的画布,按快捷键【Ctrl+V】,把截取的屏幕图像粘贴到画布中,如图4-135所示。


  图4-135 复制截取的屏幕图像

  5、使用【裁剪】工具裁剪需要的部分,然后在【属性】面板中添加2到3次【锐化】滤镜即可。

  6、如果需要不同颜色的效果,可以直接使用【色相/饱和度】滤镜来进行调整,不需要重新制作。
  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Fireworks打造Vista毛玻璃效果
     Fireworks网格化图像效果教程
     Fireworks打造无限宇宙特效
     Flash as教程:图片模糊运动
     flash as简单制作飘雪动画
     Flash as3.0教程:弹性小球
     Flash ActionScript 3.0教程:学习Dot类
     Flash模拟地震摇晃动画效果
     Flash动画实例:柳枝,小鱼,涟漪和水波动画
     Flash鼠绘技巧:红绿色的树叶
    最 新 推 荐
     Fireworks打造Vista毛玻璃效果
     Fireworks网格化图像效果教程
     Fireworks打造无限宇宙特效
     Fireworks制作矢量风格渐变效果
     Fireworks锐化马赛克效果
     Fireworks自制树叶笔触绘制榕树
     Fireworks制作韩国女包教程
     Fireworks制作不同切角效果
     Fireworks制作纸张卷边效果
     Fireworks教程:绘制精致的跑车
    相 关 文 章

    Fireworks打造Vista毛玻璃效果
    Fireworks打造无限宇宙特效
    Fireworks的高级操作技巧集合
    Fireworks制作矢量风格渐变效果
    Fireworks锐化马赛克效果
    document.createElement()用法及注意事项
    Dreamweaver CS3中Spry详细区域功能
    Fireworks自制树叶笔触绘制榕树
    Fireworks制作韩国女包教程
    Fireworks制作不同切角效果

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

     

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