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

軟件下載吧

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

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

時(shí)間:2024-02-03 15:00作者:下載吧人氣:46

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

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)站模版




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

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

為四個(gè)圓添加圖層樣式

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)在我再制作四個(gè)黑色的圓放在之前的圖層上,如下

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合并為一個(gè)圖層

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

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

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

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

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

隨后我對(duì)下面的按鈕進(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)移動(dòng)上時(shí)的效果圖

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)站模版




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

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

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

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

使用筆刷做對(duì)頁面一些修飾

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)下載

查看所有評(píng)論+

網(wǎng)友評(píng)論

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

熱門閱覽

最新排行

公眾號(hào)

主站蜘蛛池模板: 久久青青草原综合伊人| 国产性生交xxxxx免费| 国色天香中文字幕视频| 国产成人v爽在线免播放观看| 亚洲国产第一区| 337p色噜噜人体大胆欧美| 永久免费AV无码网站在线观看| 奶大灬舒服灬太大了一进一出| 国产成人AV区一区二区三| 久久综合精品国产一区二区三区| 人与动人物欧美网站| 极品国产高颜值露脸在线| 天天干视频网站| 亚洲综合色视频在线观看| 久久人妻AV中文字幕| 贰佰麻豆剧果冻传媒一二三区| 日本无遮挡h肉动漫在线观看下载| 国产全黄三级三级| 久久久99精品成人片| 老司机成人影院| 怡红院成人在线| 国产伦精品一区二区三区精品 | 麻豆国产尤物AV尤物在线观看| 波多野结衣女上司| 尤物在线影院点击进入| 国产亚洲精品精品国产亚洲综合| 亚洲一区日韩一区欧美一区a | 亚洲美女中文字幕| 97人洗澡从澡人人爽人人模| 欧美成人精品高清在线观看| 在线观看国产精美视频| 亚洲男人的天堂在线| 尹人久久久香蕉精品| 日韩欧美aⅴ综合网站发布| 国产精品视频免费一区二区三区| 亚洲国产欧美在线看片一国产| 激情五月激情综合网| 欧美不卡一区二区三区| 国产精品视频一区二区三区四| 亚洲av日韩精品久久久久久久 | 精品国产免费观看久久久|