photoshop設(shè)計時尚網(wǎng)站模板(2)
來源:未知
作者:學(xué)photoshop
學(xué)習(xí):1860人次
[table][tr][/tr] [/table]
.
第五步
現(xiàn)在在水彩圖層之上再新建一個圖層,然后從下至上從黑色到透明做線性遞減繪制,這樣基本上整個畫布到底部就褪化為黑色了。
第六步
下一步在兩個新圖層中,繪制一組白色到透明的光線梯度,逐步擴(kuò)大。將這些設(shè)置為覆蓋,最外圈和最小圈的透明度分別設(shè)置為40%和100%。
基本上你應(yīng)該在圖像上做高亮設(shè)置,顯得更多的紋理。
第七步
現(xiàn)在就是最后完工的背景了。深色、抽象,顏色也相當(dāng)別致。當(dāng)然一般來說粉色可能不是你的最愛,如果這樣的話,在頂層圖層上再加一種顏色圖層做調(diào)整。我比較喜歡粉紫色,我就這么干了!
第八步
現(xiàn)在我們創(chuàng)建一個新圖層,加上一個“圖標(biāo)”。我本來沒有打算做它,因此我決定只是放一些文字做我的圖標(biāo)。因為這個教程一半在PSDTUTS,另一半在NETTUTS,我就寫“psd vs net”幾個簡單字而已。
這里我用的字體是Egyptian505 BT粗體和Egytian505 LT BT Light(這個字體更淡的版本我用在‘vs‘上了)。要讓‘vs’抬起來一些,可以在字體面板的基線控制(在下面第二幅圖里展示)。
最后還要給文字加上一點(diǎn)淡淡梯度重疊和1個像素的內(nèi)部白光。
第九步
現(xiàn)在這一步打開標(biāo)尺(按下CTRL+R)繪制一組引導(dǎo)線。分別在50px,320px,610px,900px分別繪制四條線將頁面劃分為三欄。至少這些是我已經(jīng)用過的數(shù)值?纯次业钠聊唤貓D,我才發(fā)現(xiàn)第三條線已經(jīng)出界了。。。哦!
反正我已經(jīng)所有元素放入空間里去了。但是如果要做多重頁面,可能就按照其他方式用網(wǎng)格。像這樣只是設(shè)計主頁,我打算用一次這三欄——一會兒以后。
[table][tr][/tr] [/table]
.
第十步
來,現(xiàn)在我們繪制第一個黑色方框。保持標(biāo)尺和引導(dǎo)線打開狀態(tài),新建一個圖層從一邊到另一邊繪制一個方形選取框。用黑色填充,再將透明度設(shè)置為80%,右鍵點(diǎn)擊圖層選擇混合選項。點(diǎn)擊“比劃”,然后在外邊加1px的白色筆畫,設(shè)置為重疊模式。這樣邊界看起來更酷,黑色盒子看起來更銳利。
第十一步
現(xiàn)在復(fù)制方框所在圖層,按CTRL+T調(diào)整方框大小,保持寬度不變,高度變短(如下圖所示)。這就是我們的瀏覽框。
將透明度設(shè)置為40%,填充設(shè)置為50%。這樣這個方框看起來更淡,給兩個方框添加了一些深度感,讓人覺得主次分明,有所側(cè)重。
這種兩個方框的對比方式可以很好用來表現(xiàn)元素之間的視覺差異。用戶瀏覽該頁面,我們首先想讓他們看到大塊信息,然后才是瀏覽欄。將其淡化處理意在告訴用戶這部分并不是要想突出的地方,可以稍后再看。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 學(xué)photoshop
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop繪制好看的老式wordpress主題
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- PhotoShop設(shè)計制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
- Photoshop網(wǎng)頁設(shè)計:雜志風(fēng)格網(wǎng)站界面
- photoshop網(wǎng)頁應(yīng)用實例:制作蘋果導(dǎo)航欄
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- Photoshop制作禮品店網(wǎng)站模板
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!