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

為每個(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) 。
第二十三部

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

如上圖所示即為所要達(dá)到的選區(qū) 。

用一個(gè)更小的軟筆刷,畫(huà)出一個(gè)白色背景 。
第二十四步

增加一個(gè)陰影:在切換菜單的后面如上圖所示畫(huà)一個(gè)深灰色的長(zhǎng)方形 。

點(diǎn)擊圖層區(qū)底部的小圖標(biāo)給該層增加一個(gè)蒙版 。

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

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

現(xiàn)在切換菜單就像這樣 。
第二十五步

現(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ì)微的陰影效果 。

復(fù)制這一層并用變形工具稍微旋轉(zhuǎn) 。重復(fù)這個(gè)操作幾次

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

這就是你現(xiàn)在圖層的狀態(tài) 。
第二十六步

不要忘記整理圖層,這里新建圖層夾把圖層歸類 。

增加一個(gè)漂亮的標(biāo)題、一些文本和列表,我們的設(shè)計(jì)工作又完成一部分 。現(xiàn)在繼續(xù)下一步吧 。
推薦閱讀
- 如何尋找卡西歐手表說(shuō)明書(shū)
- 如何拍出專業(yè)到位的美食照,職業(yè)美食攝影師告訴你
- 如何給兒童拍照,16種兒童攝影POSE
- PS教程,巧用濾鏡快速將人物照片轉(zhuǎn)成素描肖像
- CAD轉(zhuǎn)成PDF教程 CAD文件怎么轉(zhuǎn)換成PDF
- 如何活出詩(shī)意的人生?
- PS教程:教你制作扁平化手機(jī)
- 筆趣閣如何上傳小說(shuō)
- 如何利用好光和影的結(jié)合,教你發(fā)現(xiàn)藝術(shù)之美
- 如何除去84消毒液的氣味
