Fireworks – 设计之家 //www.laura-marie.com 传播先进设计理念 推动原创设计发展 Mon, 15 Mar 2010 05:46:00 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.4 Fireworks打造人物轮廓光学涂鸦效果 //www.laura-marie.com/22479.html //www.laura-marie.com/22479.html#respond Mon, 15 Mar 2010 05:46:00 +0000

  在黑暗中拿个手电简对着相机挥舞,拍下光线的轨迹……这种不用喷漆的“光线涂鸦”大受欢迎,它的魅力不仅表现在黑夜里光彩夺目的绚烂,更多的是人们对一种随时会幻灭的美好画面的着迷。 简单地说,就是在黑暗中,拿个手电简对着相机,挥舞,拍下来的东西,当然,事先要将相机调整到合适的状态,用什么手电筒,以及挥舞的路线,那还是要花点时间计划一下的。

  下面我们用Fireworks来模拟这种“光线涂鸦”的效果。

  先看一下最终效果:


最终效果

  1、创建一个新文档,打开下面的图:


图1

  2、再导入一张行人过马路的图片素材:


图2

  3、使用fireworks中的钢笔工具勾出人物的轮廓,使用钢笔时请不要选择任何填充与边框颜色


图3

  4、随后在描边色边上的下拉框中选择“笔触选项”,设置参考如下英文设置,这里这么做的目的是将之前钢笔轮廓进行描边


图4

]]>
//www.laura-marie.com/22479.html/feed 0
Fireworks中"建立控点法"的运用 //www.laura-marie.com/12113.html //www.laura-marie.com/12113.html#respond Thu, 30 Aug 2007 07:37:00 +0000

吃饭的时候,阿妈总是说:“一餐要吃三两菜!”
有一次翻开家里的《四川成语字典》的时候,发现有一块初中同学送的银杏树叶。
把这些东西杂糅在一起,就是下面这个作品《好一块菜叶》的精神了。

在本教程中你将会学到

  1. 使用“建立控点法”来控制“缩放模糊”和“放射状模糊”
  2. 应用“建立控点法”制作《好一块菜叶》这副作品。

1.  建立控点法

在fireworks里面,如果对于一个对象应用“缩放模糊”滤镜的时候,你会发现并不能控制缩放的方向。就好像图1那样,是直接应用了“缩放模糊”,效果只是从图形的中心进行了缩放模糊。
但是要求做到图2的效果,也就是可以控制“缩放模糊”的方向,就要用到RockHward原创的“建立控点法”了。

2.  如何建立控点

首先我们知道“缩放模糊”滤镜的原理是先确定物体的中心点,再进行“缩小”和“放大”两种模糊的。
也就是说,可以改变物体的中心点来控制缩放模糊的方向。
如何改变一个物体的中心点呢?
就是使用一个图形和原来要使用“缩放模糊”的图形“组合”起来,这样两个图形的连线的中点就是新的中心点了。
如图所示,白色的矢量圆相当于可以控制中心点的控点。

3.  如何控制方向

  1. 建立了控点并使控点和原图形组合后,应用“缩放模糊”滤镜(为了效果明显,下图中滤镜的参数都设为80),就可以看到模糊沿两者连线的方向。
  2. 使用“部分选定工具”拖动控点,就可以控制模糊的方向了。
  3. 还有一个要注意的问题就是怎样使控点消失:使用“部分选定工具”选中控点,透明度改为“1”。

4.  制作菜叶

学习了建立控点法之后就马上做《好一块菜叶》吧!

  1. 如图画一个白色矩形作为控点,然后再画一个有渐变的矩形(260*40px)作为菜叶,旋转一定角度后,将两者组合起来。
  2. 对该组合应用“放射状模糊”滤镜,数量为100,品质为80。

5. 不同的菜叶

  1. 用相同的方法设计不同样式的菜叶;
  2. 然后在一个600*480黑色背景的画布上摆放好;
  3. 然后打上一些发光的文字作为装饰。

6. 碟子

其实控点也不一定要它消失,使用控点的放射状模糊模拟一些环形的装饰效果(令我想起金莎朱古力。。。)。不过你需要将几个控点的模糊叠加在一起才显现出效果。

总结

  1. 利用“建立控点”法控制模糊的方向,这种方法对于所有和位置有关的滤镜都适用。
  2. 使控点消失的方法是:用“部分选定工具”选中控点,透明度改为1。

]]>
//www.laura-marie.com/12113.html/feed 0
Fireworks的使用技巧与常见问题解答 //www.laura-marie.com/8192.html //www.laura-marie.com/8192.html#respond Sat, 15 Apr 2006 08:21:00 +0000 Fireworks是一款与DreamweaverFlash齐名的网页图形制作利器。在当前的一些热门设计论坛中均开设有Fireworks讨论专区,为网友学习Fireworks提供了方便。笔者特地搜集了一些与Fireworks相关的常见问题,经过编辑整理后在这里给予逐一解答,希望能为广大Fireworks初学者带来帮助。

  问:对象与对象层有什么区别?

  答:一个标准的Fireworks图形文件至少有2个基本层,分别是“网页层”和“普通图层”。每一个图形对象在创建的同时都会自动在“普通图层”下生成一个“单独的层”来容纳自己,因此这个“单独的层”就被称为“对象层”。同样的,每一个热点或切片对象在创建的同时也会在“网页层”下自动生成一个“对象层”来容纳自己。

  问:怎样把两个位图对象合并为一个对象?

  答:在同一个画布中,调理两个位图的对象层,使其中一个位图紧挨在另一位图对象层的上面。然后选中上层的位图对象,点击菜单栏上的“修改―向下合并”即可。

  问:如何改变Fireworks的颜色样本?

  答:点击菜单栏上的“窗口―样本”启动颜色样本组合面板,点击该面板右上角的下拉列表,可从中另选一种颜色样本。

Fireworks使用技巧及常见问题解答(多图)

  问:如何画一个圆角矩形?

  答:有两种较直接的方法。一是使用工具条上的“矩形”工具,在画布上画出矩形后,再在属性框中为该对象设置“矩形圆度”。二是使用工具条上的“圆角矩形”工具,在画布上画出矩形后,拖动调整矩形上的菱形控制点,以改变圆角度数。

  问:怎样把矢量图转成位图?
 
  答:选中要转成位图的矢量对象后,点击菜单栏上的“修改―平面化所选”即可。

  问:Fireworks和Photoshop该用哪个?

  答:Fireworks是一款针对网页图形制作而开发的软件,可以在位图与矢量模式中绘制各种图形。而Photoshop则是针对图形出版印刷而开发的位图软件。因此严格的讲,两款软件对于各自所要解决的问题有所不同。所以不能强行的将两者进行对比。虽然Fireworks操作方便,易手上手,但这也和个人对软件使用的熟练程度有关。因此,选择哪款软件关键是看你要解决什么问题。

  问:如何使用Photoshop的滤镜?

  答:在Fireworks里点击“编辑―首选参数”菜单,在“首选参数”窗口的“文件夹”选项卡中勾选“Photoshop增效工具”,然后点击“浏览”按钮并找到Photoshop安装目录下的phig―in目录,从中选择所要添加进来的滤镜。但只能导入Photoshop5.5版本以前的部分滤镜。

  问:如何开启钢笔工具的预览功能?

  答:在默认情况下,Fireworks的钢笔工具在使用时是没有开启预览功能的。而要开启该功能时,可点击菜单栏上的“编辑―首选参数”。在“首选参数”对话窗中选择“编辑”选项卡,然后在“钢笔工具选项”框中勾选“显示钢笔预览”即可。

  问:怎样把路径转成选区?

  答:在要建立选区的位图上画好路径后随意填充任何颜色,然后选中位图,在按住Ctrl键不放的情况下,点击层面板内路径的对象层即可。

  问:如何把文字附加到路径上去?

  答:同时选中文字与封闭路径后,选择菜单栏上的“文本―附加到路径”项。

  问:如何为文字进行描边?

  答:选中文字对象后,使用文本属性框里的描边工具即可为文字选择各种描边色。

  问:使用文字工具并往文本输入框里复制文本时,为什么不能将文字复制进去?

  答:从外部复制文本以后,可在Fireworks里直接点击“粘贴”按钮就可以把文本复制进来了。

  问:克隆与粘帖有什么区别?

  答:当制作对象被剪切或复制后会被保留在Windows剪贴板中,使用粘贴功能就可将该对象复印到其它的文档或图层中去。而克隆则只能将制作对象在当前的文档图层中复印一份。

  问:怎样才能从外部导入样式?

  答:启动“样式”面板后点击该面板右上角的下拉列表,从中选择“导入样式”,然后在弹出的路径选择窗口中选取所要导入的样式文件。

Fireworks使用技巧及常见问题解答(多图)(2)

  问:样式和特效有什么区别?

  答:在图形处理时,我们经常要对多个图形对象做多个相同的特效处理。为了方便,我们可以将一个处理过的图形对象所用过的的所有特效保存为一个“组合特效”,也就是样式。

  问:如何将蒙版图形中的“蒙版”与“被蒙版”对象进行完整的还原?

  答:只需选中蒙版图形后,点击菜单栏上的“修改―取消组合”即可。

  问:在Fireworks里做的矢量图在导出时能保存为真正的矢量图格式吗?

  答:点击画布窗口右上角的下拉按钮,从弹出菜单中选择“FreeHand―导出到FreeHand”或选择“其它―导出到Illustrator”,都是将文件导出成.ai格式的矢量图形。

Fireworks使用技巧及常见问题解答(多图)(2)

  问:如何输出透明图像?

  答:我们在Fireworks中所绘制的图像即使背景为透明,但在导出为GIF格式后,它的背景却并非是透明的。因此在导出前就要事先选择“索引色透明”,以确保图像在导出后背景色为透明。

  问:如何为网页输入HTML语言?

  答:选中切片对象后在其属性框的类型列表中选择“HTML”,然后点击“编辑”按钮,即可在“编辑HTML切片”窗口中输入HTML代码了。

Fireworks使用技巧及常见问题解答(多图)(2)

  问:热点与切片有什么区别?

  答:热点与切片都可以用来为图像或按钮建立链接、交换效果及弹出菜单。但切片分为两种,一种是图形切片,它还可将所划分的区域在导出成HTML文件时,将图形文件分割成多个较小的独立文件,以便在浏览器中重新装配图形;另一种是HTML切片,它将该区域在导出成HTML文件时,以HTML语言代码输出。

  问:如何修改默认的20条历史记录?

  答:点击“编辑―首选参数”菜单,启动“首选参数”对话框后,在“常规”选项卡中的“撤消步骤”里可重新输入新的历史记录次数。

]]>
//www.laura-marie.com/8192.html/feed 0