教你如何在圖片上加文字

教你如何在圖片上加文字

ID:22697881

大小:4.35 MB

頁(yè)數(shù):28頁(yè)

時(shí)間:2018-10-31

教你如何在圖片上加文字_第1頁(yè)
教你如何在圖片上加文字_第2頁(yè)
教你如何在圖片上加文字_第3頁(yè)
教你如何在圖片上加文字_第4頁(yè)
教你如何在圖片上加文字_第5頁(yè)
資源描述:

《教你如何在圖片上加文字》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、.教你如何在圖片上加文字非常感謝知乎網(wǎng)友Mudo將以下文章授權(quán)『建筑學(xué)院』發(fā)布。??過(guò)去我做排版都習(xí)慣用那些現(xiàn)成的設(shè)計(jì)素材,到后來(lái)我嘗試直接選一張沒(méi)有經(jīng)過(guò)任何修改的照片用于排版時(shí),我才知道“圖片上配上文字”其實(shí)是一個(gè)很復(fù)雜的問(wèn)題,因此我有一段時(shí)間將這個(gè)問(wèn)題好好地研究一番。我去翻看各類設(shè)計(jì)網(wǎng)站大咖們的優(yōu)秀作品、找時(shí)尚雜志和精品畫(huà)冊(cè),但是我的目的不是想從中找到感覺(jué),而是希望通過(guò)一個(gè)科學(xué)、嚴(yán)謹(jǐn)?shù)姆椒▉?lái)找到優(yōu)秀作品之間的視覺(jué)規(guī)律,我寫(xiě)這個(gè)答案就是將這個(gè)過(guò)程分享給大家。不過(guò)本人還只不過(guò)是設(shè)計(jì)專業(yè)的學(xué)生,學(xué)藝未精,而且文筆還不好……因此解釋這樣一個(gè)復(fù)雜的問(wèn)題的解答過(guò)程,肯定會(huì)有很多不足的地方,

2、大家就作一個(gè)交流吧。??為本文做一個(gè)導(dǎo)航圖,證明這真的是一個(gè)很復(fù)雜的問(wèn)題…一、字體選擇與字體組合方式??首先我挑選了一些我個(gè)人覺(jué)得不錯(cuò)的設(shè)計(jì)作品,根據(jù)這些作品的設(shè)計(jì)目的和最終效果,分為“A”、“B”兩組。??A組是“圖片突出”,文字存在的目的只是粉飾這張照片而已。??B組是“文字突出”,文字在圖片的襯托下被重點(diǎn)突出出來(lái)。.??然后將它們的文字部分“裁剪”出來(lái),然后根據(jù)原本文字的樣式以及文字組合方式,最后分組排列出來(lái)。??效果圖如下:??可以看出這兩組的字體之間差異很大的,在字體選擇上:??A組的字體主要是現(xiàn)代等線體,筆畫(huà)沒(méi)有裝飾。出現(xiàn)題材很廣泛,大多數(shù)是一些商業(yè)圖冊(cè)上,或者用于襯托

3、人物場(chǎng)景時(shí)尚氣質(zhì)的圖片上。.??B組的字體主要是古典襯線體,筆畫(huà)裝飾強(qiáng)烈。多出現(xiàn)在傳統(tǒng)、自然的以及一些抒情性很強(qiáng)的照片上。??在字體組合方式上:??A組的字體組合都被緊密地排列在一個(gè)無(wú)形的矩形里,在視覺(jué)上形成一個(gè)面。??B組各個(gè)字之間松散地?cái)[放組合在一起,在視覺(jué)形成一個(gè)個(gè)點(diǎn)。??其實(shí)可以這樣去理解這兩組字體在視覺(jué)心理的效果,見(jiàn)下圖:??而造成這兩組字體在視覺(jué)心理上的區(qū)別,這和一張攝影作品兩個(gè)重要的元素有關(guān)二、主體物與視覺(jué)焦點(diǎn)??主體物的視覺(jué)焦點(diǎn)是攝影作品里的兩個(gè)基本要素,因此在一張照片里通常會(huì)有一個(gè)突出的人或物作為主體。而其他例如在風(fēng)景類攝影作品,照片里即使沒(méi)有明確的主體物,也會(huì)存

4、在一個(gè)視覺(jué)焦點(diǎn)。??一張攝影作品的主體物和視覺(jué)焦點(diǎn)是很容易看出來(lái)的,如下圖:.??為了展現(xiàn)“圖片突出”的優(yōu)秀設(shè)計(jì)作品里,文字部分與這兩個(gè)基本要素的位置關(guān)系,同樣做成效果圖。分C、D兩組展示。??C組是文字部分與主體物的位置關(guān)系??D組是文字部分與視覺(jué)焦點(diǎn)的位置關(guān)系.??(C組的深色塊是主體物,D組的白點(diǎn)是視覺(jué)焦點(diǎn),白色塊是文字。)??其實(shí)無(wú)需我多說(shuō),大家應(yīng)該能從上面的效果圖,可以大約地看出文字與兩大元素之間的關(guān)系吧?我根據(jù)我的觀察結(jié)論作一個(gè)整理:??如果把主體物看作是一個(gè)面,就不難理解在一個(gè)需要文字粉飾圖片的作品里,字體之間會(huì)被聚集在一個(gè)面里,因?yàn)槊嬖氐闹貜?fù)出現(xiàn)在一個(gè)畫(huà)面里,整體

5、畫(huà)面就不會(huì)出現(xiàn)違和感,還能讓文字和圖片之間保持和諧統(tǒng)一。??如果你能觀察了足夠多C組類型的“效果圖”后,就發(fā)現(xiàn)了在所有的這類優(yōu)秀設(shè)計(jì)作品里,文字部分與主體物之間的位置大小關(guān)系有三大原則:??1:文字部分的面積絕對(duì)不能大于或接近主體物的面積。??2:文字“面”與主體“面”的邊線保持聯(lián)系(直線或平行)。??3:文字“面”或者與畫(huà)面邊緣的距離幾乎相等于主體“面”與畫(huà)面邊緣的距離。??現(xiàn)在來(lái)看看D組,文字部分與視覺(jué)焦點(diǎn)的關(guān)系基本和上面的鐵律相似,但唯一的特別之處在于:當(dāng)視覺(jué)焦點(diǎn)位于畫(huà)面中線,文字部分使用居中式。??過(guò)同樣也是觀察了足夠多的“效果圖”后,發(fā)現(xiàn)視覺(jué)焦點(diǎn)的位置不僅僅是與構(gòu)圖有關(guān),

6、這其中還有很多的特殊情況必須要注意到:??1:當(dāng)照片的主體物是分散且毫無(wú)意義的,視覺(jué)焦點(diǎn)默認(rèn)在畫(huà)面中心。.??2:當(dāng)照片被某一個(gè)場(chǎng)景或物品切割了整張畫(huà)面時(shí),視覺(jué)焦點(diǎn)只會(huì)出現(xiàn)會(huì)在切割線上。默認(rèn)位于中心點(diǎn)或者色彩密集的地方。??3:眼睛單獨(dú)作為視覺(jué)焦點(diǎn)??第一點(diǎn)提到的照片的主體物是分散且毫無(wú)意義的。舉一些例子,它們的題材一般是拍攝天空、無(wú)邊際的森林樹(shù)木又或者下雨的場(chǎng)景等等……這類照片的視覺(jué)焦點(diǎn)默認(rèn)在畫(huà)面的中心點(diǎn),并且文字部分也只能固定在畫(huà)面中心,因?yàn)槲淖植糠衷谶@時(shí)需要擬補(bǔ)原本照片缺乏視覺(jué)焦點(diǎn)的缺陷。(D組第一列第三張)??而第二點(diǎn)提到某些被一個(gè)場(chǎng)景或物品切割了整張畫(huà)面的照片,通常是因?yàn)?/p>

7、地平線或者海岸線之類引起的。還有一種類似的情況是,當(dāng)照片里的主體物太大,以至于切割了背景出現(xiàn)切割線時(shí),主體物就不能作為一個(gè)面來(lái)看待了。如D組里二列第二和第三…….就是這種情況,視覺(jué)的焦點(diǎn)通常位于切割線的其中一處,通常是色彩密集出現(xiàn)的地方。??第三點(diǎn)非常重要!在畫(huà)面的內(nèi)容里眼睛的存在會(huì)形成一個(gè)視覺(jué)焦點(diǎn),不管是人還是其他生物的眼睛,只要是看到眼睛,那么文字部分的排版就要依據(jù)“眼睛”(視覺(jué)焦點(diǎn))而不是人本身(面)??已經(jīng)說(shuō)了好多東西了…….那現(xiàn)在就目前的理論來(lái)實(shí)際操作一下吧

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫(huà)的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無(wú)此問(wèn)題,請(qǐng)放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無(wú)法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。