- 相關推薦
firework使用基礎知識
firework由Macromedia(在2005年被Adobe收購)推出的一款網頁作圖軟件,軟件可以加速 Web設計與開發, 是一款創建與優化 Web 圖像和快速構建網站與 Web 界面原型的理想工具。下面是小編幫大家整理的firework使用基礎知識,僅供參考,歡迎大家閱讀。
PNG文件格式
很多人預測PNG(Portable Network Graphics可移植的網絡圖形)將以其在WEB上的優越文件格式取代象GIF和JPEG等傳統的圖象格式。PNG格式在處理WEB圖形方面的確有其獨到的長處:
1、無失真:不象JPEG圖形文件,在將圖片保存成PNG格式時,圖象不會丟失任何的顏色信息。
2、高壓縮率:PNG格式的文件甚至可以比GIF有更大的壓縮率。
3、支持位透明:PNG支持alpher通道透明,alpher通道透明不同與Index索引顏色透明之處在于:Index索引顏色透明要么是完全透明,要么是完全不透明;而alpher通道透明顏色可以使同種顏色之中部分透明而其它部分不透明。
4、伽碼(gamma)校正:PNG格式是第一種支持監視器的伽碼設置修正,這使得PNG格式的圖象在任何平臺上都可以得到同樣的顯示效果。
5、支持真彩色:類似于JPEG圖象格式,PNG可以處理上百萬種的顏色。
6、強大的圖形再編輯性:在將圖片保存成PNG文件格式之后,重新在Fireworks中調出來編輯時,圖片仍然很好地保持了圖層的分隔和對象的分隔,并允許我們對該圖片的任何一獨立的部分做任意的修改。這大大方便了我們以后對該圖形的修改和編輯處理。
雖然到目前為止,大多數的瀏覽器還不能或者只能通過插件來實現對PNG文件格式的支持,但是我們可以預見,隨著PNG文件格式的不斷完善和普及,PNG圖片將很快成為續GIF和JPEG之后的第三種主要的WEB圖形格式。
在使用Fireworks進行一些操作時,它會有一些警告提示信息,就比如上面提到的“Dont show this again”如果你選擇了“不再提示我”,這個信息就不會再次出現了。但在某種情況下,你有想看到這個信息提示,你可以選擇:CommandsReset Warning Dialogs恢復警告提示),則這個提示又會出現。
Fireworks的圖象導出
PNG被Fireworks視為自身的圖象格式,通過選取Save或Save as我們可以將Fireworks中處理的圖片保存成該文件格式。
目前所有WEB瀏覽器廣泛支持的僅有GIF和JPEG這兩種圖象格式,如何導出WEB的這兩種圖象格式呢?Fireworks為我們提供了非常好用的Export Preview(導出預覽)和Export Wizard(轉存精靈)兩大功能版塊,有關它們的詳細解說我們同樣可以查看在學習中心的相關文章。
在Fireworks中我們一般都是使用Export Preview功能版塊來導出包括GIF和JPEG在內的各種格式的圖象文件,其實,細心的Fireworks還給我們提供了幾種其它的特殊導出:
Selected Slice:選擇切片,該特別導出允許你只導出切圖的其中一塊或幾塊切片。
Layers/Frames to Files:單獨導出圖象的其中一圖層或動畫的某一幀。
Css Layers:將圖片導出并放置在各自的CSS(Cascading Style Sheets)圖層中,如果在做WEB頁面要使用到該圖層時,可以將生成的代碼直接COPY到WEB頁面適當的地方即可。
Lotus Domino Image Well:導出用于Lotus Domino文檔中的Image Well格式。
Flash SWF:將動畫導出生成Flash電影的SWF文件格式。
Illustrator 7:將Fireworks圖象導出為Illustrator的.ai文件格式。
Fireworks的行為
選取菜單“Window-->Behaviors”打開行為功能面板,使用該功能面板,我們可以很容易做出各種簡單的滾蓋圖(rollover)、交互圖片、導航條、狀態欄文本信息等等。
與Dreamweaver的無縫結合
只要你將Dreamweaver的默認圖象編輯器設定為Fireworks,這樣在Fireworks中處理的Dreamweaver編輯器里的文件會立即跟隨更新。
可以在Dreamweaver中使用Fireworks提供的標準控制對圖片進行優化處理,而無需打開Fireworks。
可以把Fireworks生成的代碼直接輸出到Dreamweaver的Library或直接挎貝到Dreamweaver網頁編輯器適當的位置。
利用Fireworks的Behaviors,可以非常方便地生成各種滾蓋圖或交互按鈕等等。
導入Fireworks2.0的Style
你是否因為Fireworks3.0少了好些Fireworks2.0中的風格模式(Styles)而在著急呢?不用急,先找到你原來Fireworks2.0的安裝目錄MacromediaFireworks 2SettingsStyles下的“Style Defaults.stl”文件,然后將它COPY到你Fireworks3.0的相同安裝目錄下,再開啟你的Fireworks3.0,點擊Style功能面板右上角的小三角形,在彈出的菜單中選取“Import Styles”命令,導入你剛COPY過Fireworks3.0安裝目錄下的該.stl文件即可。
網頁切法
切片在制作網頁的過程中占有很重要的地位,切片的成功與否直接決定日后網頁制作的進度快慢和網站運行的速度,只有通過大量的練習才能體會切片的含義
切片介紹
1. 切片是將圖片轉換成可編輯網頁的一座橋梁,通過切片才可以將普通圖片變成Dreamweaver可以編輯的網頁格式
2. 切片后的圖像可以更快的在網絡上傳播
3. 切片后的圖像也是網頁中片的主要來源
切片方法
1. 切片首先保證切出網頁中需要多次修改的區域,例如文字區域
2. 切片圖像的大小盡量保持在15K以內(便于網絡傳輸)
3. 充分利用Dreamweaver中的自動拼貼功能減少垃圾切片
操作技巧
技巧1:使用鍵盤的方向鍵移動對象時,按住【Shift】鍵不放,每次可以移動10個像素。
技巧2:使用【指針】工具移動對象時,按住【Shift】鍵不放,可以保證其水平或垂直移動。
技巧3:按住【Alt】鍵不放拖拽某個對象,即可對其進行復制。但是自動形狀不能用這個操作,因為自動形狀是一種組合狀態,可以使用復制粘貼命令復制。
技巧4:對于所有的形狀繪制工具而言,按住【Shift】鍵不放進行繪制,可以保證其寬高比始終為1:1。
技巧5:使用基本形狀工具繪制形狀時,按住【空格】鍵不放,不要松開鼠標左鍵,可以移動矢量圖形的位置。繪制選區的時候也是如此。
技巧6:使用【矩形】工具繪制矩形時,按住鍵盤的上或下鍵不放,不要松開鼠標左鍵,可以增加或減少矩形的圓度。
技巧7:需要選擇組內對象時,并不需要取消組合,可以選擇【部分選定】工具來選擇組內對象,這對于多個組合對象的編輯來說非常方便。
技巧8:使用【鋼筆】工具繪制路徑的過程中,按住【Alt】鍵不放,可以隨時調整路徑點的控制手柄。
技巧9:使用【刷子】工具繪制圖像時,按住【Shift】鍵不放,繪制出出一條水平或垂直線后,釋放鼠標,但不要松開【Shift】鍵,繼續繪制,fireworks會把所畫前一條線的終點和后一條線的起點連接起來。
技巧10:按住【Alt】鍵,單擊【層】面板中的位圖圖層,可以根據位圖的形狀獲得選區。
技巧11:繪制多個選區時,按住【Shift】鍵表示增加選區;按住【Alt】鍵表示減選區;按住【Shift】+【Alt】鍵表示對選區進行交集運算。
技巧12:在給選區填充顏色時,可以使用【Alt】+【Delete】鍵快速填充顏色,與photoshop里填充前景色的快捷鍵一樣。
技巧13:按快捷鍵【Ctrl】+【F8】,可以創建一個新的元件。
技巧14:按住【Ctrl】鍵,單擊【混色器】面板下方的顏色欄,可以快速切換到不同的顏色模式。
技巧15:在顏色彈窗口采集顏色時,按住【Shift】鍵可以確保獲得的顏色為網絡安全色。
技巧16:如果要給輔助線精確定位,可以在輔助線上雙擊鼠標左鍵,在彈出的【移動引導線】對話框中輸入詳細的坐標。
技巧17:在【層】面板中,選中蒙板圖標并像移動圖層那樣按住蒙板圖標將其移動到其他位置,這樣可以刪除蒙板,并且保留下了蒙板對象。
技巧18:使用【文本】工具單擊已經創建的文本,待光標轉換為文本光標時,按住鍵盤上的【Ctrl】加鍵盤的左右鍵可以用來改變字符間距,按住【Ctrl】加鍵盤的上下鍵可以用來改變文本的行距。
學習輔導教材,網絡上有很多文字圖片類的和視頻類的教程。另外看書本結合練習也是很好的選擇!
羽化方法
用Fireworks對位圖邊緣進行羽化,這是在fireworks運用中常用到的功能,希望對大家學習fireworks有所幫助。
方法一
一、導入位圖
二、用橢圓工具,在位圖上畫一個橢圓,填充色為黑色。并在其fill面板中,設置edge為feather,默認為10,不過我們可以設得比較大。
三、用黑色箭頭工具全選這二個物體。
四、菜單modify中的mask命令,并在其后序菜單中選擇group as mask.
五、這樣圖片邊緣羽化也就完成了。用mask做羽化有一個好處,就是當你選擇這個圖片時,邊框是藍色的時候,選中當中的藍色標記,就能把改變圖片的位置。呵呵,這樣你就不需要擔心選擇的地方不正確了,只要確定好最終的圖片大小 ,就能隨意調節羽化圖片的哪一部份。
六、取消羽化。Modify菜單的最下面命令,ungroup,就能取消羽化,把圖片還原成原先的位圖和黑色的橢圓形。
方法二
一、在文件中導入一張需要被羽化的位圖(菜單 %26gt; file %26gt; import)
二、在工具欄中選擇橢圓形選擇工具或是矩形選擇工具,在位圖需要羽化的部位進行選擇。
三、菜單 %26gt; modify %26gt; marquee %26gt; feather命令。
四、在featherselection對話框中設置羽化的半徑,這里我選了20個象素,點擊OK
五、用黑色箭頭工具,把這個選擇框拉到一邊,相應的圖片也跟著移到旁邊。
六、我們可以把不需要的圖片刪除,也可以把這個已經羽化完了的圖片復制到別的文件中去。
【firework使用基礎知識】相關文章:
firework繪制燈泡的方法11-11
計算機一級基礎知識電子郵件使用技巧03-10
Photoshop的基礎知識08-10
cpu基礎知識02-24
Java基礎知識精選02-20
泰語入門基礎知識03-03
C語言基礎知識12-20
PS入門基礎知識03-19
PS基礎知識匯總03-03
計算機考試基礎知識:網絡安全基礎知識06-08