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

          軟件下載吧

          當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > PhotoShop繪制質感網頁下載按鈕圖標

          PhotoShop繪制質感網頁下載按鈕圖標

          時間:2024-02-10 11:15作者:下載吧人氣:21


          PhotoShop繪制質感網頁下載按鈕圖標

          在大多數的交互和網頁設計中,圖標都是非常重要的一部分。雖然圖標很小,但制作他們也經常是個不小的挑戰。在這個ps教程里,我們將介紹到如何在PS中運用不同的形狀和反射制作一個下載文件夾的圖標。我們開始吧

          Step 1 – 新建文檔/鋼筆工具技巧

          打開PS,新建一個一個文檔(Ctrl + N)。參數如下:

          分辨率:72dpi
          顏色模式:RGB
          尺寸:600×600 px

          使用鋼筆工具(P)創建如下形狀

          PhotoShop繪制質感網頁下載按鈕圖標

          Step 2 - 鋼筆工具繪制基本形狀

          使用鋼筆工具繪制文件夾背后的部分,然后再繪制藍色條紋。如下圖所示

          PhotoShop繪制質感網頁下載按鈕圖標

          Step 3 – 完成基本型

          繪制完成文件夾之后,繼續按下圖所示添加紙和箭頭。你現在應該有五個圖層,每個形狀都會有自己的圖層。別忘了給每個圖層起一個好認的名字

          PhotoShop繪制質感網頁下載按鈕圖標

          Step 4 – 添加顏色效果

          為文件夾前面的部分添加下圖所示的圖層樣式。不透明的設為90%

          PhotoShop繪制質感網頁下載按鈕圖標

          為紙片添加如下的圖層樣式。不透明度降至90-95%左右

          PhotoShop繪制質感網頁下載按鈕圖標

          為條紋添加如下的圖層樣式

          PhotoShop繪制質感網頁下載按鈕圖標

          為文件夾的背面添加如下的圖層樣式

          PhotoShop繪制質感網頁下載按鈕圖標

          為箭頭添加如下的圖層樣式

          PhotoShop繪制質感網頁下載按鈕圖標

          現在你的圖標應該是這樣

          PhotoShop繪制質感網頁下載按鈕圖標

          Step 5 – 添加反射

          新建一個組命名為"refs"。按下圖所示用鋼筆工具繪制反射。要確保你繪制的形狀路徑曲線而非形狀圖層(注意下圖的黑箭頭所示)。閉合曲線之后,在工作區按右鍵選擇“建立選區”(羽化值為0)。選擇一個大筆刷(直徑大概470左右,硬度為0),沿選區的右半部份繪制反射。之后將混合模式改為疊加,不透明度為63%

          PhotoShop繪制質感網頁下載按鈕圖標

          Step 6 – 處理邊緣

          新建一個組命名為"margins",在該組內新建一個圖層(Ctrl + Shift + N)。現在增加邊緣的高光細節以使圖標更具立體感。使用鋼筆工具沿拐角處和文件夾、箭頭和紙張的邊緣繪制路徑。然后在工作區右鍵選擇描邊路徑-畫筆。注意此時筆刷需要設置為直徑8像素,硬度為0。混合模式改為疊加,不透明度大概55%左右

          PhotoShop繪制質感網頁下載按鈕圖標

          Step 7 – 陰影

          新建一層(Ctrl + Shift + N)制作陰影,將該層打入一個新組內(Ctrl + G)。像第五步那樣繪制選區。為選區填充黑色,然后用模糊工具模糊邊緣。如果陰影太強了,需要將圖層的不透明度降至40%

          PhotoShop繪制質感網頁下載按鈕圖標

          Step 8 – 添加文字

          用你喜歡的字體添加文字。這個示例中我用的是"Agency FB"。字體大小為40,不透明度75%

          PhotoShop繪制質感網頁下載按鈕圖標

          Step 9 – 添加最終的陰影和反射

          用第五步所示的技術再為紙張添加一些反射

          PhotoShop繪制質感網頁下載按鈕圖標

          用橢圓工具(U)添加一個陰影。如下圖所示繪制一個橢圓并添加一點點動感模糊。降低不透明度直到你覺得合適了

          PhotoShop繪制質感網頁下載按鈕圖標

          Final Preview – 最終效果

          我還用相同的技術制作了一些不同的圖標,如下圖。希望你喜歡這個教程

          PhotoShop繪制質感網頁下載按鈕圖標

          PhotoShop繪制質感網頁下載按鈕圖標




          作者:TCWison 翻譯 出處:站酷


          標簽按鈕,圖標,下載,網頁,繪制,質感,PhotoShop

          相關下載

          查看所有評論+

          網友評論

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

          公眾號

          主站蜘蛛池模板: 三上悠亚亚洲一区高清| 国产精品夜色一区二区三区| 一本一道波多野结衣一区| 亚洲a∨无码一区二区| 久久毛片免费看一区二区三区| 亚洲图片一区二区| 成人精品一区二区电影| 色窝窝无码一区二区三区色欲| 婷婷亚洲综合一区二区| 78成人精品电影在线播放日韩精品电影一区亚洲 | 视频一区在线免费观看| 无码人妻精品一区二区三区99性| 天堂不卡一区二区视频在线观看 | 亚洲乱码一区二区三区国产精品 | 精品国产日韩亚洲一区| 性色av闺蜜一区二区三区| 亚洲国产精品一区二区久| 久久无码一区二区三区少妇| 国产亚洲福利精品一区二区| 国产精品电影一区| 老熟女高潮一区二区三区| 免费看一区二区三区四区| 国产AV国片精品一区二区| 国产麻豆媒一区一区二区三区| 精品国产一区二区三区久久久狼| 中文字幕乱码一区二区免费| 日本中文字幕在线视频一区 | 精品伦精品一区二区三区视频| 国产日韩精品一区二区在线观看 | 中文字幕乱码一区久久麻豆樱花 | 成人毛片无码一区二区| 亚洲高清一区二区三区 | 色狠狠一区二区三区香蕉蜜桃| 日本一区二区高清不卡| 日韩aⅴ人妻无码一区二区| 国产精品一区二区毛卡片| 国产高清在线精品一区| 91精品福利一区二区| 无码国产精品一区二区免费式直播| 精品女同一区二区三区免费站| 亚洲美女视频一区二区三区|