日韩av手机在线免费观看_四虎免看黄_亚洲一区中文字幕_亚洲小视频网站_国产一区日韩在线_国产欧美精品一区二区

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

軟件下載吧

當(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作者:下載吧人氣:49

軟件開發(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)

主站蜘蛛池模板: 麻豆久久久9性大片 | 日韩欧美操 | 91中文字幕在线观看 | 国产精品不卡一区 | 天堂国产 | 91传媒在线播放 | 亚洲品质自拍视频网站 | 日韩三区在线观看 | 亚洲图片视频一区 | 日本手机在线 | 人人干在线 | 欧美一区二区在线视频 | 国产一级片免费在线观看 | 九九热精品视频 | 国产精品成人一区二区 | 热99精品视频 | 亚洲福利在线观看 | 国产一区不卡在线观看 | 在线观看成年人视频 | 亚洲成人第一页 | 黑人性hd| 久久亚洲春色中文字幕久久久 | 在线高清免费观看视频 | 米奇狠狠鲁 | 国产精品久久九九 | 国产精品国产成人国产三级 | 成人性视频免费网站 | 欧美日韩1区2区3区 欧美久久一区 | 欧洲av一区| 日韩电影一区 | 99精品一区二区三区 | 日本精品一区二区三区四区 | 久久久国产精品 | 日本 欧美 国产 | 国产成人在线视频免费观看 | 午夜精品| 草草草影院 | 欧美高清性xxxxhd | 亚洲精品一区二区三区中文字幕 | 羞羞网站免费 | 亚洲综合婷婷 |