日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網(wǎng)為廣大站長提供免費收錄網(wǎng)站服務,提交前請做好本站友鏈:【 網(wǎng)站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網(wǎng)站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747

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

最終效果:

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第1步:

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

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第2步:

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

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第3步:

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

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第4步:

接下來使用旋轉工具旋轉-30度

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫


第5步:

我們的標簽復制并粘貼到Photoshop。選擇"粘貼為路徑"。

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第6步:

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

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第7步:

打開濾鏡庫,并使用以下設置,紋理—>紋理化

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第8步:

將你剛創(chuàng)建的紋理復制到原來的那個文檔里,記得要將角度調為30度。

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第9步:

然后打開路徑面板并選取路徑,反選(ctrl+shift+I),delete掉多余的。將你的標簽放在合適的位置,并添加以下圖層樣式來添加它的深度。

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第10步:

回到AI,a:矩形170px*70px,輸入文字PSDTUTS.選中文字,依次點擊文字>創(chuàng)建輪廓。

b:旋轉30°(-30°)

c:選擇文字和矩形,路徑查找器>分割,然后把全部字母懸賞,刪除之。這樣我們就得到了刻了字的矩形了。把這矩形復制到PS文檔里。

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第11步:

將復制的黏貼為智能對象,圖層模式設置為:正片疊加.

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第12步:

選擇橡皮工具,選擇第60號筆刷和59號做出刮花效果(此處的筆刷也許需要各位讀者自己去網(wǎng)上搜索下載)。

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第13步:進一步改變深度。編輯>變換路徑>透視,將左下角拉下一點點。

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第14步:

上一步可能會導致我們的標簽有點像素化(感覺像被打了馬賽克),為了解決這問題,我們進行一些銳化設置。濾鏡>銳化>智能銳化.。

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第15步:

為了對應我們角度的變化,我們來加點景深效果,讓質感更強烈。在標簽的左下角使用模糊工具。

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第16步:

點擊鋼筆工具,畫條掛繩.

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第17步:

點擊筆刷工具,設置筆刷大小3px,硬度100%。保證前景為黑色。選回鋼筆工具,右鍵描邊路徑。因為線是穿過去的,所以用橡皮差擦掉相應地方使之像穿過去的線。

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

第18步:

添加一些光,使其更有質感。復制我們的棕色圖層,然后濾鏡>渲染>光照效果,使用下面的設置。(這個光應該也可以用高斯做,有興趣的讀者可以試一下。)

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫

最后一步:

設置好后,將光源移動到相應的位置,大功告成。(PS:僅是小教程一枚,試試水,以后翻譯點難點的,歡迎大家收藏也歡迎有好的教程推薦給我們幫您翻譯。)

Photoshop結合AI繪制質感超強的標簽,PS教程,站長圖庫


分享到:
標簽:
用戶無頭像

網(wǎng)友整理

注冊時間:

網(wǎng)站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網(wǎng)站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網(wǎng)站吧!
最新入駐小程序

數(shù)獨大挑戰(zhàn)2018-06-03

數(shù)獨一種數(shù)學游戲,玩家需要根據(jù)9

答題星2018-06-03

您可以通過答題星輕松地創(chuàng)建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數(shù)有氧達人2018-06-03

記錄運動步數(shù),積累氧氣值。還可偷

每日養(yǎng)生app2018-06-03

每日養(yǎng)生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定