电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
Fireworks立体网格巧生成
Fireworks立体网格巧生成
2005-12-30 19:14:03  文/45IT收集   出处:电脑软硬件应用网   


 
  1.首先,打开Fireworks4.0,建立一个500×500像素的新文件,背景色设置为白色。

  2.现在通过View > Grid > Show Gird来显示网格,再通过View > Gird > Edit Gird来把网格设置改为浅一点的颜色,同时把网格大小设置为30×30像素,点击“OK”后完成设置。

 
  3.用Rectangles Tools工具拖拉出一个长占8格,宽占1格的长方形,长方形要求是空心的(也就是Fill为透明),Stroke(边框)设置为黑色的Pencil 1-Pixels Soft。点击Windows > Info可以看到该长方形为H:240、W:30,这为制作余下的长方形提供了资料,并设置其位置在X:150、Y:120。

  4.再用Rectangles Tools工具拖拉出一个任意的长方形,这里要在Info面版那里设置这个新的长方形为H:210,W:60,再设置位置坐标为X:150,Y:120。第二次制作的这个长方形的H比第一个少了30像素,W比第一个多了30像素,这样就形成了长比第一个长方形少一个格,宽比第一个长方形多一个格的长方形。

  5.接下来,我们要不断地制作在同一位置的长方形,每个新的长方形的长都要比上一个长方形少一个格,就是H比上一个长方形少30像素,而宽就刚好相反,是比上一个长方形要多一个格,当制作到W为30像素的长方形的时候就可以了。通过Info面版来设置这些长方形是很方便的,不要忘记长方形的位置坐标都为X:150、Y:120。

  6.当制作完成这一组长方形以后,用View > Grid > Show Gird将网格显示关闭,然后用Pointer Tool来全选刚才做好的长方形,然后Modify > Ungroup来打散这些长方形。

  7.选择Subselect tool工具并按下“Shift”键来点选每一个长方形右上角的那个点,(Point)被选择了的点是实心的,没有被选择的点是空心的。这时按下“Delete”键,那么这些长方形就会由于失去了这个点而变成三角形,这样就形成了一个立体的网格,效果很不错吧(其实这利用了人们的错觉)。将这个立体网格重新分组(Ground),这样你就可以任意旋转(Rotated)、扭曲变形(Warped),只要你喜欢就行。

  8.如果你要使这个立体网格改变形状时效果更好,只要将立体网格中所有长方形的Stroke设置为Basic Soft Rounded 1Pixels。然后全选所有长方形,接着Modify > Grounp(分组),并且Modify > Convert to Bitmap(转换成位图)就可以了。


 

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    设计理论-fireworks VS photoshop 的…
    说说photoshop与Fireworks的区别与联…
    Fireworks 8制作精美网页效果图
    Fireworks简单方法打造网页“闪字”…
    使用Fireworks 简单绘制竹子
    Fireworks中设计网页虚线的几个妙招
    Fireworks制作妇女节主题宣传动画
    用Fireworks制作简洁清爽的网站界面
    Fireworks绘制简笔QQ企鹅
    Fireworks蒙版制作图片窗格效果
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号