Fireworks MX2004之Shapes工具组应用实例 -- 变形花朵

应用实例

  在FWMX2004之Shapes初探系列的教程中,曾经给大家演示了用工具箱Shapes工具组的Star(星形)工具制作的一个变形的花朵效果,不知道大家是否还记得,这里我们再次制作了一种变形花朵效果,如下图所示:

  如果大家对Star工具已经钻研的比较透彻的话,应该对实现这样的效果不陌生,因为我们在FWMX2004中来实现这种效果可以说是轻而易举的,不信的话,请跟我来吧!
  1、打开FWMX2004,新建文件,大小、背景色随意。
  2、选取工具箱的Shapes形状组的Star绘制工具,在编辑区绘制一个星形,默认情况下,是五角星。如下图所示:

  3、通过前面的学习我们知道,目前编辑区绘制的星形对象共有5个调整控制点,我们可以通过调整这5个控制点来进行进一步的编辑操作。为了便于随后的叙述,我们同样是将星形对象的几个控制点进行编号。如下图所示:

  4、选中1号控制点,向下方拖动,本步操作的目的是为了减少星形对象的角的数量,只需要将5角星变成4角星即可了,如下图所示:

  5、选中2号点,用鼠标向图形中心方向拖动该控制点,直至出现如下图所示图形:

  6、此刻我们的拖动操作已经初见成效了,仍然选中2号控制点,继续向图形的中心拖动,直到下图的效果产生:

  7、注意,此刻选中5号控制点,向图形的中心方向拖动该控制点,也就是向下方拖动鼠标,图形会又有新的形状展现了,请看下图:
拖动中
拖动后
  8、呵呵,是不是奇妙的图形效果已经展现在我们面前了?别急,接下来的操作产生的效果会更加让你目瞪口呆。还是选中1号调整控制点,这次我们向上方拖动鼠标,增加星形对象的角数,如下图操作演示:
拖动中
拖动后
  9、呵呵,变形的“花朵”已经出现了,我们的教程也就结束了。
  如此看来这种效果实现起来真的是很简单,但是有的朋友也许会问,既然最后也要将星形的角的数量增加,那何必在第一步减少角的数量,应该是画蛇添足之笔吧?个人认为主要是想让大家能够对1号点的操作理解的更透彻些吧!而且变成4角星后,图片显得更加干净整洁,便于参照练习!
     
  后记:如果对生成的“花朵”形状不满意,你仍然可以通过调整星形对象的各个控制调节点来对“花朵”的形状做变形处理,我们刚刚只是使用到了1号、2号、5号控制调整点,你可以使用3号、4号控制点来对“花朵”做进一步的变形处理。下面的几个图形效果就是通过对各个调整点的不规则的调整而得出来的,具体的操作我也不好说清了,因为每个人的旋转角度,缩放力度的不同,产生的效果自然也会不一样的,快快动手,开放属于自己的“花朵”吧!

时间: 2024-08-26 13:18:57

Fireworks MX2004之Shapes工具组应用实例 -- 变形花朵的相关文章

Fireworks MX2004之Shapes工具组应用实例一 变形花朵

应用实例 在FWMX2004之Shapes初探系列的教程中,曾经给大家演示了用工具箱Shapes工具组的Star(星形)工具制作的一个变形的花朵效果,不知道大家是否还记得,这里我们再次制作了一种变形花朵效果,如下图所示: 如果大家对Star工具已经钻研的比较透彻的话,应该对实现这样的效果不陌生,因为我们在FWMX2004中来实现这种效果可以说是轻而易举的,不信的话,请跟我来吧! 1.打开FWMX2004,新建文件,大小.背景色随意. 2.选取工具箱的Shapes形状组的Star绘制工具,在编辑区

Fireworks MX2004 之Shapes初体验

估计最近让大家高兴的一个消息无外于是MM公司刚刚推出的"三剑客"MX2004试用版了!想必大家都已经开始试用了吧!这里我们不谈别的,只管来看FWMX2004,呵呵,FWMX2004到底还是真的带给了我们一些让我们心动的东西:更新的软件界面:虚线描边的加入:增强的模糊滤镜--添加了动态模糊.径向模糊等滤镜:完美的双字节支持--对于汉语的支持非常棒了:更加亲和的材质填充展现:增强的位图颜色替换.处理工具:当然还有我们今天要重点谈到的Shapes--好多漂亮的Shapes等我们来使用啊!那么

Fireworks MX2004 之Shapes初体验(一)

估计最近让大家高兴的一个消息无外于是MM公司刚刚推出的"三剑客"MX2004试用版了!想必大家都已经开始试用了吧!这里我们不谈别的,只管来看FWMX2004,呵呵,FWMX2004到底还是真的带给了我们一些让我们心动的东西:更新的软件界面:虚线描边的加入:增强的模糊滤镜--添加了动态模糊.径向模糊等滤镜:完美的双字节支持--对于汉语的支持非常棒了:更加亲和的材质填充展现:增强的位图颜色替换.处理工具:当然还有我们今天要重点谈到的Shapes--好多漂亮的Shapes等我们来使用啊!那么

Fireworks MX2004 之Shapes初体验(二

2.圆形相关工具 (1)Doughnut Tool(圆环工具) 选取工具箱的该工具,在编辑区上进行绘制,会出现如下图所示图形: 经过处理,我们可以同时看到选中该图形后三个控制点的相关的提示框: a.最上端的控制点功能可以说是最大的,单击该控制点然后分别按照顺时针或者逆时针的方向拖动该控制点,就会出现将圆环切割分离的效果,如下图所示: 如果配合键盘上的Alt键,然后拖动,就会出现不同角度的切割线,如下图:请注意: 本步是可逆的,如果你对切割线的出现位置不满意,仍然可以直接选中调整点进行角度大小调整

Fireworks MX 2004 选区工具

和许多主流的图像处理软件一样,Fireworks的绘图工具主要都集中在"工具条"上.利用这些工具可以绘制出各种图形,并可为其设置相应的属性,如颜色.大小.位置等等. Fireworks MX 2004的"工具条"中增加了不少新工具,并与原有的工具在一起被编排为六个类别:选择区.位图.矢量.Web.颜色和视图区.有些工具按钮的右下角有一个小三角,说明这个工具包含有其它几种不同的工具,按住这个工具按钮不放就能显示其它的工具. 我们先来介绍位图区的绘图工具. 1 .选区工

Fireworks MX 2004 形状工具

8.形状工具 形状工具又被分为"基本形状"和"自动形状",如图2-40. 图2-40 基本形状:有矩形.椭圆形和多边形这些简单的几何图形.使用时只需在画布上用鼠标进行拖拽即可画出相应的图形.如图图2-41. 图2-41 当按住Shift键不放的时候可以画出正方形和圆形,在各形状工具的属性框中都可以方便的为这些图形选择不同的填充模式加以填充.通过颜色的调节手柄可以自由的控制色的填充方向及范围. 在矩形工具属性框的"矩形圆度"中输入不同的数值,可以画

Fireworks MX2004表现脉冲光效果

其实Photoshop可以实现的影像效果常常在Fireworks中也能做到.如果你是个平面设计师,可能对FW的成像细节还颇有挑剔.不过作为网络使用的影像,FW模拟PS的一些效果已经能够胜任了. 光影是影像设计者长年追求的效果.我们来看看这个由FWMX2004来实现的范例,这个富未来感的脉冲光是不是能吸引住你的眼球? 制作其实不难,说穿了是几种滤镜堆砌出来的效果,稍微考验点机器的配置.当然在FW里的作法跟PS还是有些差异的. 我们先在FWMX2004中创建画布,用钢笔勾画个随意的图形,如图用波浪渐

Fireworks MX2004中一款图标的制作方法(1)

打开FWMX2004安装完毕后所在的文件夹,我们会找到一个名称为Samples的文件夹,其中有很多MM公司给我们的一些PNG格式的图片文件,打开名称为Shapes的文件,呵呵,是不是有几个漂亮的图形呈现在我们面前了?分别选中这些图形对象,我们就可以轻松的发现这些漂亮图形的制作奥秘了,我们相关的水晶五星制作的教程想必大家已经看过了,应该说五星效果的制作比较简单,但是下面这款图标制作起来就不那么轻松了,为什这么讲,让我们先来"复习"一下很基础知识吧. 一.准备阶段: 如果你是一个FW的忠实

Fireworks CS3教程:切片工具切网页模板

  在Fireworks或者是PhotoShop中设计好的网页效果图,需要导入到Dreamweaver中进行排版布局.在导入到Dreamweaver之前,可以使用Fireworks对效果图进行切片和优化,然后才能够把优化好的切片输出到Dreamweaver的站点中进行布局.切片的目的是为了获得图像素材,也就是说能够通过写XHTML语言脚本实现效果的部分,就不需要切片,而必须用图像的地方,则一定要切片.下面通过一个实例来给大家介绍一下Fireworks CS3的切片和优化功能,具体操作步骤如下: