ps結(jié)合AI繪制質(zhì)感超強(qiáng)的標(biāo)簽

本教程中，我們將和你一起創(chuàng)建一個(gè)能夠在網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用的質(zhì)感標(biāo)簽。在現(xiàn)代的讀圖時(shí)代中，網(wǎng)站的瀏覽者對(duì)于網(wǎng)站本身的圖片和標(biāo)簽的質(zhì)量要求越來(lái)越高，將標(biāo)簽做的更有質(zhì)感從某種意義上講已經(jīng)是讓網(wǎng)站能留住客流的必須。

最終效果：

第1步：

新建500px * 200 px的文檔，填充背景顏色為白色。 創(chuàng)建一個(gè)新圖層，設(shè)置個(gè)頂部矩形為10px高，顏色為黑灰色#1A1613，加條1px的高光。第二個(gè)矩形高度為75px，顏色為#3C3229。第三個(gè)矩形高度為35px，漸變從#f3f2ed到#dfdfd7，添加高光在這個(gè)矩形下。剩下的白色背景。

第2步：

打開(kāi)AI，新建文檔。a圖 矩形 240px*100px ;b圖使用添加錨點(diǎn)工具，并在你想要制造的標(biāo)簽形狀的相應(yīng)位置添加兩個(gè)錨點(diǎn)，記得使用輔助線來(lái)對(duì)齊它們。將兩個(gè)錨點(diǎn)各自往下和往上拉20px的高度。c圖中添加你標(biāo)簽的孔，記得使用輔助線來(lái)使得它居中。

第3步：

使用路徑查找器里面的分割工具來(lái)割去中間的那個(gè)孔。

第4步：

接下來(lái)使用旋轉(zhuǎn)工具旋轉(zhuǎn)-30度

第5步：

我們的標(biāo)簽復(fù)制并粘貼到Photoshop。選擇“粘貼為路徑”。

第6步：

PS創(chuàng)建新的文檔，大小大約為標(biāo)簽的兩倍，寬580px,高200px.這一步我們用來(lái)創(chuàng)建標(biāo)簽的質(zhì)地。加上漸變，從#C3B68A到#A79A78，左上角到右下角。