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

          軟件下載吧

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

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

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

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

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

          相關下載

          查看所有評論+

          網友評論

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

          公眾號

          主站蜘蛛池模板: 欧美亚洲精品一区二区| 冲田杏梨高清无一区二区| 国产一区二区三区高清在线观看 | 精品国产一区二区三区久久久狼| 久久国产精品一区| 国产色精品vr一区区三区| 国产一区二区三区不卡在线观看| 成人区精品一区二区不卡亚洲| 亚洲国产欧美国产综合一区| 奇米精品视频一区二区三区| 亚洲图片一区二区| 国产精品无码一区二区在线| 日本美女一区二区三区| 中文字幕日韩一区二区三区不| 性无码一区二区三区在线观看| 日韩精品无码一区二区中文字幕| 男女久久久国产一区二区三区| 亚洲综合在线成人一区| 国产一区二区影院| 色狠狠色噜噜Av天堂一区| 亚洲一区综合在线播放| 日韩欧美一区二区三区免费观看| 亚洲毛片不卡av在线播放一区 | 日本一区二区三区在线看| 国产一区二区三精品久久久无广告| 91福利国产在线观一区二区| 一区二区三区视频免费| 日韩好片一区二区在线看| 国产在线一区二区三区在线| 99久久精品日本一区二区免费 | 日韩电影在线观看第一区| 人妻aⅴ无码一区二区三区| 麻豆视传媒一区二区三区| 亚洲色偷偷偷网站色偷一区| 亚洲国产av一区二区三区| 亚洲av乱码中文一区二区三区 | 久久免费视频一区| 久久国产精品免费一区| 国产福利电影一区二区三区,亚洲国模精品一区 | 国产成人精品无码一区二区老年人| 91在线精品亚洲一区二区|