日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)( 四 )


按住shift鍵畫(huà)灰色的分割線 。
第二十二步

PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)


為每個(gè)切換標(biāo)題添加小圖標(biāo) 。我用了來(lái)自WebAppers.com的圖標(biāo) 。通常一個(gè)切換標(biāo)題激活了其他的就處于非激活狀態(tài)了 。為了清楚表達(dá)這一點(diǎn),我們需要想個(gè)辦法完成它 。我降低其他圖標(biāo)的飽和度并且降低標(biāo)題字眼和描述文字的透明度一保證激活的標(biāo)題處于高亮狀態(tài) 。
第二十三部
PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)


為了使激活的按鈕更加明顯,我們將給它添加一個(gè)時(shí)尚的背景 。為了達(dá)到這樣的效果我們把整個(gè)對(duì)象選中然后裁切選區(qū)(按住alt畫(huà)選區(qū)即可把不要的選區(qū)去掉)最終使選中的范圍只有第一個(gè)按鈕 。
PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)


如上圖所示即為所要達(dá)到的選區(qū) 。
PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)


用一個(gè)更小的軟筆刷,畫(huà)出一個(gè)白色背景 。
第二十四步
PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)


增加一個(gè)陰影:在切換菜單的后面如上圖所示畫(huà)一個(gè)深灰色的長(zhǎng)方形 。
PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)


點(diǎn)擊圖層區(qū)底部的小圖標(biāo)給該層增加一個(gè)蒙版 。
PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)


把前景色設(shè)置為黑色,選一個(gè)大的軟筆刷,在蒙版層上面點(diǎn)擊(如圖所示,蒙板上面出了白色之外的顏色都會(huì)遮擋圖層)使部分黑色去掉 。結(jié)果,我們創(chuàng)建了一個(gè)比較好看的陰影效果 。
PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)


最后我們加點(diǎn)細(xì)節(jié) 。在切換菜單下方畫(huà)一個(gè)1px的灰線 。然后如上一步一樣用蒙版的方式使左右兩端漸變 ?,F(xiàn)在我們就得到一條比較時(shí)尚好看的線了 。
PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)


現(xiàn)在切換菜單就像這樣 。
第二十五步
PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)


現(xiàn)在開(kāi)始設(shè)計(jì)第一個(gè)切換按鈕的內(nèi)容 。我們需要一個(gè)精準(zhǔn)設(shè)計(jì)的圖像(有好看的標(biāo)題和一些文字內(nèi)容) 。首先我們得創(chuàng)建這個(gè)精準(zhǔn)的圖片 。這里我認(rèn)為我們較好打破這個(gè)圖片尖銳的棱角設(shè)計(jì),從而創(chuàng)造一個(gè)多彩的效果 。因此我現(xiàn)在畫(huà)一個(gè)白色有1像素灰色邊框的長(zhǎng)方形,再給它加上細(xì)微的陰影效果 。
PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)


復(fù)制這一層并用變形工具稍微旋轉(zhuǎn) 。重復(fù)這個(gè)操作幾次
PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)


把你選好的圖片導(dǎo)進(jìn)來(lái),放在白色長(zhǎng)方形上面 。不用擔(dān)心圖片會(huì)溢出,我們會(huì)修整它 。選中最上層的長(zhǎng)方形,按選擇->修改->收縮 ,輸入5px,確認(rèn),然后在圖層管理區(qū)下方點(diǎn)擊添加圖層蒙版,這樣圖片就只顯示選區(qū)范圍 。
PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)


這就是你現(xiàn)在圖層的狀態(tài) 。
第二十六步
PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)


不要忘記整理圖層,這里新建圖層夾把圖層歸類 。
PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)


增加一個(gè)漂亮的標(biāo)題、一些文本和列表,我們的設(shè)計(jì)工作又完成一部分 。現(xiàn)在繼續(xù)下一步吧 。
PS教程:如何設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)

推薦閱讀