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

          軟件下載吧

          當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > photoshop設計軟件行業(yè)網(wǎng)站模板教程

          photoshop設計軟件行業(yè)網(wǎng)站模板教程

          時間:2024-02-04 21:45作者:下載吧人氣:32

          軟件行業(yè)網(wǎng)站需要的是專業(yè)性的視覺效果,所以在本文中的頁面設計并沒有使用過于鮮艷的顏色,而是用比較酷的一排金屬按鈕來完成頁面的視覺效果
          作者:amitk 來源:websbook.com翻譯

          先看看最終效果圖:

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          新建760x770大小PS文件,設置前景色為#e8e8e8,新建圖層,隨后用油漆捅工具在新建的圖層上制作漸變色,顏色從#e8e8e8到透明,如下圖設置

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          隨后用油漆桶從下往上拉條漸變線,效果如下圖

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          用圓角矩形工具,半徑為7px

          photoshop設計軟件行業(yè)網(wǎng)站模板教程

          隨后制作下圖這些圓角矩形形狀

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          使用橢圓工具制作下面四個正圓(按shift建繪制正圓)

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          為四個圓添加圖層樣式

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          結果如下

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          現(xiàn)在我再制作四個黑色的圓放在之前的圖層上,如下

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          為黑色的圓添加圖層樣式

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          這是完成后的按鈕效果

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          選中按鈕的所有圖層

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          將所有圖層復制一次

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          選中復制出的所有圖層,隨后按ctrl+e合并為一個圖層

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          編輯 > 變換路徑 > 垂直翻轉,然后將復制出的按鈕移動到原按鈕的下方

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          我們這么做的目的是為了制作按鈕的倒影效果,這里倒影的制作方法很簡單,我先選擇如下的筆刷

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          隨后我對下面的按鈕進行筆刷涂沫

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          最后設置不透明度為20%就完成了倒影的制作

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          我再加入一些icon的小圖標作為裝飾

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          現(xiàn)在開始制作導航條部分

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          加入導航文字與LOGO

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          隨后為導航文字制作鼠標移動上時的效果圖

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          在上面的黑色圓角矩形圖層上按右鍵選擇”刪格圖層“,這樣完全轉換為象素圖,而沒有路徑邊框了

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          用選區(qū)工具去掉下面的多余部分

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          按鈕效果圖如下

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          文字與內容的添加并沒有什么可敘述的,完成后如下

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          這里我們要為我們的軟件包裝圖片制做一個促銷的圖標,用多變形工具,設置如下

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          制作一個白色的多邊形,隨后加一些文字

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          使用筆刷做對頁面一些修飾



          photoshop設計軟件行業(yè)網(wǎng)站模板教程

          photoshop設計軟件行業(yè)網(wǎng)站模板教程



          最終完成的軟件網(wǎng)站效果頁面如下

          photoshop設計軟件行業(yè)網(wǎng)站模板教程

          標簽模板,教程,網(wǎng)站,行業(yè),設計軟件,photoshop

          相關下載

          查看所有評論+

          網(wǎng)友評論

          網(wǎng)友
          您的評論需要經(jīng)過審核才能顯示

          公眾號

          主站蜘蛛池模板: 制服中文字幕一区二区| 国产日韩一区二区三区在线观看| 动漫精品一区二区三区3d| 亚洲永久无码3D动漫一区| 怡红院美国分院一区二区 | 日本福利一区二区| 久久久久人妻一区二区三区| 日本免费精品一区二区三区| 国产精品一区在线麻豆| 亚洲视频一区在线播放| 亚洲av无码一区二区乱子伦as| 一区二区三区亚洲视频| 鲁大师成人一区二区三区| 国产精品免费视频一区| 成人丝袜激情一区二区| 国产乱码精品一区二区三区| 亚洲国产AV一区二区三区四区| 亚洲一区二区成人| 无码人妻精品一区二区三18禁| 国产综合精品一区二区三区| 精品国产日韩亚洲一区| 国产美女露脸口爆吞精一区二区| 一区二区三区视频免费| 亚洲一区二区三区在线视频| 丰满人妻一区二区三区免费视频 | 日韩精品一区二区三区在线观看| 无码视频免费一区二三区| 成人免费一区二区三区在线观看| 亚洲日韩一区精品射精| 夜夜精品视频一区二区| 国产熟女一区二区三区五月婷| 国产一区二区在线观看麻豆 | 亚洲福利电影一区二区?| 精品无码av一区二区三区| 亚拍精品一区二区三区| 日韩av片无码一区二区不卡电影| 精品免费国产一区二区| 精品国产不卡一区二区三区| 无码人妻一区二区三区在线| 国产一区在线mmai| 一区二区三区免费电影|