項目三

動漫宣傳設計——文字與路徑1031動漫雜志封面設計——文字輸入與編輯2動漫網(wǎng)站首頁設計——文字變形效果目錄CONTENTS1043動漫展海報設計——路徑文本編輯任務1動漫雜志封面設計——文字輸入與編輯1051.能輸入點文本和段落文本。2.能使用“橫排文字工具”和“直排文字工具”編輯文字。3.能使用文字工具屬性欄設置文字屬性。4.能使用“字符”面板進行文字屬性的設置。106任務目標本任務主要利用“橫排文字工具”“直排文字工具”和“字符”面板來制作右圖所示的動漫雜志封面。要完成本任務，學習者除了需要掌握文字輸入及編輯的制作技巧之外，還需要學習如何應用圖層樣式來制作文字效果。107動漫雜志封面設計任務描述一、文字工具用鼠標右鍵單擊工具箱上的“橫排文字工具”圖標

，彈出文字工具組。Photoshop提供了四種創(chuàng)建文字的工具：“橫排文字工具”“直排文字工具”“直排文字蒙版工具”和“橫排文字蒙版工具”，如圖所示。108相關(guān)知識文字工具組“橫排文字工具”和“直排文字工具”主要用來創(chuàng)建點文本、段落文本和路徑文本，“直排文字蒙版工具”和“橫排文字蒙版工具”主要用于創(chuàng)建文字形狀的選區(qū)。109二、創(chuàng)建文字1.點文本使用文字工具在頁面上單擊并輸入的文字，稱為點文本。點文本不具備自動換行的功能，需要手動按【Enter】鍵換行。2.段落文本使用文字工具在頁面上單擊并拖拽鼠標拉出文本框后輸入的文字稱為段落文本，其指定了文字的區(qū)域。文字在文本框內(nèi)顯示，待輸入的文字達到文本框的邊緣時，文字會自動換行排列。1103.輸入文字選擇“橫排文字工具”或“直排文字工具”后，可在工具屬性欄設置字體樣式、大小、顏色等屬性，設置完成后在頁面中單擊鼠標左鍵即可輸入文本，然后按【Ctrl+Enter】組合鍵完成操作，如圖所示。111橫排文字效果

直排文字效果三、設置文字屬性選取文字工具后，在工具屬性欄上可以設置文字的屬性，如圖所示。下面對這些屬性做簡要介紹：1.切換文本取向單擊“切換文本取向”圖標

，可以將橫排文字變?yōu)橹迸拧⒅迸盼淖肿優(yōu)闄M排。112文字工具屬性欄2.設置字體在選項欄中單擊“設置字體”下拉箭頭圖標

，在彈出的下拉列表中選擇合適的字體即可。當下次在文檔中輸入文字時，會自動使用上次設置的字體。3.設置字體樣式字體樣式只針對部分字體有效。輸入文字后，可以在該下拉列表中選擇需要的字體樣式。4.設置字體大小可以直接輸入數(shù)值，也可以在下拉列表中選擇預設的字體大小。1135.設置消除鋸齒的方法輸入文字后，可以在該下拉列表中為文字選擇一種消除鋸齒的方式，其差別主要體現(xiàn)在文字的邊緣處。6.設置文本對齊方式根據(jù)輸入字符時光標的位置來設置文本對齊方式。7.設置文本顏色文本顏色默認為前景色，要修改文字顏色可單擊該顏色塊，在彈出的“拾色器”對話框中設置文字所需要的顏色即可。1148.創(chuàng)建文字變形選中文本，單擊“創(chuàng)建文字變形”圖標

，在彈出的“變形文字”對話框中設置文本的變形效果。9.切換字符和段落面板單擊“切換字符和段落”面板圖標

，可以在“字符”面板或“段落”面板之間進行切換。10.取消所有當前編輯在文本輸入或編輯狀態(tài)下顯示“取消所有當前編輯”圖標

，單擊即可取消當前的編輯操作。11511.提交所有當前編輯在文本輸入或編輯狀態(tài)下顯示“提交所有當前編輯”圖標

，單擊即可確定并完成當前的文字輸入或編輯操作。12.從文本創(chuàng)建3D單擊“從文本創(chuàng)建3D”圖標

，可將文本對象轉(zhuǎn)換為帶有立體感的3D對象。116四、“字符”面板執(zhí)行“窗口”→“字符”命令，即可彈出“字符”面板，如圖所示。在“字符”面板中除了能對字體樣式、字體大小、字體顏色和消除鋸齒的方法等進行設置，還可以對行距、字距等屬性進行設置。117“字符”面板1.設置行距行距是指上一行文字基線與下一行文字基線之間的距離。選擇需要調(diào)整的文本圖層，然后在“設置行距”文本框中輸入行距值或在下拉列表中選擇預設的行距值，設置完成后按【Enter】鍵即可。2.字距微調(diào)字距微調(diào)用于微調(diào)兩個字符之間的距離。在設置時，先要將光標插入需要進行字距微調(diào)的兩個字符之間，然后在該文本框中輸入所需的字距微調(diào)數(shù)量，也可以在下拉列表框中選擇預設的字距微調(diào)數(shù)量。輸入正值時，字距會擴大；輸入負值時，字距會縮小。1183.字距調(diào)整字距調(diào)整用于調(diào)整所選字符之間的字距。輸入正值時，字距會擴大；輸入負值時，字距會縮小。4.比例間距比例間距是按指定的百分比來減少字符周圍的空間，字符本身并不會被伸展或擠壓。5.垂直縮放/水平縮放垂直縮放/水平縮放用于設置文字的垂直或水平縮放比例，以調(diào)整文字的高度或?qū)挾取?196.基線偏移基線偏移用于設置文字與文字基線之間的距離。輸入正值時，文字會上移；輸入負值時，文字會下移。7.字體樣式字體樣式用于設置文字的特殊效果，包括仿粗體、仿斜體、全部大寫字母、小型大寫字母、上標、下標、下劃線、刪除線等。1208.OpenType樣式OpenType樣式包括標準連字、上下文替代字、自由連字、花飾字、替代樣式、標題替代字、序數(shù)字和分數(shù)字。9.語言設置語言設置用于對所選字符進行有關(guān)聯(lián)字符和拼寫規(guī)則的設置。10.消除鋸齒輸入文字后，可以在該下拉列表中為文字指定一種消除鋸齒的方法。121任務二

動漫網(wǎng)站首頁設計——文字變形效果1221.能使用“文字變形”命令創(chuàng)建文字變形效果。2.能輸入與編輯段落文本。3.能使用“柵格化文字”命令編輯文字。4.能使用“文字蒙版工具”創(chuàng)建文字選區(qū)。123任務目標本任務主要利用“文字變形”命令、“柵格化文字”命令、“文字蒙版工具”來制作如圖所示的動漫網(wǎng)站首頁。要完成本任務，學習者除了需要掌握文字效果制作技巧之外，還需要學習使用圖層樣式和“漸變工具”來制作文字效果的方法。124動漫網(wǎng)站首頁設計任務描述一、變形文字1.文字變形樣式輸入文本后，執(zhí)行“文字”→“文字變形”命令，或單擊文字工具屬性欄的“創(chuàng)建文字變形”圖標

，彈出“變形文字”對話框，在該對話框中可選擇需要的變形文字樣式，如圖所示。變形文字效果如圖所示。125相關(guān)知識126變形文字效果變形文字樣式2.變形效果調(diào)整創(chuàng)建變形文字后，可以通過調(diào)整其他參數(shù)選項來調(diào)整變形效果。每種樣式都包含相同的參數(shù)選項，如圖所示。127設置“變形文字”對話框參數(shù)二、段落文本創(chuàng)建段落文本后，可根據(jù)設計需求來調(diào)整文本框的大小，文字會自動在調(diào)整后的文本框內(nèi)重新排列。通過文本框，還可以旋轉(zhuǎn)、縮放和斜切文字。將光標移至文本框外，當指針變?yōu)閺澢碾p向箭頭時，拖動鼠標可以旋轉(zhuǎn)文字，如圖所示。在旋轉(zhuǎn)過程中按住【Shift】鍵，則能夠以15°為增量進行旋轉(zhuǎn)，如圖所示。128旋轉(zhuǎn)段落文字

以

15°為增量旋轉(zhuǎn)段落文字在編輯的過程中按住【Ctrl】鍵，可出現(xiàn)類似自由變換的定界框，將光標移動到文字選框的控制點上單擊并拖動，即可斜切變形文字。但是，此時文字選框與文字本身都會發(fā)生變化，如圖所示。129斜切變形文字

三、點文本和段落文本的轉(zhuǎn)換如果當前選擇的是點文本，執(zhí)行“文字”→“轉(zhuǎn)換為段落文本”命令，可以將點文本轉(zhuǎn)換為段落文本；如果當前選擇的是段落文本，執(zhí)行“文字”→“轉(zhuǎn)換為點文本”命令，可以將段落文本轉(zhuǎn)換為點文本。130四、柵格化文字文字是一種比較特殊的對象，無法直接進行形狀或者內(nèi)部像素的更改。柵格化文字是指將特殊對象變?yōu)槠胀▽ο蟮倪^程。在“圖層”面板中選擇一個文字圖層，然后在圖層名稱上單擊鼠標右鍵，在彈出的快捷菜單中執(zhí)行“柵格化文字”命令，就可以將文字圖層轉(zhuǎn)換為普通圖層，如圖所示。131柵格化文字圖層五、文字蒙版工具文字蒙版工具包括“橫排文字蒙版工具”和“直排文字蒙版工具”兩種，如圖所示。文字蒙版工具創(chuàng)建的不是實體文字，而是文字選區(qū)。在文字選區(qū)中，可以填充前景色、背景色、漸變色以及從圖像中復制帶有圖像內(nèi)容的文字形狀等。132文字蒙版工具使用文字蒙版工具輸入文字后，可以單擊工具屬性欄中的“提交”圖標

或者按【Ctrl+Enter】組合鍵退出文字蒙版模式，文字轉(zhuǎn)換成選區(qū)，如圖所示。133輸入的橫排文字蒙版

橫排文字蒙版的選區(qū)效果任務三動漫展海報設計——路徑文本編輯1341.能創(chuàng)建與編輯路徑文本。2.能使用“轉(zhuǎn)換為形狀”命令編輯文字。3.能使用“創(chuàng)建工作路徑”命令編輯文字。4.能創(chuàng)建與編輯區(qū)域文本。135任務目標本任務主要利用路徑文本及“轉(zhuǎn)換為形狀”命令來制作如圖所示的超萌動漫展海報。要完成本任務，學習者除了需要掌握制作變形文字效果的技巧之外，還需要學習使用“字符”面板進行文字屬性設置，以此來制作文字效果的方法。136超萌動漫展海報任務描述一、路徑文本在Photoshop中制作路徑文本時，首先需要使用“鋼筆工具”或“形狀工具”（確保在屬性欄中選擇的是“路徑”而不是“形狀”或“像素”）在頁面上繪制一個路徑，路徑可以是開放的（有兩個端點）或封閉的（沒有起點和終點），使用“鋼筆工具”可繪制如圖所示的路徑；然后選擇“橫排文字工具”，將工具光標移動至路徑上單擊鼠標左鍵即可輸入文字，文字會自動沿著路徑排列，如圖所示。137相關(guān)知識138

繪制的路徑在路徑上輸入文字可以像編輯常規(guī)文本一樣編輯路徑文本，包括更改字體、大小、顏色等。需要移動文字在路徑上的位置時，可以使用“直接選擇工具”或“路徑選擇工具”來選擇并拖動文字，如圖所示。如果要將文字翻轉(zhuǎn)到路徑的另一側(cè)，可以使用“直接選擇工具”或“路徑選擇工具”來選擇文字，然后按住【Ctrl】鍵并拖動文字到路徑的另一側(cè)即可，如圖所示。139拖動文字的效果

翻轉(zhuǎn)文字的效果二、文字轉(zhuǎn)換為形狀在制作藝術(shù)字的時候通常需要將文字對象轉(zhuǎn)換為形狀圖層，接著就可以使用鋼筆工具組和選擇工具組中的工具對文字的外形進行編輯。方法是在輸入文字后執(zhí)行“文字”→“轉(zhuǎn)換為形狀”命令或右鍵單擊該文字圖層，在彈出的菜單中選擇“轉(zhuǎn)換為形狀”命令，將文字圖層轉(zhuǎn)換為形狀圖層，如圖所示。此時文字圖層的縮覽圖會發(fā)生變化，顯示為一個形狀圖層的標志。140將文字圖層轉(zhuǎn)換為形狀圖層將轉(zhuǎn)換為形狀的文字圖層選中，再使用“直接選擇工具”將錨點選中，接著按住鼠標左鍵向上拖拽，對文字進行變形制作，如圖所示。141將文字進行變形三、創(chuàng)建文字工作路徑在輸入文字后執(zhí)行“文字”→“創(chuàng)建工作路徑”命令或右鍵單擊該文字圖層，在彈出的菜單中選擇“創(chuàng)建工作路徑”命令，即可將文字圖層轉(zhuǎn)換為路徑圖層，如圖所示。此時可使用各種路徑編輯工具來修改它，如圖所示。142創(chuàng)建文字工作路徑

修改文字路徑四、區(qū)域文本在Photoshop中，區(qū)域文本并不是一個獨立的命令，而是文字工具的一種使用方式，它允許用戶在自定義的區(qū)域內(nèi)輸入并排列文字。區(qū)域文本與段落文本比較相似，都被限定在某個特定的區(qū)域內(nèi)；區(qū)別在于段落文本處于一個矩形文本框中，而區(qū)域文本則需要在頁面上繪制一個特定的區(qū)域來限制文字的流動。區(qū)域文本的使用方法是在繪制好的圖形路徑內(nèi)選擇文字工具輸入文字，文字會自動在區(qū)域內(nèi)換行，以適應繪制的區(qū)域形狀和大小，如圖所示。輸入文字后，可以像編輯普通文本一樣對區(qū)域文本進行編輯，包括更改字體、字號、顏色等。143144

創(chuàng)建區(qū)域文本

項目四

動漫圖像色彩設計——色調(diào)與修圖1451動漫圖像色彩設計——色調(diào)控制2動漫場景色彩設計——色彩調(diào)整目錄CONTENTS1463動漫角色色彩設計——顏

色模式轉(zhuǎn)換與替換圖像色彩任務1動漫圖像色彩設計——色調(diào)控制1471.能根據(jù)文件要求設置色彩模式。2.能通過自動色調(diào)來修改圖像色調(diào)。3.能通過漸變映射來修改圖像顏色。4.能設置彩色半調(diào)效果。148任務目標本任務需要根據(jù)文件要求設置圖像的色彩模式，利用“自動色調(diào)”命令調(diào)整動漫圖像色調(diào)，通過“漸變映射”面板來修改圖像漸變色，并添加彩色半調(diào)效果來完成圖所示的動漫圖像色彩設計。要完成本任務，學習者還需要掌握繪制矢量圖形、調(diào)整圖層混合模式與透明度，以及完成文字輸入與設置的相關(guān)技巧。149動漫圖像色彩設計——波普色彩任務描述一、色彩的模式1.RGB色彩模式電腦屏幕上的所有顏色都是由紅色、綠色和藍色三種色光按照不同的比例混合而成的。屏幕上的任何一種顏色都可以由RGB值來記錄和表達。紅色、綠色、藍色又稱為三原色光，用英文表示就是R（red）、G（green）、B（blue）。150相關(guān)知識2.CMYK色彩模式CMYK色彩模式是一種印刷模式，C、M、Y、K分別是指青（Cyan）、

洋紅（Magenta）、

黃（Yellow）、黑（Black），在印刷工藝中代表四種顏色的油墨。CMYK色彩模式的呈色原理是光線照到有不同比例的C、M、Y、K油墨的紙上，部分色光被油墨吸收，反射入眼睛的色光形成彩色，也稱為色光減色法?？蓤?zhí)行“圖像”→“模式”命令，修改圖像色彩模式，如圖所示。151

色彩模式二、自動色調(diào)色調(diào)是指圖像的相對明暗程度，在彩色圖像上表現(xiàn)為顏色。Photoshop的自動色調(diào)調(diào)整只能應用于一個圖層，只會影響目標圖層上的圖像圖素。執(zhí)行“圖像”→“自動色調(diào)”命令，效果如圖所示。152

自動色調(diào)效果三、漸變映射漸變映射是作用于其下圖層的一種調(diào)整控制，它是將不同亮度映射到不同的顏色上。使用漸變映射會將圖像先去色變成黑白，再從明度的角度將圖像分為暗部、中間調(diào)和高光。“漸變映射”面板中的顏色漸變條，其從左到右的顏色對應圖像中暗部、中間調(diào)和高光區(qū)域。執(zhí)行“圖像”→“調(diào)整”→“漸變映射”命令，打開“漸變映射”面板，效果如圖所示。153

漸變映射效果四、彩色半調(diào)“彩色半調(diào)”濾鏡是在圖層上使用放大的半調(diào)網(wǎng)屏的效果。該濾鏡將圖像劃分為矩形，并用圓形替換每個矩形，圓形的大小與矩形的亮度成比例。對于彩色圖像，使用通道1、2、3、4與CMYK通道的青色、洋紅色、黃色和黑色相對應。執(zhí)行“濾鏡”→“像素化”→“彩色半調(diào)”命令，打開“彩色半調(diào)”面板，效果如圖所示。154彩色半調(diào)效果任務二

動漫場景色彩設計——色彩調(diào)整1551.能通過色階來調(diào)整圖像亮度。2.能通過色相/飽和度來修改圖像的色相、純度和明度。3.能通過曲線來調(diào)整圖像的亮度與對比度。4.能通過色彩平衡來調(diào)整圖像的整體色調(diào)。156任務目標本任務需要為動漫場景調(diào)整色彩，使用“色階”命令調(diào)整房屋場景的亮度，使用“色相/飽和度”命令修改房屋場景的色相、純度和明度，通過調(diào)整“曲線”來修改房屋場景的亮度與對比度，并使用“色彩平衡”命令修改南瓜車的整體色調(diào)來完成如圖所示的動漫場景色彩設計。要完成本任務，學習者還需要掌握添加漸變圖層、調(diào)整圖層混合模式與透明度的相關(guān)技巧。157

動漫場景色彩設計任務描述一、色階色階是表示圖像亮度強弱的指數(shù)標準，也可稱為色彩指數(shù)。色階調(diào)整圖片從白到黑的色彩亮度，與圖像顏色無關(guān)。打開需要調(diào)整的圖像，執(zhí)行“圖像”→“調(diào)整”→“色階”命令，在彈出的“色階”面板中會呈現(xiàn)一個由深到淺的直方圖。通過拖動直方圖上黑色、灰色和白色三個滑塊，可以分別調(diào)整圖像的陰影、中間調(diào)和高光的亮度范圍，效果如圖所示。158相關(guān)知識159調(diào)整色階效果二、曲線曲線是一種比色階更加靈活的色彩調(diào)整方法。通過在“曲線”面板中繪制曲線，可以精確地調(diào)整圖像的明暗和顏色。打開需要調(diào)整的圖像，執(zhí)行“圖像”→“調(diào)整”→“曲線”命令，在彈出的“曲線”面板中會呈現(xiàn)一條表示圖像亮度的線。通過拖動線上的點，可以調(diào)整圖像的亮度、對比度和色彩平衡。通過在線上添加或刪除節(jié)點，還可以進一步微調(diào)圖像的明暗和對比度，效果如圖所示。160161

調(diào)整曲線效果三、色相/飽和度色相/飽和度調(diào)整可以改變圖像的顏色和飽和度。執(zhí)行“圖像”→“調(diào)整”→“色相/飽和度”命令，在彈出的“色相/飽和度”面板中，通過拖動滑塊來調(diào)整整體色相/飽和度和亮度，或者選擇特定的顏色通道進行調(diào)整，效果如圖所示。162調(diào)整色相/飽和度效果四、色彩平衡色彩平衡可以調(diào)整圖像的整體色調(diào)。執(zhí)行“圖像”→“調(diào)整”→“色彩平衡”命令，在彈出的“色彩平衡”面板中，通過調(diào)整滑塊來改變圖像中不同顏色的亮度和飽和度，從而改變圖像的整體色調(diào)，效果如圖所示；還可以通過調(diào)整選擇色彩范圍選項來調(diào)整特定的顏色區(qū)域。163

調(diào)整色彩平衡效果任務三

動漫角色色彩設計——顏色模式轉(zhuǎn)換與替換圖像色彩16