日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

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

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > PS網頁設計中制作Web水晶按鈕

PS網頁設計中制作Web水晶按鈕

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

PS網頁設計中制作Web水晶按鈕

12.3.3Web水晶按鈕

PS網頁設計中制作Web水晶按鈕PS網頁設計中制作Web水晶按鈕

圖12-3-26

在瀏覽網頁中我們經常會看到一些漂亮的水晶似的按鈕,那么下面我們就通過使用ps的選區以及圖層混合模式等工具制作這樣一個web水晶按鈕。

1.首先我們打開ps,新建一個500*500像素大小的圖像,Ctrl+R打開標尺,做兩條輔助線,如圖12-3-27所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-27

2.然后選擇橢圓選框工具,按住Shift+Alt鍵,從輔助線中心焦點進行繪制,如圖12-3-28所示。然后選擇漸變工具,設置漸變的顏色,然后進行填充,如圖12-3-29所示。

PS網頁設計中制作Web水晶按鈕PS網頁設計中制作Web水晶按鈕

圖12-3-28圖12-3-29

3.接下來,我們將選擇【選擇】菜單,【修改】,選擇【收縮】。彈出【收縮選區】對話框,如圖12-3-30所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-30

4.單擊【確定】,選區被收縮,我們新建一個圖層再次選擇漸變工具對其進行填充,效果如圖12-3-31所示。我們再次新建一個圖層,執行上面的操作。這里的收縮量我們設為10像素。顏色我們選擇淡紫進行填充,效果如圖12-3-32所示。

PS網頁設計中制作Web水晶按鈕PS網頁設計中制作Web水晶按鈕
圖12-3-31圖12-3-32

5.接著我們再次重復上面的步驟,如圖12-3-33所示。下面我們開始制作按鈕的高光部分,我們將選區移動,如圖12-3-34所示。

PS網頁設計中制作Web水晶按鈕 PS網頁設計中制作Web水晶按鈕

圖12-3-33圖12-3-34

6.我們Ctrl+L打開色階,調整其色階值,如圖12-3-35所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-35

1.我們選擇橢圓選區工具,新建一個圖層,繪制一個小橢圓對其進行填充,顏色為白色,填充后,調整到合適的位置,作為按鈕的高光點。如圖12-3-36所示。高光點繪制完后,我們選擇【鋼筆】工具,新建一個圖層,再次繪制高光形狀,為圖層3繪制高光,如圖12-3-37所示。

PS網頁設計中制作Web水晶按鈕PS網頁設計中制作Web水晶按鈕
圖12-3-36圖12-3-37

8.將路徑轉化為選區,選擇顏色為灰色進行填充,模糊工具進行適當的模糊。如圖12-3-38所示。我們繼續使用【鋼筆】工具,新建一個圖層,來繪制按鈕的反光面,繪制后將其轉化為選區,如圖12-3-39所示。

PS網頁設計中制作Web水晶按鈕PS網頁設計中制作Web水晶按鈕

圖12-3-38圖12-3-39

我們對這個選區進行白色和透明的漸變填充,填充效果如圖12-3-40所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-40

9.現在我們打開圖層混合模式,對每個圖層一一調節,我們選擇【圖層一】,右鍵選擇【混合模式】,選擇【投影】,【不透明度】設為75,【距離】為12,【擴展】值為0,【大小】為13,如圖12-3-41所示。

PS網頁設計中制作Web水晶按鈕
圖12-3-41

然后選擇【斜面和浮雕】選項,參數設置如圖12-3-42所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-42

10.【圖層一】設置好以后,我們再來設置【圖層二】,打開【混合模式】對話框,設置參數,選擇【投影】,【混合模式】為正常,【不透明度】為70%,【角度】為124度,【距離】為5,【擴展】為0,【大小】為7,如圖12-3-43所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-43

11.再看【內陰影】選項,【混合模式】為正片疊加,【不透明度】為75%,【距離】5像素,【大小】為5像素。如圖12-3-44所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-44

再往下選擇【內發光】選項,將【不透明度】設為75%,顏色改為灰色,【阻塞】為27%,【大小】為13像素,【范圍】為51%,其他使用默認。如圖12-3-45所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-45

12.最后我們來設置圖層的【斜面和浮雕】選項,【樣式】選擇外斜面,【方法】為平滑,【深度】為200%,【方向】為下,【大小】為7像素,【角度】為129度,【不透明度】為75%。如圖12-3-46所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-46

13.下面我們接著來設置【圖層3】,【投影】選項中,【不透明度】為75%,【距離】為3像素,【擴展】及【大小】值都為0,如圖12-3-47所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-47

【外發光】選項,顏色為白色,【大小】為5像素,設置【等高線】樣式為半圓,【范圍】為30%。如圖12-3-48所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-48

那么【內發光】的參數和外發光基本一樣,【等高線】樣式改為內凹—淺,【范圍】為24%,如圖12-3-49所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-49

【斜面和浮雕】的樣式選擇外斜面,【深度】為32%,【方向】為下,【大小】為7,【光澤等高線】樣式修改為半圓,其他使用默認,如圖12-3-50所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-50

14.設置【圖層4】的混合選項,我們還是先來設置【投影】。【不透明度】設置為10%,【距離】、【擴展】、【大小】分別為5、75、10。【等高線】樣式為錐形—反轉。如圖12-3-51所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-51

【內陰影】的【不透明度】為45%,【距離】、【阻塞】、【大小】分別為20、0、30,其他選項使用默認,如圖12-3-52所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-52

設置完我們點擊【確定】。

15我們再選擇【背景】層,然后點新建按鈕,在背景的上放新建一個圖層,填充顏色為灰色,如圖12-3-53所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-53

16.然后在最頂部在建立一個圖層,然后選擇文字工具,輸入一些文字。設置文字的字體,大小以及顏色等。如圖12-3-54所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-54

17.右鍵圖層選擇【柵格化文字】選項,然后對其進行混合模式的調節,打開【圖層樣式】后,選擇【外發光】,【不透明度】設置為75%,【擴展】為0,【大小】為20,【范圍】30%,如圖12-3-55所示

PS網頁設計中制作Web水晶按鈕

圖12-3-55

18.完成后,我們點擊【確定】。取消輔助線,這樣,我們的Web水晶按鈕就制作完成了,我們可以看下最終的效果。如圖12-3-56所示。

PS網頁設計中制作Web水晶按鈕

圖12-3-56

標簽網頁設計,中,應用,四,12章,第,教程,大禮包,-,PS

相關下載

查看所有評論+

網友評論

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

公眾號

主站蜘蛛池模板: 久久久久久久91精品免费观看 | 精品在线播放 | 精品一久久香蕉国产线看观 | 男女免费在线视频 | 久久精品免视看国产明星 | 欧美成人性做爰 | 日韩永久在线观看免费视频 | 99爱视频精品免视看 | 国产一区二区三区日韩 | 免费播放欧美毛片欧美aaaaa | 欧美在线视频 一区二区 | 亚洲网站一区 | 免费一级毛片麻豆精品 | 国产精品久久久久久久久久直 | 久久凹凸| 国产视频在线免费观看 | 一区二区三区久久 | 亚洲图片在线视频 | 国产精品久久在线观看 | 欧美一区二区三区在线 | 88av视频在线 | 男操女视频| 精品国产不卡一区二区三区 | 日产一区二区三区四区 | 国产成人午夜精品影院游乐网 | 精品国产免费观看久久久 | 香蕉视频黄色在线观看 | 久久网站在线观看 | 韩国美女一级毛片 | 久久精品a亚洲国产v高清不卡 | 久草在线青青草 | 亚洲欧美日韩国产综合高清 | 色播亚洲 | 91九色视频无限观看免费 | 国产一区二区三区精品视频 | 99久久精品一区二区三区 | 日本一二线不卡在线观看 | 久久―日本道色综合久久 | 一级片美国 | 久久怡红院亚欧成人影院 | 亚洲日韩视频免费观看 |