FLASH論壇-Flash之神魂顛倒視覺設計應用區Adobe Fireworks討論區 → Fireworks CS4的新增功能

MSDN 研討會資料下載 熱門租屋行情 網路行銷秘訣大公開 磷蝦油=比魚油更強 Microsoft Silverlight
減肥診所 雷射抽脂 ASP.NET完全攻略與快速上手 買墨水送神幣喔 貸款
近視雷射手術 電波拉皮 網路創業 SEO 當鋪
投影機 公仔 過敏 調整型內衣 白蟻
氣球 眼袋 虛擬主機神魂特惠 大陸新娘 NCCU集中營
網頁設計 愛情城市 落健 液晶電視

  共有438人閱讀過本文章折疊列印

主題:Fireworks CS4的新增功能

帥哥喲,離線,有人找我嗎?
TWG
  1樓 個人化首頁 | QQ | 個人資料 | 搜尋 | EMAIL | 首頁 | |

加到: FunP 書籤加到: 黑米書籤加到: MyShare 書籤加到: 美味書籤加到: Furl  書籤加到: YaHoo 分享書籤加到: Google 書籤加到: UDN 書籤加到: Technorati 書籤



加好友 悄悄話 •神•魂•顛•倒•
等級:站長 文章:2292 經驗:22519 威望:7 精華:7 註冊:2002-4-12 15:57:00
Fireworks CS4的新增功能  發表心情 Post By:2008-9-22 4:18:00



Fireworks CS4的新增功能


與其說是新增,不如說是改進,Fireworks CS4在面板中對【對齊】面板和【路徑】面板進行了明顯的改進,如下圖所示



此主題相關圖片如下7b907be645c70c29cf7b3a1e999c2447.jpg:


下面是Fireworks CS3和Fireworks CS4【路徑】面板的對比,變化還是不少啊。



此主題相關圖片如下9b18b258c6fc5dbf8f1bbae21ecafb6a.jpg:


此主題相關圖片如下18f4aaada0faacbe8f5236f50a255608.jpg:

同樣地,我已經把這兩個面板提取出來了,大家可以複製到你的Fireworks8或者Fireworks CS3軟體中就馬上可以體驗到Fireworks CS4的新功能了,具體複製到
C:/Program Files/Adobe/Adobe Fireworks CS3(或8)/Configuration/Command Panels 即可,然後重新啟動軟體就可以使用了。

Fireworks CS4的新增繪圖工具

Fireworks CS4在繪圖工具上的變化並不太多,如圖1-1所示。


此主題相關圖片如下29d0fb62f5e9b5ad2aa5ce7ce589750e.jpg:

圖1-1 Fireworks CS4的繪圖工具


只是在矢量工具中新增了兩個工具,【測量】 工具和【箭頭線】 工具,由於我的測試軟體的原因,在使用【測量】工具的時候總是會有錯誤提示,下面把這兩個工具簡單的介紹一下。

 

1.1 【測量】 工具的使用

【測量】工具是Fireworks CS4中用來測量對像實際尺寸的一個工具,在網頁效果圖設計中,我們經常需要測量某些對象的尺寸,或者是某些對像一部分的尺寸,在以前的版本中可以通過使用輔助線來測量,但是總是比較麻煩,現在則可以使用【測量】工具快速測量對象的尺寸,具體使用方法如下:

 

1、打開需要測量的圖像素材,如圖1-2所示,在這裡需要測量圖像中易拉罐的大致尺寸,需要注意的是這是一張點陣圖,對於Fireworks以往的版本而言,在沒有去掉圖像背景並且把圖像選取下來之前,測量其寬高是非常麻煩的。


此主題相關圖片如下31ddfc7622e96011e42aaae3567f7777.jpg:

圖1-2 在Fireworks中打開圖像素材(點選放大)


2、現在有了【測量】工具,一切都會變得非常簡單,在矢量工具組中選擇【測量】工具,在易拉罐的左上角的位置開始按住鼠標左鍵不動,向右下角的方向拖拽鼠標,一直拖拽到易拉罐的右下角來,如圖1-3所示。



此主題相關圖片如下370e4ec8487462c62a1c0fe07cd0b215.jpg:

圖1-3 使用【測量】工具(點選放大)


3、這樣,所拖拽範圍的尺寸就能夠在【屬性】面板的【寬度】和【高度】文本框中顯示出來。

4、做一個簡單的比方,當我們使用【指針】工具選擇對象的時候是可以拖拽一個範圍的,如圖1-4所示。



此主題相關圖片如下95afb902dd769d4cf36233bba4e9e343.jpg:

圖1-4 使用指針工具選擇對像(點選放大)


5、而【測量】工具的作用等於就是顯示了這個範圍的寬度和高度。

【提示】使用【測量】工具,可以測量任意的範圍,包括整體的寬高或者只是寬度和高度。

 

1.2 【箭頭線】工具

可以說【箭頭線】工具在以前的各個版本的Fireworks中都存在,什麼?哪裡有?你用過【命令】→【創意】→【增加箭頭】命令嗎?對了,就是它了,現在等於是把這個命令集成到了Fireworks的工具面板中,如圖1-5所示。

 


此主題相關圖片如下a9ce092615404d111077aafd5ed468c1.jpg:

圖1-5 增加箭頭命令


使用【箭頭線】工具可以快速繪製各種箭頭線條效果,即可以給線條的一側增加,也可以加到兩頭上,甚至是不要箭頭,如圖1-6所示。

 


此主題相關圖片如下5b130f690452d60c9263cd2d637de249.jpg:


【箭頭線】工具作為Fireworks CS4的自動形狀工具出現在矢量工具部分中,對箭頭樣式的調整,只需要單擊線條兩側的黃色控制點即可。

1.3 【屬性】面板的使用者體驗
學工具看屬性,我想這句話地球人都知道,Fireworks CS4在【屬性】面板的使用者體驗上也進行了改進,可以把任何的面板組合的【屬性】面板中去,這其實和Flash CS3比較類似。

例如可以把最常用的【對齊】面板組合進來,這樣以後就不用總是從【視窗】菜單去選擇了,確實是方便了很多,如圖1-7所示。



此主題相關圖片如下0e484a9dd8958e0d7bc5874ad7055978.jpg:



網路的事情,讓網路解決

[ 逛網路就像是在探險 ]

    神 魂 顛 倒 T W G

http://bbs.flash2u.com.tw

http://tw.myblog.yahoo.com/flash2u-twg

http://flash-silverlight.blogspot.com/

http://flash2u.spaces.live.com/?_c02_owner=1
氣球 支持(0中立(0反對(0回到頂部
帥哥喲,離線,有人找我嗎?
TWG
  2樓 個人化首頁 | QQ | 個人資料 | 搜尋 | EMAIL | 首頁 | |

加到: FunP 書籤加到: 黑米書籤加到: MyShare 書籤加到: 美味書籤加到: Furl  書籤加到: YaHoo 分享書籤加到: Google 書籤加到: UDN 書籤加到: Technorati 書籤



加好友 悄悄話 •神•魂•顛•倒•
等級:站長 文章:2292 經驗:22519 威望:7 精華:7 註冊:2002-4-12 15:57:00
  發表心情 Post By:2008-9-22 4:22:00

1.4 智能輔助線工具

智能輔助線其實不算是什麼新功能,在Flash8里就已經引入了這個功能,要說「新」只能是針對於Fireworks而言,不過確實還是很實用的功能。

在Fireworks CS4中拖拽或移動對象的時候,智能輔助線就能夠自動在對象的邊緣產生洋紅色的虛線來幫助對齊,如圖1-8所示。


圖片點選可在新視窗打開查看此主題相關圖片如下480359520a2d66c0fe8635b3f7d0846d.jpg:
圖片點選可在新視窗打開查看

圖1-8 智能對齊工具

實用智能輔助線,對齊對像將會更加精確,可以在【視圖】→【智能輔助線】菜單中進行相應的設定,如圖1-9所示。



圖片點選可在新視窗打開查看此主題相關圖片如下218c898215735cd14e6ef2136c5c9851.jpg:
圖片點選可在新視窗打開查看
圖1-9 智能輔助線的設定


1.5 文本工具的新屬性
在使用【文本】工具向畫布中輸入文字後,【屬性】面板中的文本屬性多了一個新的設定,如圖1-10所示。


圖片點選可在新視窗打開查看此主題相關圖片如下875cf9256bc59f373d7015b2d2a08244.jpg:
圖片點選可在新視窗打開查看
圖1-10 文本工具的新屬性


至於這個屬性的作用,目前還不是很清楚,能夠知道的是它可以根據所選擇的字體自動顯示這個字體的粗細,包括:粗體、正常、中間。至於有什麼用還得等正式版出來以後再說了。


1.6 無處不在的樣式
Fireworks的樣式對於提高創作效率的重要性大家都知道,可惜的是這次下載的試用版中並沒有帶任何的樣式,不知道adobe在Fireworks CS4中能否增加一些新的樣式呢?讓人還是有些期待的,如圖1-11所示。


圖片點選可在新視窗打開查看此主題相關圖片如下45861fff138c5a7ac40cbb8ece302587.jpg:
圖片點選可在新視窗打開查看
圖1-11 Fireworks CS4的【樣式】面板


但是這並不影響我對Fireworks CS4的測試,導入了以前版本的樣式,一樣可用,如圖1-12所示。


圖片點選可在新視窗打開查看此主題相關圖片如下07f8780b60c47ede144843b1211fd727.jpg:
圖片點選可在新視窗打開查看
圖1-12 導入樣式


當在Fireworks CS4的畫布中選擇任何一個對象的時候,在【屬性】面板的右側,多了一個關於樣式的對話框,如圖1-13所示。



圖片點選可在新視窗打開查看此主題相關圖片如下d989c8dff56a55f3ae1ddb3a9d854509.jpg:
圖片點選可在新視窗打開查看
圖1-13 【屬性】面板中的樣式對話框


電擊向下的三角箭頭,就可以選擇【樣式】面板中的所有樣式,並且應用到圖形之上,如圖1-14所示。




圖片點選可在新視窗打開查看此主題相關圖片如下b9bd8915b32002a4995d39eb3ec39bd2.jpg:
圖片點選可在新視窗打開查看
圖1-14 選擇樣式(點選放大)


在樣式對話框的下方還有4個按鈕,作用分別如下:

【新建樣式】:可以把所選擇對像上的效果儲存為樣式。

【重定樣式】:可以把對目前樣式的修改儲存到這個樣式中。

【取消連結】:去掉目前對像和所選擇的樣式之間的關聯,這樣再次儲存成樣式的話就可以儲存成一個新的樣式。

【刪除樣式】:刪除所選擇的樣式。

可以說,樣式表在Fireworks CS4中已經無處不在了,發揮樣式的強大功能,可以提高工作效率、輕鬆分享作品。

原文出處:

關於樣式的詳細介紹,可以看我寫的這篇文章:
http://bbs.blueidea.com/thread-2708672-1-1.html

經典論壇交流
http://bbs.blueidea.com/thread-2851089-1-1.html



網路的事情,讓網路解決

[ 逛網路就像是在探險 ]

    神 魂 顛 倒 T W G

http://bbs.flash2u.com.tw

http://tw.myblog.yahoo.com/flash2u-twg

http://flash-silverlight.blogspot.com/

http://flash2u.spaces.live.com/?_c02_owner=1
眼袋 支持(0中立(0反對(0回到頂部