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

          軟件下載吧

          當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > Photoshop制作web2.0風格軟件開發公司網站模版

          Photoshop制作web2.0風格軟件開發公司網站模版

          時間:2024-02-03 15:00作者:下載吧人氣:49

          軟件開發公司網站需要的是專業性的視覺效果,所以在本文中的頁面設計并沒有使用過于鮮艷的顏色,而是用比較酷的一排金屬按鈕來完成頁面的視覺效果。
          最終效果:

          Photoshop制作web2.0風格軟件開發公司網站模版

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

          Photoshop制作web2.0風格軟件開發公司網站模版

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

          Photoshop制作web2.0風格軟件開發公司網站模版

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

          Photoshop制作web2.0風格軟件開發公司網站模版

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

          Photoshop制作web2.0風格軟件開發公司網站模版




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

          Photoshop制作web2.0風格軟件開發公司網站模版

          為四個圓添加圖層樣式

          Photoshop制作web2.0風格軟件開發公司網站模版

          Photoshop制作web2.0風格軟件開發公司網站模版

          Photoshop制作web2.0風格軟件開發公司網站模版

          Photoshop制作web2.0風格軟件開發公司網站模版

          Photoshop制作web2.0風格軟件開發公司網站模版

          結果如下

          Photoshop制作web2.0風格軟件開發公司網站模版




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

          Photoshop制作web2.0風格軟件開發公司網站模版

          為黑色的圓添加圖層樣式

          Photoshop制作web2.0風格軟件開發公司網站模版

          Photoshop制作web2.0風格軟件開發公司網站模版

          Photoshop制作web2.0風格軟件開發公司網站模版

          Photoshop制作web2.0風格軟件開發公司網站模版

          Photoshop制作web2.0風格軟件開發公司網站模版

          這是完成后的按鈕效果

          Photoshop制作web2.0風格軟件開發公司網站模版




          選中按鈕的所有圖層

          Photoshop制作web2.0風格軟件開發公司網站模版

          將所有圖層復制一次

          Photoshop制作web2.0風格軟件開發公司網站模版

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

          Photoshop制作web2.0風格軟件開發公司網站模版

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

          Photoshop制作web2.0風格軟件開發公司網站模版

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

          Photoshop制作web2.0風格軟件開發公司網站模版

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

          Photoshop制作web2.0風格軟件開發公司網站模版




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

          Photoshop制作web2.0風格軟件開發公司網站模版

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

          Photoshop制作web2.0風格軟件開發公司網站模版

          現在開始制作導航條部分

          Photoshop制作web2.0風格軟件開發公司網站模版

          加入導航文字與LOGO

          Photoshop制作web2.0風格軟件開發公司網站模版

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

          Photoshop制作web2.0風格軟件開發公司網站模版

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

          Photoshop制作web2.0風格軟件開發公司網站模版

          用選區工具去掉下面的多余部分

          Photoshop制作web2.0風格軟件開發公司網站模版

          按鈕效果圖如下

          Photoshop制作web2.0風格軟件開發公司網站模版

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

          Photoshop制作web2.0風格軟件開發公司網站模版




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

          Photoshop制作web2.0風格軟件開發公司網站模版

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

          Photoshop制作web2.0風格軟件開發公司網站模版

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

          Photoshop制作web2.0風格軟件開發公司網站模版

          Photoshop制作web2.0風格軟件開發公司網站模版

          Photoshop制作web2.0風格軟件開發公司網站模版

          最終完成的軟件網站效果頁面如下

          Photoshop制作web2.0風格軟件開發公司網站模版

          標簽Photoshop模板,制作web2.0風格

          相關下載

          查看所有評論+

          網友評論

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

          公眾號

          主站蜘蛛池模板: 琪琪see色原网一区二区| 日本一区二区三区在线网| 国产精品一区二区四区| 亚洲国产一区国产亚洲| 国产一区二区高清在线播放| 国产视频一区在线播放| 精品国产一区二区三区久久久狼| 国产亚洲一区二区三区在线观看| 亚洲人AV永久一区二区三区久久| 加勒比无码一区二区三区| 日韩精品无码一区二区三区| 日本精品一区二区三区在线观看| 丰满人妻一区二区三区免费视频| 日韩电影在线观看第一区| 国产午夜一区二区在线观看| 精品国产一区二区三区香蕉事 | 在线观看国产一区| 一区二区三区视频在线播放| 国产一区在线电影| 国产一区二区三区小向美奈子 | 亚洲综合一区二区| 精品无码人妻一区二区三区 | 日本一区二区在线不卡| 天码av无码一区二区三区四区| 国模视频一区二区| 天码av无码一区二区三区四区 | 国产色欲AV一区二区三区| 成人无码精品一区二区三区| 在线免费视频一区| 亚洲欧洲一区二区三区| 国产福利视频一区二区| 无码人妻精品一区二区三18禁| 91在线精品亚洲一区二区| 国产成人综合一区精品| 国产伦精品一区二区三区免.费 | 国产麻豆媒一区一区二区三区| 日韩一区二区三区视频久久| 国产成人无码AV一区二区 | 成人无码AV一区二区| 亚洲国产一区国产亚洲| 无码人妻av一区二区三区蜜臀|