網(wǎng)設(shè)計(jì)與制作Fireworks基礎(chǔ)及基本操作

第10章：Fireworks基礎(chǔ)及基本操作10.1FireworksCS4窗口及界面10.2圖像的布局工具10.3位圖圖像的處理10.4繪制位圖10.5編輯位圖10.6案例制作----制作圖片窗格效果《網(wǎng)頁設(shè)計(jì)與制作》當(dāng)前1頁，總共29頁。10.1FireworksCS4窗口及界面窗口及界面新建文件

單擊【文件】|【新建】命令:

1.圖像寬度和高度：可以先選擇單位，一般用像素。

2.圖像分辨率：指單位長度中所含像素量的多少。如72Pixel/inch就是一英寸長度單位中有72個(gè)像素。

3.畫布的顏色：使用白色比較符合一般習(xí)慣。選擇透明，就可以在透明背景上建立圖像?！毒W(wǎng)頁設(shè)計(jì)與制作》當(dāng)前2頁，總共29頁。圖像基本操作《網(wǎng)頁設(shè)計(jì)與制作》一、改變畫布選擇【修改】|【畫布】|【畫布大小】命令，在“寬度”和“高度”文本框中輸入新的尺寸?！板^定”按鈕以指定在畫布的哪一邊添加或刪除，最后單擊“確定”按鈕。當(dāng)前3頁，總共29頁。二、改變圖像大小選擇【修改】|【畫布】|【圖像大小】命令，打開如圖10-5所示的對(duì)話框?！裣袼爻叽缬糜谠O(shè)定圖像的顯示大小?！翊蛴〕叽缬糜谠O(shè)定打印時(shí)的輸出大小。當(dāng)前4頁，總共29頁。三、修整畫布如果輸入的圖像上下顛倒或者左右顛倒，就要進(jìn)行旋轉(zhuǎn)畫布的處理?？梢园旬嫴夹D(zhuǎn)180°、順時(shí)針90°或者逆時(shí)針90°。選擇【修改】|【畫布】命令，在子菜單中進(jìn)行選擇即可。當(dāng)前5頁，總共29頁。10.2圖像的布局工具10.2.1標(biāo)尺默認(rèn)狀態(tài)下，標(biāo)尺是不顯示的。選擇【視圖】|【標(biāo)尺】命令，文檔窗口就會(huì)顯示標(biāo)尺，單位是像素。當(dāng)前6頁，總共29頁。10.2.2網(wǎng)絡(luò)網(wǎng)格可以精確放置對(duì)象。選擇【視圖】|【網(wǎng)格】|【顯示網(wǎng)格】命令，可以顯示網(wǎng)格。當(dāng)前7頁，總共29頁。10.2.3輔助線輔助線可以在文檔中創(chuàng)建用于定位的輔助線，使對(duì)象對(duì)準(zhǔn)某個(gè)位置。在水平標(biāo)尺或者垂直標(biāo)尺上按下鼠標(biāo)左鍵向文檔內(nèi)拖動(dòng)，即產(chǎn)生一條水平方向或垂直方向的輔助線，到合適位置時(shí)松開鼠標(biāo)，完成輔助線的創(chuàng)建。當(dāng)前8頁，總共29頁。10.3位圖圖像的處理10.3.1位圖的選取設(shè)計(jì)圖像時(shí)，經(jīng)常需要從圖像中選擇一個(gè)區(qū)域，就是所說的“摳圖”。選擇區(qū)域工具在位圖編輯模式中是重要的工具，選擇區(qū)域工具可以確定位圖中像素的編輯范圍，也可以產(chǎn)生復(fù)雜曲線。10.3.2選擇框工具和橢圓選擇框工具當(dāng)前9頁，總共29頁。10.3.3不規(guī)則選擇套索工具.2．多邊形套索工具1．套索工具當(dāng)前10頁，總共29頁。魔術(shù)棒工具在屬性中“容差”用于設(shè)置魔術(shù)棒工具對(duì)顏色區(qū)分的靈敏度。魔術(shù)棒對(duì)選擇圖像內(nèi)像素的顏色，容許有一定范圍的偏差。容差的值越大，在相同文檔中，將被選中區(qū)域也會(huì)越大。當(dāng)前11頁，總共29頁。10.3.5選區(qū)的調(diào)整1.增減選區(qū)在建立一個(gè)選區(qū)后，如果想在加上一個(gè)區(qū)域，則按下Shift鍵，選擇新的區(qū)域，新區(qū)域會(huì)添加到原來的區(qū)域上。相反，如果想在一個(gè)區(qū)域里減去另外一個(gè)區(qū)域，先選定一個(gè)區(qū)域，按Alt鍵，再次進(jìn)行區(qū)域選擇，則從原區(qū)域中減去新區(qū)域。如果想選取兩個(gè)區(qū)域重合的地方，則建立第一個(gè)區(qū)域后，按Shift+Alt鍵選擇新區(qū)域，則兩區(qū)域的交集部分保留。2．取消選區(qū)對(duì)區(qū)域內(nèi)的圖像進(jìn)行編輯之后，就可以取消選區(qū)?？捎眠x取工具在其他地方單擊鼠標(biāo)左鍵，或按ctrl+D鍵。當(dāng)前12頁，總共29頁。3．調(diào)整選區(qū)對(duì)于復(fù)雜的圖像，選區(qū)不是一蹴而就的，通常要經(jīng)過一些調(diào)整。（1）反向選擇：如果要選擇的區(qū)域比較復(fù)雜，而其他部分比較簡(jiǎn)單時(shí)，可以先選擇其他部分，然后使用反向選擇。反向選擇的快捷鍵是ctrl+shift+I。（2）擴(kuò)展或縮小選區(qū)是指在原有選區(qū)的基礎(chǔ)上保持形狀比例對(duì)選區(qū)進(jìn)行擴(kuò)展或者縮小。在【選擇】|【擴(kuò)展選取框】或【選擇】|【收縮選取框】，設(shè)置需要擴(kuò)展或收縮的像素值即可。當(dāng)前13頁，總共29頁。（3）邊框選?。阂栽羞x區(qū)的邊緣為中心線，向兩側(cè)擴(kuò)展制定的寬度建立選區(qū)。建立一個(gè)選區(qū)，選擇【選擇】|【邊框選取框】，輸入的像素是指選區(qū)邊框的寬度。（4）平滑選區(qū)：可以使已經(jīng)建立的選區(qū)的邊緣變得更加光滑。選擇【選擇】|【平滑選取框】。當(dāng)前14頁，總共29頁。10.4繪制位圖10.4.1繪制位圖鉛筆和畫筆工具可以繪制位圖。使用方法是選擇相應(yīng)的顏色，設(shè)置筆觸，按下鼠標(biāo)左鍵，拖動(dòng)鼠標(biāo)即可。選擇鉛筆工具后，在屬性檢查器中：“消除鋸齒”平滑繪制的直線的邊緣?！白詣?dòng)擦除”在“鉛筆”工具在筆觸顏色上單擊時(shí)使用填充色?！氨３滞该鞫取毕拗啤般U筆”工具只繪制到現(xiàn)有像素中，而不繪制到圖形的透明區(qū)域中。另外，可以用刷子工具使用“筆觸顏色”框中的顏色繪制刷子筆觸。當(dāng)前15頁，總共29頁。10.4.2色彩填充色彩填充主要通過油漆桶工具來完成。油漆桶工具可以把相應(yīng)范圍內(nèi)的像素都填充成顏色或圖案。10.4.3擦除1.橡皮擦工具使用橡皮擦工具，可以擦除位圖中的像素，達(dá)到修改位圖圖像的目的。當(dāng)前16頁，總共29頁。2.橡皮圖章工具使用橡皮圖章工具可以完成圖像局部區(qū)域的復(fù)制。按住Alt鍵，使用橡皮圖章工具在位圖圖像中單擊可以確定要復(fù)制的區(qū)域，再次涂抹就可以產(chǎn)生當(dāng)前區(qū)域的復(fù)制圖像。當(dāng)前17頁，總共29頁。10.4.4修飾這一組工具可以完成圖像的減淡、加深、模糊、銳化以及涂抹操作。1.“模糊”工具和“銳化”工具影響像素的焦點(diǎn)。模糊”工具通過有選擇地模糊元素的焦點(diǎn)來強(qiáng)化或弱化圖像的局部區(qū)域。模糊工具的作用是使鼠標(biāo)繪制處的圖案效果變得模糊?！颁J化”工具對(duì)于修復(fù)掃描問題或聚焦不準(zhǔn)的照片很有用。銳化工具的作用是使鼠標(biāo)涂抹過的地方變得清晰。2.“加深”工具和“減淡”工具可加深或減淡圖像的局部，這類似于給照片加強(qiáng)光照或擋住光線的暗室技術(shù)。3.“涂抹”工具可以像創(chuàng)建圖像倒影時(shí)那樣逐漸的將顏色混合起來。涂抹工具的使用是將手指按下那點(diǎn)的顏色涂抹到其他位置。當(dāng)前18頁，總共29頁。10.5編輯位圖10.5.1使用蒙版使用蒙版可以有選擇地顯示文檔中對(duì)象的部分。顧名思義，蒙版就是將不必顯示的部分蒙起來。與剪切操作不同的是，蒙版將保留圖像內(nèi)容，以便調(diào)整顯示區(qū)域。而剪切是將圖像的某些部分刪除。當(dāng)前19頁，總共29頁。10.5.2使用混合混合操作主要是改變對(duì)象的透明度和混合模式。設(shè)置對(duì)象的混合模式可以較好的使多個(gè)對(duì)象重合的部分產(chǎn)生一定的效果，而改變?cè)瓉淼耐耆趽蹶P(guān)系。當(dāng)前20頁，總共29頁。10.5.3使用濾鏡濾鏡可以改善并增強(qiáng)圖像的效果。一、調(diào)整顏色選擇【濾鏡】|【調(diào)整顏色】，選擇子菜單中的各項(xiàng)進(jìn)行效果處理。1．調(diào)整色階選擇【濾鏡】|【調(diào)整顏色】|【色階】，用戶可自行調(diào)整圖像的亮度。當(dāng)前21頁，總共29頁。2．調(diào)整曲線曲線用于調(diào)整圖像的整個(gè)色調(diào)范圍，相比于色階調(diào)整，曲線調(diào)整的效果更精確。選擇【濾鏡】|【調(diào)整顏色】|【曲線】，然后在圖所示的對(duì)話框中進(jìn)行設(shè)定。其中X軸代表顏色的原始亮度，其數(shù)值在input（輸入）文本框中顯示。Y軸代表調(diào)整后的新的亮度值，其數(shù)值在output（輸出）文本框中顯示。可以在文本框中直接輸入值，范圍是0~255。當(dāng)前22頁，總共29頁。3．調(diào)整亮度和對(duì)比度亮度/對(duì)比度選項(xiàng)用于改變圖像的亮度和黑白對(duì)比度。選擇【濾鏡】|【調(diào)整顏色】|【亮度/對(duì)比度】，可以完成圖像亮度對(duì)比度的調(diào)節(jié)，當(dāng)前23頁，總共29頁。4．調(diào)整色相飽和度色相是指圖像中顏色的純凈度，飽和度是指圖像中顏色的飽滿程度，亮度是指圖像中顏色的明亮程度。選擇【濾鏡】|【調(diào)整顏色】|【色相飽和度】，然后在設(shè)定中分別設(shè)定三項(xiàng)參數(shù)。當(dāng)前24頁，總共29頁。5．反相反相是照片的底片效果。選擇【濾鏡】|【調(diào)整顏色】|【反相】，將使照片轉(zhuǎn)為底片效果。當(dāng)前25頁，總共29頁。二、查找邊緣查找邊緣可以勾勒出圖像的線條，帶有鮮明顏色對(duì)比的圖像比較適合使用這一操作。選擇【濾鏡】|【其他】|【查找邊緣】，對(duì)圖像應(yīng)用濾鏡，當(dāng)前26頁，總共29頁。三、模糊模糊濾鏡用于柔化、修飾一副影像或一個(gè)選擇區(qū)域，通過轉(zhuǎn)化像素的方法平滑處理影像中生硬的部分，使圖像中對(duì)比強(qiáng)烈的像素間柔和過渡，或者在圖像中必要的像素區(qū)域添加適當(dāng)?shù)年幱?，使整個(gè)圖像看起來更柔和?！澳：比峄x像素的焦點(diǎn)?！斑M(jìn)一步模糊”的處理效果大約是模糊的三倍?！案咚鼓：睂?duì)每個(gè)像素應(yīng)用加權(quán)平均模糊處理以產(chǎn)生朦朧效果。選擇【濾鏡】|【模糊】|【高斯模糊】，拖動(dòng)“模糊范圍”滑塊設(shè)置模糊效果的強(qiáng)度，增大范圍會(huì)產(chǎn)生更強(qiáng)的模糊效果。