項(xiàng)目四 字體設(shè)計(jì)

計(jì)算機(jī)圖形圖像處理

ByTLYJ主講人：***TEXT07項(xiàng)目一項(xiàng)目二項(xiàng)目三項(xiàng)目四項(xiàng)目五項(xiàng)目六項(xiàng)目七項(xiàng)目八項(xiàng)目九知識(shí)點(diǎn)1.文字工具，字符面板；2.創(chuàng)建路徑文字；3.文字蒙版工具；柵格化文字。4.“圖層樣式”的應(yīng)用。技能1.掌握手繪字體的制作。2.掌握時(shí)尚創(chuàng)意字體排版的制作。3.掌握個(gè)性名片的制作。4.掌握個(gè)性化證書的制作。內(nèi)容簡(jiǎn)述項(xiàng)目四

字體設(shè)計(jì)知識(shí)目標(biāo)：1.熟練使用“文字工具”創(chuàng)建文本，并能夠使用“字符面板”調(diào)整文字格式。2.掌握創(chuàng)建路徑文字的方法；掌握文字蒙版工具的使用；掌握柵格化文字的方法。3.掌握“圖層樣式”的應(yīng)用，能夠恰當(dāng)利用圖層樣式創(chuàng)建圖層效果。技能目標(biāo)：1.掌握手繪字體的制作。2.掌握時(shí)尚創(chuàng)意字體排版的制作。3.掌握個(gè)性名片的制作。4.掌握個(gè)性化證書的制作。4.1文字/圖層樣式4.1.1文字

1）字符面板執(zhí)行菜單“窗口>字符”命令，打開“字符”面板?；蜻x擇一種文字工具并單擊選項(xiàng)欄中的“面板”按鈕。字體系列B.字體大小C.垂直縮放D.設(shè)置“比例間距”選項(xiàng)E.字距調(diào)整F.基線偏移G.語(yǔ)言H.字型I.行距J.水平縮放K.字距微調(diào)

4.1文字/圖層樣式“字符”面板菜單中的其他命令和選項(xiàng)：4.1文字/圖層樣式2）點(diǎn)文字輸入點(diǎn)文本時(shí)，每行文字都是獨(dú)立的，行的長(zhǎng)度隨著編輯增加或縮短，但不會(huì)換行。、“圖層”面板中會(huì)自動(dòng)添加一個(gè)新的文字圖層，不同于普通的圖層，只有對(duì)文字圖層進(jìn)行柵格化之后，才能像普通圖像一樣進(jìn)行編輯。4.1文字/圖層樣式2）點(diǎn)文字編輯文字格式：字體改為“華文行楷”，字號(hào)改為80，顏色改為紅色（#df0606）。在工具選項(xiàng)欄中單擊“創(chuàng)建文字變形”，設(shè)置樣式。4.1文字/圖層樣式3）段落文本選擇文字工具，單擊并按左鍵拖出一個(gè)定界框，在框內(nèi)輸入文字。文字基于外框的尺寸自動(dòng)換行。調(diào)整外框的大小，將使文字在矩形內(nèi)重新排列，也可以使用外框來(lái)旋轉(zhuǎn)、縮放或斜切文字。對(duì)齊和調(diào)整B.左縮進(jìn)C.首行左縮進(jìn)D.段前添加空格E.連字符連接F.右縮進(jìn)G.段后添加空格4.1文字/圖層樣式改變段落文本格式鼠標(biāo)放在右上角手柄上拖動(dòng)的同時(shí)，按住Ctrl鍵，定界框大小改變且其中的文字大小也隨之改變。按住Ctrl鍵，鼠標(biāo)放在中間的手柄上拖動(dòng)，可斜切外框。最后按Ctrl+Enter組合鍵，結(jié)束段落文字的錄入。4.1文字/圖層樣式4）路徑文字沿著開放或封閉的路徑的邊緣流動(dòng)的文字。4.1文字/圖層樣式5）文本蒙版工具使用“橫排文本蒙版工具”或“直排文本蒙版工具”創(chuàng)建文字選區(qū)。像任何其它選區(qū)一樣對(duì)其進(jìn)行移動(dòng)、復(fù)制、填充或描邊，制造藝術(shù)字效果。4.1文字/圖層樣式6）柵格化文字在包含矢量數(shù)據(jù)（如文字圖層、形狀圖層、矢量蒙版或智能對(duì)象）和生成的數(shù)據(jù)（如填充圖層）的圖層上，不能使用繪畫工具或?yàn)V鏡。此時(shí)，需柵格化。4.1文字/圖層樣式6）柵格化文字在包含矢量數(shù)據(jù)（如文字圖層、形狀圖層、矢量蒙版或智能對(duì)象）和生成的數(shù)據(jù)（如填充圖層）的圖層上，不能使用繪畫工具或?yàn)V鏡。此時(shí)，需柵格化。4.1文字/圖層樣式4.1.2圖層樣式

1）應(yīng)用預(yù)設(shè)樣式4.1文字/圖層樣式1）應(yīng)用預(yù)設(shè)樣式——案例4.1文字/圖層樣式2）應(yīng)用自定義樣式

除上述預(yù)設(shè)樣式之外，用戶可以在“圖層樣式”對(duì)話框中設(shè)置自定義樣式。4.1文字/圖層樣式圖層模式——案例（添加紋身）

“混合模式”用于指定當(dāng)前圖層的像素如何與圖像中的下層像素進(jìn)行混合義樣式。

4.1文字/圖層樣式圖層效果

在Photoshop中，用戶可以使用多種效果創(chuàng)建自定樣式：斜面和浮雕：對(duì)圖層添加高光與陰影的各種組合。描邊：使用顏色、漸變或圖案在當(dāng)前圖層上描畫對(duì)象的輪廓。內(nèi)陰影：緊靠在圖層內(nèi)容的邊緣內(nèi)添加陰影，使圖層具有凹陷外觀。外發(fā)光和內(nèi)發(fā)光：添加從圖層內(nèi)容的外邊緣或內(nèi)邊緣發(fā)光的效果。光澤：應(yīng)用創(chuàng)建光滑光澤的內(nèi)部陰影。顏色、漸變和圖案疊加：用顏色、漸變或圖案填充圖層內(nèi)容。投影：在圖層內(nèi)容的后面添加陰影。

4.1文字/圖層樣式圖層效果——案例（廣告招牌字）

4.2制作MerryChristmas手繪字體效果圖：4.2制作MerryChristmas手繪字體設(shè)計(jì)思路首先從背景入手，背景顏色選擇了顏色比較喜慶的紅色，意味著這是一個(gè)歡慶、開心、快樂(lè)的日子。再加上各種大小不一的雪花，緊扣圣誕節(jié)這個(gè)主題。而字體的“MerryChristmas”，由圓演變而成，構(gòu)成一個(gè)個(gè)英文字母，突顯創(chuàng)意，英文字母附帶著白色的點(diǎn)點(diǎn)，為文字增添了色彩，吸引觀眾的眼球。中文“圣誕節(jié)”讓整體感覺(jué)帶來(lái)了多元化，說(shuō)明圣誕節(jié)開始蔓延到世界每個(gè)地方，共同分享著開心的節(jié)日，富有歡樂(lè)氣氛。4.2制作MerryChristmas手繪字體制作步驟按Ctrl+N組合鍵，彈出“新建”對(duì)話框，設(shè)置“寬度”和“高度”分別為：600像素、408像素，“分辨率”為72像素/英寸。新建圖層，命名為“底層”，設(shè)置前景色顏色（#291919），用前景色填充圖層。

4.2制作MerryChristmas手繪字體3.新建圖層，命名為“白色邊框”，設(shè)置前景色顏色（#ffffff），用前景色填充選區(qū)。按Ctrl+T組合鍵，按shift+Alt組合鍵等比例的縮小。4.復(fù)制“白色邊框”圖層，重命名為“漸變圖層”，設(shè)置前景色顏色（#000000），用前景色填充。等比例的縮小。按Ctrl鍵的同時(shí)，在圖層面板上單擊“漸變圖層”的縮覽圖，以獲取選區(qū)。回到“白色邊框”圖層，按Delete鍵刪除選區(qū)內(nèi)的圖像，取消選區(qū)。4.2制作MerryChristmas手繪字體5.

在圖層面板中，選擇“白色邊框”圖層，添加“圖層樣式”：選擇“斜面和浮雕”樣式，選擇“浮雕效果”。4.2制作MerryChristmas手繪字體6.選擇“漸變圖層”，按Ctrl鍵的同時(shí)，單擊該圖層的縮覽圖，重新獲取選區(qū)，將前景色設(shè)置為（#d90018），背景色設(shè)置為（#530407）。設(shè)置由中心至左下角的“徑向漸變”。4.2制作MerryChristmas手繪字體

7.新建一個(gè)圖層，命名為“M”，用“橢圓選框工具”建立一個(gè)選區(qū)，填充為白色（#ffffff）。4.2制作MerryChristmas手繪字體8.新建圖層，命名為“輔助圖層”，繪制橢圓選區(qū)，填充黑色（#000000），旋轉(zhuǎn)適當(dāng)?shù)慕嵌?，并移到適當(dāng)?shù)奈恢?。按Ctrl，單擊圖層面板中“輔助圖層”的縮覽圖，重新獲取選區(qū)。再次回到“M”圖層，按Delete鍵刪除選區(qū)內(nèi)的圖像。同樣的方法繪制文字M的另一邊。最后刪除輔助圖層。4.2制作MerryChristmas手繪字體9.采用類似方法，依次繪制其他字母，并調(diào)整字母順序，得到如下效果。4.2制作MerryChristmas手繪字體10.在圖層面板中，雙擊“M圖層”，打開“圖層樣式”對(duì)話框，添加“斜面和浮雕”、“外發(fā)光”和“投影”效果。打開“混合選項(xiàng)”選項(xiàng)卡，將“混合模式”設(shè)為“溶解”。4.2制作MerryChristmas手繪字體

繼續(xù)添加“外發(fā)光效果”、“投影效果”。4.2制作MerryChristmas手繪字體11.依照上述步驟的方法，對(duì)其它字體添加“圖層樣式”，得到如下效果。4.2制作MerryChristmas手繪字體12.在工具箱中，右鍵單擊“形狀工具”按鈕，選擇“自定義形狀工具”，在工具選項(xiàng)欄中，單擊“形狀”按鈕旁邊的三角符號(hào)，再單擊右上角的三角形“添加按鈕”，選擇“自然”類別，單擊“追加”按鈕，找到“雪花”圖形。4.2制作MerryChristmas手繪字體13.新建圖層，命名為“雪花”，在工具選項(xiàng)欄中單擊“路徑”按鈕，繪制雪花形狀的“路徑”，按Ctrl+Enter組合鍵轉(zhuǎn)換為選區(qū)，填充白色（#ffffff），取消選區(qū)。4.2制作MerryChristmas手繪字體14.依照上述步驟的方法，繪制其它雪花，得到如下效果。4.2制作MerryChristmas手繪字體15.新建圖層，選擇“橫排文字工具”，工具選項(xiàng)欄中設(shè)置字體為“幼圓”，字號(hào)為48，顏色為白色，輸入“圣誕節(jié)快樂(lè)！”4.3時(shí)尚創(chuàng)意字體排版效果圖4.3時(shí)尚創(chuàng)意字體排版設(shè)計(jì)思路首先是FASHION的F，首字母放大，給人一種視覺(jué)沖擊，吸引觀眾的眼球，加上“時(shí)尚購(gòu)物”這四個(gè)字，與FASHION相呼應(yīng)。另外“時(shí)尚購(gòu)物”加上紅色的顏色，看起來(lái)更加熱情，更加搶眼。色彩方面，選取三種顏色，避免使總體藝術(shù)效果雜亂、不諧調(diào)?！皶r(shí)尚購(gòu)物”文字，上下使用不同顏色，為整體的感覺(jué)增添了一絲色彩，顯得有創(chuàng)意，豐富了作品的內(nèi)容。4.3時(shí)尚創(chuàng)意字體排版制作步驟新建文件，設(shè)置“寬度”和“高度”分別為：403像素、236像素，“分辨率”72像素/英寸。2.新建圖層，命名為“F”，選擇“橫排文字工具”，工具選項(xiàng)欄中設(shè)置字體為“幼圓”，大小為“200”，顏色為“黑色”，輸入“F”。4.3時(shí)尚創(chuàng)意字體排版3.選擇名稱為“F”的圖層，將文字柵格化。并添加“圖層樣式”，添加“斜面和浮雕”、“外發(fā)光”和“投影”效果。4.3時(shí)尚創(chuàng)意字體排版4.新建圖層，命名為“ASHION”，輸入文字“ASHION”，設(shè)置字體為“幼圓”，大小為“90”，顏色為“黑色”。5.選擇“ASHION”的圖層，將文字柵格化。添加“圖層樣式”，添加“投影”效果。4.3時(shí)尚創(chuàng)意字體排版6.新建圖層，命名為“時(shí)尚購(gòu)物紅”，輸入文字“時(shí)尚購(gòu)物”，設(shè)置字體“幼圓”，大小“55”，顏色紅色（#e60012）。

7.

選擇“時(shí)尚購(gòu)物紅”圖層，將文字柵格化。添加“圖層樣式”，添加“投影”效果，并設(shè)置“投影顏色”為暗紅色（#d37474）。

4.3時(shí)尚創(chuàng)意字體排版8.

按Ctrl鍵的同時(shí)，單擊“時(shí)尚購(gòu)物紅”圖層縮覽圖，重新獲取選區(qū)。新建一個(gè)圖層，命名為“時(shí)尚購(gòu)物白”，設(shè)置前景色為白色（#ffffff），用前景色填充選區(qū)。4.3時(shí)尚創(chuàng)意字體排版

9.新建一個(gè)圖層，作為“輔助圖層”，繪制一個(gè)矩形選區(qū)，并用黑色填充選區(qū)，旋轉(zhuǎn)適當(dāng)?shù)慕嵌取?/p>

10.按Ctrl鍵的同時(shí)，單擊“輔助圖層”的縮覽圖，重新獲取選區(qū)。回到“時(shí)尚購(gòu)物白”圖層，按Delete鍵刪除，刪除“輔助圖層”。4.3時(shí)尚創(chuàng)意字體排版11.新建圖層，命名為“紫色條”，繪制一矩形，用紫色（#500047）填充。

12.

選擇“紫色條”圖層，輸入“SHOPPING”，

設(shè)置字體“華文宋體”，大小“24”，顏色（#7d0022）。4.3時(shí)尚創(chuàng)意字體排版13.新建圖層，輸入文字“平凡——經(jīng)典”，設(shè)置字體“幼圓”，大小“16”，顏色白色（#ffffff）。4.4制作名片效果圖4.4制作名片設(shè)計(jì)思路名片是以個(gè)人名字為主體的介紹卡片，包括身份、職業(yè)、特長(zhǎng)、處世、品行、志向等，是一種自我介紹信的形式。這里以皮革顏色為基調(diào)，正面介紹個(gè)人信息，背面介紹企業(yè)業(yè)務(wù)范圍。4.4制作名片制作步驟——名片正面設(shè)計(jì)

新建文件，設(shè)置“寬度”和“高度”分別為：9厘米、6厘米，“分辨率”72像素/英寸。2.新建圖層，命名為“底層”，繪制矩形選區(qū)，并用前景色（#cca353）填充。4.4制作名片3.新建圖層，命名為“裝飾”，使用工具箱中的“自定形狀工具”，在工具選項(xiàng)欄中，設(shè)置“選擇工具模式”為“像素”，單擊“自定形狀”拾取器，從中選擇“裝飾”命令，選擇“裝飾5”形狀。在選區(qū)中拖出幾個(gè)“裝飾5”形狀圖案。4.4制作名片4.設(shè)置“裝飾”圖層的“不透明度”為“40%”，取消選區(qū)。4.4制作名片5.按D鍵恢復(fù)默認(rèn)顏色。輸入文字，打開素材文件“公文簽名設(shè)計(jì).jpg”，通過(guò)“魔棒工具”刪除背景色。4.4制作名片6.使用“裝飾5”形狀繪制一種圖案來(lái)替代公司的實(shí)際LOGO，并設(shè)置圖層樣式為“描邊”樣式，“描邊”顏色為（#ebee05）。4.4制作名片7.輸入公司名稱“廣州市星云皮革皮具有限公司”、地址、電話、郵箱等信息。4.4制作名片8.在“圖層”面板中單擊“創(chuàng)建新組”，命名為“名片正面設(shè)計(jì)”，將相關(guān)圖層拖放到該組中，隱藏該組內(nèi)容。4.4制作名片名片背景設(shè)計(jì)9.創(chuàng)建新組”，命名為“名片背面設(shè)計(jì)”。新建圖層，命名為“背面背景”，用前景色（#cca353）填充。使用“裝飾5”形狀繪制一些圖案，設(shè)置“背面背景”圖層的“不透明度”，按Ctrl+E組合鍵合并圖層。4.4制作名片10.輸入公司經(jīng)營(yíng)項(xiàng)目等信息。4.5制作個(gè)性化證書效果圖4.5制作個(gè)性化證書設(shè)計(jì)思路名片是以個(gè)人名字為主體的介紹卡片，包括身份、職業(yè)、特長(zhǎng)、處世、品行、志向等，是一種自我介紹信的形式。這里以皮革顏色為基調(diào)，正面介紹個(gè)人信息，背面介紹企業(yè)業(yè)務(wù)范圍。4.5制作個(gè)性化證書制作步驟——內(nèi)面

新建文件，設(shè)置“寬度”和“高度”分別為：330像素、250像素，“分辨率”72像素/英寸。2.新建圖層，執(zhí)行菜單“編輯>填充”命令，選擇“金色羊皮紙”圖案。新建兩條參考線放在中間位置。

4.5制作個(gè)性化證書3.輸入文字“天才證”，設(shè)置字體“微軟雅黑”，大小“30”，顏色“黑色”。打開“字符”面板，設(shè)置“字距”為“280”。4.5制作個(gè)性化證書4.輸入文字“姓名”、“性別”、“證書編號(hào)”等，設(shè)置字體“楷體”，大小“14”，顏色“黑色”，其中橫線部分輸入“空格”，在“字符”面板中設(shè)置“下劃線”。4.5制作個(gè)性化證書5.同樣方法，輸入“茲證明……”等內(nèi)容，設(shè)置字體“楷體”，大小“10”，顏色黑色，在“段落”面板中，設(shè)置“左對(duì)齊文本”。4.5制作個(gè)性化證書6.新建圖層，繪制“正圓”形路徑。在路徑上單擊，輸入文字“國(guó)際IQ鑒定中心”，設(shè)置字體“楷體”，大小“12”，顏色紅色（#ff0000）。4.5制作個(gè)性化證書7.新建圖層，打開“路徑”面板，選擇工作路徑，按Ctrl+Enter組合鍵，將路徑轉(zhuǎn)換為選區(qū)，執(zhí)行菜單“編輯>描邊”命令，設(shè)置“寬度”2像素，“顏色”紅色，“位置”為“居外”。4