![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
视频笔记:Lynda.com.Fireworks.CS5.Essential.Training-QUASAR
pitelrin
这个作者很懒,什么都没留下…
展开
-
0、Introduction
1、fw是专门为网页、应用界面等设计人员设计的。2010-06-03 10:25:08 · 69 阅读 · 0 评论 -
10 Working with Web Graphics
1、在建原型时,把每个触发事件的地方都做成一个hotspot。而在真正导出时会把一些背景相同的、重复的hotspot去调,只剩一个slice。把所有的hotspot去调,并转为slice。 2、导出时把一些hotspot或slice的属性面版中标志为jpeg的属性改为gif adaptive 256。 3、切背景时,把变化的部份切开成一块,其余的切一条窄长的区域。 4...2010-06-05 23:25:56 · 70 阅读 · 0 评论 -
9、Rapid Prototyping
1、fw中针对web的工具主要有hotspot、slice、hidden/show hotspot and slice。 2、选择hospot工具,在用于触发事件的地方拖一个形状就会形成一个hotspot,然后在属性面板中设置link属性。这里的link属性对应到pages面版中的page。需要注意的是pdf只支持rectangle,不支持其它形状的hospot。 3、对着一...2010-06-05 22:34:25 · 223 阅读 · 0 评论 -
8 Exploring Creative Options
1、把logo、文字等移到上面的图层。然后把复制一张背景。把底下的背景使用filter中的高斯模糊、然调把hue/saturation调暗。选中上层背景,使用commands-creative-auto vector mask。这样背景中的不重要部份被模糊变暗,而重点对像部份就显得突出,而过过度是自然渐变的。然后再使用hue/saturation对上面的背景变光。 2、如果单独放一个...2010-06-05 16:18:40 · 66 阅读 · 0 评论 -
7、Working with Text
1、在fw中做到图文混排的效果。使用pen tool工具画一个不规则的图形并选中,然后选中一段文字(在图层面版中选择上)。再点击菜单text-attach in path。 2、选中路径和文字,点击菜单text-attach to path。这样就可以让文字延路径的方向走。 3、选中文字后点击菜单text-detach from path。即可解除path与text的关联。...2010-06-05 14:02:25 · 77 阅读 · 0 评论 -
6、Animating in Fireworks
1、默认情况下,新建一个state时,图层是空的。而layers面版下拉框中有一个选项是share layer to all state。选择后,其它state就共享该图层。需要注意的是,在任意一状态在改变图层的形状或位置都会影响其它图层的。2、可以一次选择多个图层,然后在states面版的下拉菜单中选择distribute to states。这样会为每一图层对应地新建一个state。 ...2010-06-05 00:51:02 · 63 阅读 · 0 评论 -
5、Working with Symbols
1、symbol就矢量、位图、文字等一系列对像打包后的一个新对像。common library中的对像中多数为symbol。先把symbol拖放到工作区中,然后双击就可以打开symbol。此时可以编辑各对像的属性等。在symbol外双击就会返回一般状态。 2、fw中主要有三种symbol。graphic/button/animation/其它。 3、symbol的其中一个好处...2010-06-05 00:19:54 · 87 阅读 · 0 评论 -
4、Working with Vector Images
1、工具栏最顶端的左边实心的是移动工具,右边是矢量点的拖放工具。选中一个矢量图后下方属性分四块。一个是尺寸,中间两个分别是填充和笔触的样式设置,第四个是虑镜。矢量点拖放工具选中矢量后,属性面版中的笔触块中会额外多一个可以设置笔触是放在内、外和中间的地方。 2、在设置笔触的地方可以删除笔触。 3、选中矢量图后,属性面版下方的填充、笔触、虑镜三部份的设置合在一起可以组成样式。你可...2010-06-04 21:23:45 · 80 阅读 · 0 评论 -
3、Working with Bitmap Images
1、可以使用工具栏中的scale tool、菜单中的modify-transform-scale或属性面版中的图片大小三样中的任意一样来设置图片的大小。处理前先在layer面版中选中图片。 2、选中文档,然后在属性面版中点击document属性的fit canvas可以使文档缩放到图片缩放图片大小。 3、工具栏中的9-slice scale tool是把图片分九块,当缩放图...2010-06-03 20:35:54 · 61 阅读 · 0 评论 -
2、Graphics 101
1、png是firework的默认保存文件,它类似于ps中的psd。png保存了做图过程中的所有元素及效果。2、fw的save as可以保存为多种文件。其中把png区分成fw的png和flattend png。前者保存所有额外元素信息,后者是一个平面图。3、file-export可以把文件导出来pdf/html/fxg等。4、在图层面版中先选择图层,然后使用file-imp...2010-06-03 17:21:49 · 107 阅读 · 0 评论 -
1、The Workspace
1、打开fw后,点击新建png文档,在创建对话框中可以从template中选择模版,其中有手机、图标、网页等模版。编辑完后可以保存为文档,也可以保存为模板。 2、fw的默认文件格式为png,里头包含layer、page等信息。另外也可以使用一般的png图片浏览器浏览。 3、fw的界面整体与adobe cs5系列保持一致,从工具栏、菜单栏、各种面版的布局等。另一方面也保持...2010-06-03 15:20:59 · 106 阅读 · 0 评论 -
11、Fitting Fireworks into Your Design Workflow
1、file-export转化为fxg。然后打开flash catalys,选择new project from existing。page/state会转化为fc中的page/state。原来所有pages中的layer会转化为fc中的layer。 2、fw保存文件为firework png后,打开flash,file-import to library,选择刚才的png。然后在l...2010-06-06 00:02:36 · 67 阅读 · 0 评论