下載吧 - 綠色安全的游戲和軟件下載中心

          軟件下載吧

          當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > Photoshop教程:設計復古絲帶風格網頁導航

          Photoshop教程:設計復古絲帶風格網頁導航

          時間:2024-02-07 07:30作者:下載吧人氣:32

          作者:佚名 出處:phoben

          您喜歡這種效果嗎?今天否本帶大家一起來看看它究竟是如何制作出來的!

          Photoshop教程:設計復古絲帶風格網頁導航

          首先在Photoshop中新建一個文檔-約500 × 500大小,并填滿#dac8aa 的顏色。

          Photoshop教程:設計復古絲帶風格網頁導航

          現在,我們找一個類似紙張紋理的素材。 您可以隨意尋找自己喜歡的自然紋理,然后執行“去色”快捷鍵Ctrl+Shift+U :

          Photoshop教程:設計復古絲帶風格網頁導航


          之后,改變圖層模式為:疊加,改變不透明度為60%。 合并兩個圖層。

          Photoshop教程:設計復古絲帶風格網頁導航

          Ok,為了表現紙質的密度,我們再使用“銳化”來加強質感,可以適當多來幾次。

          Photoshop教程:設計復古絲帶風格網頁導航

          現在我們開始創建彩帶。 首先用矩形選框工具創建如圖的選區,并填充為綠色(#95b900)記得要在新圖層完成哦!。

          Photoshop教程:設計復古絲帶風格網頁導航

          以同樣的方式創建黃色(#e9db03)和紅色(#b94a00)兩個顏色的彩帶。

          Photoshop教程:設計復古絲帶風格網頁導航

          Photoshop教程:設計復古絲帶風格網頁導航


          接下來我們要保證三種顏色的彩帶是在同一圖層的情況下按Ctrl+J復制出一個新的彩帶!并旋轉如圖角度:

          Photoshop教程:設計復古絲帶風格網頁導航

          原來的層同樣要旋轉,使他們之間產生交叉。

          Photoshop教程:設計復古絲帶風格網頁導航

          現在我們選擇底層的彩帶,按住CTRL點擊圖層面板中的此層,得到他的選區,新建一層,使用漸變工具創建出一個陰影。

          漸變使用黑色——透明的方式!

          Photoshop教程:設計復古絲帶風格網頁導航

          接下來我們合并除“紙層”以外的圖層,也就是說讓彩帶變為一體。


          接著使用多邊形套索工具,選中如圖所示的范圍進行刪除!

          Photoshop教程:設計復古絲帶風格網頁導航

          我們使用文字工具為飄帶添加一些文字裝飾,記得是用“自由變換”命令對文字進行旋轉調整!。

          Photoshop教程:設計復古絲帶風格網頁導航

          同樣我們將文字層和彩帶層合并,添加如圖所示圖層樣式。

          Photoshop教程:設計復古絲帶風格網頁導航

          現在,效果應該是這樣的,多了一些陰影:

          Photoshop教程:設計復古絲帶風格網頁導航


          接下來我們給彩帶增添一些布紋的真實感,選用濾鏡 “> 紋理”選擇紋理化

          Photoshop教程:設計復古絲帶風格網頁導航

          我們可以看到彩帶有了凸凹感:

          Photoshop教程:設計復古絲帶風格網頁導航

          然后到下一個步驟。 為了使我們的彩帶更具立體感我們使用顏色減淡工具 (大小:125像素,范圍:高光,曝光:20%),我們在需要的位置上進行涂抹,注意不要涂抹過量,我們會得到如下效果:

          Photoshop教程:設計復古絲帶風格網頁導航

          同樣我們相反的使用顏色加深工具 (大小:80像素,范圍:陰影,曝光:30%),將彩帶旁邊進行減暗,這樣做的目的是增加亮度對比度,使之更具立體感。

          Photoshop教程:設計復古絲帶風格網頁導航


          我們需要添加一些網格,讓它看起來更像織布。 創建一個3 × 3像素大小的新文件,用選區畫出如下圖形。

          Photoshop教程:設計復古絲帶風格網頁導航

          然后進入“ 編輯 > 定義圖案 ,保存它。 之后,回到我們的主畫布。按住CTRL點擊圖層面板中的彩帶圖層,然后使用油漆桶工具(選擇圖案填充模式),進行填充!

          Photoshop教程:設計復古絲帶風格網頁導航

          取消選區后將網格透明度改為40% 并且將圖層模式改為疊加。

          Photoshop教程:設計復古絲帶風格網頁導航

          現在,我們應該在箭頭所指位置添加一些細節的陰影,就大功告成了。

          Photoshop教程:設計復古絲帶風格網頁導航


          如下圖所示我們很清楚的可以看到,用多邊形套索工具選擇這樣一個選區,然后同樣用黑色——透明的漸變色創造陰影效果,不過注意將一定要將陰影放到彩帶的底下一層。

          Photoshop教程:設計復古絲帶風格網頁導航

          還可以使用“模糊工具”對陰影進行模糊。

          Photoshop教程:設計復古絲帶風格網頁導航

          在其他地方同樣的方法添加陰影。

          Photoshop教程:設計復古絲帶風格網頁導航

          現在看相當不錯。教程也快結束了,不過我們還可以稍微再做一點工作。 轉到背景層,選擇加深工具 (大小:300像素,范圍:陰影,曝光:30%),如圖所示將背景層部分減暗。

          Photoshop教程:設計復古絲帶風格網頁導航

          看!這就是你的結果,采用了不到半個小時我們又成功的學會了一個技術!

          Photoshop教程:設計復古絲帶風格網頁導航



          Photoshop教程:設計復古絲帶風格網頁導航 Photoshop教程:設計復古絲帶風格網頁導航 Photoshop教程:設計復古絲帶風格網頁導航
          標簽風格,網頁,導航,絲帶,復古,教程,設計,Photoshop

          相關下載

          查看所有評論+

          網友評論

          網友
          您的評論需要經過審核才能顯示

          公眾號

          主站蜘蛛池模板: 亚洲香蕉久久一区二区三区四区| 国产一区二区在线视频| 国产自产V一区二区三区C| 91精品乱码一区二区三区| 精品国产免费一区二区| 无码国产伦一区二区三区视频 | 日韩毛片基地一区二区三区| 久久亚洲中文字幕精品一区四| 无码一区18禁3D| 免费高清在线影片一区| asmr国产一区在线| 国产日韩精品一区二区在线观看播放 | 国产成人精品a视频一区| 成人免费视频一区二区三区| 国产精品久久久久久麻豆一区| 亚洲伦理一区二区| 久久精品亚洲一区二区| 精品视频无码一区二区三区| 国产一在线精品一区在线观看| 日韩AV在线不卡一区二区三区| 欧洲精品免费一区二区三区| 无码人妻aⅴ一区二区三区| 亚洲日韩国产一区二区三区在线| 激情亚洲一区国产精品| 亚洲一区二区三区免费观看| 亚洲av无码片区一区二区三区| 亚洲乱码国产一区三区| 日本一区精品久久久久影院| 久久综合精品不卡一区二区 | 中文字幕av日韩精品一区二区| 免费无码毛片一区二区APP| 蜜桃视频一区二区三区在线观看| 一区二区在线免费观看| 精品人无码一区二区三区| 无码国产精品一区二区免费式影视| 亚洲电影唐人社一区二区| 怡红院美国分院一区二区| 视频一区二区中文字幕| 九九久久99综合一区二区| 91视频国产一区| 国产一区中文字幕|