30三月2024fireworks4網(wǎng)頁制作培訓(xùn)課件簡介是一種優(yōu)秀網(wǎng)頁圖形圖像設(shè)計(jì)工具。特色：1、位圖處理和矢量圖處理合二為一2、文本處理3、導(dǎo)出預(yù)覽（不需切換到瀏覽器）4、圖像優(yōu)化5、精美動畫6、JavaScript自動化7、設(shè)置圖像映射8、查找替換和批處理環(huán)境主要內(nèi)容一、基本使用操作二、基本繪圖操作三、顏色操作處理四、文字使用操作五、編輯矢量對象六、編輯位圖對象七、使用特效和樣式八、動畫設(shè)計(jì)制作九、動態(tài)按鈕制作十、圖像格式輸出十一、圖像變換設(shè)計(jì)十二、鏈接設(shè)置使用十三、使用大圖切割十四、自動化的應(yīng)用一、基本使用操作1、熟悉工作區(qū)域2、對象的導(dǎo)入（兩種方法）3、畫布尺寸與顏色的調(diào)整4、畫布的裁剪與旋轉(zhuǎn)5、改變影像尺寸6、裁剪位圖對象7、文件基本操作8、文件的打開、導(dǎo)入、保存（.PNG）二、基本繪圖操作1、使用直線工具繪圖2、使用形狀工具繪圖（矩形、圓形、多邊形）3、使用路徑繪制工具（鋼筆、鉛筆、筆刷）4、改變路徑操作方法（細(xì)部工具、重繪畫筆工具、任意形狀工具）5、路徑的修改與切割（區(qū)域變形工具、切割工具）6、簡化、擴(kuò)張及附加路徑修改→改變路徑（簡化路徑、擴(kuò)張路徑、插入路徑）三、顏色操作處理1、網(wǎng)頁可靠色2、混色器3、調(diào)色板（樣本）的使用4、滴管（探色棒）工具的使用5、筆觸面板6、填充面板1、主要填充參數(shù)的作用2、修改漸變色3、調(diào)整漸變色與圖案填充4、使用外部圖像文件作為填充圖案或紋理5、使用WEB抖動色7、顏色在路徑上的使用（補(bǔ)充）路徑涂飾工具（+）和（-）四、文字使用操作1、文字的編輯器(1)輸入(2)編輯：修改文字：法一：輸入文本后，如要編輯文本，只需雙擊文本塊。法二：選擇后用“文本”→“編輯器”法三：直接通過菜單實(shí)現(xiàn)(3)對文本設(shè)置描邊、填充(4)文字的變形處理（縮放、扭曲、頃斜）2、文字與路徑默認(rèn)情況下，文本都是以矩形文本塊形式顯示，但是，用戶可繪制一條路徑，然后將文本附加到該路徑上，使文本按路徑形狀進(jìn)行排列。不過，此是路徑將失去了它的所有屬性，變成一條不可編輯的路徑，在預(yù)覽時(shí)也不顯示。(1)文本附加到路徑：首先創(chuàng)建一個(gè)文本對象和一個(gè)路徑對象，然后都選中，用“文本→附加到路徑”命令.四、文字使用操作(2)分離文本與路徑：用“文本→從路徑脫離”命令(3)編輯文本與路徑編輯文本：雙擊編輯路徑：將文本與路徑分離→編輯路徑→再將選擇文本與路徑→附加到路徑。注：添加筆觸和填充后，文本對象可作相應(yīng)變化。(4)按路徑排列文本（5）導(dǎo)入文本：用于文本內(nèi)容很多或已有了現(xiàn)成文檔。4、把文字轉(zhuǎn)為路徑當(dāng)要用矢量處理工具編輯文本時(shí)，需轉(zhuǎn)化為路徑。方法：文本→轉(zhuǎn)化為路徑（可用次選工具編輯任意節(jié)點(diǎn)，但內(nèi)容再不能用文本編輯器修改）注：文本對象轉(zhuǎn)化成位圖對象的方法和矢量圖轉(zhuǎn)化為位圖的方法一樣，可用“修改→轉(zhuǎn)換為位圖”命令。以后可用位圖編輯工具進(jìn)行編輯。五、編輯矢量對象1、對象操作使用選擇工具、后方選擇工具選擇了填充有漸變色的圖形后，出現(xiàn)兩個(gè)控制點(diǎn)（圓形、方形）排列對象（修改→對齊）2、對象變形處理修改→變形3、對象相互結(jié)合（1）群組工具與取消群組（2）路徑的合并與拆分（3）對象的接合（聯(lián)合、相交、打孔、修剪）4、調(diào)整對象順序修改→排列六、編輯位圖對象1、切換編輯模式與創(chuàng)建位圖對象在Fireworks中同時(shí)擁有兩種編輯模式，即對象編輯模式與位圖編輯模式。(1)切換編輯模式的方法A、切換到位圖編輯模式法一：選擇位圖對象，然后選擇修改→編輯位圖法二：利用蒙版、套索、魔術(shù)棒或橡皮圖章工具單擊位圖對象法三：雙擊位圖B、從位圖編輯模式返回對象模式法一：用指針工具或子選擇工具在圖像外任意區(qū)域單擊法二：用修改→退出位圖模式法三：單擊文檔窗口下方的×圖標(biāo)法四：按ESC鍵(2)創(chuàng)建位圖對象的方法法一：文件→導(dǎo)入或打開法二：修改→轉(zhuǎn)換為位圖六、編輯位圖對象2、選區(qū)制作與調(diào)整(1)制作選區(qū)矩形選區(qū)工具、橢圓形選區(qū)工具、套索工具、多邊形套索工具、魔術(shù)棒工具(2)調(diào)整選區(qū)增加或減小選區(qū)按下Shift鍵并使用位圖選擇工具選擇圖像，可增加選區(qū)按下Alt鍵并選擇圖像，可增加選區(qū)按下Alt+Shift鍵，可制作新的選區(qū)。釋放鼠標(biāo)后，選區(qū)結(jié)果將是已有選區(qū)和新選區(qū)的交集。選區(qū)的擴(kuò)展與收縮：用修改→選取框→擴(kuò)大或收縮平滑選區(qū)：用修改→選取框→平滑制作邊界選區(qū)：用修改→選取框→邊框反選選區(qū)：用修改→選取框→反選選擇與已有選區(qū)顏色相近的顏色：用修改→選取框→選擇相似顏色取消選擇：Ctrl+D六、編輯位圖對象3、在位圖模式下編輯（剪切、復(fù)制、粘貼、吸管工具、油漆桶工具、橡皮工具、印章工具）(1)在位圖編輯模式下繪圖(2)圖像的擦除、填充與復(fù)制應(yīng)選制作選區(qū)，再進(jìn)行下列操作，否則操作范圍為整個(gè)位圖編輯區(qū)。使用擦除工具擦除像素利用油漆桶工具填充像素將當(dāng)前設(shè)置的填充圖案填充位圖或選擇的區(qū)域（未選為整個(gè)文檔）利用橡皮圖章工具復(fù)制像素單擊橡皮工具→鼠標(biāo)移到希望復(fù)制的區(qū)域單擊→鼠標(biāo)移到新的區(qū)域拖動復(fù)制注：復(fù)制方式為“固定”時(shí)目標(biāo)可變；為“對齊”時(shí)，復(fù)制點(diǎn)與定義點(diǎn)始終對齊選擇“對齊”時(shí)，在復(fù)制過程中可多次松開鼠標(biāo)，且復(fù)制的圖像是連續(xù)的；而選擇“固定”時(shí)，只要松開一下鼠標(biāo)，再復(fù)制等于重新復(fù)制。注：滴管工具用來在圖像上選擇一種顏色作為填充色。六、編輯位圖對象(3)裁剪位圖：編輯→修剪位圖(4)選區(qū)的變形除了使用筆觸、填色美化對象外，還可使用特效，為你的按鈕、文字、圖形創(chuàng)建特效。七、使用特效和樣式1、使用特效處理選擇要使用特效的對象后，打開效果面板，單擊增加特效下拉列表，選擇一種特效。常用的是默認(rèn)效果。2、特效面板使用單擊特效行上的特效按鈕，打開特效參數(shù)面板，這個(gè)內(nèi)部頃斜特效的面板上包括了一個(gè)”斜角邊緣形狀“下拉列表，可選擇“平面、平滑、頃斜、架子、圓環(huán)、鄒邊”等形狀，其它的參數(shù)用來指定導(dǎo)角的寬度和高度，可做一個(gè)令人滿意的按鈕。在內(nèi)部頃斜特效的面板的最下方下拉列表中列出了按鈕的4種狀態(tài)，分別是凸起、高亮度、凹進(jìn)、反轉(zhuǎn)。注：取消選中的特效行前面的復(fù)選框，可關(guān)閉特效。七、使用特效和樣式3、編輯特效面板同一個(gè)對象可同時(shí)使用多個(gè)特效，對于不使用的特效，選中后可以刪除，也可根據(jù)需要保存以后用在其它的對象上。4、特效類型頃斜和浮雕：內(nèi)部頃斜特效、外部頃斜特效（作用于對象的外邊框）、凸起浮雕（產(chǎn)生凸起的浮雕效果）、凹進(jìn)浮雕（產(chǎn)生凹進(jìn)浮雕效果）。陰影和光暈：陰影（距離參數(shù)控制著陰影和對象的距離）、光暈（用來產(chǎn)生光暈效果，可設(shè)置輝光的顏色、偏移參數(shù)，還可控制輝光和對象的距離）模糊：設(shè)置對象的模糊程序。調(diào)節(jié)顏色（是附加功能），設(shè)置后可保存。4、使用特效插件（相當(dāng)于Photoshop中的濾鏡）特效菜單下的EyeCandy4000LE5、加入外部濾鏡七、使用特效和樣式下面介紹一個(gè)更奇妙的工具，它不但可以保存特效，而且可以保存筆觸、填色，甚至字體、字號，并且重復(fù)使用時(shí)更簡單----樣式。6、樣式建立應(yīng)用(1)使用：選擇對象→單擊一種樣式(2)保存：選擇對象→應(yīng)用各種筆觸、填充和特效→新建樣式→選擇需要保存的內(nèi)容→輸入樣式名→OK(3)編輯：雙擊注：A、在應(yīng)用樣式時(shí)不想改變對象原來的填充類型，可將顏色從樣式保存中去除（編輯），再進(jìn)行應(yīng)用樣式。B、若將一個(gè)文本對象的樣式保存，在保存樣式對話框中就可保存字體、字號和文字風(fēng)格等屬性，這樣給文字對象應(yīng)用樣式時(shí)，文字對象的字體、字號和風(fēng)格都可以改變。(4)導(dǎo)入樣式(5)導(dǎo)出樣式7、使用遮罩效果創(chuàng)建：修改→蒙板→組成蒙板七、動畫設(shè)計(jì)制作1、制作GIF動畫(1)創(chuàng)建基本的幀幀動畫法一：選增加幀，再在每幀上畫對象法二：在第一幀上加多個(gè)對象→全選→分配到幀命令(2)創(chuàng)建過渡動畫法一：利用“修改→動畫→就所選創(chuàng)建動畫”命令可生成一個(gè)帶有起始、中間和結(jié)束點(diǎn)的動畫線，其每一點(diǎn)代表動畫中的一幀，移動動畫線的長度與方向可改變動畫的軌跡。法二：利用Tween功能創(chuàng)建過渡動畫制作好Tween動畫后，用戶可單獨(dú)調(diào)整任何一幀符號的位置、不透明度，或?qū)ζ溥M(jìn)行縮放、傾斜，以及為其增加效果等。靈活性更大。操作：創(chuàng)建一個(gè)對象→為其增加樣式→選擇“插入→轉(zhuǎn)換為組件”→輸入組件名稱（選擇圖形）→打開庫面板→拖入文檔放在另一位置→選中兩個(gè)符號→選擇“修改→符號→內(nèi)插動畫”→設(shè)置動畫幀數(shù)并選中分配到各幀復(fù)選框→OK七、動畫設(shè)計(jì)制作2、Frame面板的使用重命名、增加、復(fù)制或刪除幀將所選對象放置在不同幀中將對象從當(dāng)前幀移到其他幀設(shè)置功能設(shè)置幀延遲（100=1S）設(shè)置動畫播放次數(shù)復(fù)制到幀（將一幀上的對象復(fù)制到其它幀），與復(fù)制幀不同。也可用共享圖層實(shí)現(xiàn)。3、使用描圖紙功能（洋蔥皮）4、建立圖層的操作（層面板）注：A、幀是以時(shí)間先后為序，不同的幀處在不同的時(shí)間段上。B、不同層是指不同通道或空間同一時(shí)間的上、下的位置關(guān)系。C、一個(gè)層上可包含多個(gè)對象，一個(gè)幀上可有多個(gè)層。七、動畫設(shè)計(jì)制作5、圖層的操作應(yīng)用同一層上可有多個(gè)對象層，圖層上新增對象后，會自動在該圖層下增加對應(yīng)的對象層。(1)創(chuàng)建新圖層插入法：插入→層圖層面板法1：新建/復(fù)制層按鈕圖層面板法2：新建層選項(xiàng)(2)選中圖層法一：在文檔窗口中，選中屬于該圖層的任意對象法二：在圖層面板中，單擊要選中的圖層名稱(3)復(fù)制圖層法一：選中要復(fù)制的圖層→拖到“復(fù)制/刪除層”按鈕上法二：選中要復(fù)制的圖層→在選項(xiàng)中選擇“復(fù)制圖層”項(xiàng)→選擇→OK兩者區(qū)別：法一只能生成一個(gè)副本圖層，且副本圖層位于被復(fù)制圖層的下方。法二的復(fù)制功能更全面，他不但可以調(diào)節(jié)復(fù)制圖層的數(shù)量，還可以設(shè)置復(fù)制圖層的位置。七、動畫設(shè)計(jì)制作(4)刪除圖層法一：選中要?jiǎng)h除的圖層→單擊刪除圖層按鈕法二：選中要?jiǎng)h除的圖層→拖到“刪除圖層”按鈕上法三：選中要?jiǎng)h除的圖層→在選項(xiàng)菜單中選擇“刪除圖層”注：A、在Fireworks中，網(wǎng)頁層是不能被刪除的B、畫布不是圖層，他位于文檔的最底層(5)重命名圖層雙擊要命名的圖層→在名稱區(qū)輸入新的名稱(6)圖層中對象的編輯（兩種編輯模式）多層編輯模式（默認(rèn)狀態(tài)）所有圖層中的對象都處于可編輯狀態(tài)單層編輯模式：選擇選項(xiàng)菜單中的“編輯單一圖層”只能對單個(gè)層的對象進(jìn)行編輯七、動畫設(shè)計(jì)制作(7)圖層屬性的設(shè)置(顯示和隱藏、鎖定和解鎖）(8)為圖層建立位圖對象(9)設(shè)置共享層與合并圖層設(shè)置共享層：在選項(xiàng)菜單中選擇或雙擊該層合并圖層：修改→平面化層注：A、將某層設(shè)置為共享層時(shí)，當(dāng)前幀以外其他所有幀中的同名層均被刪除。B、合并圖層時(shí)，被隱藏的圖層或?qū)ο笞訉訉⒈粊G棄，而共離層將被自動復(fù)制到各幀。(10)調(diào)整對象的不透明度與混合模式(11)改變圖層重疊次序選擇后用鼠標(biāo)直接拖動七、動畫設(shè)計(jì)制作6、使用遮罩效果(蒙版）法一：創(chuàng)建蒙版組法二：通過粘貼方法創(chuàng)建蒙版導(dǎo)入一幅圖復(fù)制到剪貼板→新建文件→繪制作一橢圓并選中→若將剪貼板中的內(nèi)容作為蒙版，則用“編輯→粘貼為蒙版”命令；若將剪貼板中的內(nèi)容作為對象，當(dāng)前對象伙蒙版，則用“編輯→粘貼到內(nèi)部”命令；法三：根據(jù)選區(qū)制作蒙版（位圖遮罩）導(dǎo)入一幅圖→制作選區(qū)→選擇“修改→蒙版→顯示所選”命令導(dǎo)入一幅圖→制作選區(qū)→單擊“添加蒙版”按鈕七、動畫設(shè)計(jì)制作7、使用SymbolFireworks具有庫面板，放在庫中的對象稱為符號，在庫面板中，將該符號拖到文檔中，就創(chuàng)建了實(shí)體，實(shí)體就是原始對象的副本，當(dāng)符號對象進(jìn)行修改時(shí)，實(shí)體自動變化以反映符號的修改。創(chuàng)建：法一：插入→新建符號法二：制作一個(gè)對象→使用轉(zhuǎn)換命令（F8）注：不能為實(shí)體指定筆觸和填色，但可以對實(shí)體變形和添加特效。還可以在層面板上修改實(shí)體的透明度和混合模式。修改符號：雙擊任何一個(gè)實(shí)體斷開鏈接后的實(shí)體可修改任何屬性。8、Symbol動畫應(yīng)用制作或引入一個(gè)對象→轉(zhuǎn)換為動畫類型→選擇參數(shù)→OK9、分身動畫的制作制作或引入一個(gè)對象（動畫類型）→內(nèi)插動畫10、輸出GIF動畫文件→導(dǎo)出八、動態(tài)按鈕制作1、設(shè)置按鈕對象(兩種方法）2、鼠標(biāo)事件設(shè)置（四種狀態(tài)）3、設(shè)置鏈接區(qū)域（切割工具、多邊形切割工具）4、設(shè)置按鈕鏈接（兩種方法）九、圖像格式輸出1、圖像輸出設(shè)置2、輸出JPG文件十、圖像變換設(shè)計(jì)1、簡單的圖像變換2、復(fù)雜的圖像變換十一、鏈接設(shè)置使用1、使用鏈接工具2、直接設(shè)置鏈接3、WEB層的管理4、設(shè)置鏈接對象5、使用鏈接設(shè)置項(xiàng)6、鏈接的彈出菜單7、使用鏈接面板十二、使用大圖切割1、