當(dāng)前位置:首頁(yè)>ps入門教程>ps文字教程>可愛字>教程內(nèi)容

說一說做小清新文字圖片的技巧(4)

來源:太平洋 作者:Aladd 學(xué)習(xí):16216人次

圖文搭配是平面設(shè)計(jì)的基本功。給照片配上文字,與平面排版有相通之處,但因?yàn)槠夭灰粯,所以處理方式截然不同。照片的文字,重在襯托照片,而平面設(shè)計(jì)的文字則重在傳達(dá)力量。前者更多的是一種點(diǎn)綴,而后者更多的是一種武器。所以,照片的文字是為了引導(dǎo)人們更好的觀看照片,而不是喧賓奪主。上面這點(diǎn)至關(guān)重要,因?yàn)橐徊恍⌒,你就可能走火入魔,把你的照片變成了PS平面設(shè)計(jì)作品。這次PS教程就是教你如何使用Photoshop制作高上大的小清新文字圖片。

舉個(gè)很簡(jiǎn)單的例子,以這幅照片為例:

Photoshop設(shè)計(jì)小清新文字圖片教程

圖00

雖然這幅照片的文字很吸引人的眼球,但這個(gè)文字是平和的,沒有攻擊性的,它重在描述事實(shí),起的是輔助性的作用,哪怕它的位置很顯眼,但人們分配給它的注意力卻是有限的,這就是屬于給照片配字而不是平面設(shè)計(jì)。

當(dāng)然,有時(shí)候二者的界限并不是十分的明顯,比如:

Photoshop設(shè)計(jì)小清新文字圖片教程

圖01

這幅作品的文字是平和的,不具有攻擊性的,但它又是經(jīng)過精心設(shè)計(jì)的,從花紋到字體都是經(jīng)過雕琢的。因此,你很難判斷它的性質(zhì)。不過在正規(guī)的攝影比賽中,一般都不允許添加修飾性的文字,原因之一就是因?yàn)樾揎椥缘奈淖謺?huì)讓圖片形成一種設(shè)計(jì)感,進(jìn)而影響人們對(duì)圖片本身的判斷。比如這幅圖,去掉文字你會(huì)感覺是非常普通的攝影作品,但加上文字之后你會(huì)感覺還比較不錯(cuò)。

一般而言,采用平和的描述可以很大限度的避免你的攝影作品變成平面設(shè)計(jì)作品。

下面開始正文:

我歸納了一下我常用的添加文字的方法:文字渲染型、樸實(shí)無華型、底紋型、文字線型、字體搭配型、顏色搭配型、大小組合型、圖文混合型、印章型、鏤空型等。

上面十種類型你如果都能掌握,應(yīng)付你為照片添加文字這個(gè)工作絕對(duì)綽綽有余了。

一:文字渲染型何為文字渲染型?簡(jiǎn)單點(diǎn)兒講,就是讓人們分配更多的注意力到文字,進(jìn)而用文字優(yōu)化畫面。咦?這不是有點(diǎn)兒步入誤區(qū)了嗎?不是不要讓文字吸引過多的注意力嗎?咳咳,這是個(gè)例外。

運(yùn)用這個(gè)類型,最重要的就是要選好字體,手寫體?粗獷體?纖細(xì)體?字體的選擇幾乎決定了你的最終效果。

比如這幅作品:

Photoshop設(shè)計(jì)小清新文字圖片教程

圖02

因?yàn)槲淖终紦?jù)的空間大,所以人們很容易就被它吸引到,又因?yàn)槲淖謽O具煽動(dòng)性,所以會(huì)讓人們的注意力停留的時(shí)間更長(zhǎng),而在字體的選擇上,選擇了更加堅(jiān)硬的字體來配合畫面,加上黑色文字的選擇,與整體畫面的融合十分到位。

二:樸實(shí)無華型這種類型十分常見,也運(yùn)用得非常廣泛。簡(jiǎn)而言之,這種類型就是純文字,并且沒有顏色的對(duì)比,大小的對(duì)比,字體的對(duì)比等。

這種類型又有兩個(gè)基本型:豎直型和水平型。

比如:

Photoshop設(shè)計(jì)小清新文字圖片教程

圖03

這就是豎直型。

再比如:

Photoshop設(shè)計(jì)小清新文字圖片教程

圖04

這就是水平型。

這種類型的關(guān)鍵在于:把握好字體的選擇,間距的選擇和文字的選擇。

字體要融合畫面,間距根據(jù)需要增減,文字一定不能與畫面格格不入。具體我就不展開了,因?yàn)檫@也不是三言兩語(yǔ)就可以講清楚的事情。

三:底紋型什么叫底紋型?就是在文字區(qū)域存在一個(gè)底紋將文字與畫面分離開來。

這種類型的優(yōu)點(diǎn)就是能夠最大限度的降低畫面對(duì)文字的影響,讓你擁有更大的空間選擇文字與排版,并且能更加有效的凸出文字。

我們經(jīng)常會(huì)遇到這樣的情況,當(dāng)我們?cè)诋嬅孑斎胛淖值臅r(shí)候,因?yàn)轭伾町惒淮蟮年P(guān)系,文字經(jīng)常被畫面掩蓋掉了,這時(shí)候,底紋型就可以一勞永逸的解決這個(gè)問題。

當(dāng)然,這種類型也有一個(gè)明顯的缺點(diǎn),就是如果安排不好,就像是在畫面上打了一個(gè)補(bǔ)丁一樣。

比如:

Photoshop設(shè)計(jì)小清新文字圖片教程

圖05

Photoshop設(shè)計(jì)小清新文字圖片教程

圖06

下面這幅圖,因?yàn)檎w色調(diào)偏暗,如果再加上黑色文字,會(huì)出現(xiàn)文字看不清的狀況,而運(yùn)用底紋型可以有效解決這個(gè)問題。

底紋型的關(guān)鍵在于如何讓底紋更好的融合進(jìn)畫面而不顯突兀,主要的方法有一:讓底紋本身具有設(shè)計(jì)感。二:調(diào)整不透明度。三:將部分文字置于底紋之外以加強(qiáng)底紋與畫面的聯(lián)系。

四:文字線型所謂文字線型,就是在畫面的文字之中有一根線,這根線呢,通常有三種表現(xiàn)形式:水平,垂直和斜線,而線本身又有兩種形式:實(shí)線和虛線。

不要小看這根線,它可以發(fā)揮很大的作用,主要體現(xiàn)在平衡畫面,凸顯層次,引導(dǎo)觀者等。

比如:

Photoshop設(shè)計(jì)小清新文字圖片教程

圖07

Photoshop設(shè)計(jì)小清新文字圖片教程

圖08

Photoshop設(shè)計(jì)小清新文字圖片教程

圖09

 

這種類型的關(guān)鍵在于安排好主次關(guān)系,選擇好線條和選擇好擺放的位置。

Photoshop設(shè)計(jì)小清新文字圖片教程

圖10

五:字體搭配型這種類型沒有太多要講的,主要就是不同字體類型進(jìn)行搭配,同中求異,凸出重點(diǎn),個(gè)人建議字體不要太多,2-3種足矣,另外建議印刷體和手寫體進(jìn)行搭配。字體搭配還包括:中英文搭配,文字與數(shù)字搭配等。

Photoshop設(shè)計(jì)小清新文字圖片教程

圖11

六:顏色搭配型這個(gè)也很簡(jiǎn)單,就不展開了,注意的要點(diǎn)是:顏色不要太多,2-3種即可,色彩的純度不要太高,不然容易非主流。

Photoshop設(shè)計(jì)小清新文字圖片教程

圖12

七:大小組合型這個(gè)很簡(jiǎn)單了,前面也已經(jīng)用到過了,就是讓字體有一個(gè)大小的變化,進(jìn)而突出重點(diǎn)和擁有節(jié)奏上的變化。

當(dāng)然還有很多種組合方式,比如這種:

Photoshop設(shè)計(jì)小清新文字圖片教程

圖13

上面這三種類型其實(shí)經(jīng)常是綜合使用的。

八:圖文混合型這種就是在文字中還鑲嵌著圖片,圖片一般以個(gè)性簽名,圖騰,特殊符號(hào)等構(gòu)成,可以很好的活躍畫面。

Photoshop設(shè)計(jì)小清新文字圖片教程

圖14

九:印章型這個(gè)類型的適用范圍稍微狹窄一些,主要是運(yùn)用在中國(guó)風(fēng)的照片里面。

Photoshop設(shè)計(jì)小清新文字圖片教程

圖15

Photoshop設(shè)計(jì)小清新文字圖片教程

圖16

十:鏤空型所謂鏤空型,就是文字是鏤空的。對(duì)于鏤空型的,需要注意的是底色的選擇和字體的選擇,一把而言,白色底色就不錯(cuò),如果你能選到更適合的當(dāng)然更好,字體的話要夠?qū)挻,不然太纖細(xì)就完全沒有效果了。

Photoshop設(shè)計(jì)小清新文字圖片教程

圖17

匆匆忙忙的寫了這些,很多細(xì)節(jié)都沒講到,就這樣吧。

 

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
游客2018-08-04 12:40
贊喔
冬日正暖2018-01-15 10:44
老師好厲害!
淡酸檸檬香2017-05-28 12:07
老師好厲害!
黑衣寂寞的寂靜2017-05-28 08:52
步驟挺多的~對(duì)我這個(gè)新人來說。。有點(diǎn)難誒~~去實(shí)驗(yàn)一下~
黑衣寂寞的寂靜2017-05-28 08:52
步驟挺多的~對(duì)我這個(gè)新人來說。。有點(diǎn)難誒~~去實(shí)驗(yàn)一下~
落櫻染指青春2017-05-28 07:42
好教程
落櫻染指青春2017-05-28 07:42
好教程
滄畔2017-05-28 04:51
好厲害!

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!