PhotoshopCS6平面設(shè)計(jì)基礎(chǔ)教程-第5章-繪制圖像與圖形

繪制圖像與圖形PhotoshopCS6平面設(shè)計(jì)基礎(chǔ)教程055.1繪制圖像5.2繪制圖形5.3課堂實(shí)訓(xùn)繪制風(fēng)景插畫封面5.1.1課堂案例××出版社準(zhǔn)備出版一本名為《你眼中的風(fēng)景》的圖書，要求尺寸為“210毫米×291毫米”，封面采用手繪的風(fēng)景插畫，契合書籍主題畫筆工具；漸變工具；載入筆刷知識(shí)要點(diǎn)：案例說明：設(shè)置漸變01載入筆刷0203繪制草叢和樹木04繪制云朵繪制風(fēng)景插畫封面5.1.1課堂案例復(fù)制樹木05繪制飛鳥0607輸入文字繪制風(fēng)景插畫封面5.1.1課堂案例5.1.2

畫筆工具組“畫筆工具”是繪制圖像的常用工具之一，可使用前景色繪制各種線條?！爱嫻P工具”

的工具屬性欄如下圖所示，在其中可設(shè)置畫筆的樣式、模式等。畫筆工具鉛筆工具“鉛筆工具”

與“畫筆工具”

類似，都用于繪制圖像，但“鉛筆工具”

繪制出的線條效果更為硬朗，如下圖所示。5.1.2

畫筆工具組選擇“顏色替換工具”

，設(shè)置需要替換的前景色，將鼠標(biāo)指針移至圖像中需要替換的區(qū)域，當(dāng)鼠標(biāo)指針變?yōu)?/p>

形狀時(shí)，按住鼠標(biāo)左鍵并拖曳鼠標(biāo)即可。顏色替換工具混合器畫筆工具使用“混合器畫筆工具”

可以混合下方圖像像素的顏色和畫筆的顏色，并繪制出使用不同濕度的顏料涂抹所產(chǎn)生的效果。選擇“顏色替換工具”

，在工具屬性欄中設(shè)置畫筆潮濕度、混合比例等參數(shù)后，在圖像中進(jìn)行涂抹。5.1.3

橡皮擦工具組橡皮擦工具選擇“橡皮擦工具”

，在工具屬性欄中設(shè)置模式、不透明度和流量等參數(shù)，然后在圖像中涂抹擦除，擦除掉的像素不能恢復(fù)。背景橡皮擦工具選擇“背景橡皮擦工具”

，在工具屬性欄中設(shè)置顏色取樣方式、限制等參數(shù)，然后在圖像中涂抹。魔術(shù)橡皮擦工具選擇“魔術(shù)橡皮擦工具”

，在圖像中需要擦除的顏色處單擊鼠標(biāo)左鍵，與其相似的顏色都將被擦除。使用“漸變工具”可以繪制出多種顏色漸變的效果，在其工具屬性欄中可設(shè)置漸變顏色、漸變樣式等，如下圖所示。5.1.4

漸變工具5.1繪制圖像5.2繪制圖形5.3課堂實(shí)訓(xùn)繪制相機(jī)App圖標(biāo)5.2.1課堂案例某公司新開發(fā)了一款相機(jī)App（Application，軟件），需要為其制作圖標(biāo)并上傳到應(yīng)用商店中。在制作時(shí)可直接以相機(jī)的形狀作為主體圓角矩形工具；橢圓工具；矩形工具知識(shí)要點(diǎn)：案例說明：創(chuàng)建圓角矩形01繪制圓角矩形0203繪制矩形繪制相機(jī)App圖標(biāo)5.2.1課堂案例繪制裝飾細(xì)節(jié)05設(shè)置投影06繪制相機(jī)App圖標(biāo)5.2.1課堂案例繪制正圓045.2.2

形狀工具組“矩形工具”

、“圓角矩形工具”

和“橢圓工具”

分別用于創(chuàng)建矩形、圓角矩形和橢圓形狀，在工具屬性欄中可設(shè)置填充、描邊等參數(shù)，如圖所示為矩形工具的工具屬性欄。矩形工具、圓角矩形工具與橢圓工具多邊形工具“多邊形工具”

可用于創(chuàng)建正多邊形和星形，選擇該工具后，在工具屬性欄中可設(shè)置多邊形邊數(shù)；單擊“設(shè)置”按鈕

，打開下圖所示的下拉列表框，在其中設(shè)置更多參數(shù)。5.2.2

形狀工具組“直線工具”

用于繪制直線或帶有箭頭的線段，在工具屬性欄中可設(shè)置直線的粗細(xì)；單擊“設(shè)置”按鈕

，打開如下圖所示的下拉列表框，在其中設(shè)置更多參數(shù)。直線工具自定形狀工具“自定形狀工具”用于創(chuàng)建PhotoshopCS6預(yù)設(shè)的形狀圖形，在工具屬性欄中的“形狀”下拉列表框中可選擇形狀進(jìn)行繪制。單擊右上角的“設(shè)置”按鈕，在彈出的下拉列表框中可選擇其他類型的形狀組。制作航天推文封面圖5.2.3課堂案例某科普類公眾號(hào)準(zhǔn)備推送一篇推文以普及航天知識(shí)，需要制作符合航天主題的封面圖，可繪制火箭作為主體，并添加相應(yīng)的裝飾鋼筆工具；自由變換路徑；填充路徑；多邊形工具知識(shí)要點(diǎn)：案例說明：繪制火焰路徑05調(diào)整路徑形狀0607輸入文字08繪制橢圓和直線制作航天推文封面圖5.2.3課堂案例創(chuàng)建曲線01閉合并填充路徑0203調(diào)整圖層順序04繪制梯形制作航天推文封面圖5.2.3課堂案例5.2.4

認(rèn)識(shí)路徑和錨點(diǎn)●

錨點(diǎn)：錨點(diǎn)是線段之間連接的點(diǎn)，錨點(diǎn)顯示為黑色實(shí)心時(shí)，表示該錨點(diǎn)為選擇狀態(tài)，可以進(jìn)行編輯；顯示為空心時(shí)表示未被選中，不能編輯。路徑中的錨點(diǎn)主要有平滑點(diǎn)、角點(diǎn)兩種類型。●控制柄：選擇平滑點(diǎn)時(shí)，該錨點(diǎn)上將出現(xiàn)控制柄，控制柄用于調(diào)整直線或曲線的位置、長短和彎曲度等。5.2.5

鋼筆工具組鋼筆工具●

繪制直線：在圖像編輯區(qū)中單擊鼠標(biāo)左鍵可產(chǎn)生錨點(diǎn)，連續(xù)單擊鼠標(biāo)左鍵可在生成的錨點(diǎn)之間繪制一條直線線段?！?/p>

繪制曲線：在圖像編輯區(qū)中按住鼠標(biāo)左鍵不放并拖曳鼠標(biāo)，可生成帶控制柄的錨點(diǎn)，釋放鼠標(biāo)左鍵，繼續(xù)在其他位置按住鼠標(biāo)左鍵并拖曳鼠標(biāo)，創(chuàng)建第2個(gè)錨點(diǎn)，并在兩個(gè)錨點(diǎn)之間生成曲線。自由鋼筆工具選擇“自由鋼筆工具”

后，可以直接在圖像編輯區(qū)中按住鼠標(biāo)左鍵不放并拖曳鼠標(biāo)來繪制路徑，并自動(dòng)為路徑添加錨點(diǎn)，釋放鼠標(biāo)左鍵即繪制完成。

其他工具選擇“添加錨點(diǎn)工具”

，將鼠標(biāo)指針移至路徑上并單擊鼠標(biāo)左鍵，可以添加錨點(diǎn)；選擇“刪除錨點(diǎn)工具”

，將鼠標(biāo)指針移至錨點(diǎn)上并單擊鼠標(biāo)左鍵，可以刪除該錨點(diǎn)；選擇“轉(zhuǎn)換點(diǎn)工具”

，將鼠標(biāo)指針移至錨點(diǎn)上并單擊鼠標(biāo)左鍵，可以使錨點(diǎn)在平滑點(diǎn)和角點(diǎn)之間轉(zhuǎn)換。

5.2.6

編輯路徑和錨點(diǎn)編輯路徑選擇“路徑選擇工具”

，將鼠標(biāo)指針移動(dòng)到路徑上并單擊鼠標(biāo)左鍵，可選中整個(gè)路徑以及路徑上的所有錨點(diǎn)，在其上按住鼠標(biāo)左鍵并拖曳鼠標(biāo)可移動(dòng)該路徑。編輯錨點(diǎn)選擇“直接選擇工具”

，先在路徑上單擊鼠標(biāo)左鍵以顯示所有錨點(diǎn)，然后在需要編輯的錨點(diǎn)處單擊即可選擇該錨點(diǎn)，按住鼠標(biāo)左鍵并拖曳鼠標(biāo)可移動(dòng)該錨點(diǎn)。5.2.7

描邊與填充路徑填充路徑選擇路徑后，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“填充路徑”命令，打開“描邊路徑”對(duì)話框，在其中可設(shè)置填充內(nèi)容、混合和渲染等參數(shù)，其中設(shè)置羽化半徑可在填充時(shí)調(diào)整路徑邊緣的柔和程度。描邊路徑選擇路徑后，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“描邊路徑”命令，打開“描邊路徑”對(duì)話框，在其中的“工具”下拉列表框中選擇需要的描邊工具選項(xiàng)后，單擊

按鈕。如下圖所示為使用“畫筆”選項(xiàng)描邊的效果。5.2.8

存儲(chǔ)路徑在“路徑”面板中的工作路徑名稱上雙擊鼠標(biāo)左鍵，打開“存儲(chǔ)路徑”對(duì)話框，在“名稱”文本框中輸入名稱，單擊

按鈕，即可將路徑存儲(chǔ)在文件中，以便隨時(shí)進(jìn)行編輯。5.2.9

對(duì)齊與分布路徑在繪制路徑時(shí)，若需要將繪制的路徑按照一定的規(guī)律對(duì)齊分布，則可在鋼筆工具組或選擇工具組中工具的工具屬性欄單擊“路徑對(duì)齊方式”按鈕

，在彈出的下拉列表框中將顯示對(duì)齊與分布方式。其中各選項(xiàng)的含義如下?！?/p>

按寬度均勻分布：將選擇的路徑按總寬度均勻分布?！?/p>

按高度均勻分布：將選擇的路徑按總高度均勻分布?！?/p>

對(duì)齊到選區(qū)/畫布：將選擇的路徑以路徑或畫布為基準(zhǔn)對(duì)齊與分布。

5.2.10

路徑的運(yùn)算在鋼筆工具組或選擇工具組中的工具的工具屬性欄單擊“路徑操作”按鈕

，在彈出的下拉列表框中選擇相應(yīng)命令進(jìn)行運(yùn)算。其中各選項(xiàng)的含義如下。●

合并形狀：將兩個(gè)路徑合并為一個(gè)路徑。●

減去頂層形狀：將兩個(gè)路徑堆疊為頂層的路徑，全部減去?！?/p>

與形狀區(qū)域相交：只保留兩個(gè)路徑區(qū)域重合的部分?！?/p>

排除重疊形狀：排除兩個(gè)路徑相交的部分。5.1繪制圖像5.2繪制圖形5.3課堂實(shí)訓(xùn)實(shí)訓(xùn)背景大雪是二十四節(jié)氣中的第21個(gè)節(jié)氣，同時(shí)也是反映氣候特征的一個(gè)節(jié)氣。臨近該節(jié)氣，“樂記”App準(zhǔn)備制作與“大雪”相關(guān)的開屏頁，以便讓更多人感受到傳統(tǒng)節(jié)氣的魅力，推廣我國的傳統(tǒng)文化。實(shí)訓(xùn)思路（1）背景設(shè)計(jì)?！按笱苯o人的感受是寒冷，因此背景可采用顏色偏冷的漸變色。（2）場(chǎng)景設(shè)計(jì)。利用樹枝樣式的筆刷在場(chǎng)景中繪制已經(jīng)被大雪掩蓋的白色樹枝。（3）元素設(shè)計(jì)。表明“大雪”主題并添加相應(yīng)的習(xí)俗文字。制作App開屏頁課堂實(shí)訓(xùn)01新建大小為“720像素×1280像素”，分辨率為“72像素/英寸”，顏色模式為“RGB顏色”，名稱為“App開屏頁”的文件。選擇“漸變工具”

，設(shè)置漸變顏色為“#adcfeb~#ead7d9~#ccf2fe”，然后在“背景”圖層中繪制漸變。新建圖層并重命名為“積雪”，選擇“畫筆工具”

，設(shè)置填充顏色為“白色”，在畫面下方涂抹，繪制出積雪的效果。新建圖層并重命名為“樹枝1”，選擇“畫筆工具”

，載入“樹枝”筆刷，選擇相應(yīng)的畫筆樣式后，適當(dāng)調(diào)整畫筆大小，在積雪上方繪制白色樹枝。然后新建圖層并重命名為“樹枝2”，修改填充顏色，在畫面右側(cè)繪制棕色的樹枝。020304制作App開屏頁課堂實(shí)訓(xùn)05新建圖層并重命名為“雪”，選擇“畫筆工具”

，修改填充顏色，適當(dāng)調(diào)整畫筆大小和不透明度，在棕色樹枝上繪制出落雪的效果，并在畫面其他位置繪制飄雪。使用“豎排文字工具”

和“橫排文字工具”

在海報(bào)中輸入相應(yīng)文字，適當(dāng)調(diào)整大小和字符間距等，再為部分文字應(yīng)用“投影”圖層樣式。完成后查看最終效果，最后按【Ctrl+S】鍵保存文件。06制作App開屏頁課堂實(shí)訓(xùn)實(shí)訓(xùn)背景某公司開發(fā)的一款“鬧鐘”App即將更新版本，新版本擁有更加簡(jiǎn)潔的交互設(shè)計(jì)和功能布局，操作更加快捷，同時(shí)準(zhǔn)備制作全新的圖標(biāo)，新圖標(biāo)需要有效傳達(dá)出該App的作用。實(shí)訓(xùn)思路（1）樣式設(shè)計(jì)。該App的名稱是“鬧鐘”，因此可將圖標(biāo)的主體圖形設(shè)計(jì)為鬧鐘的形狀。（2）色彩設(shè)計(jì)。為符合新版本App“簡(jiǎn)潔”的風(fēng)格，圖標(biāo)的顏色不宜過多，可選取溫柔的淡青色搭配淡紫色和白色，色調(diào)整體偏淡。繪制“鬧鐘”App圖標(biāo)課堂實(shí)訓(xùn)01新建大小為“200像素×200像素”，名稱為“‘鬧鐘’App圖標(biāo)”的文件。選擇“橢圓工具”

，設(shè)置填充顏色為“白色”，描邊顏色為“#b1c1e9”，描邊寬度為“8點(diǎn)”，在畫面中繪制一個(gè)正圓，然后復(fù)制該正圓，將其等比例縮小，并修改描邊寬度為“2點(diǎn)”。取消描邊，再在正圓中心繪制一個(gè)小的正圓。選擇“圓角矩形工具”

，在正圓中繪制4個(gè)圓角矩形作為刻度，再繪制兩個(gè)圓角矩形作