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

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

軟件下載吧

當(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)過審核才能顯示

公眾號

主站蜘蛛池模板: 美女免费在线视频 | 成人久久精品一区二区三区 | 久草免费新视频 | 正能量www正能量免费网站 | 日本在线加勒比 | 中文字幕在线观看亚洲日韩 | 最新国产三级在线不卡视频 | 看性过程三级视频在线观看 | 一及 片日本 | 久热香蕉精品视频在线播放 | 国产欧美亚洲三区久在线观看 | 久久91视频 | 免费观看一级欧美在线视频 | 亚州视频一区二区 | 俄罗斯aa毛片极品 | 国产成人精品日本亚洲专区6 | 狼人 成人 综合 亚洲 | 国产v欧美v日韩在线观看 | 亚洲欧美日韩国产综合高清 | 亚洲日本在线看片 | 91久久精品国产91久久性色tv | 国产伦久视频免费观看视频 | 中文字幕一区二区在线观看 | 欧美日韩一区二区三区四区在线观看 | 亚洲综合国产一区二区三区 | 老湿菠萝蜜在线看 | 三级香蕉| 特级毛片在线播放 | 成年人免费观看的视频 | 盗摄偷拍a在线观看 | 欧美一欧美一级毛片 | 欧美精品一级 | 国产深夜福利视频网站在线观看 | 日本一区二区三区欧美在线观看 | 最新国产区 | 精品国产日韩亚洲一区二区 | 亚洲美女爱爱 | 久久精品久久精品 | 精品九九久久国内精品 | 久久99视频精品 | 国内自拍在线 |