Photoshop設計UI界面中的抽象花朵背景圖片

2019-11-08 16:14:39 來源/作者: Yisvip / 延中 己有:1094人學習過

Photoshop設計UI界面中的抽象花朵背景圖片

 

Photoshop設計UI界面中的抽象花朵背景圖片

 

選擇圖層編組,Ctrl+J復制新的編組。選擇復制的編組Ctrl+T進行變換,縮放的時候后按住shift+Alt鍵拖動邊緣的方塊對圖形進行進等比縮放。將圖形比例調整到合適的大小,讓形狀顯得更有層次和空間。

Photoshop設計UI界面中的抽象花朵背景圖片

 

Photoshop設計UI界面中的抽象花朵背景圖片

 

為了讓顏色嵌套到所有的圖層上,選中形狀的兩個編組【Ctrl+G】把圖層下面的兩個編組合成為一個編組。然后在顏色層與編制之間按住【Alt】將圖層嵌套到合成的編組上,這時候背景的主要形狀就繪制好了。

Photoshop設計UI界面中的抽象花朵背景圖片

 

Photoshop設計UI界面中的抽象花朵背景圖片

 

Photoshop設計UI界面中的抽象花朵背景圖片

 

 

背景效果制作完后,使用工具欄中的【文字工具】制作字體,文字顏色設置為白色,大小設定280px。

Photoshop設計UI界面中的抽象花朵背景圖片

 

Photoshop設計UI界面中的抽象花朵背景圖片

 

Photoshop設計UI界面中的抽象花朵背景圖片

 

Alt鍵拖動復制字體圖層,改成副標題的文案。在【窗口】中找到【字符】面板調整文字的字間距到合適的間距,將字體大小為42px,文字字間距為60。

Photoshop設計UI界面中的抽象花朵背景圖片

 

Photoshop設計UI界面中的抽象花朵背景圖片

 

文字制作好后,再次豐富一下背景的效果。選擇路徑【橢圓工具】,在繪制的時候按住【Shift】繪制一個正圓。

Photoshop設計UI界面中的抽象花朵背景圖片

 

Photoshop設計UI界面中的抽象花朵背景圖片

 

雙擊繪制好的路徑圖層打開【圖層樣式】面板選擇【漸變疊加】。

Photoshop設計UI界面中的抽象花朵背景圖片

 

在【漸變疊加】面板中雙擊‘“漸變條”調出漸變編輯器調整藍色到紫色的漸變效果。

Photoshop設計UI界面中的抽象花朵背景圖片