tft每日頭條

 > 生活

 > photoshop繪制帶圓角的矩形

photoshop繪制帶圓角的矩形

生活 更新时间:2025-02-01 13:45:33

點擊上方「PS教育」即可一鍵關注認證PS教育,及時得到教程。

新建1000*1000畫布,填充顔色e82571,利用圓角矩形工具,半徑100像素按住Shift畫一個正方形,點一下上面的形狀,建立形狀圖層。

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)1

執行圖層樣式斜面浮雕,投影和顔色疊加,參數:

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)2

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)3

如下,大家也可以自己摸索不同的數值:

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)4

效果:

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)5

新建一個空白圖層,用上面方法,用橢圓工具,建一個正圓的形狀圖層。

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)6

用參考線或者網格,使圓形盡量居中。添加圖層樣式-漸變疊加,參數如下:

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)7

效果如下:

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)8

将橢圓圖層1 複制一份,Ctrl T調整大小,這裡用數字調整,WH都改為87%

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)9

圖層樣式,添加漸變疊加和内陰影:

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)10

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)11

漸變用角度漸變,注意首尾顔色一緻即可,顔色大家可以吸色或者調些自己喜歡的顔色。

效果如下:

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)12

将橢圓圖層繼續複制一份,Ctrl T變為原來的70%,添加圖層樣式,斜面浮雕,漸變疊加和投影。

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)13

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)14

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)15

效果

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)16

将上面圖層複制一份,變為原來的80%,用鋼筆工具,選擇合并形狀,在橢圓上加個三角形。

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)17

然後調整圖層樣式,隻調整斜面浮雕,其餘的保持原樣。

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)18

圖層現在除了背景圖層外有五個:

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)19

現在效果如下

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)20

将右邊名為橢圓 1 副本 2的圖層複制一份,拖到最上面,Ctrl T變為原來的50%.右鍵圖層。

清除圖層樣式,添加新的圖層樣式描邊和漸變疊加 :

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)21

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)22

完成。

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)23

每天努力一點!成功就會離你越來越近

圖文不如視頻更直觀,報名直接微信報名或者客服咨詢

photoshop繪制帶圓角的矩形(PhotoShop繪制一個圓角矩形質感色環圖案網頁按鈕)24

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved