同樣使用的是路徑漸變。

設(shè)置兩個(gè)滑塊，都是紫紅色，后一個(gè)滑塊的透明度設(shè)置為100%的效果，前一個(gè)滑塊設(shè)置40%左右透明度即可。

放在背景圖片的中心，如下圖：

到這里呢，我們的背景就算是制作完成了。

▣ 02

接下來(lái)，我們就要設(shè)計(jì)今天的主要?jiǎng)?chuàng)意元素了：燈管霓虹字體。

這個(gè)霓虹字體的設(shè)計(jì)也不難，精髓在于顏色和氛圍的把控。

我們先來(lái)拆解一個(gè)筆畫。如下圖：

這個(gè)筆畫的最終效果是由三個(gè)元素組合而成的。我們來(lái)看一下每一個(gè)元素的效果設(shè)計(jì)。

第一個(gè)元素效果設(shè)計(jì)。如下圖：

使用圓角矩形，繪制一個(gè)細(xì)長(zhǎng)的圓角矩形。然后分別設(shè)置這個(gè)矩形的外陰影，外發(fā)光以及柔滑邊緣的效果。

這些效果設(shè)置的數(shù)值可以參考上圖。

第二個(gè)元素效果設(shè)計(jì)。如下圖：

白色燈管效果。同樣是圓角矩形，設(shè)置一個(gè)實(shí)線邊框，調(diào)節(jié)一下透明度;再設(shè)置一個(gè)外陰影的效果。

數(shù)值可以參考上圖。

第三個(gè)元素效果設(shè)計(jì)。如下圖：

這個(gè)元素是一個(gè)細(xì)實(shí)線。設(shè)置了透明度以及外發(fā)光的效果，數(shù)值可以參考上圖。

這是豎直的筆畫設(shè)計(jì)，水平的筆畫設(shè)計(jì)也是這個(gè)道理，繪制一個(gè)水平的圓角矩形就可以。

當(dāng)然也可以直接將這個(gè)設(shè)計(jì)好的豎直的筆畫旋轉(zhuǎn)90度，就是水平的效果了。

傾斜的筆畫也可以通過(guò)旋轉(zhuǎn)得到，比如旋轉(zhuǎn)45度。

當(dāng)然，還有一些圓形的筆畫設(shè)計(jì)，我們就需要單獨(dú)的繪制。不過(guò)效果的添加都是一樣的。如下圖：