Web設(shè)計(jì)基礎(chǔ)教程第1章網(wǎng)頁設(shè)計(jì)的概念目錄1網(wǎng)站的定位與規(guī)劃2網(wǎng)頁的構(gòu)成要素3網(wǎng)頁配色4網(wǎng)頁設(shè)計(jì)常用工具1.1網(wǎng)站的定位與規(guī)劃網(wǎng)站定位用以確定網(wǎng)站的服務(wù)領(lǐng)域、服務(wù)對象、服務(wù)內(nèi)容和服務(wù)形式，是確定合適的網(wǎng)站類型的依據(jù)。1.1.1什么是網(wǎng)站定位1.1.2網(wǎng)站定位的依據(jù)1．根據(jù)網(wǎng)站的性質(zhì)定位普通主體，專業(yè)主體，專門主體2．根據(jù)網(wǎng)站的受眾定位1.1.3網(wǎng)站定位的創(chuàng)意與策劃1．定位網(wǎng)站主題2．確定網(wǎng)站名稱名稱要立得住名稱要易于記憶名稱要有特色1.1.4樹立網(wǎng)站整體風(fēng)格風(fēng)格是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。1.2網(wǎng)頁的構(gòu)成要素1．文字2．圖片3．交互4．視頻和動(dòng)畫1.3網(wǎng)頁配色1.3.1色彩的基本知識(shí)紅.橙.橙黃.黃.黃綠.綠.青綠.藍(lán)綠.藍(lán).藍(lán)紫.紫.紫紅.紅|___________||____||_________||_________|||||暖色系中性系寒色系中性系1.3.2色彩的搭配1．網(wǎng)頁色彩搭配的原理。1）色彩的鮮明性。網(wǎng)頁的色彩要鮮艷，容易引人注目。2）色彩的獨(dú)特性。要有與眾不同的色彩，使得大家對你的印象強(qiáng)烈。3）色彩的合適性。就是說色彩和你表達(dá)的內(nèi)容氣氛相適合。如用粉色體現(xiàn)女性站點(diǎn)的柔性。4）色彩的聯(lián)想性。不同色彩會(huì)產(chǎn)生不同的聯(lián)想，藍(lán)色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和你網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)。安全配色的方法1）用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，（說得通俗些就是將色彩變淡或則加深），產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。2）用兩種色彩。先選定一種色彩，然后選擇它的對比色（在Photoshop里按ctrl+shift+I）。我的主頁用藍(lán)色和黃色就是這樣確定的。整個(gè)頁面色彩豐富但不花哨。3）用一個(gè)色系。簡單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。4）用黑色和一種彩色。比如大紅的字體配黑色的邊框感覺很“跳”。1.4網(wǎng)頁設(shè)計(jì)常用工具1.4.1Photoshop1.4.2Fireworks1.4.3Illustrator1.4.4Dreamweaver1.4.5其他工具謝謝Web美工基礎(chǔ)教程第2章Photoshop入門基礎(chǔ)目錄1PhotoshopCS6工作界面2設(shè)置前景色和背景色3創(chuàng)建選擇區(qū)域4基本繪圖工具目錄5創(chuàng)建文字6圖層和圖層樣式7應(yīng)用濾鏡8實(shí)戰(zhàn)-制作藍(lán)色光束2.1PhotoshopCS6工作界面啟動(dòng)PhotoshopCS6后，單擊菜單欄中的“文件→打開”命令，打開一張圖片，即可進(jìn)入軟件操作界面。PhotoshopCS6工作界面2.1.1菜單欄1、菜單分類文件菜單：包含各種操作文件的命令。編輯菜單：包含各種編輯文件的操作命令。圖像菜單：包含各種改變圖像的大小、顏色等的操作命令。圖層菜單：包含各種調(diào)整圖像中圖層的操作命令。文字菜單：包含各種對文字的編輯和調(diào)整功能。選擇菜單：包含各種關(guān)于選區(qū)的操作命令。濾鏡菜單：包含各種添加濾鏡效果的操作命令。3D菜單：用于實(shí)現(xiàn)3D圖層效果。視圖菜單：包含各種對視圖進(jìn)行設(shè)置的操作命令。窗口菜單：包含各種顯示或隱藏控制面板的命令。幫助菜單：包含各種幫助信息。PhotoShopCS6菜單欄2.1.1菜單欄2、打開菜單鼠標(biāo)左鍵單擊某個(gè)菜單即可打開該菜單，不同的菜單之間以分隔線隔開。其中菜單右側(cè)帶有標(biāo)志時(shí)說明該菜單命令還包含子菜單。子菜單2.1.1菜單欄3、執(zhí)行菜單中的命令選擇一個(gè)菜單命令鼠標(biāo)左鍵單擊即可執(zhí)行該命令。如果命令行右側(cè)標(biāo)有快捷鍵，也可以利用快捷鍵快速執(zhí)行該命令。比如：按【Ctrl+M】組合鍵可以執(zhí)行【圖像】/【調(diào)整】/【曲線】命令。注意：如果菜單中的某些命令顯示為灰色，表示它們在當(dāng)前狀態(tài)下不能使用。此外，如果一個(gè)命令的名稱右側(cè)有“…”狀符號(hào)，則表示執(zhí)行該命令時(shí)會(huì)彈出一個(gè)對話框。【Ctrl+M】組合鍵不可用菜單“…”彈出框菜單2.1.2工具箱工具箱是Photoshop工作界面的重要組成部分。PhotoshopCS6的工具箱主要包括選擇工具、繪圖工具、填充工具、編輯工具、快速蒙版工具等。工具箱2.1.2工具箱1、移動(dòng)工具箱默認(rèn)情況下，工具箱停放在窗口左側(cè)。將光標(biāo)放在工具箱頂部，單擊并向右拖動(dòng)鼠標(biāo)，可以將工具箱拖出，放在窗口中的任意位置。2、顯示工具快捷鍵要了解每個(gè)工具的具體名稱，可以將光標(biāo)放置在相應(yīng)工具的上方，此時(shí)會(huì)出現(xiàn)一個(gè)黃色的圖標(biāo)，上面會(huì)顯示該工具的具體名稱，如下圖所示。工具名稱后面括號(hào)中的字母，代表選擇此工具的快捷鍵，只要在鍵盤上按下該字母，就可以快速切換到相應(yīng)的工具上。移動(dòng)工具2.1.2工具箱3、顯示并選擇工具由于PhotoshopCS6提供的工具比較多，因此工具箱中并不能顯示所有的工具，有些工具被隱藏在相應(yīng)的子菜單中。在工具箱的某些工具圖標(biāo)上可以看到一個(gè)小三角符號(hào)，表示該工具下還有隱藏的工具。在工具箱中帶有的工具圖標(biāo)上單擊鼠標(biāo)右鍵，就會(huì)彈出隱藏的工具選項(xiàng)。將光標(biāo)移動(dòng)到隱藏的工具上然后單擊鼠標(biāo)左鍵，即可選擇該工具。隱藏工具欄2.1.3選項(xiàng)欄選擇一個(gè)工具之后，菜單欄下方會(huì)顯示出該工具的選項(xiàng)欄。選項(xiàng)欄可以看成是工具的功能擴(kuò)展，可以對工具進(jìn)行進(jìn)一步詳細(xì)的設(shè)置。比如選擇“矩形選框工具”時(shí)，其選項(xiàng)欄如圖所示。矩形選框工具選項(xiàng)欄2.1.4控制面板控制面板是PhotoshopCS6處理圖像時(shí)必不可少的部分，可以完成對圖像的處理操作和相關(guān)參數(shù)的設(shè)置，比如顯示信息、選擇顏色、編輯圖層等。顏色面板調(diào)整面板2.1.4控制面板1、選擇面板面板通常以選項(xiàng)卡的形式成組出現(xiàn)。在面板選項(xiàng)卡中單擊一個(gè)面板的名稱即可顯示該面板。如單擊“色板”顯示“色板”面板，如圖所示。選擇“色板”面板浮動(dòng)面板2、移動(dòng)面板面板在工作界面的位置可以任意移動(dòng)。將光標(biāo)放在面板名稱上，單擊并拖動(dòng)就可以將面板從面板組中分離出來，成為一個(gè)獨(dú)立的浮動(dòng)面板，放在窗口的任意位置。如圖所示。2.1.5圖像編輯區(qū)在PhotoshopCS6中打開一個(gè)圖像會(huì)自動(dòng)創(chuàng)建一個(gè)圖像編輯窗口，當(dāng)打開多個(gè)圖像時(shí)會(huì)停放到選項(xiàng)卡中，單擊一個(gè)文檔名稱，即可設(shè)置為當(dāng)前操作窗口。如圖所示。圖像編輯區(qū)2.2設(shè)置前景色和背景色在PhotoshopCS6工具箱底部有一組設(shè)置前景色和背景色的圖標(biāo)，該組工具可以用來設(shè)置前景色和背景色，進(jìn)而利用設(shè)置的顏色進(jìn)行填充等操作。如圖所示。前景色背景色設(shè)置圖標(biāo)該工具組由4部分組成，分別是“設(shè)置前景色”、“設(shè)置背景色”、“切換前景色和背景色”和“默認(rèn)前景色和背景色”。在PhotoshopCS6中，默認(rèn)前景色是黑色，背景色為白色，可以通過該組工具更改前景色和背景的顏色。2.2.1設(shè)置前景色“設(shè)置前景色”工具色塊所顯示的顏色是當(dāng)前所使用的前景色。單擊該色塊，將彈出下圖所示的“拾色器（前景色）”對話框。在“色域”中拖動(dòng)鼠標(biāo)可以改變當(dāng)前拾取的顏色，拖動(dòng)“顏色滑塊”可以調(diào)整顏色范圍。按下【Alt+Delete】鍵可直接填充前景色。設(shè)置前景色2.2.2設(shè)置背景色“設(shè)置背景色”工具色塊所顯示的顏色是當(dāng)前所使用的背景色。單擊該色塊，將彈出“拾色器（背景色）”對話框，可進(jìn)行背景色設(shè)置。按下【Ctrl+Delete】鍵可直接填充背景色。Tips：切換前景色和背景色：單擊該按鈕（或按下快捷鍵【X】），可將前景色和背景色互換。默認(rèn)前景色和背景色：單擊該按鈕（或按下快捷鍵【D】），可恢復(fù)默認(rèn)的前景色和背景色，即前景色為黑色，背景色為白色。2.3創(chuàng)建選擇區(qū)域在用PhotoshopCS6處理圖像時(shí)經(jīng)常需要?jiǎng)?chuàng)建選區(qū)，PhotoshopCS6創(chuàng)建選區(qū)的方式主要有選框工具、套索工具。此外還可以利用選區(qū)的布爾運(yùn)算綜合使用多種選區(qū)創(chuàng)建工具對選區(qū)進(jìn)行布爾運(yùn)算以得到目標(biāo)選區(qū)。怎么創(chuàng)建選擇區(qū)域呢？2.3.1選框工具在PhotoshopCS6工具箱頂部有一組選框工具，是最為常用的選區(qū)工具，常用來繪制一些形狀規(guī)則的選區(qū)。選擇“矩形選框工具”鼠標(biāo)右鍵單擊或長按鼠標(biāo)左鍵可以顯示整組選框工具，如圖所示。選框工具2.3.1選框工具一、矩形選框工具1、矩形選框工具的基本操作“矩形選框工具”作為最常用的選區(qū)工具，常用來繪制一些形狀規(guī)則的矩形選區(qū)。單擊工具箱中的“矩形選框工具”（快捷鍵【M】），摁住鼠標(biāo)左鍵在畫布中拖動(dòng)，即可創(chuàng)建一個(gè)矩形選區(qū)。創(chuàng)建矩形選區(qū)在創(chuàng)建矩形選區(qū)的時(shí)候有一些使用技巧：①按住【Shift】鍵的同時(shí)拖動(dòng)鼠標(biāo)，可以創(chuàng)建一個(gè)正方形選區(qū)。②按住【Alt】鍵的同時(shí)拖動(dòng)鼠標(biāo)，可以單擊點(diǎn)為中心創(chuàng)建一個(gè)矩形選區(qū)。③按住【Alt+Shift】組合鍵的同時(shí)拖動(dòng)鼠標(biāo)，可以以單擊點(diǎn)為中心創(chuàng)建一個(gè)正方形選區(qū)。④執(zhí)行“選擇-取消選擇”命令可以取消當(dāng)前的選區(qū)。該命令的快捷鍵是【Ctrl+D】，是最常用的快捷鍵之一。該命令同時(shí)適用于所有的選區(qū)工具創(chuàng)建的選區(qū)。2.3.1選框工具2、矩形選框工具選項(xiàng)欄選擇“矩形選框工具”后，可以在其選項(xiàng)欄的“樣式”列表框中選擇控制選框尺寸和比例的方式。矩形選框工具的選項(xiàng)欄“矩形選框工具”選項(xiàng)欄中的樣式有“正?！?、“固定比例”和“固定大小”3種。正常：默認(rèn)方式，拖動(dòng)鼠標(biāo)創(chuàng)建任意大小的選框。固定比例：選擇此方式后，可以在后面的“寬度”和“高度”文本框中輸入具體寬高比，可以創(chuàng)建寬高比固定的矩形選框。固定大?。哼x擇此方式后，可以在后面的“寬度”和“高度”文本框中輸入具體寬高數(shù)據(jù)，可以創(chuàng)建指定尺寸的矩形選框?！熬匦芜x框工具”選項(xiàng)欄中的“羽化”可以設(shè)置矩形選框的羽化值，羽化效果可以使選區(qū)內(nèi)外銜接的部分虛化，起到漸變和自然銜接的作用。無羽化效果羽化后效果2.3.1選框工具二、橢圓選框工具1、橢圓選框工具的基本操作與“矩形選框工具”類似，“橢圓選框工具”也是最常用的選區(qū)工具之一。選擇“橢圓選框工具”，按住鼠標(biāo)左鍵在畫布中拖動(dòng)，即可創(chuàng)建一個(gè)橢圓選區(qū)。創(chuàng)建橢圓選區(qū)在創(chuàng)建橢圓選區(qū)的時(shí)候也有一些使用技巧，具體如下：①按住【Shift】鍵的同時(shí)拖動(dòng)鼠標(biāo)，可以創(chuàng)建一個(gè)正圓選區(qū)。②按住【Alt】鍵的同時(shí)拖動(dòng)鼠標(biāo)，可以以單擊點(diǎn)為中心創(chuàng)建一個(gè)橢圓選區(qū)。③按住【Alt+Shift】組合鍵的同時(shí)拖動(dòng)鼠標(biāo)，可以以單擊點(diǎn)為中心創(chuàng)建一個(gè)正圓選區(qū)。2.3.1選框工具2、橢圓選框工具的選項(xiàng)欄選擇“橢圓選框工具”后，選項(xiàng)欄相應(yīng)出現(xiàn)其可以設(shè)置的選項(xiàng)。“橢圓選框工具”的選項(xiàng)欄。橢圓選框工具的選項(xiàng)欄與“矩形選框工具”對比發(fā)現(xiàn)“橢圓選框工具”選項(xiàng)欄中可以使用“消除鋸齒”功能。勾選“消除鋸齒”，對選區(qū)填充顏色后會(huì)使圖像邊緣更看起來更光滑。未勾選“消除鋸齒”勾選“消除鋸齒”2.3.2套索工具在PhotoshopCS6工具箱頂部選框工具下面有一組套索工具，右鍵單擊或者左鍵長按可以彈出套索工具組菜單。套索工具菜單組套索工具組用于創(chuàng)建不規(guī)則選區(qū)，其中最常用的是多邊形套索工具和磁性套索工具。以多邊形套索工具為例，選擇多邊形套索工具后，鼠標(biāo)指針會(huì)變成形狀，在畫布中單擊創(chuàng)建起始節(jié)點(diǎn)，接著拖動(dòng)鼠標(biāo)指針到下一目標(biāo)節(jié)點(diǎn)單擊創(chuàng)建下一節(jié)點(diǎn)，依次創(chuàng)建所有目的節(jié)點(diǎn)，形成不規(guī)則選區(qū)，最后拖動(dòng)鼠標(biāo)到起始位置，當(dāng)終點(diǎn)與起點(diǎn)重合時(shí)，鼠標(biāo)指針變成，此時(shí)再次單擊即可創(chuàng)建一個(gè)閉合選區(qū)。閉合多邊形選區(qū)多邊形套索繪制多邊形選區(qū)使用“多邊形套索工具”創(chuàng)建選區(qū)時(shí)，有一些使用的技巧，具體如下：①在未閉合選區(qū)的情況下，按【Delete】鍵可以刪除當(dāng)前節(jié)點(diǎn)，按【Esc】鍵可以刪除所有節(jié)點(diǎn)。②在創(chuàng)建節(jié)點(diǎn)時(shí)，按【Shift】鍵，可以沿水平方向、垂直方向或者45方向創(chuàng)建下一個(gè)節(jié)點(diǎn)。③創(chuàng)建選區(qū)時(shí)如果沒有最后將鼠標(biāo)拖到起始節(jié)點(diǎn)單擊閉合鼠標(biāo)，雙擊鼠標(biāo)，會(huì)自動(dòng)從當(dāng)前最后繪制的節(jié)點(diǎn)到起始節(jié)點(diǎn)創(chuàng)建一條線閉合選區(qū)。2.3.3選區(qū)的布爾運(yùn)算在創(chuàng)建選區(qū)時(shí)可以利用選區(qū)的“布爾運(yùn)算”實(shí)現(xiàn)新選區(qū)和現(xiàn)有選區(qū)之間的運(yùn)算，是選區(qū)之間進(jìn)行相加、相減或者相交，從而形成新的選區(qū)?！安紶栠\(yùn)算”可以通過任何選區(qū)工具的選項(xiàng)欄進(jìn)行設(shè)置。選區(qū)的布爾運(yùn)算菜單組選區(qū)布爾運(yùn)算工具的選項(xiàng)欄包括四個(gè)按鈕，從左到右依次為：新選區(qū)、添加到選區(qū)、從選區(qū)減去和與選區(qū)交叉。2.3.3選區(qū)的布爾運(yùn)算在創(chuàng)建選區(qū)時(shí)可以利用選區(qū)的“布爾運(yùn)算”實(shí)現(xiàn)新選區(qū)和現(xiàn)有選區(qū)之間的運(yùn)算，是選區(qū)之間進(jìn)行相加、相減或者相交，從而形成新的選區(qū)。“布爾運(yùn)算”可以通過任何選區(qū)工具的選項(xiàng)欄進(jìn)行設(shè)置。選區(qū)的布爾運(yùn)算菜單組選區(qū)布爾運(yùn)算工具的選項(xiàng)欄包括四個(gè)按鈕，從左到右依次為：新選區(qū)、添加到選區(qū)、從選區(qū)減去和與選區(qū)交叉。2.3.3選區(qū)的布爾運(yùn)算1、新選區(qū)“新選區(qū)”按鈕為所有選區(qū)工具的默認(rèn)選區(qū)編輯狀態(tài)。選擇“新選區(qū)”按鈕后，如果畫布中沒有選區(qū)，則可以創(chuàng)建一個(gè)新的選區(qū)。如果畫布中存在選區(qū)，那么新創(chuàng)建的選區(qū)會(huì)替換原來的選區(qū)。添加到選區(qū)2、添加到選區(qū)“添加到選區(qū)”可在原有選區(qū)的基礎(chǔ)上添加新的選區(qū)。選擇“添加到選區(qū)”按鈕后（或按下快捷鍵【Shift】），當(dāng)繪制一個(gè)選區(qū)后，再繪制另一個(gè)選區(qū)，則兩個(gè)選區(qū)同時(shí)保留。如果兩個(gè)選區(qū)之間有交叉區(qū)域，則會(huì)形成疊加在一起的選區(qū)。選區(qū)疊加2.3.3選區(qū)的布爾運(yùn)算3、從選區(qū)減去“從選區(qū)減去”可在原有選區(qū)的基礎(chǔ)上減去新的選區(qū)。選擇“從選區(qū)減去”按鈕后（或按下快捷鍵【Alt】），可在原有選區(qū)的基礎(chǔ)上減去新創(chuàng)建的選區(qū)部分。從選區(qū)中減去4、與選區(qū)交叉“與選區(qū)交叉”用來保留兩個(gè)選區(qū)相交的區(qū)域。選擇“與選區(qū)交叉”按鈕后（或按下快捷鍵【Alt+Shift】），畫面中只保留原有選區(qū)與新創(chuàng)建的選區(qū)相交的部分。與選區(qū)交叉2.4基本繪圖工具PhotoshopCS6雖然是一款功能強(qiáng)大的位圖繪制軟件，但是同樣具備繪制矢量圖形的功能。在PhotoshopCS6中內(nèi)置了各種各樣的矢量圖形繪制工具，如“形狀工具”、“鋼筆工具”等。PhotoshopCS6中內(nèi)置了哪些矢量圖形繪制工具？2.4.1形狀工具在PhotoshopCS6的工具欄下方有一個(gè)矩形工具，選擇此工具長按鼠標(biāo)左鍵或者鼠標(biāo)單擊右鍵，會(huì)彈出此工具的子工具菜單。其中橢圓工具是常用的基礎(chǔ)工具，多邊形工具可以快速創(chuàng)建一些特殊的形狀。形狀工具2.4.1形狀工具1、橢圓工具“橢圓工具”作為形狀工具組的基礎(chǔ)工具之一，常用來繪制正圓或橢圓。將鼠標(biāo)定位在“矩形工具”上，單擊鼠標(biāo)右鍵，會(huì)彈出形狀工具組。這時(shí)，使用鼠標(biāo)左鍵單擊工具組中的第3項(xiàng)“橢圓工具”，即可選中“橢圓工具”。選中“橢圓工具”后，按住鼠標(biāo)左鍵在畫布中拖動(dòng)，即可創(chuàng)建一個(gè)橢圓。。選中“橢圓工具”創(chuàng)建橢圓2.4.1形狀工具1、橢圓工具“橢圓工具”作為形狀工具組的基礎(chǔ)工具之一，常用來繪制正圓或橢圓。將鼠標(biāo)定位在“矩形工具”上，單擊鼠標(biāo)右鍵，會(huì)彈出形狀工具組。這時(shí)，使用鼠標(biāo)左鍵單擊工具組中的第3項(xiàng)“橢圓工具”，即可選中“橢圓工具”。選中“橢圓工具”后，按住鼠標(biāo)左鍵在畫布中拖動(dòng)，即可創(chuàng)建一個(gè)橢圓。選中“橢圓工具”創(chuàng)建橢圓使用“橢圓工具”創(chuàng)建圖形時(shí)，有些技巧，具體如下：①按住【shift】鍵的時(shí)候同時(shí)拖動(dòng)，可以創(chuàng)建一個(gè)正圓。②按住【Alt】鍵的同時(shí)拖動(dòng)，可以創(chuàng)建一個(gè)以單擊點(diǎn)為中心的橢圓。③按住【Alt+shift】組合鍵的同時(shí)拖動(dòng)鼠標(biāo)，可以創(chuàng)建一個(gè)以單擊點(diǎn)為中心的正圓。④選中“橢圓工具”后，在畫布中單擊鼠標(biāo)左鍵，會(huì)彈出“創(chuàng)建橢圓”對話框，可以自定義寬度值和高度值。2.4.1形狀工具橢圓工具選項(xiàng)欄描邊設(shè)置填充設(shè)置“橢圓工具”選項(xiàng)欄對“橢圓工具”選項(xiàng)欄中一些常用選項(xiàng)的解釋如下：：單擊“形狀”右側(cè)的按鈕，包含形狀、路徑和像素3個(gè)選項(xiàng)形狀下拉列表：用于設(shè)置描邊的寬度，數(shù)值越大，描邊寬度越大。：單擊此按鈕，可以在彈出的下拉面板中設(shè)置填充顏色。：單擊此按鈕，可以在彈出的下拉面板中設(shè)置描邊、端點(diǎn)及角點(diǎn)的類型。2.4.1形狀工具2、多邊形工具“多邊形工具”默認(rèn)的是正五邊形，但是可以通過其選項(xiàng)欄自定義多邊形的邊數(shù)。下拉框“多邊形”選項(xiàng)欄使用“多邊形工具”還可以繪制星形。點(diǎn)擊多邊形選項(xiàng)欄中的按鈕，會(huì)彈出一個(gè)下拉框，勾選其中的“星形”選框，按住鼠標(biāo)左鍵在畫布中拖動(dòng)即可繪制星形。星形在下拉框中，還可以勾選“平滑拐角”和“平滑縮進(jìn)”兩個(gè)選項(xiàng)，繪制不同效果的星形。平滑拐角星形平滑縮進(jìn)星形2.4.2鋼筆工具

鋼筆工具是繪制自定義形狀或路徑的常用工具。選擇“鋼筆工具”，在其選項(xiàng)欄中設(shè)置相應(yīng)的模式，即可在畫布中繪制形狀或路徑。繪制路徑繪制形狀2.4.2鋼筆工具使用“鋼筆工具”繪制形狀時(shí)可以繪制直線也可以繪制曲線。繪制曲線繪制直線1、繪制直線選擇“鋼筆工具”，在畫布中單擊，創(chuàng)建第一個(gè)錨點(diǎn)，在其他位置再次單擊，會(huì)在兩個(gè)錨點(diǎn)之間形成一條直線。另外，在創(chuàng)建直線的時(shí)候，按住【Shift】鍵不放，可以繪制水平、垂直或者45°倍數(shù)的斜線段。2、繪制曲線使用“鋼筆工具”繪制曲線時(shí)，可以通過單擊并拖動(dòng)鼠標(biāo)的方法直接創(chuàng)建曲線。這樣會(huì)在錨點(diǎn)之間形成一條曲線。使用“鋼筆工具”創(chuàng)建曲線時(shí)，按住【Ctrl】鍵不放，會(huì)將“鋼筆工具”暫時(shí)變?yōu)椤爸苯舆x擇工具”，可以調(diào)整曲線的弧度。2.5創(chuàng)建文字在實(shí)際的設(shè)計(jì)與操作中，有時(shí)需要對繪制的圖形增加立體的效果，或使用文字來表達(dá)主題。PhotoshopCS6提供了4中輸入文字的工具，分別是橫排文字工具、直排文字工具、橫排文字蒙版工具和直排文字蒙版工具。PhotoshopCS6的文字工具如何使用？2.5.1文字工具選項(xiàng)欄“橫排文字工具”選項(xiàng)欄可以設(shè)置文字的字體、字號(hào)及顏色等?！皺M排文字工具”選項(xiàng)欄其中，各選項(xiàng)說明如下：“切換文本取向”按鈕：可將輸入好的文字在水平方向和垂直方向間切換?！霸O(shè)置字體系列”：單擊下拉列表框，可以進(jìn)行文字字體的選擇?！霸O(shè)置字體大小”：單擊下拉列表框，可選擇文字字體大小，也可直接輸入數(shù)值?！霸O(shè)置消除鋸齒的方式”：用來設(shè)置是否消除文字的鋸齒邊緣以及用什么方式消除文字的鋸齒邊緣。“設(shè)置文本對齊”按鈕：用來設(shè)置文字的對齊方式?！霸O(shè)置文本顏色”按鈕：單擊即可調(diào)出“拾色器（文本顏色）”，用來設(shè)置文字的顏色?！皠?chuàng)建文字變形”按鈕：單擊即可調(diào)出“變形文字”對話框。“切換字符和段落面板”按鈕：單擊即可調(diào)出“字符”和“段落”面板。2.5.2創(chuàng)建文字1、輸入點(diǎn)文本選擇工具箱中的“橫排文字工具”，在選項(xiàng)欄中設(shè)置各項(xiàng)參數(shù)。在圖像窗口中單擊，會(huì)出現(xiàn)一個(gè)閃爍的光標(biāo)，此時(shí)，進(jìn)入文本編輯狀態(tài)，在窗口中輸入文字。單擊選項(xiàng)欄上的“提交當(dāng)前所有編輯”按鈕（或按下【Ctrl+Enter】鍵），完成文字的輸入。輸入文字文字輸入完成2.5.2創(chuàng)建文字2、輸入段落文本選擇工具箱中的“橫排文字工具”，在選項(xiàng)欄中設(shè)置各項(xiàng)參數(shù)。在畫布上，按住鼠標(biāo)左鍵并拖動(dòng)，將創(chuàng)建一個(gè)定界框，且其中會(huì)出現(xiàn)一個(gè)閃爍的光標(biāo)。在定界框內(nèi)輸入文字。按下【Ctrl+Enter】鍵，完成段落文本的創(chuàng)建。創(chuàng)建定界框輸入文字段落文本創(chuàng)建完成2.5.2創(chuàng)建文字3、設(shè)置文本屬性設(shè)置文字的屬性主要是在字符面板中進(jìn)行。執(zhí)行“窗口→字符”命令，即可彈出“字符面板”?！白址泵姘?.6圖層和圖層樣式在PhotoshopCS6中“圖層”作為最基礎(chǔ)的工具，經(jīng)常被用于圖形圖像的制作中。使用Photoshop制作像時(shí)，同常將圖片的不同部分分層存放，每一層成為“圖層”，所有圖層組合成復(fù)合圖像。多圖層圖像的最大優(yōu)點(diǎn)是可以單獨(dú)處理某個(gè)元素，而不會(huì)影響圖像中的其他元素。什么是“圖層？什么是圖層樣式？該如何使用“圖層”并給圖層添加圖層樣式呢？2.6.1圖層的基本操作1、創(chuàng)建圖層使用PhotoshopCS6創(chuàng)建圖層一般有兩種方法：①單擊“圖層”面板下方的“創(chuàng)建新圖層”按鈕，即可創(chuàng)建一個(gè)圖層。②按快捷鍵【Ctrl+Shift+Alt+N】可在當(dāng)前圖層的上方創(chuàng)建一個(gè)新圖層。創(chuàng)建新圖層2、刪除圖層刪除圖層的方式有以下幾種：：①選擇需要?jiǎng)h除的圖層，將其拖動(dòng)到“圖層”面板下方的“刪除圖層”按鈕上，即可刪除此圖層。②擇圖層，按【Delete】鍵即可刪除選擇的圖層。③執(zhí)行【文本】/【腳本】/【刪除所有空圖層】命令，即可刪除所有未被編輯過的空圖層。刪除圖層2.6.2圖層樣式1、添加圖層樣式如果要為圖形添加“圖層樣式”，需要先選中這個(gè)圖層，然后單擊“圖層”面板下方的“添加圖層樣式”按鈕，在彈出的菜單中，選擇一個(gè)效果命令。“圖層樣式”對話框分為三個(gè)部分：左側(cè)為“樣式”選擇區(qū)域；中間為相應(yīng)“樣式”的參數(shù)設(shè)置區(qū)域；右側(cè)為“樣式”預(yù)覽及確定區(qū)域。圖層樣式對話框2.6.2圖層樣式2、圖層樣式種類PhotoshopCS6提供的圖層樣式中的效果共有十種，它們分別是斜面和浮雕、描邊、內(nèi)陰影、內(nèi)發(fā)光、光澤、顏色疊加、漸變疊加、圖案疊加、外發(fā)光和投影?！靶泵婧透〉瘛眳?shù)設(shè)置面板（1）斜面和浮雕“斜面和浮雕”效果可以為圖形添加高光與陰影的各種組合，使圖像對象內(nèi)容呈現(xiàn)立體的浮雕效果。在“圖層樣式”對話框中選擇“斜面和浮雕”，即可切換到“斜面和浮雕”參數(shù)設(shè)置面板。2.6.2圖層樣式（1）斜面和浮雕主要選項(xiàng)說明如下：樣式：在該下拉列表框中可選擇不同的斜面和浮雕樣式，得到不同的效果。方法：用來選擇一種創(chuàng)建浮雕的方法。深度：用于設(shè)置浮雕斜面的應(yīng)用深度，數(shù)值越高，浮雕的立體性越強(qiáng)。角度：用于設(shè)置不同的光源角度。原圖像“內(nèi)斜面”效果“枕狀浮雕”效果2.6.2圖層樣式“描邊”參數(shù)設(shè)置面板（2）描邊“描邊”效果可以使用顏色、漸變或圖案勾勒圖形對象的輪廓，在圖形對象的邊緣產(chǎn)生一種描邊效果。在“圖層樣式”對話框中單擊“描邊”選項(xiàng)，即可切換到“描邊”參數(shù)設(shè)置面板。2.6.2圖層樣式（2）描邊主要選項(xiàng)說明如下：大?。河糜谠O(shè)置描邊線條的寬度。位置：用于設(shè)置描邊的位置，包括外部、內(nèi)部、居中。填充類型：用于選擇描邊的效果以何種方式填充。顏色：用于設(shè)置描邊顏色。原圖像“描邊”效果2.6.2圖層樣式“投影”參數(shù)設(shè)置面板（3）投影與內(nèi)陰影“投影”效果是在圖形對象背后添加陰影，使其產(chǎn)生立體感。在“圖層樣式”對話框中單擊“投影”選項(xiàng)，即可切換到“投影”參數(shù)設(shè)置面板。

“投影”效果是從圖層背后產(chǎn)生陰影，而“內(nèi)陰影”則是在圖形對象前面內(nèi)部邊緣位置添加陰影，使其產(chǎn)生凹陷效果。2.6.2圖層樣式“投影”參數(shù)設(shè)置面板（3）投影與內(nèi)陰影“投影”效果是在圖形對象背后添加陰影，使其產(chǎn)生立體感。在“圖層樣式”對話框中單擊“投影”選項(xiàng)，即可切換到“投影”參數(shù)設(shè)置面板。

“投影”效果是從圖層背后產(chǎn)生陰影，而“內(nèi)陰影”則是在圖形對象前面內(nèi)部邊緣位置添加陰影，使其產(chǎn)生凹陷效果。2.6.2圖層樣式（2）投影與內(nèi)陰影主要選項(xiàng)說明如下：混合模式：用于設(shè)置陰影與下方圖層的色彩混合模式，默認(rèn)為“正片疊底”。單擊右側(cè)的顏色塊，可以設(shè)置陰影的顏色。不透明度：用于設(shè)置投影的不透明度，數(shù)值越大，陰影的顏色就越深。角度：用于設(shè)置光源的照射角度，光源角度不同，陰影的位置也不同。選中“全局光”復(fù)選框，可以使圖層效果保持一致的光線照射角度。距離：用于設(shè)置投影與圖像的距離，數(shù)值越大，投影就越遠(yuǎn)。大?。河糜谠O(shè)置陰影的大小，數(shù)值越大，陰影就越大。原圖像“投影”效果“內(nèi)陰影”效果2.7應(yīng)用濾鏡濾鏡是Photoshop中最具吸引力的功能之一，它就像是一個(gè)神奇的魔術(shù)師，隨手一變，就能讓普通的圖像呈現(xiàn)出令人驚嘆的視覺效果。濾鏡不僅用于制作各種特效，還能模擬素描、油畫、水彩等繪畫效果。如何使用“濾鏡”？“濾鏡”又有那些效果呢？2.7.1濾鏡庫濾鏡庫是整合個(gè)多個(gè)濾鏡組的對話框，用PhotoshopCS6打開一張圖片，執(zhí)行“濾鏡-濾鏡庫”命令，將彈出“濾鏡庫”對話框。對話框左側(cè)是預(yù)覽區(qū)，中間是6組可選的濾鏡，右側(cè)是參數(shù)設(shè)置區(qū)域。濾鏡庫包含了“風(fēng)格化”、“畫筆描邊”、“扭曲”、“素描”、“紋理”和“藝術(shù)效果”6組濾鏡，其中每一組濾鏡下又包含多種濾鏡效果，選擇想要的濾鏡就可以設(shè)置該濾鏡的各個(gè)參數(shù)，達(dá)到不同的濾鏡效果。應(yīng)用濾鏡命令2.7.2“風(fēng)格化”濾鏡“風(fēng)格化”濾鏡通過設(shè)置圖像像素并查找和增加圖像中的對比度，產(chǎn)生過不同的作畫風(fēng)格效果。“風(fēng)格化”濾鏡組中包含9種不同風(fēng)格的濾鏡。這里介紹最常用的“風(fēng)”濾鏡?！帮L(fēng)”濾鏡可以使圖像產(chǎn)生細(xì)小的水平線，以達(dá)到不同“風(fēng)”的效果。執(zhí)行“濾鏡→風(fēng)格化→風(fēng)”命令，將彈出“風(fēng)”對話框。在該對話框中，“方法”用于設(shè)置風(fēng)的作用形式，包括“風(fēng)”、“大風(fēng)”和“颶風(fēng)”3種形式?！胺较颉庇糜谠O(shè)置風(fēng)源的方向，包括“從右”和“從左”兩個(gè)方向。原圖片“風(fēng)”對話框效果圖2.7.3“液化”濾鏡“液化”濾鏡具有強(qiáng)大的變形及創(chuàng)建特效的功能。執(zhí)行【濾鏡】/【液化】命令，彈出“液化”對話框。在對話框右側(cè)選擇“高級(jí)模式”復(fù)選框。“液化”對話框2.7.3“液化”濾鏡選擇“向前變形工具”，在右側(cè)的“工具選項(xiàng)”中設(shè)置各項(xiàng)參數(shù)，將光標(biāo)置于想變形的圖像位置，拖動(dòng)鼠標(biāo)，即可對圖像進(jìn)行變形。

使用“液化”濾鏡，可以讓圖像內(nèi)容變得如液體效果一般，進(jìn)而方便對圖像進(jìn)行扭曲和變形操作?！耙夯睘V鏡也常用來完成人物瘦臉瘦身的效果。“液化”變形效果2.7.4“模糊”濾鏡1、高斯模糊“高斯模糊”可以讓圖像產(chǎn)生朦朧的霧化效果，執(zhí)行【濾鏡】/【模糊】/【高斯模糊】命令，將彈出“高斯模糊”對話框。其中對話框中的“半徑”用于設(shè)置模糊的范圍，數(shù)值越大，模糊效果越強(qiáng)烈?！案咚鼓：睘V鏡經(jīng)常用來實(shí)現(xiàn)人物磨皮細(xì)膩皮膚的效果。原圖像“高斯模糊”對話框效果圖2.7.4“模糊”濾鏡2、動(dòng)感模糊“動(dòng)感模糊”濾鏡可以使圖像產(chǎn)生速度感的效果，類似于給移動(dòng)的對象拍照的效果。執(zhí)行【濾鏡】/【模糊】/【動(dòng)感模糊】命令，將彈出“動(dòng)感模糊”對話框。其中，“角度”用于設(shè)置模糊的方向，“距離”用于設(shè)置像素移動(dòng)的距離。原圖像“動(dòng)感模糊”對話框效果圖2.8實(shí)戰(zhàn)-制作藍(lán)色光束利用所學(xué)知識(shí)制作藍(lán)色光束效果，最終效果如圖所示。效果圖2.8實(shí)戰(zhàn)-制作藍(lán)色光束【Step1】執(zhí)行【文件】/【新建】命令，創(chuàng)建一個(gè)寬度為800像素，高度為500像素的矩形畫布。新建文件2.8實(shí)戰(zhàn)-制作藍(lán)色光束【Step2】將前景色設(shè)置為黑色，按“Alt+Delete”組合鍵，填充黑色。填充背景色2.8實(shí)戰(zhàn)-制作藍(lán)色光束【Step3】新建圖層1，將前景色設(shè)置為（R：36，G：184，B：229）的藍(lán)色，選擇“橢圓選區(qū)工具”，按【Shift】鍵，在畫布中間繪制一個(gè)正圓選區(qū)，并填充藍(lán)色。繪制藍(lán)色正圓【Step4】按【Ctrl+D】組合鍵取消選區(qū)，按【Ctrl+T】組合鍵切換到自由變化狀態(tài)，先將正圓壓扁，再拉長，最終形成光線效果。拉長藍(lán)色正圓壓扁藍(lán)色正圓最終效果2.8實(shí)戰(zhàn)-制作藍(lán)色光束【Step5】利用相同的方法，繪制3條光線，調(diào)整不同光線的細(xì)節(jié)，如大小和不透明度，將關(guān)線進(jìn)行位置的調(diào)整。繪制光線【Step6】新建圖層2，選擇“橢圓選區(qū)工具”，在選項(xiàng)欄中將羽化值設(shè)置為12像素，按【Shift】鍵，拖拽出一個(gè)正圓選區(qū)，如圖2-96所示，填充相同的藍(lán)色，按【Ctrl+D】組合鍵取消選區(qū)。正圓選區(qū)填充藍(lán)色2.8實(shí)戰(zhàn)-制作藍(lán)色光束【Step7】按【Ctrl+T】組合鍵切換到自由變化狀態(tài)，先將正圓壓扁，再拉長，形成光束效果。復(fù)制圖層2，調(diào)整大小，將復(fù)制的內(nèi)容放到光束中間位置，并將圖層混合模式改為“濾色”，形成中間高光位置。光束效果高光效果2.8實(shí)戰(zhàn)-制作藍(lán)色光束【Step8】利用相同的方法，多繪制幾束光線，并調(diào)整位置，使光束更加豐富飽滿。豐富光束2.8實(shí)戰(zhàn)-制作藍(lán)色光束【Step9】新建圖層3，選擇“橢圓選區(qū)工具”，在選項(xiàng)欄中將羽化值設(shè)置為25像素，按【Shift】鍵，拖拽出一個(gè)正圓選區(qū)，填充藍(lán)色。羽化藍(lán)色2.8實(shí)戰(zhàn)-制作藍(lán)色光束【Step10】按【Ctrl+J】組合鍵復(fù)制圖層3，按【Ctrl】鍵的同時(shí)單擊縮略圖點(diǎn)選出選區(qū)，并將選區(qū)中心縮小。將圖層混合模式改為“顏色減淡”?？s小選區(qū)顏色減淡2.8實(shí)戰(zhàn)-制作藍(lán)色光束【Step11】新建圖層4，選擇“橢圓選區(qū)工具”，按【Shift】鍵，拖拽出一個(gè)正圓選區(qū)。在菜單中執(zhí)行【編輯】/【描邊】命令，彈出“描邊”對話框，將描邊大小設(shè)置為4像素，顏色設(shè)置為相同的藍(lán)色，其他參數(shù)如圖所示。單擊【確定】按鈕，應(yīng)用描邊。拖拽正圓選區(qū)“描邊”對話框“描邊”效果2.8實(shí)戰(zhàn)-制作藍(lán)色光束【Step12】在菜單欄執(zhí)行【濾鏡】/【模糊】/【高斯模糊】命令，在彈出的“高斯模糊”對話框中，將模糊半徑設(shè)置為4像素，單擊【確定】按鈕，應(yīng)用高斯模糊?！案咚鼓：毙Ч案咚鼓：睂υ捒?.8實(shí)戰(zhàn)-制作藍(lán)色光束【Step13】新建圖層5，選擇“橢圓選區(qū)工具”，按【Shift】鍵，拖拽出一個(gè)較大的正圓選區(qū)，填充相同的藍(lán)色。大的藍(lán)色正圓2.8實(shí)戰(zhàn)-制作藍(lán)色光束【Step14】在菜單欄執(zhí)行【濾鏡】/【模糊】/【高斯模糊】命令，在彈出的“高斯模糊”對話框中，將模糊半徑設(shè)置為25像素，單擊【確定】按鈕，應(yīng)用高斯模糊。選擇“橢圓選區(qū)工具”，按【Alt】鍵在原來正圓選區(qū)的基礎(chǔ)上減去選區(qū)，最終得到月牙狀選區(qū)。月牙狀選區(qū)2.8實(shí)戰(zhàn)-制作藍(lán)色光束【Step15】執(zhí)行【選擇】/【修改】/【羽化】命令，將羽化半徑設(shè)置為20像素，按【Ctrl+J】組合鍵復(fù)制選區(qū)內(nèi)容，將原本的圖層5隱藏。形成光暈效果。光暈效果2.8實(shí)戰(zhàn)-制作藍(lán)色光束【Step16】利用相同的方法繪制另外的光暈，使光暈看起來具有層次感。同樣利用此方法繪制一個(gè)半圓形光暈，放置在光暈最外層中間。復(fù)制光暈半圓光暈2.8實(shí)戰(zhàn)-制作藍(lán)色光束【Step17】選擇“橢圓工具”，按【Shift】鍵繪制小的正圓得到“橢圓1”圖層，并填充藍(lán)色到黑色的鏡像漸變，多幾個(gè)復(fù)橢圓1圖層，將復(fù)制的圖層調(diào)整大小、不透明度，并移動(dòng)到合適的位置，形成光圈的立體效果。至此利用PhotoshopCS6和相關(guān)知識(shí)點(diǎn)完成了“藍(lán)色光束”效果。藍(lán)色光束謝謝Web美工基礎(chǔ)教程第三章處理網(wǎng)頁圖片目錄3.4快速制作Web文件3.2圖像的合成3.3圖像的輸出3.1幾種常見的摳圖工具及方法3.5創(chuàng)建與編輯切片1.幾種常見的摳圖工具及方法常見的摳圖工具及方法3.1.1魔棒工具工具介紹：魔棒工具作為基本的構(gòu)建選取工具，通過區(qū)分顏色和色調(diào)，快速將色彩和色調(diào)相近的區(qū)域進(jìn)行選擇。如圖3-1所示，在其選項(xiàng)欄中，對容差值的設(shè)定可以控制選擇范圍，容差值越大其選定范圍越大。勾選“連續(xù)”選項(xiàng)時(shí)，即為所選區(qū)域是連續(xù)的，非“連續(xù)”狀態(tài)時(shí)，會(huì)選擇所有顏色相近的區(qū)域。魔棒工具適用于摳取顏色比較單一或者背景顏色比較單一的圖像。

圖3-1魔棒工具1.幾種常見的摳圖工具及方法常見的摳圖工具及方法方法步驟：如圖3-2所示，對素材中的建筑物進(jìn)行摳圖:

圖3-2導(dǎo)入素材圖3-3選中部分背景【setp1】設(shè)置容差值為“10”，“連續(xù)”選項(xiàng)為非勾選，單擊藍(lán)色背景，即為選中部分背景區(qū)域。 如圖3-3所示。1.幾種常見的摳圖工具及方法常見的摳圖工具及方法【step2】對未選中的背景區(qū)域進(jìn)行加選，方法為長按【Shift】鍵，單擊未選中的背景區(qū)域,重復(fù)操作直至所有背景區(qū)域加選完畢。松開鼠標(biāo)，如圖3-4所示。

圖3-4確定選區(qū)圖3-5反選確定所需區(qū)域【step3】單擊菜單欄中的【選擇】，執(zhí)行【反向】操作（【Ctrl+Shift+I】），即為選中所需的區(qū)域，如圖3-5所示。1.幾種常見的摳圖工具及方法常見的摳圖工具及方法【step4】將步驟3中選中的區(qū)域復(fù)制（【Ctrl+J】），從而得到透明背景的新圖層,摳圖步驟完成。如圖3-6所示。

圖3-6摳圖步驟完成1.幾種常見的摳圖工具及方法常見的摳圖工具及方法3.1.2鋼筆工具工具介紹：有時(shí)根據(jù)需求，需要將圖片中的某一部分摳出來用于其它目地，尤其對于內(nèi)容豐富的圖片，通常采用鋼筆工具來實(shí)現(xiàn)更加完美的摳圖效果。在使用“鋼筆工具”進(jìn)行曲線繪制時(shí)，需要根據(jù)情況改變路徑曲線的弧度，使其更貼近圖片，此時(shí)可以長按【Ctrl】鍵，調(diào)整曲線的弧度。方法步驟：如圖3-7所示，對素材中的人物進(jìn)行摳圖：

圖3-7導(dǎo)入素材圖3-8放大圖片【step1】選擇“鋼筆工具”，將工具模式設(shè)置為“路徑”，并將圖像放大至300%（【Ctrl++】），如圖3-8所示。

1.幾種常見的摳圖工具及方法常見的摳圖工具及方法【step2】使用“抓手工具”將圖片拖動(dòng)至瞄點(diǎn)起始的位置處，點(diǎn)擊“鋼筆工具”，將鼠標(biāo)移動(dòng)至瞄點(diǎn)開始的地方單擊，創(chuàng)建第一個(gè)瞄點(diǎn)。如圖3-9所示。

圖3-9創(chuàng)建第一個(gè)瞄點(diǎn)圖3-10建立平滑點(diǎn)【step3】在新瞄點(diǎn)附件創(chuàng)建第二個(gè)瞄點(diǎn)，并同時(shí)按住鼠標(biāo)左鍵進(jìn)行拖動(dòng)，調(diào)整曲線路徑的弧度，使路徑曲線更加貼近圖形邊緣，如圖3-10所示。1.幾種常見的摳圖工具及方法常見的摳圖工具及方法【step4】重復(fù)第三步，直到圍繞整個(gè)圖像形成閉合的路徑曲線，最后的效果如圖3-11所示。

圖3-12“路徑”面板

圖3-11繪制路徑圖3-13“建立”選取對話框【step5】在“路徑”面板，點(diǎn)擊圖3-12箭頭所示按鈕，在下拉菜單中選擇“建立選區(qū)”，在彈出的對話框中設(shè)置羽化半徑為“2”，點(diǎn)擊“確定”，路徑即轉(zhuǎn)化為選區(qū)，如圖3-13所示。1.幾種常見的摳圖工具及方法常見的摳圖工具及方法【step6】按復(fù)制健【Ctrl+J】，復(fù)制圖像得到新圖層如圖3-14，摳圖成功。

圖3-14摳圖效果1.幾種常見的摳圖工具及方法常見的摳圖工具及方法3.1.3通道摳圖工具介紹：在圖像處理過程中，“通道”作為一種高級(jí)功能在調(diào)色中占據(jù)著重要的作用，在顏色通道中存儲(chǔ)圖像的色彩，通過“色彩”和“曲線”對話框進(jìn)行調(diào)色。與此同時(shí)，通道也被廣泛應(yīng)用在扣圖中。方法步驟：如圖3-15，對素材中的云朵進(jìn)行摳圖

圖3-15素材圖3-16“通道“面板【step1】復(fù)制圖像【Ctrl+J】得到新圖層，如圖3-16所示，點(diǎn)擊“窗口”在下拉框中選擇“通道”，拖動(dòng)“通道”面板至合適位置，

1.幾種常見的摳圖工具及方法常見的摳圖工具及方法【step2】選擇紅色通道，按組合鍵【Ctrl+M】出現(xiàn)“曲線”對話框，如圖3-17所示，將曲線拖動(dòng)，使其輸入值為“125”，輸出值為“40”，點(diǎn)擊“確定”，得到圖3-18所示效果。

圖3-17“曲線“對話框圖3-18調(diào)整之后效果圖3-18調(diào)整之后效果1.幾種常見的摳圖工具及方法常見的摳圖工具及方法【step3】選擇紅色通道，再次單擊紅色通道，并選擇通道面板下方的“將通道作為選區(qū)載入”，出現(xiàn)紅色通道的選區(qū)，效果如圖3-19所示。

圖3-19紅色通道選區(qū)圖3-20摳圖效果【step4】選擇RGB通道，轉(zhuǎn)換至“圖層“面板，對圖層1進(jìn)行復(fù)制【Ctrl+J】,呈現(xiàn)出最后的效果圖，成功摳出云彩，如圖3-20所示。

1.幾種常見的摳圖工具及方法常見的摳圖工具及方法【step5】將藍(lán)天草地背景圖拖入當(dāng)前工作區(qū)域,如圖3-21所示,調(diào)整其大小與圖層1一致,并將其置于云彩土層之下,如圖3-22所示,將摳出來的云彩與背景圖進(jìn)行融合。

圖3-21置入背景圖圖3-22合成云彩與背景圖

1.幾種常見的摳圖工具及方法常見的摳圖工具及方法【step6】選中圖層2，通過快捷鍵【Ctrl+T】將云彩的大小和位置進(jìn)行調(diào)整,如圖3-23所示,在工具箱中選擇“橡皮擦”工具，具體設(shè)置如圖3-24所示，用橡皮擦將圖3-23中圖層的交接處進(jìn)行擦除，使云彩自然融入到藍(lán)天中，效果如圖3-25所示。

圖3-23調(diào)整云彩大小位置圖3-25最后效果圖圖3-24設(shè)置橡皮擦工具的參數(shù)

2.圖像的合成常見的摳圖工具及方法3.2.1合成建筑與草地圖像PS的強(qiáng)大之處不止在于繪制圖標(biāo)以及圖像的制作，在圖像處理中，可以通過各種工具的綜合使用，將不同的圖像合成為具有特殊效果的圖像。本節(jié)中，通過將建筑，草地,以及道路汽車圖像合成為一個(gè)最終圖像，介紹圖像合成中的工具使用以及圖像合成的方法技巧?！緎tep1】準(zhǔn)備素材,建筑素材如圖3-26所示,草地圖像如圖3-27所示。

圖3-26建筑素材圖3-27草地素材2.圖像的合成常常見的摳圖工具及方法【step2】將草地圖像拖入當(dāng)前畫布界面如圖3-28所示，繼續(xù)拖入建筑圖像,如圖3-29所示，按【Enter】鍵確定選區(qū),將草地圖層隱藏,如圖3-30所示。

圖3-29添加建筑素材到畫布

圖3-28拖入草地素材圖3-30隱藏草地背景

2.圖像的合成常見的摳圖工具及方法【step3】選中建筑物所在的圖層，對建筑進(jìn)行摳圖,摳圖工具選擇鋼筆工具，為方便摳圖,將圖像放大,如圖3-31所示。確定建筑物大小之后，用鋼筆工具進(jìn)行描點(diǎn)，如圖3-32所示。

圖3-31放大建筑物圖像圖3-32描點(diǎn)繪制路徑

2.圖像的合成常見的摳圖工具及方法【step4】封閉路徑，點(diǎn)擊【路徑】/【建立選區(qū)】,設(shè)置羽化半徑為2像素,如圖3-33所示,點(diǎn)擊"確定",結(jié)果如圖3-34所示,選區(qū)建立成功。

圖3-33建立選區(qū)圖3-34選區(qū)建立成功

2.圖像的合成常見的摳圖工具及方法在圖層面板新建圖層【Shift+Ctrl+Alt+N】,如圖3-35所示，新建“圖層1”。選中建筑圖層進(jìn)行復(fù)制【Ctrl+C】,然后選中“圖層1”進(jìn)行粘貼【Ctrl+V】，摳圖成功，如果3-36所示。

圖3-35新建圖層圖3-36建筑摳圖成功

2.圖像的合成常見的摳圖工具及方法【step5】取消草地背景的隱藏，選中圖層1，調(diào)出界定框【Ctrl+T】，將建筑物等比例縮小，并將其移動(dòng)至樹叢之后，效果圖如圖3-37所示。

圖3-37調(diào)整建筑物的大小和位置圖3-38橡皮擦工具【step6】在工具箱中選擇橡皮擦工具，如圖3-38所示，

2.圖像的合成常見的摳圖工具及方法設(shè)置完畢橡皮擦參數(shù)如圖3-39，對建筑和樹叢邊界部分進(jìn)行擦除，使建筑物的視覺位置呈現(xiàn)在小樹叢之后，被小樹叢剛好掩蓋了一部分的視覺效果，最后效果圖如圖3-40所示。

圖3-39設(shè)置橡皮擦工具參數(shù)

圖3-40建筑物與樹叢合成效果

2.圖像的合成常見的摳圖工具及方法3.2.2合成車和草地圖像【step1】繼續(xù)將車圖像拖入到畫布中，將其他圖層隱藏，如圖3-41所示，在合成圖像之前，先需要將圖像中的道路和車一起摳出來。

圖3-41車圖像拖入畫布圖3-42放大圖像【step2】按【Ctrl++】鍵將圖像放大，如圖3-42所示，使用3.1.2節(jié)所學(xué)的鋼筆工具對其進(jìn)行描點(diǎn)直至路徑閉合2.圖像的合成常見的摳圖工具及方法3.2.2合成車和草地圖像點(diǎn)擊路徑面板選擇“建立選區(qū)”，設(shè)置羽化半徑為2像素，如圖3-43所示，選區(qū)建立完畢，即可對選區(qū)進(jìn)行移動(dòng)，如圖3-44所示。

圖3-43建立選區(qū)圖3-44確定選區(qū)2.圖像的合成常見的摳圖工具及方法3.2.2合成車和草地圖像【step3】按【Shift+Ctrl+Alt+N】新建圖層，復(fù)制選擇所在圖層【Ctrcl+C】，選定新建圖層，進(jìn)行粘貼【Ctrl+V】，將選區(qū)復(fù)制到新的圖層，如圖3-45所示。

圖3-45復(fù)制選區(qū)圖3-46集合所有素材【step4】將第一步中合成好的圖像顯示，使摳圖出來的道路和車出現(xiàn)在畫布中，如圖3-46所示2.圖像的合成常見的摳圖工具及方法3.2.2合成車和草地圖像選擇車所在圖層，按【Ctrl+T】調(diào)整車和道路的大小，如圖3-47所示。大小調(diào)整之后，將車和道路置于右下角的位置，使合成的圖像看起來協(xié)調(diào)一致，如圖3-48所示。

圖3-47調(diào)整車和道路的大小圖3-48調(diào)整車和道路的位置2.圖像的合成常見的摳圖工具及方法3.2.2合成車和草地圖像【step5】處理馬路與草地交界處，使其統(tǒng)一協(xié)調(diào)，選擇工具箱中的多邊形套索工具，如圖3-49所示，在不和諧的邊界處繪制一個(gè)三角形，如圖3-50所示，按【Enter】鍵刪除選區(qū)中多余的道路部分，刪除之后按【Ctrl+D】取消選區(qū)，使邊界融合為一體，如圖3-51所示。

圖3-49多邊形套索工具圖3-50多邊形套索工具繪制選區(qū)圖3-51融合草地和道路的邊界處2.圖像的合成常見的摳圖工具及方法3.2.2合成車和草地圖像【step6】根據(jù)車，草地，建筑的比例關(guān)系，對合成圖像中的各個(gè)部分做最后調(diào)整，調(diào)整之后的最后效果如圖3-52所示。

圖3-47調(diào)整車和道路的大小3.圖像的輸出常見的摳圖工具及方法在Photoshop圖像處理中，支持20多種文件保存格式，默認(rèn)的格式為psd，能支持Photoshop的全部信息：α通道，專色通道，多圖層，路徑和剪貼路徑，它還支持Photoshop使用的任何顏色深度和圖象模式。由于psd可以保存作品的創(chuàng)建過程，因此常用于設(shè)計(jì)再次修改，同時(shí)擁有良好的兼容性，但也正是因?yàn)槠浔４媪舜罅啃畔?，?dǎo)致其保存需要較大存儲(chǔ)空間。在實(shí)際應(yīng)用中，根據(jù)具體的情況，可以將圖像存儲(chǔ)為各種格式。下面著重介紹幾種常用圖像格式。

3.圖像的輸出見的摳圖工具及方法3.2.1JPEGJPEG實(shí)際上應(yīng)該是JFIF（JPEGFileInterchangeFormat)格式，簡稱為JPEG。此格式是有損壓縮，可調(diào)節(jié)它的壓縮量而改變文件的大小，因此，和與GIF格式一樣，通常被web應(yīng)用。JPEG不支持α通道，也不支持透明圖像，但支持路徑。支持RGB模式，同時(shí)也支持CMYK模式。此格式適用于色調(diào)連續(xù)或相片圖像。JPEG保存圖象時(shí)可選擇壓縮量，壓縮量越小，圖象質(zhì)量越好。在保存該格式時(shí)還有選擇：基線（標(biāo)準(zhǔn)），生成的文件可被所有的瀏覽器接受；基線已優(yōu)化，生成的文件較小，但有的程序不接受；連續(xù)，文件較大，可選擇掃描次數(shù)，載入時(shí)能分級(jí)逐漸顯示，但不是所有的瀏覽器都支持。在網(wǎng)頁制作過程中，橫幅廣告、大的插圖或者商品的圖片都可以將其保存為JPEG格式。

3.圖像的輸出見的摳圖工具及方法3.3.2GIFGIF是GraphicsInterchangeFormat（圖形交換格式）的縮寫，目前Internet上大量使用的彩色動(dòng)畫文件大多為GIF格式的文件。因?yàn)镚IF圖像文件短小且下載速度快，可以使用許多具有同樣大小的圖像文件制作成動(dòng)畫效果。GIF格式作為目前較為重要的圖象格式之一，其重要地位在于web上的廣泛應(yīng)用。GIF屬于索引模式，也是一種無損壓縮格式，共256種顏色，其包含信息量小，可以在web上快速下載GIF圖像。支持α通道，以此可以在web上形成透明的圖像。另外，也因信息量小而被制作成動(dòng)畫，在web上受到極大的歡迎。GIF格式支持隔行掃描，還增加了漸顯方式,因此圖像在傳輸過程中,用戶可以先看到圖像的大致輪廓,然后隨著傳輸過程的繼續(xù)而逐步看清圖像中的細(xì)節(jié)部分,從而適應(yīng)了用戶在web上觀看時(shí)，圖像逐漸從模糊到清晰的效果。

3.圖像的輸出見的摳圖工具及方法3.3.3PNGPNG格式PNG（PortableNetworkGraphics）是繼JPEG與GIF之后新起的一種網(wǎng)絡(luò)圖像格式,與JPEG一樣，PNG格式也屬于無損壓縮網(wǎng)頁格式.在1994年底,由于Unysis公司宣布GIF擁有專利的壓縮方法,要求開發(fā)GIF軟件的作者須繳交一定費(fèi)用,由此促使免費(fèi)的png圖像格式的誕生.PNG的一出現(xiàn)就結(jié)合GIF及JPG兩種格式的優(yōu)點(diǎn)，存儲(chǔ)形式豐富,兼具GIF和JPG的色彩模式。PNG格式可以將圖像文件壓縮至極限以便于在網(wǎng)絡(luò)進(jìn)行傳輸,同時(shí)還能保存所有與圖像品質(zhì)相關(guān)的信息，PNG采用無損壓縮方式來減少文件的大小,與犧牲圖像品質(zhì)從而得到高壓縮率的JPG格式是不一樣的。PNG顯示速度非?？?僅需下載1x64的圖像信息就能顯示出低分辨率的預(yù)覽圖像。此外，PNG支持透明圖像,透明圖像在制作網(wǎng)頁圖像時(shí)非常有用,可以將圖象背景設(shè)置成透明,然后用網(wǎng)頁本身的顏色信息取代設(shè)置為透明的顏色,這樣操作可以讓圖像和網(wǎng)頁背景有效地融合在一起.當(dāng)然，PNG格式除了其優(yōu)點(diǎn)之外，也有其缺點(diǎn)，其不支持動(dòng)畫應(yīng)用的效果,因此不能取代GIF和JPEG，而且這種格式也不能適用于所有的瀏覽器。

3.圖像的輸出見的摳圖工具及方法3.3.4BMPBMP（Bitmap）即位圖的意思,是Windows操作系統(tǒng)中的標(biāo)準(zhǔn)圖像文件格式,很多Windows應(yīng)用程序都支持BMP格式.Windows操作系統(tǒng)的流行和眾多Windows應(yīng)用程序的開發(fā),推動(dòng)了BMP位圖格式的廣泛應(yīng)用.其特點(diǎn)是包含的圖像信息比較豐富,支持1-24位的顏色深度，可采用RGB、灰度、索引顏色等，幾乎不不能保留Alpha通道信息，基本上不會(huì)對圖像進(jìn)行壓縮,也因此導(dǎo)致這種格式文件占用較多磁盤空間。以上介紹的四種圖像格式可以在具體輸出時(shí)通過四聯(lián)對比框進(jìn)行比較，通過【文件】/【存儲(chǔ)為Web所用格式】可調(diào)出對話框，如圖3-53所示，此工具可以幫助用戶確定輸出的圖像質(zhì)量，在圖像質(zhì)量和文件大小之間做出平衡，用戶根據(jù)需求選擇所需要的存儲(chǔ)格式。

圖3-53四聯(lián)對比框3.圖像的輸出見的摳圖工具及方法3.3.5TIFFTIFF格式TIFF（TagImageFileFormat）主要用于在不同應(yīng)用程序和計(jì)算機(jī)平臺(tái)中文件交換，是Mac中廣泛被使用的圖像格式之一。它是Aldus和微軟聯(lián)合開發(fā),最初目的是用于跨平臺(tái)存儲(chǔ)掃描圖像，發(fā)展到現(xiàn)在，大部分繪畫和圖像編輯以及頁面版式的應(yīng)用程序都支持這種格式文件。TIFF格式可以保存圖層、通道和路徑信息，在其他應(yīng)用程序中，保存的圖層會(huì)被合并，只有在PS中打開才能對圖層進(jìn)行修改編輯。其特點(diǎn)是圖像格式復(fù)雜、存貯信息多,因此圖像的質(zhì)量得到提高。目前在Mac和PC機(jī)上移植TIFF文件十分便捷,因而TIFF現(xiàn)在也是微機(jī)上使用最廣泛的圖像文件格式之一.3.3.5TIFFAI格式是AdobeIllustrator軟件特有的圖像格式，是一種矢量圖形存儲(chǔ)格式。在Photoshop保存圖像格式時(shí)，可將其保存為AI格式，在常用的矢量圖形軟件中（Illustrator，CoreDraw）可以直接打開文件進(jìn)行編輯和修改。 4.快速制作Web文件常見的摳圖工具及方法一張圖片的像素或者占用內(nèi)存太大，在具體使用過程中需要對圖片進(jìn)行切割或者存儲(chǔ)為web所用格式，因此用戶訪問網(wǎng)頁時(shí)才能快速的打開圖片。本節(jié)主要介紹如何設(shè)置圖片存儲(chǔ)為web所用格式。方法步驟：【step1】打開ps軟件，打開要用進(jìn)行切片的圖片。點(diǎn)擊工具箱中的“切片工具”，如圖3-54所示：

圖3-54載入素材，選擇切片工具4.快速制作Web文件常見的摳圖工具及方法【step2】進(jìn)行選區(qū)繪制，將網(wǎng)頁中的元素進(jìn)行切割，以便于對單個(gè)小圖片進(jìn)行優(yōu)化，不斷進(jìn)行切割，對于不需要的切片，右擊選區(qū)內(nèi)部，選擇刪除切片進(jìn)行切片刪除。切割之后效果如圖3-55所示：

圖3-55切割網(wǎng)頁元素圖3-56選擇切片進(jìn)入編輯選項(xiàng)

【step3】選中選區(qū)3，右擊選擇“編輯切片選項(xiàng)”，如圖3-56所示，進(jìn)入切片選項(xiàng)對切片進(jìn)行各項(xiàng)信息設(shè)置。4.快速制作Web文件常見的摳圖工具及方法【step4】在切片選項(xiàng)中進(jìn)行