首頁(yè)技術(shù)文章正文

人物用文字填充效果如何制作?其實(shí)很簡(jiǎn)單

更新時(shí)間:2020-11-23 來源:黑馬程序員 瀏覽量:

文字填充人像01


本篇教程比較簡(jiǎn)單,用PS制作創(chuàng)意文字人像海報(bào),效果特別棒,很有畫面感和設(shè)計(jì)感,教程的知識(shí)點(diǎn)在于置換濾鏡和剪切蒙版的使用,同學(xué)們?cè)诓僮鞯倪^程中可以留意一下,這些的使用會(huì)對(duì)圖片產(chǎn)生什么影響,具體如何做我們通過教程來制作一下吧。

Step 1

準(zhǔn)備一張人物素材圖(可以自行找自己喜歡的),導(dǎo)入PS中,先去色再CTRL+L調(diào)出色階命令,調(diào)整暗部色階參數(shù),讓圖像五官更佳明顯;

文字填充人像02

文字填充人像03


Step 2

將人物圖像保存PSD文件格式在自己任意指定的文件里。(左上角點(diǎn)擊文件-存儲(chǔ)為-選擇桌面-格式選PSD);

文字填充人像04

Step 3

選擇文字工具,框選文字區(qū)域,復(fù)制一串長(zhǎng)篇英文文字,調(diào)整自己喜歡的字體,將字號(hào)調(diào)小一點(diǎn),不要留空格和空行,字距和間距調(diào)小一些,將段落窗口中的連字勾選去除,選擇段落對(duì)齊方式;

文字填充人像05

Step 4

選中文字圖層,點(diǎn)擊濾鏡-扭曲-置換,柵格化,參數(shù)默認(rèn)10,選擇剛剛保存的PSD人物圖像,進(jìn)行置換操作。

文字填充人像06
文字填充人像07
文字填充人像08
文字填充人像09

效果圖如下:(置換的操作就是讓文字沿著圖像的路徑扭曲)

文字填充人像效果10


Step 5

將人物圖像圖層移到最前,進(jìn)行CTRL+ALT+G剪切蒙版,將圖像剪到文字內(nèi),隱藏背景圖層。

文字填充人像效果11


Step 6

新建一個(gè)空白圖層,填充黑色,移動(dòng)文字圖層下方,作為背景,得到基本效果。

文字填充人像效果12

Step 7

選擇色彩范圍,并用選中區(qū)域復(fù)制黏貼字母層,再將復(fù)制出來的文字移到背景上一層,添加圖層樣式白色疊加,整體不透明度20%,最終黑色區(qū)域文字就能顯示出來;

文字填充人像效果12

文字填充人像效果14


Step 8

最后套一個(gè)白色短線邊框,如圖所示,就是最終效果。

文字填充人像效果15

1577370495235_學(xué)IT就到黑馬程序員.gif


獲取【UI設(shè)計(jì)視頻教程】加播妞1605146928606_課程資料.jpg:435946716。

猜你喜歡

快速提升UI設(shè)計(jì)水平的簡(jiǎn)單實(shí)用技巧

UI圖標(biāo)設(shè)計(jì)教程:帶你深入了解UI圖標(biāo)設(shè)計(jì)

全鏈路UI設(shè)計(jì)師培訓(xùn)課程

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!