Photoshop設(shè)計(jì)UI界面中的抽象花朵背景圖片

2019-11-08 16:14:39 來源/作者: Yisvip / 延中 己有:1094人學(xué)習(xí)過

在我們制作界面的時(shí)候經(jīng)常會(huì)看到網(wǎng)上有很多的絢麗的界面他們的圖形都非常炫酷。如何才能快速的制作出這樣效果呢?那么今天MICU教大家如何使用2部方法制作炫酷的APP界面。喜歡的緣友們一起來學(xué)習(xí)吧。

先看看效果圖

Photoshop設(shè)計(jì)UI界面中的抽象花朵背景圖片

 

第1步

繪制圖形

新建圖層選擇畫板(ps cc 2015才有的功能),選這iPhone6的尺寸大小。

Photoshop設(shè)計(jì)UI界面中的抽象花朵背景圖片

 

Photoshop設(shè)計(jì)UI界面中的抽象花朵背景圖片

 

新建完圖層后我們使用工具欄中的橢圓工具繪制一個(gè)橢圓形。雙擊形狀圖層將形狀的顏色改為黑,

透明圖設(shè)置為5%。

Photoshop設(shè)計(jì)UI界面中的抽象花朵背景圖片

 

Photoshop設(shè)計(jì)UI界面中的抽象花朵背景圖片

 

Photoshop設(shè)計(jì)UI界面中的抽象花朵背景圖片

 

選擇形狀圖層,Ctrl+J復(fù)制出同樣的一個(gè)形狀。

Photoshop設(shè)計(jì)UI界面中的抽象花朵背景圖片

 

選擇復(fù)制出來的圖層,【Ctrl+T】將旋轉(zhuǎn)的角度調(diào)整為45°。使用同樣的方式Ctrl+J進(jìn)行復(fù)制圖層,

再Ctrl+T進(jìn)行旋轉(zhuǎn),重復(fù)3次同樣的操作后繪制以下的形狀效果。

Photoshop設(shè)計(jì)UI界面中的抽象花朵背景圖片

 

Photoshop設(shè)計(jì)UI界面中的抽象花朵背景圖片

 

 

將繪制好的圖層全部選中【Ctrl+G】對(duì)圖層進(jìn)行編組,方便后面的制作。

Photoshop設(shè)計(jì)UI界面中的抽象花朵背景圖片

 

第2步

添加顏色,加強(qiáng)細(xì)節(jié)

在圖層面板中底部找到【新建圖層】按鈕點(diǎn)擊,新建一個(gè)空白圖層。

Photoshop設(shè)計(jì)UI界面中的抽象花朵背景圖片

 

使用工具欄中的【畫筆工具】繪制顏色。在繪制的前可以調(diào)整畫筆的大小和顏色,雙擊工具欄中的顏色進(jìn)行設(shè)定前景色和背景色。通過使用【畫筆工具】將顏色繪制成從藍(lán)色到桃紅色的漸變效果。

Photoshop設(shè)計(jì)UI界面中的抽象花朵背景圖片

 

Photoshop設(shè)計(jì)UI界面中的抽象花朵背景圖片

 

Photoshop設(shè)計(jì)UI界面中的抽象花朵背景圖片

 

漸變顏色圖層繪制好后,在圖層與編組之間按住【Alt】鍵進(jìn)行圖層與編制之間的嵌套,讓漸變的顏色嵌套到下面的編組上。從而完成以下的效果。