教您怎樣用Photoshop制作一個漂亮的網(wǎng)頁(3)
來源:
作者:
學(xué)習(xí):115571人次
第八步 現(xiàn)在我們創(chuàng)建一個新圖層,加上一個“圖標(biāo)”。我本來沒有打算做它,因此我決定只是放一些文字做我的圖標(biāo)。因為這個教程一半在PSDTUTS,另一半在NETTUTS,我就寫“psd vs net”幾個簡單字而已。
這里我用的字體是Egyptian505 BT粗體和Egytian505 LT BT Light(這個字體更淡的版本我用在‘vs‘上了)。要讓‘vs’抬起來一些,可以在字體面板的基線控制(在下面第二幅圖里展示)。
最后還要給文字加上一點淡淡梯度重疊和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è)計主頁,我打算用一次這三欄——一會兒以后。
第十步 來,現(xiàn)在我們繪制第一個黑色方框。保持標(biāo)尺和引導(dǎo)線打開,新建一個圖層從一邊到另一邊繪制一個方形選取框。用黑色填充,再將透明度設(shè)置為80%,右鍵點擊 圖層選擇混合選項。點擊“比劃”,然后在外邊加1px的白色筆畫,設(shè)置為重疊模式。這樣邊界看起來更酷,黑色盒子看起來更銳利。
學(xué)習(xí) · 提示
- 發(fā)評論 | 交作業(yè) -
最新評論
超超2017-04-05 09:30
我想問下網(wǎng)頁和字體的比例問題,就是網(wǎng)頁的大小和字體的大小是有規(guī)定的,但是我在做的時候,用的字體很小就是17,但是到了網(wǎng)頁上就顯特別的大,客戶規(guī)定字體都是17,可是有時候標(biāo)題等,字體不嫩都控制在17上我該怎么做?
回復(fù)
相關(guān)教程
推薦教程
- Photoshop教程:設(shè)計有創(chuàng)意的多媒體網(wǎng)站布局
- Photoshop打造超酷春天背景網(wǎng)頁布局
- Photoshop網(wǎng)頁制作教程
- photoshop設(shè)計時尚網(wǎng)站模板
- ps創(chuàng)建常見的網(wǎng)頁風(fēng)格教程系列一
- Photoshop制作漂亮的綠色風(fēng)格的網(wǎng)頁模板
- ps設(shè)計心形網(wǎng)頁模板教程
- Photoshop設(shè)計Wordpress主題網(wǎng)站界面教程
- Photoshop設(shè)計教程:設(shè)計一款漂亮的網(wǎng)頁模板
- PS創(chuàng)建一款簡潔大方的歐美商務(wù)網(wǎng)站首頁
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!