網(wǎng)頁設(shè)計(jì)與制作第1-1Ps基礎(chǔ)

主講教師：李昆霖DreamweaverFlashPhotoshopDreamweaverFlashPhotoshopPhotoshop基礎(chǔ)知識(shí)圖像的基本編輯方法基本工具的使用圖層的應(yīng)用文字工具與圖層樣式的高級(jí)應(yīng)用

PhotoshopCS5是一款功能強(qiáng)大的圖像處理軟件，它可以制作出完美、不可思議的合成圖像，也可以對(duì)照片的修復(fù)，還可以制作出精美的圖案設(shè)計(jì)、專業(yè)印刷設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、包裝設(shè)計(jì)等，可謂無所不能，因此，PhotoshopCS5常用于平面設(shè)計(jì)、廣告制作、數(shù)碼照片處理、插畫設(shè)計(jì)、以及最新的3D效果制作等領(lǐng)域。PhotoshopCS5是什么？Photoshop的應(yīng)用在平面廣告設(shè)計(jì)中的應(yīng)用平面設(shè)計(jì)是Photoshop應(yīng)用最為廣泛的領(lǐng)域，無論是書籍畫冊(cè)還是海報(bào)招貼，這些與印刷相關(guān)的平面印刷品，基本上都采用Photoshop軟件進(jìn)行圖像的編輯處理。在照片后期處理中的應(yīng)用

Photoshop具有強(qiáng)大的圖像修飾功能。利用這些功能，可以快速修復(fù)一張破損的老照片，也可以修復(fù)人臉上的斑點(diǎn)等缺陷。常被用于攝影照片的后期處理，調(diào)整照片的光影、色調(diào)、修復(fù)等。在圖像特效合成中的應(yīng)用

Photoshop具有強(qiáng)大的圖像合成功能，常被用于圖像特效合成。此類設(shè)計(jì)在視覺上具有強(qiáng)勁的沖擊力，能在第一時(shí)間吸引人們的視線。在插畫設(shè)計(jì)中的應(yīng)用

Photoshop軟件不僅可以進(jìn)行圖像處理與合成，在插畫繪制中常常運(yùn)用Photoshop中的畫筆工具、圖層混合模式、色階命令、色相飽和度命令等多種功能，進(jìn)行插畫作品繪制。在網(wǎng)頁設(shè)計(jì)中的應(yīng)用掌握Photoshop的應(yīng)用不僅可以制作平面印刷作品，在網(wǎng)頁設(shè)計(jì)中，Photoshop也是必不可少的網(wǎng)頁圖像處理軟件。啟動(dòng)和關(guān)閉PhotoshopCS5

在處理圖像之前，必須啟動(dòng)PhotoshopCS5軟件1.啟動(dòng)PhotoshopCS5

常見的啟動(dòng)PhotoshopCS5的方法是雙擊桌面的PhotoshopCS5快捷方式圖標(biāo)，這里介紹另外兩種啟動(dòng)PhotoshopCS5軟件的方法。方法1：在桌面左下角單擊“開始”按鈕，在彈出的“開始”菜單中執(zhí)行“所有程序>AdobePhotoshopCS5”命令，即可啟動(dòng)PhotoshopCS5。方法2：雙擊關(guān)聯(lián)Photoshopcs5的圖像文件的圖標(biāo)，同樣可以啟動(dòng)PhotoshopCS5。2.關(guān)閉Photoshopcs5方法1：執(zhí)行“文件>退出”命令。方法2：單擊界面右上角的“關(guān)閉”按鈕。方法3：按快捷鍵Ctrl+Q。認(rèn)識(shí)PhotoshopCS5的工作界面應(yīng)用程序欄選項(xiàng)欄工具箱菜單欄面板工作區(qū)

狀態(tài)欄

啟動(dòng)PhotoshopCS5軟件后，執(zhí)行“文件>新建”命令，新建文件；或執(zhí)行“文件>打開”命令，打開已有的素材圖像，即可進(jìn)入工作界面。工作界面的結(jié)構(gòu)如下圖所示：玩轉(zhuǎn)菜單欄菜單欄中包含Photoshop軟件中的所有命令，通過這些命令可以實(shí)現(xiàn)對(duì)圖像的操作。PhotoshopCS5中包含11個(gè)菜單，分別為“文件”菜單、“編輯”菜單、“圖像”菜單、“圖層”菜單、“選擇”菜單、“濾鏡”菜單、“分析”菜單、“3D”菜單、“視圖”菜單、“窗口”菜單和“幫助”菜單。熟悉工具箱的工具分類

Photoshop中的工具箱中包含了該軟件的所有工具。在工具箱中工具圖標(biāo)右下角帶有小三角形的按鈕上按住鼠標(biāo)左鍵，或者在工具圖標(biāo)上右擊，都會(huì)彈出下拉菜單，顯示隱藏工具。單擊工具箱頂端的按鈕，可以將單欄顯示的工具箱調(diào)整為雙欄顯示。掌握工具選項(xiàng)欄的特點(diǎn)

選項(xiàng)欄用于設(shè)置工具的選項(xiàng)，不同工具的選項(xiàng)欄的參數(shù)設(shè)置也不同。

魔棒工具的選項(xiàng)欄

矩形選框工具的選項(xiàng)欄

在圖像處理中，可以根據(jù)需要在選項(xiàng)欄中設(shè)置不同的參數(shù)。設(shè)置的參數(shù)不同，得到的圖像效果也不同。認(rèn)識(shí)工作區(qū)與狀態(tài)欄

工作區(qū)是在Photoshop中進(jìn)行圖像處理的主要區(qū)域，在此可以同時(shí)打開多個(gè)窗口，進(jìn)行同時(shí)操作。對(duì)圖像文件進(jìn)行任何操作都會(huì)直觀地反映在圖像窗口中。了解調(diào)整面板類型

在處理圖像的過程中，可以打開或關(guān)閉面板，也可以根據(jù)實(shí)際情況對(duì)面板進(jìn)行不同的組合。工具預(yù)設(shè)的作用

“工具預(yù)設(shè)”調(diào)整面板是photoshop為了方便用戶保存和調(diào)用特定設(shè)置的工具箱工具而設(shè)的一個(gè)功能。可以使用選項(xiàng)欄中的“工具預(yù)設(shè)”拾色器、“工具預(yù)設(shè)”調(diào)板和“預(yù)設(shè)管理器”載入、編輯和創(chuàng)建工具預(yù)設(shè)庫。

圖像原理位圖和矢量圖

1.位圖

位圖圖像是由像素描述的，像素的多少?zèng)Q定了位圖圖像的顯示質(zhì)量和文件大小。單位面積的位圖圖像包含的像素越多，分辨率越高，顯示越清晰，文件所占的空間也就越大。反之，圖像就越模糊，所占的空間也越小。對(duì)位圖圖像進(jìn)行縮放時(shí)，圖像的清晰度會(huì)受影響。當(dāng)圖像放大到一定程度時(shí)，就會(huì)出現(xiàn)鋸齒一樣的邊緣。2.矢量圖

用于描述矢量圖的線段和曲線稱為對(duì)象，每個(gè)對(duì)象都是獨(dú)立的實(shí)體，具有顏色、形狀、輪廓、大小和屏幕位置等屬性，而且不會(huì)影響圖中其他對(duì)象。矢量圖的清晰度與分辨率的大小無關(guān)，對(duì)矢量圖形進(jìn)行縮放時(shí)，圖形對(duì)象仍保持原有的清晰度。2.分辨率分辨率是圖像的一個(gè)重要屬性，用來衡量圖像的細(xì)節(jié)表現(xiàn)力和技術(shù)參數(shù)。分辨率可分為圖像分辨率、顯示器分辨率、掃描儀分辨率、打印機(jī)分辨率等。像素與分辨率1.像素像素是構(gòu)成圖像的最基本的單位，是一種虛擬的單位，只能存在于電腦中。顏色模式圖像的顏色模式直接影響圖像的效果，一般分為位圖模式、灰度模式、雙色調(diào)模式、索引顏色模式、RGB顏色模式、CMYK顏色模式、Lab顏色模式、多通道模式。圖像文件格式在Photoshop中，提供了多種圖像文件格式。根據(jù)不同的需要，可以選擇不同的文件格式保存圖像。圖像文件格式包括PSD格式、BMP格式、PDF格式、JPEG格式、GIF格式、TGA格式、TIFF格式、PNG

格式等了解圖像大小

在平面廣告制作之前首先要對(duì)圖像進(jìn)行建立，在建立圖像文件的過程中，需要對(duì)圖像的大小進(jìn)行設(shè)置，根據(jù)畫面規(guī)定進(jìn)行圖像大小設(shè)置。設(shè)置分辨率

分辨率是衡量相同大小圖像的像素點(diǎn)的技術(shù)參考，也就是圖像的清晰度。位圖圖像的分辨率可以任意設(shè)置和修改。下面主要對(duì)圖像分辨率的設(shè)置進(jìn)行講解。選擇存儲(chǔ)文件格式

在Photoshop保存對(duì)話框中雖然提供了較多的格式供選擇，但通常情況下我們都會(huì)將素材文件保存為PSD格式、PIG格式、JPEG格式、PNG格式等幾個(gè)常用的格式。PSD格式GIF格式

將圖像保存為此格式時(shí)，可以將圖像的指定區(qū)域設(shè)置為透明狀態(tài)，而且可以賦予圖像動(dòng)畫效果。JPEG格式將素材文件保存為此種格式時(shí)，將會(huì)把圖像的文件容量進(jìn)行縮小，是一種壓縮式的保存方式。PNG格式采用PNG格式保存圖像與JPEG不同的是，PNG格式是一種無損失的壓縮方式，并且PNG還支持通道定義的透明等級(jí)。TIFF格式該格式是一種無損壓縮的保存方式，即保存為此格式時(shí)，不會(huì)造成圖像的丟失，且原圖像的質(zhì)量不會(huì)受到任何影響，一般用于設(shè)計(jì)作品輸出格式。BMP格式該格式是微軟考發(fā)的MicrosftPain的固有格式，大多數(shù)軟件支持這種格式，BMP格式采用RLE無損壓縮，對(duì)圖像質(zhì)量不會(huì)產(chǎn)生影響。保留圖層文件格式

PSD格式與TIFF格式都可以對(duì)圖像的圖層進(jìn)行保存，便于對(duì)圖像進(jìn)行保存后還能對(duì)圖像進(jìn)行再次打開，對(duì)圖像進(jìn)行修改。在對(duì)TIFF格式進(jìn)行保持時(shí)，在“存儲(chǔ)為”對(duì)話框中選擇TIFF格式，勾選“圖層”與“Alpha通道”復(fù)選框，在保持圖像的同時(shí)對(duì)圖像的圖層與通道進(jìn)行保存，真正達(dá)到無損壓縮圖像存儲(chǔ)。

儲(chǔ)存為Web和設(shè)備所用格式

新建文件

啟動(dòng)Photoshopcs5，執(zhí)行“文件>新建”命令，在彈出的“新建”對(duì)話框中可以設(shè)置文件大小、分辨率、顏色模式等。這里主要詳細(xì)介紹“新建”對(duì)話框中的各項(xiàng)參數(shù)設(shè)置，如下圖所示。存儲(chǔ)文件存儲(chǔ)文件就是將打開或編輯后的圖像文件保存到磁盤中。如果已經(jīng)是儲(chǔ)存后的圖像文件，則會(huì)自動(dòng)以原有的圖像格式和名稱進(jìn)行保存。下面詳細(xì)介紹“存儲(chǔ)為”對(duì)話框中的參數(shù)設(shè)置，如下圖所示。導(dǎo)入和導(dǎo)出文件在Photoshop中編輯圖像文件時(shí)，常常需要使用在其他軟件中處理過的圖像文件，因此在Photoshop中，導(dǎo)入和導(dǎo)出文件是經(jīng)常會(huì)用到的操作。置入文件在Photoshop中，執(zhí)行“文件>置入”命令，可以將EPS格式、PDF格式、TIFF格式等多種文件置入到Photoshop圖像窗口中。首選項(xiàng)設(shè)置包括常規(guī)、界面、文件處理、性能、光標(biāo)等選項(xiàng)設(shè)置，在圖像處理中，根據(jù)需要，可以通過首選項(xiàng)設(shè)置更改操作環(huán)境。常規(guī)設(shè)置1.設(shè)置常規(guī)2.設(shè)置界面3.設(shè)置文件處理4.設(shè)置光標(biāo)5.設(shè)置透明度與色域6.設(shè)置參考線、網(wǎng)格、切片7.設(shè)置文字性能設(shè)置編輯圖像時(shí)，Photoshop使用操作系統(tǒng)所在的硬盤驅(qū)動(dòng)器作為主暫存盤。要想加快Photoshop的運(yùn)行速度，就得確保主暫存盤有足夠可用空間。單位與標(biāo)尺設(shè)置在處理圖像時(shí)，利用標(biāo)尺可以精確地確定圖像的位置，在“首選項(xiàng)”對(duì)話框中可設(shè)置標(biāo)尺。執(zhí)行“編輯>首選項(xiàng)>性能”命令，打開相應(yīng)對(duì)話框。網(wǎng)格與參考線設(shè)置

網(wǎng)格和參考線也是用于精確地確定圖像或元素的具體位置。設(shè)置鍵盤快捷鍵

在Photoshop中用戶可以自己定于各菜單選項(xiàng)或工具、面板相關(guān)命令的快捷鍵，或者對(duì)原有快捷鍵進(jìn)行調(diào)整。并且可以將快捷鍵列表以Web文檔方式進(jìn)行簡單整理并保存。設(shè)置菜單

Photoshop提供了顯示或隱藏菜單的功能，可以根據(jù)需要顯示和隱藏指定的菜單命令，以使設(shè)計(jì)師可以自定義常用的菜單顯示方案。使用該功能能夠指定菜單命令的顯示顏色，以辨認(rèn)不同的菜單命令。顏色的基本屬性顏色是一個(gè)平面作品中重要的構(gòu)成元素之一，通過不同的顏色所產(chǎn)生的畫面效果是不同的。顏色主要以色調(diào)、明度、飽和度3個(gè)方面出現(xiàn)在人們的視線。顏色模式

Photoshopcs5中可以通過“圖像>模式”命令，在彈出的各項(xiàng)命令調(diào)整圖像，變換圖像的顏色模式，其中常見的模式有位圖模式、灰度模式、雙色調(diào)模式、索引顏色模式、RGB模式、CMYK模式、、Lab模式等。輔助工具應(yīng)用縮放工具縮放工具常用于查看圖像局部區(qū)域。當(dāng)打開圖像時(shí)，為了方便觀察圖像的細(xì)節(jié)，這時(shí)就要用到縮放工具。抓手工具當(dāng)圖像放大到圖像窗口無法完全