當(dāng)前位置:首頁>ps實(shí)例教程>ps繪畫教程>鼠繪教程>教程內(nèi)容

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

來源:教程盒子 作者:Sam 學(xué)習(xí):12206人次

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

最終效果:

Photoshop結(jié)合AI繪制質(zhì)感超強(qiáng)的標(biāo)簽,PS教程,16xx8.com教程網(wǎng)

第1步:

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

Photoshop結(jié)合AI繪制質(zhì)感超強(qiáng)的標(biāo)簽,PS教程,16xx8.com教程網(wǎng)

第2步:

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

Photoshop結(jié)合AI繪制質(zhì)感超強(qiáng)的標(biāo)簽,PS教程,16xx8.com教程網(wǎng)

第3步:

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

Photoshop結(jié)合AI繪制質(zhì)感超強(qiáng)的標(biāo)簽,PS教程,16xx8.com教程網(wǎng)

第4步:

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

Photoshop結(jié)合AI繪制質(zhì)感超強(qiáng)的標(biāo)簽,PS教程,16xx8.com教程網(wǎng)

 

第5步:

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

Photoshop結(jié)合AI繪制質(zhì)感超強(qiáng)的標(biāo)簽,PS教程,16xx8.com教程網(wǎng)

第6步:

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

Photoshop結(jié)合AI繪制質(zhì)感超強(qiáng)的標(biāo)簽,PS教程,16xx8.com教程網(wǎng)

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
Marks_固執(zhí)2014-12-07 01:19
PS+AI 時(shí)尚標(biāo)簽 練習(xí)
yypkw2013-03-06 10:07
今天我來看看帖 頂起

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!