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

如何制作扁平化文字的長投影?【ui設(shè)計培訓(xùn)】

更新時間:2019-10-08 來源:黑馬程序員 瀏覽量:

扁平化盛行的互聯(lián)網(wǎng)浪潮下,長投影的應(yīng)用越來越頻繁了,下面給大家介紹一種最簡單的方法,一起擼起來。

 

 

1.新建—個750*1334像素,顏色模式rgb的文檔,將背景層設(shè)置為#4879bc。

 

2.使用文字工具,錄入Ps字母,并準(zhǔn)備好黑白兩份。

1570520250003_扁平化文字長投影1.jpg

 

3.臨時隱藏白色文本,按住Ctr鍵單擊黑色文本圖層的縮略圖以生成選區(qū),基于選區(qū)可視,使用“編輯”菜單一“定義畫筆預(yù)設(shè)”:創(chuàng)建一個未來可用的筆尖選項(xiàng)。

 

1570520289269_扁平化文字長投影2.jpg

 

4.使用Ctr|+A|t+Shift+N新建一個位圖層,之后利用鋼筆工具繪制一條45°直線路徑(按住Shift鍵可約束)。

 

 1570520308341_扁平化文字長投影3.jpg


5.在路徑面板找到上逃路徑,鼠標(biāo)右鍵一打開菜單一描邊路徑:選擇第三步中新建的筆尖實(shí)現(xiàn)(一定要選中之前新建的位圖層)。

 

1570520346336_扁平化文字長投影4.jpg

 

1570520354720_扁平化文字長投影5.jpg


6.到這里你會發(fā)現(xiàn),描邊的路徑不夠連續(xù),因此還需要到畫筆工具下一打開畫筆面板一將間距設(shè)置為最小值。

 

1570520376384_扁平化文字長投影6.jpg


7.重復(fù)下第5步操作,井使用圖層樣式中的顏色疊加,將長投影顏色修改成#3163a0。

 

1570520392438_扁平化文字長投影7.jpg


8.使用圖層蒙版,井配合黑白線性漸變,簡單處理下長投影,得到漸隱效果。

1570520404255_扁平化文字長投影8.jpg



推薦了解:黑馬UI設(shè)計課程

分享到:
在線咨詢 我要報名
和我們在線交談!