圖形設(shè)計(jì)制作

Photoshopcs4

實(shí)訓(xùn)教程21世紀(jì)計(jì)算機(jī)基礎(chǔ)教育教材張春芳第2章圖形設(shè)計(jì)制作內(nèi)容簡(jiǎn)介：

本章詳細(xì)而全面地介紹圖形設(shè)計(jì)制作的四種方法，包括選擇工具繪制、繪畫(huà)工具繪制、形狀工具繪制和鋼筆工具繪制，并分別實(shí)例講解；總結(jié)了常用圖形設(shè)計(jì)工具的特點(diǎn)和使用技巧，使學(xué)生全面地掌握Photoshop的圖形設(shè)計(jì)方法。學(xué)習(xí)目標(biāo)掌握?qǐng)D層的基本應(yīng)用熟練掌握選擇、移動(dòng)、套索、魔棒工具熟練掌握畫(huà)筆、漸變等繪畫(huà)工具熟練掌握填充、描邊、提取顏色的多種方法熟練掌握矢量圖形的繪制掌握鋼筆工具組的使用方法掌握路徑及路徑調(diào)板的應(yīng)用方法

內(nèi)容安排2.1相關(guān)基本概念2.2選擇工具繪制2.3繪畫(huà)工具繪制2.4形狀工具繪制2.5鋼筆工具繪制2.6綜合應(yīng)用舉例2.1相關(guān)基本概念2.1.1圖層基礎(chǔ)2.1.2顏色提取與填充2.1.3單位與標(biāo)尺2.1.4參考線返回2.1.1圖層基礎(chǔ)1.圖層的概念：

可以把圖層想像成是一張一張疊起來(lái)的透明紙，每張透明紙上都有不同的圖像，可以分別進(jìn)行編輯2.圖層類(lèi)型：（1）背景圖層。被鎖定于圖層的最底層，是不透明的，一個(gè)圖像文件只有一個(gè)背景圖層，并且無(wú)法改變背景圖層的排列順序，（2）普通圖層：最基本的圖層類(lèi)型，相當(dāng)于一張透明紙；（3）文本圖層：文本工具在文檔中創(chuàng)建文字后，軟件自動(dòng)新建一個(gè)文本圖層；（4）形狀圖層：由形狀工具或鋼筆工具創(chuàng)建。2.1.1圖層基礎(chǔ)3.圖層面板：

圖層面板上顯示了圖像中的所有圖層、圖層組和圖層效果，我們可以使用圖層面板上的多種功能來(lái)完成一些圖像編輯任務(wù)返回2.1.2顏色提取與填充1.顏色提取的方法（1）工具箱中的“設(shè)置前景色和背景色”工具按鈕。（2）顏色取樣器工具。2.顏色填充的方法（1）菜單命令（2）快捷鍵（3）漸變工具（4）油漆桶工具返回2.1.3單位與標(biāo)尺在繪制圖形時(shí)，為了精確定位經(jīng)常使用標(biāo)尺。在標(biāo)尺上雙擊或者選擇“編輯”?“首選項(xiàng)”命令，在打開(kāi)的“單位與標(biāo)尺”對(duì)話框中可以對(duì)標(biāo)尺的單位和尺寸進(jìn)行設(shè)置。返回2.1.4參考線在繪制圖形時(shí)，經(jīng)常使用參考線精確定位。

1．創(chuàng)建參考線（1）“視圖”

?“新建參考線”打開(kāi)“新建參考線”對(duì)話框，設(shè)置參考線的取向和位置。（2）打開(kāi)標(biāo)尺，在標(biāo)尺上按下鼠標(biāo)左鍵拖出參考線。

2．使用參考線（1）拖動(dòng)參考線時(shí)，按下Alt鍵，可在垂直和水平參考線之間進(jìn)行切換；（2）按住Shift鍵拖動(dòng)參考線，強(qiáng)制參考線對(duì)齊標(biāo)尺的增量；3．清除參考線（1）選擇“視圖”?“清除參考線”命令，文檔窗口的所有的參考線消失。（2）利用移動(dòng)工具，可以把參考線拖回標(biāo)尺處。返回2.2選擇工具繪制2.2.1選擇工具設(shè)置2.2.2平面圖形繪圖2.2.3立體幾何形體繪制返回2.2.1選擇工具設(shè)置常用的選框工具包括4種，分為規(guī)則選區(qū)工具和不規(guī)則選區(qū)工具。規(guī)則選區(qū)工具常用的有“矩形選框工具”和“橢圓形選框工具”，不規(guī)則選區(qū)有“套索工具”、“多邊形套索工具”、“磁性套索工具”和“魔棒工具”。2.2.1選擇工具設(shè)置1．工具選項(xiàng)欄橢圓選框工具的工具選項(xiàng)欄2．創(chuàng)建選區(qū)對(duì)于矩形或橢圓選框工具，按住“Shift”鍵,同時(shí)在文檔窗口內(nèi)單擊并拖動(dòng)，可創(chuàng)建一個(gè)正方形或圓形選區(qū)；按住“Alt”鍵,同時(shí)在文檔窗口內(nèi)單擊并拖動(dòng)，可創(chuàng)建一個(gè)以單擊點(diǎn)為中心的矩形或橢圓形選區(qū)；按住“Shift+Alt”鍵，同時(shí)在文檔窗口內(nèi)單擊并拖動(dòng),可創(chuàng)建一個(gè)以單擊點(diǎn)為中心的正方形或圓形選區(qū)。3．變換選區(qū)

可以對(duì)選區(qū)的縮放、旋轉(zhuǎn)、扭曲、變形等功能。4．羽化選區(qū)邊緣模糊選區(qū)的邊緣，羽化值越大，邊緣就越模糊返回2.2.2平面圖形繪圖使用選框工具繪制規(guī)則圖形。任務(wù)1制作標(biāo)志任務(wù)要求

為某園林規(guī)劃公司設(shè)計(jì)一枚標(biāo)志。如圖所示任務(wù)分析

通過(guò)設(shè)置標(biāo)尺、參考線進(jìn)行精確定位，應(yīng)用橢圓、矩形選框工具畫(huà)圓形、正方形和菱形，學(xué)習(xí)填充、旋轉(zhuǎn)及縮放等命令的用法，從而學(xué)習(xí)圖層的應(yīng)用。操作步驟

略任務(wù)2制作漂亮的房子任務(wù)要求

灰色的天空，星光點(diǎn)點(diǎn)，一輪彎月照映著一座漂亮的房子，如圖所示。任務(wù)分析主要應(yīng)用矩形、橢圓工具和多邊形套索工具分別畫(huà)出矩形、正方形、月牙和平行四邊形，同時(shí)學(xué)習(xí)漸變工具、畫(huà)筆工具的使用及填充、描邊命令。并理解圖層的概念。操作步驟

（略）返回2.2.3立體幾何形體繪制Photoshop主要是平面圖形設(shè)計(jì)，但是通過(guò)顏色漸變，也可以達(dá)到立體效果。任務(wù)3繪制圓柱體任務(wù)要求繪制光照效果的綠色圓柱體，并制作投影

任務(wù)分析

使用矩形選框工具、橢圓選框工具和漸變工具，繪制具有光澤效果圓柱體；通過(guò)復(fù)制圖層和圖層的不透明度設(shè)置制作倒影效果。操作步驟

（略）返回2.3繪畫(huà)工具繪制2.3.1畫(huà)筆繪圖2.3.2橡皮擦的應(yīng)用返回2.3.1畫(huà)筆繪圖1.畫(huà)筆分類(lèi)

PhotoshopCS4中的畫(huà)筆分為“畫(huà)筆”、“鉛筆”和“顏色替換工具”三種?！爱?huà)筆”是模仿毛筆功能而設(shè)定的，具有濕邊功能，畫(huà)出的線條是虛邊的；“鉛筆”則是硬筆設(shè)置，畫(huà)出的線條是實(shí)邊的；“顏色替換工具”先取樣，用取樣點(diǎn)的顏色，替換掉其他部分的顏色。2.3.1畫(huà)筆繪圖2.畫(huà)筆預(yù)設(shè)

單擊工具箱中的畫(huà)筆工具，在工具選項(xiàng)欄中單擊“畫(huà)筆預(yù)設(shè)選取器”可以設(shè)置畫(huà)筆的筆尖形狀、畫(huà)筆大小和硬度等。

任務(wù)4使用預(yù)設(shè)畫(huà)筆功能繪制美麗的風(fēng)景任務(wù)要求藍(lán)天、白云、綠地、金色的楓葉，一幅美麗的風(fēng)景畫(huà)，

任務(wù)分析

使用畫(huà)筆工具繪制，注意畫(huà)筆的顏色取值、畫(huà)筆的形狀及鼠標(biāo)移動(dòng)的位置和頻率。為了便于修改，要在不同圖層上繪制。操作步驟（略）返回2.3.2橡皮擦的應(yīng)用橡皮擦包括三種工具：橡皮擦工具、背景橡皮擦工具、魔術(shù)橡皮擦工具。1.橡皮擦工具

橡皮擦工具可將像素更改為背景色或透明。2.背景橡皮擦工具

背景橡皮擦工具可用于在拖移時(shí)將圖層上的像素抹成透明，從而可以在抹除背景的同時(shí)在前景中保留對(duì)象的邊緣。任務(wù)6使用背景橡皮擦工具摳圖任務(wù)要求

摳取圖中的人物，把人物的頭發(fā)完整摳取下來(lái)，任務(wù)分析

對(duì)主體物與背景反差比較大而又相對(duì)精細(xì)的對(duì)象，可以使用背景橡皮擦工具去背景。有時(shí)使用魔棒或鋼筆工具，但是，對(duì)于本例中發(fā)梢的摳取，魔棒或鋼筆工具就不能很好的表現(xiàn)出來(lái)。操作步驟（略）返回2.4形狀工具繪制在PhotoshopCS4中，可以使用任何形狀工具、鋼筆工具或自由鋼筆工具繪制形狀。形狀的輪廓是路徑。2.4形狀工具繪制2.4.1形狀工具簡(jiǎn)介2.4.2常用形狀工具繪制2.4.3編輯形狀2.4.4自定形狀工具繪制返回2.4.1形狀工具簡(jiǎn)介類(lèi)型2.形狀工具選項(xiàng)欄以矩形工具的選項(xiàng)欄為例返回2.4.2常用形狀工具繪制使用矩形、圓角矩形、橢圓、多邊形和直線工具繪圖。任務(wù)8繪制中心定位圖案任務(wù)要求在形狀圖層模式下繪制，要求矩形、圓和星形中心對(duì)齊，星形要超出圓并反白填充。如圖所示。

任務(wù)分析

在白色背景的畫(huà)布上繪制矩形，摳掉圓，顯示白色的圓，選中“重疊形狀區(qū)域除外”繪制大于圓的6邊形的星形。三種形狀通過(guò)“路徑選擇工具”選項(xiàng)欄上的“水平居中對(duì)齊”的“”按鈕和“垂直居中對(duì)齊”的“”按鈕實(shí)現(xiàn)中心對(duì)齊。操作步驟（略）返回2.4.3編輯形狀1.更改形狀顏色2.修改形狀輪廓3.使用漸變或圖案來(lái)填充形狀4.給形狀設(shè)置“斜面和浮雕”和“投影”效果返回2.4.4自定形狀工具繪制自定形狀工具選項(xiàng)欄任務(wù)9繪制照片模板任務(wù)要求在形狀圖層模式下，繪制不同大小的實(shí)心和空心的心形形狀、繪制云朵和小草，如圖效果。任務(wù)分析

首先設(shè)置背景的漸變色，然后使用不同的自定形狀工具繪制。繪制過(guò)程中靈活使用“添加到形狀區(qū)域”和“從形狀區(qū)域減去”功能，并適當(dāng)添加圖層樣式。操作步驟（略）返回2.5鋼筆工具繪制鋼筆工具屬于矢量繪圖工具，其優(yōu)點(diǎn)是可以勾畫(huà)平滑的曲線，并且在縮放或變形之后仍能保持平滑效果；鋼筆工具畫(huà)出來(lái)的矢量圖形稱(chēng)為路徑，路徑是矢量的，允許是不封閉的開(kāi)放狀，如果把起點(diǎn)與終點(diǎn)重合繪制就可以得到封閉的路徑。2.5鋼筆工具繪制2.5.1路徑2.5.2鋼筆工具組2.5.3鋼筆工具舉例返回2.5.1路徑1.路徑的概念

路徑（Path）是Photoshop中一段閉合或者開(kāi)放的曲線段，其主要用于確定圖像選擇區(qū)域及輔助摳圖、繪制光滑線條或特殊形狀、定義畫(huà)筆等工具的繪制軌跡等。2.繪制路徑的方法

（1）使用矢量圖形工具選項(xiàng)欄中的“路徑”繪圖模式（2）使用鋼筆工具選項(xiàng)欄中的“路徑”繪圖模式（3）使用選框工具繪制選區(qū)，在路徑調(diào)板中點(diǎn)擊“從選區(qū)生成工作路徑”，得到路徑任務(wù)10繪制雪花任務(wù)要求使用自定形狀工具繪制邊緣清晰的雪花路徑，通過(guò)白色填充路徑和畫(huà)筆描邊路徑，設(shè)計(jì)邊緣溶解的雪花效果，任務(wù)分析

使用形狀工具形成雪花路徑，即得到雪花的輪廓，利用路徑調(diào)板的菜單命令“填充路徑”、“描邊路徑”和“將路徑作為選區(qū)載入”按鈕實(shí)現(xiàn)任務(wù)要求。在對(duì)路徑描邊時(shí)，注意設(shè)置畫(huà)筆的筆尖形狀。操作步驟（略）返回2.5.2鋼筆工具組鋼筆工具的常用快捷鍵：①按下Shift鍵創(chuàng)建錨點(diǎn)，將會(huì)以45度角或以45度角的倍數(shù)繪制路徑；②按下Alt鍵，將鋼筆工具移到錨點(diǎn)上，鋼筆工具將會(huì)暫時(shí)變?yōu)檗D(zhuǎn)換點(diǎn)工具，可以調(diào)節(jié)錨點(diǎn)曲率；③按下Ctrl鍵，鋼筆工具將暫時(shí)變成直接選擇工具，可以對(duì)錨點(diǎn)進(jìn)行移動(dòng)。返回2.5.3鋼筆工具舉例任務(wù)11繪制一只可愛(ài)的小白兔任務(wù)要求在白色點(diǎn)綴的紅色正圓背景上，繪制一只黑色描邊的小白兔。如圖所示

任務(wù)分析使用鋼筆工具和轉(zhuǎn)換點(diǎn)工具繪制兔子的輪廓和嘴巴，并進(jìn)行黑色描邊；使用橢圓工具繪制一對(duì)黑色的眼睛，使用畫(huà)筆繪制臉上的紅暈。背景正圓可以使用橢圓工具或選框工具繪制再進(jìn)行填充，上面的白色圓點(diǎn)使用畫(huà)筆繪制。操作步驟（略）返回2.6綜合應(yīng)用舉例2.6.1設(shè)計(jì)愛(ài)眼日標(biāo)志2.6.2設(shè)計(jì)蠟染花布圖案返回2.6.1設(shè)計(jì)愛(ài)眼日標(biāo)志任務(wù)12為世界愛(ài)眼日繪制標(biāo)志任務(wù)要求

每年的6月6日是世界愛(ài)眼日，形象的“66”圍起圓圓的眼睛，如圖所示任務(wù)分析

用鋼筆繪制菱形并填充漸變色，繪制光滑、形象的“66”圖案，并橙色填充、黑色描邊；用橢圓和正圓繪制眼睛并填充、描邊。使用文字工具編輯文字。操作步驟（略）2.6.2設(shè)計(jì)蠟染花布圖案任務(wù)13繪制蠟染花布圖案任務(wù)要求

設(shè)計(jì)一款新