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

軟件下載吧

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

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

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

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

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

相關下載

查看所有評論+

網友評論

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

公眾號

主站蜘蛛池模板: 精品日产一区二区三区| 一级做a爰毛片| 成人国产在线24小时播放视频| 欧美性大战久久久久久久| 在线观看亚洲免费| 亚洲视频一区在线观看| 亚洲综合精品伊人久久| jizz在线免费观看| 秦老头大战秦丽娟无删节| 好大好硬好深好爽想要之黄蓉| 全免费A级毛片免费看网站| 亚洲AV无码不卡| 日本人强jizzjizz| 欧美视频第二页| 国产网站在线免费观看| 免费大黄网站在线看| eeuss影院www在线观看免费| 美女被啪羞羞视频网站| 日韩h片在线观看| 国产亚洲欧美日韩综合综合二区| 久久久久久久久久久久久久久| 色一情一乱一伦色一情一乱一伦| 成人性爱视频在线观看| 免费国产高清视频| 99久久人妻无码精品系列蜜桃| 男生gay私视频洗澡| 在线观看免费黄网站| 亚洲国产综合精品| 国产东北老头老太露脸| 无翼乌邪恶工番口番邪恶| 国产在线视频不卡| 亚洲av色无码乱码在线观看| 麻豆映画传媒有限公司地址| 日产国产欧美韩国在线| 北条麻妃在线观看视频| 中文天堂在线最新版在线www| 草草影院ccyy国产日本欧美| 性欧美18-19sex性高清播放| 亚洲视频在线不卡| 中文字幕丝袜诱惑| 日本a级作爱片金瓶双艳|