UI設(shè)計(jì)之電商中常用流線感光線打造方法

電商中常用流線感光線打造方法

最終效果如下(此方法塑身類服飾或時(shí)尚電子產(chǎn)品用的較多)：

1、通過(guò)PhotoShop打開(kāi)模特照片，此圖為美體塑身服飾模特照。

2、通過(guò)PhotoShop的鋼筆工具繪制曲線路徑，注意屬性欄必須選擇路徑選項(xiàng)。

3、在模特身上能體現(xiàn)出塑身的個(gè)別部位分別繪制路徑線，一共七段。

4、新建圖層，選擇畫(huà)筆工具，調(diào)節(jié)畫(huà)筆大小為1個(gè)像素，硬度為100%。

5、選擇畫(huà)筆在畫(huà)筆屬性欄開(kāi)啟“壓力”功能。

6、切換至鋼筆工具，在畫(huà)面中右擊選擇“描邊路徑”。

7、在彈出的選項(xiàng)中,第一項(xiàng)選擇“畫(huà)筆”，第二項(xiàng)選擇“模擬壓力”

8、此時(shí)畫(huà)面中多了幾條中間粗兩端細(xì)的白線，中間粗兩端細(xì)效果正是因開(kāi)啟模擬壓力所打造，顏色是由前景色決定。

9、給白線圖層右擊選擇“混合選項(xiàng)”，開(kāi)始添加圖層樣式。

10、添加“外發(fā)光”圖層樣式，參數(shù)如下圖。

11、此時(shí)我們可以看到發(fā)光的線條已經(jīng)呈現(xiàn)。

12、我們還想讓效果更佳出彩，所以在模特的腹部我們繼續(xù)繪制出2條路徑線，打造虛線類型的光線進(jìn)行搭配。

13、新建圖層，選擇畫(huà)筆工具，調(diào)節(jié)畫(huà)筆大小為5個(gè)像素，硬度為100%。

14、選擇窗口菜單，打開(kāi)畫(huà)筆面板，將畫(huà)筆間距屬性調(diào)大至180%左右。

15、使用“路徑選擇工具”選擇兩根路徑后切換至畫(huà)筆工具。

16、切換至畫(huà)筆工具后選擇新建的空白圖層，直接按回車，即可完成描邊操作。如圖：

17、選擇白色光線圖層右擊選擇”拷貝圖層樣式”,選擇虛線光線圖層后右擊選擇“粘貼圖層樣式”即可復(fù)制白色光線的樣式。

18、最終效果完成：