日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

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

軟件下載吧

當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

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

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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版




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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

為四個圓添加圖層樣式

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

結(jié)果如下

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版




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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

為黑色的圓添加圖層樣式

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

這是完成后的按鈕效果

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版




選中按鈕的所有圖層

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

將所有圖層復(fù)制一次

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

編輯 > 變換路徑 > 垂直翻轉(zhuǎn),然后將復(fù)制出的按鈕移動到原按鈕的下方

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

隨后我對下面的按鈕進(jìn)行筆刷涂沫

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版




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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

我再加入一些icon的小圖標(biāo)作為裝飾

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

加入導(dǎo)航文字與LOGO

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

隨后為導(dǎo)航文字制作鼠標(biāo)移動上時的效果圖

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

按鈕效果圖如下

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版




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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

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

Photoshop制作web2.0風(fēng)格軟件開發(fā)公司網(wǎng)站模版

標(biāo)簽Photoshop模板,制作web2.0風(fēng)格

相關(guān)下載

查看所有評論+

網(wǎng)友評論

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

公眾號

主站蜘蛛池模板: 亚洲网址在线 | 久久久久在线观看 | 一区三区三区不卡 | 日本不卡在线一区二区三区视频 | 黄网在线 | 午夜丝袜美腿福利视频在线看 | 国产成人狂喷潮在线观看2345 | 日韩一区二区三区免费视频 | 久久免费看视频 | 偷拍视频一区在线观看 | 欧美精品亚洲精品日韩 | 国产欧美成人 | 亚洲免费在线播放 | 精品国产免费观看 | 最新毛片久热97免费精品视频 | 99re6热视频精品免费观看 | 欧美人在线一区二区三区 | 亚洲视频成人 | 国产三级在线播放线 | a毛片成人免费全部播放 | 日本久久不射 | 久久天天躁综合夜夜黑人鲁色 | 午夜爽爽爽 | 欧美人成a视频www | www.自拍| 日韩午夜在线观看 | 欧美成人全部费免网站 | 欧美大尺度xxxxx视频 | 亚洲欧美小视频 | 激情性爽三级成人 | 亚洲视频在线观 | 欧美一区二区视频在线观看 | 成人黄色免费观看 | 亚洲ay| 国产精品揄拍一区二区久久 | 日韩一区三区 | 国产成人盗拍精品免费视频 | 步兵社区 | 99久久精品国产一区二区成人 | 亚洲精品午夜久久久伊人 | 特色毛片|