1、2020/7/29,1,文字工具,2020/7/29,3,上章回顧,怎么定義圖案? 定義的圖案可以是彩色的嗎？ 有哪些類型的漸變方式？,2020/7/29,4,本講目標(biāo),了解文字工具的特點(diǎn) 了解圖層樣式的基本使用 掌握文字工具的的正確使用與設(shè)置 掌握創(chuàng)建文本的基本操作 設(shè)計(jì)基本原則重復(fù)原則,2020/7/29,5,本講內(nèi)容,一、文字工具 二、文字工具的使用 三、創(chuàng)建文本選區(qū) 四、圖層樣式 五、設(shè)計(jì)基本原則重復(fù)原則,2020/7/29,6,本講重難點(diǎn),本講重點(diǎn) 1.文字工具、圖層樣式和文字面板的使用 2.文字層與普通圖層的轉(zhuǎn)化 本講難點(diǎn) 1.點(diǎn)文字與段落文字間的轉(zhuǎn)換 2.創(chuàng)建文字選區(qū)的操作,20

2、20/7/29,7,引言,2020/7/29,8,1）文字是文化的重要組成部分及載體，幾乎在任何一種視覺(jué)媒體中，文字和圖片都是其兩大構(gòu)成要素，因此文字效果將直接影響作品的視覺(jué)傳達(dá)效果。同時(shí)在用Photoshop制作圖像時(shí)，文字也是用來(lái)點(diǎn)飾畫面的不可缺少的元素。恰當(dāng)?shù)奈淖稚踔量梢云鸬疆孆堻c(diǎn)睛的功效。 2）文字不管是在Logo設(shè)計(jì)領(lǐng)域中、網(wǎng)頁(yè)設(shè)計(jì)中以及平面廣告等，其應(yīng)用范圍是相當(dāng)廣泛的。在ps中、文字的排版主要是通過(guò)文字工具、文字圖層、文字面版、來(lái)實(shí)現(xiàn)的。,1.文字的作用,一、文字工具,2020/7/29,9,2. 文字圖層,選擇文字工具、在窗口中單擊、系統(tǒng)自動(dòng)生成的圖層。,提示：文字圖層可以轉(zhuǎn)化

3、為普通圖層。 “執(zhí)行”-“圖層”-“柵格化”-“文字”命令。,技巧：雙擊文字圖層縮略圖可全選這個(gè)層的所有文字。,特點(diǎn)： 1）與圖像具有相同的分辨率，與圖像一樣，放大后會(huì)有鋸齒 2）文字圖層是一種很特殊的圖層，它具有圖層的一般屬性,2020/7/29,10,二、文字工具的使用,1、,文字工具包括：,橫排文字工具： 橫排文字工具可以創(chuàng)建水平的文本 直排文字工具： 直排文字工具可以創(chuàng)建垂直的文本 橫排文字蒙版工具： 橫排文字蒙版工具可以創(chuàng)建水平的文本選區(qū) 直排文字蒙版工具： 直排文字蒙版工具可以創(chuàng)建垂直的文本選區(qū),2020/7/29,11,2、文本的類型,使用文字工具創(chuàng)建的文本有：點(diǎn)文本、段落文本

4、兩種類型。,點(diǎn)文本的創(chuàng)建： 選中文字工具后，在窗口中單擊鼠標(biāo)左鍵即可；,段落文本的創(chuàng)建： 選中文字工具后，在窗口中單擊鼠標(biāo)左鍵拖出一個(gè)矩 形框即可；,點(diǎn)文本和段落文本的區(qū)別：點(diǎn)文本不能“自動(dòng)換行”，需按“Enter”才可換行！但是段落文本可以“自動(dòng)換行”。,2020/7/29,12,思考: 點(diǎn)文字與段落文字間可以轉(zhuǎn)換嗎？ 1）選擇“圖層/文字/轉(zhuǎn)換為段落文本“命令，可以將點(diǎn)文字轉(zhuǎn)換為段落文字。 2）選擇“圖層/文字/轉(zhuǎn)換為點(diǎn)文本“命令，可以將段落文字轉(zhuǎn)換為點(diǎn)文字。,2020/7/29,13,3、文本的編輯,字體,字的大小,文字的對(duì)齊方式,文字的顏色,字體的樣式,文字面版,提交所有當(dāng)前編輯,取消

5、所有當(dāng)前編輯,橫排和豎排的轉(zhuǎn)化,2020/7/29,14,4、文本變形,2020/7/29,15,5、字符面板,字體,設(shè)定字型,字體大小,行距,垂直縮放,水平縮放,調(diào)整比例間距,字距,字距微調(diào),基線位置,顏色,設(shè)定字典,消除鋸齒,下劃線,刪除線,上標(biāo)/下標(biāo),2020/7/29,16,以下技巧一定要記??！很實(shí)用的。 1）全選文字：Ctrl+A或 Ctrl+Shift+“方向鍵” 2）當(dāng)文字光標(biāo)置于最末端時(shí)也可用： Ctrl+“Home” 使光標(biāo)回到最首位; 若選取多行，可用Ctrl+Shift +“Home” 3）字距微調(diào)：選擇文字后，使用 Alt+“左右方向鍵” 4）字符間的微調(diào)：光標(biāo)置于要調(diào)

6、整的字符間，使用Alt+“左右方向鍵” 5）行間距調(diào)整：Alt+“上下方向鍵”(必須全選或至少兩行),2020/7/29,17,6、段落面板,左對(duì)齊,居中對(duì)齊,右對(duì)齊,左縮進(jìn),右縮進(jìn),首行縮進(jìn),段前添加空格,段后添加空格,2020/7/29,18,三、創(chuàng)建文本選區(qū),1、選區(qū)文字的創(chuàng)建,2、路徑文字的創(chuàng)建,路徑文字創(chuàng)建-步驟一：使用鋼筆工具創(chuàng)建路徑 步驟二: 在路徑上單擊添加文字,選區(qū)文字的創(chuàng)建-步驟一：選擇橫排或直排蒙版工具 步驟二: 創(chuàng)建點(diǎn)文本或段落文本 步驟三: 提交文字,2020/7/29,19,四、圖層樣式,1.樣式,2020/7/29,20,直接在文字圖層上應(yīng)用各種圖層效果，是最為常

7、用的獲得藝術(shù)文字效果的一種方法哦！,2.圖層樣式,2020/7/29,21,重復(fù)（Repetition）,重復(fù)（Repetition）：設(shè)計(jì)的某些方面需要在整個(gè)作品中重復(fù)。重復(fù)可以看作是一種一致性，目的是為了保持進(jìn)一步統(tǒng)一。 重復(fù)原則并不僅僅只是表現(xiàn)在字體上，頁(yè)面中任何一個(gè)元素都可以成為設(shè)計(jì)中重復(fù)的對(duì)象：字體、字號(hào)、顏色、圖案，甚至是版式。,重復(fù)原則,2020/7/29,22,讀到信息的末尾時(shí)，你的視線是不是會(huì)在名片上四處漫游？,重復(fù)原則,2020/7/29,23,讀到信息的末尾時(shí)，現(xiàn)在你的視線會(huì)移向哪里？會(huì)在粗體元素之間來(lái)回跳嗎？可能會(huì)，這正是重復(fù)的主旨，它能把整個(gè)作品聯(lián)系在一起，提供一致性

8、。,2020/7/29,24,要?jiǎng)?chuàng)建重復(fù)元素，可以從標(biāo)題和子標(biāo)題入手，這是一個(gè)很好的起點(diǎn)，因?yàn)檫@些元素很可能在某個(gè)方面是一致的,2020/7/29,25,使一致的元素更為突出，如標(biāo)題和子標(biāo)題的字體。,2020/7/29,26,2020/7/29,27,這里有多少個(gè)重復(fù)的元素,2020/7/29,28,重復(fù)小結(jié),根本目的：統(tǒng)一，增強(qiáng)視覺(jué)效果 如何實(shí)現(xiàn)：把現(xiàn)有的一致性，更向前推進(jìn)一步 要避免的問(wèn)題：避免太多地重復(fù)同一個(gè)元素，否則將混淆重點(diǎn)，重復(fù)太多，會(huì)讓人討厭！,2020/7/29,29,2020/7/29,30,要避免的問(wèn)題 要避免太多地重復(fù)一個(gè)元素，重復(fù)太多會(huì)讓人討厭。要注意對(duì)比的價(jià)值太多的重

9、復(fù)將混淆重點(diǎn)。,2020/7/29,31,一致的網(wǎng)站標(biāo)志和導(dǎo)航欄,網(wǎng)站設(shè)計(jì)中重復(fù)性(一致性),它們可以說(shuō)是最體現(xiàn)網(wǎng)站特征的部分。就像VIS（視覺(jué)識(shí)別系統(tǒng)）一樣，應(yīng)該對(duì)LOGO的顏色、大小、位置等方面都有嚴(yán)格的說(shuō)明。如果一個(gè)網(wǎng)站里面每個(gè)網(wǎng)頁(yè)的LOGO都大小不同，或者位置不統(tǒng)一，或者導(dǎo)航欄在某些頁(yè)面突然多出兩個(gè)子選項(xiàng)，給瀏覽者的感覺(jué)一定很不好。,2020/7/29,32,2020/7/29,33,一致的頁(yè)面布局,這可以說(shuō)是一種“包裝”，我們使用圖片或者圖表來(lái)表達(dá)一些信息。如果某些頁(yè)面的等級(jí)是一致的，那么它們的“包裝”風(fēng)格也應(yīng)是一致的，用戶應(yīng)該使用同樣的瀏覽方式來(lái)閱讀這些網(wǎng)頁(yè)。,網(wǎng)站設(shè)計(jì)中重復(fù)性(一

10、致性),2020/7/29,34,一致平衡的信息結(jié)構(gòu) 網(wǎng)站每個(gè)欄目的信息量應(yīng)當(dāng)合理分配。除了一些特定的內(nèi)容（例如“網(wǎng)站地圖”和“聯(lián)系方式”），所有分支的信息量應(yīng)當(dāng)相對(duì)平衡。如果用戶在A欄目看到有20多個(gè)下級(jí)欄目，但B欄目中卻只有3個(gè)，他們肯定會(huì)有點(diǎn)頭昏腦脹-你迫使他們?nèi)ニ伎肌盀槭裁磿?huì)這樣” 一致的重復(fù)性元素 如果使用了文本框，那么網(wǎng)站中所有文本框的形式都應(yīng)當(dāng)一致。如果某個(gè)圖標(biāo)的尺寸是40*40，那么相類似的圖標(biāo)大小都應(yīng)該差不多。 一致和諧的字體和色彩 字體和色彩也應(yīng)遵循同樣的標(biāo)準(zhǔn)。你可以為不同的版塊設(shè)置不同的色系，但是如果這個(gè)版塊用的是桔紅，那么它所有的頁(yè)面都應(yīng)該是桔紅。版塊與版塊之間的差異也

11、應(yīng)該明顯。,網(wǎng)站設(shè)計(jì)中重復(fù)性(一致性),2020/7/29,35,一致，但不一樣 需要注意的是,一致性并不是“相似性”。如果太相似，很可能用戶無(wú)法區(qū)別彼此之間的不同。例如下面的網(wǎng)頁(yè)，圖片之間的顏色、形式過(guò)于相似，盡管圖標(biāo)能代表各選項(xiàng)的功能和概念，但用戶一眼看上去無(wú)法覺(jué)察出差異，圖標(biāo)沒(méi)有體現(xiàn)出明確輔助標(biāo)識(shí)的作用。,網(wǎng)站設(shè)計(jì)中重復(fù)性(一致性),2020/7/29,36,本章總結(jié),文字圖層,文字工具的使用,本章我們學(xué)習(xí)了文字排版的一些知識(shí)。,字符和段落面板,特殊特效文字,文字圖層的創(chuàng)建,文字圖層的轉(zhuǎn)化,了解文字工具的使用,文本類型、創(chuàng)建和編輯,字符面板編輯文本,段落面板編輯文本,選區(qū)、路徑文字的創(chuàng)建,特效文字的制作,2020/7/29,37,小 結(jié),本節(jié)課我們學(xué)習(xí)了Photoshop中比較重要的文字工具，在了解文字工具的基本操作后，最重要的是熟練運(yùn)用文字工具的各種類型、選項(xiàng)，為以后的文字特效制作和文字排版打好基礎(chǔ)！,2020/7/29,38,作業(yè)一,步驟一：新建文件（600*300）， 填充