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

          軟件下載吧

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

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

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

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

          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風格

          相關下載

          查看所有評論+

          網友評論

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

          公眾號

          主站蜘蛛池模板: 日韩一区二区三区电影在线观看| 国产高清在线精品一区小说| 国产麻豆媒一区一区二区三区| 国产精品va无码一区二区| 无码人妻精品一区二区三区在线| 视频在线观看一区二区| 久久毛片一区二区| 亚洲国产成人精品久久久国产成人一区二区三区综 | 亚洲美女视频一区二区三区| 日韩精品一区二区三区影院| 久久一区二区三区精华液使用方法| 色一情一乱一伦一区二区三区| 国产精品视频一区二区猎奇| 亚洲国产福利精品一区二区| 精品国产免费一区二区三区香蕉 | 视频一区在线免费观看| 亚洲综合一区无码精品| 麻豆国产一区二区在线观看| 少妇无码一区二区三区| 高清国产AV一区二区三区| 中文字幕亚洲一区| 中文字幕国产一区| 亚洲一区视频在线播放| 丰满人妻一区二区三区视频53 | 亚洲AV午夜福利精品一区二区| 亚洲一区二区三区影院| 久久高清一区二区三区| 久久亚洲日韩精品一区二区三区| 无码精品人妻一区二区三区中 | 精品视频一区在线观看| 美女视频一区二区| 国产日韩AV免费无码一区二区三区| 制服中文字幕一区二区| 久久久久人妻一区二区三区vr| 蜜桃视频一区二区三区在线观看| 精品一区高潮喷吹在线播放| 国产精品视频一区麻豆| 波多野结衣一区二区三区高清av | 国产乱码精品一区二区三区香蕉 | 亚洲一区二区免费视频| 色婷婷香蕉在线一区二区|