教您怎樣用Photoshop制作一個漂亮的網(wǎng)頁(3)
來源:
作者:
學習:115571人次
第八步 現(xiàn)在我們創(chuàng)建一個新圖層,加上一個“圖標”。我本來沒有打算做它,因此我決定只是放一些文字做我的圖標。因為這個教程一半在PSDTUTS,另一半在NETTUTS,我就寫“psd vs net”幾個簡單字而已。
這里我用的字體是Egyptian505 BT粗體和Egytian505 LT BT Light(這個字體更淡的版本我用在‘vs‘上了)。要讓‘vs’抬起來一些,可以在字體面板的基線控制(在下面第二幅圖里展示)。
最后還要給文字加上一點淡淡梯度重疊和1個像素的內部白光。
![](http://pic.16xx8.com/allimg/081106/0411278.jpg)
![](http://pic.16xx8.com/allimg/081106/0411279.jpg)
第九步
現(xiàn)在這一步打開標尺(按下CTRL+R)繪制一組引導線。分別在50px,320px,610px,900px分別繪制四條線將頁面劃分為三欄。至少這些是我已經(jīng)用過的數(shù)字?纯次业钠聊唤貓D,我才發(fā)現(xiàn)第三條線已經(jīng)出界了。。。哦!
反正我已經(jīng)所有元素放入空間里去了。但是如果要做多重頁面,可能就按照其他方式用網(wǎng)格。像這樣只是設計主頁,我打算用一次這三欄——一會兒以后。
![](http://pic.16xx8.com/allimg/081106/04112710.jpg)
第十步 來,現(xiàn)在我們繪制第一個黑色方框。保持標尺和引導線打開,新建一個圖層從一邊到另一邊繪制一個方形選取框。用黑色填充,再將透明度設置為80%,右鍵點擊 圖層選擇混合選項。點擊“比劃”,然后在外邊加1px的白色筆畫,設置為重疊模式。這樣邊界看起來更酷,黑色盒子看起來更銳利。
![](http://pic.16xx8.com/allimg/081106/04112711.jpg)
學習 · 提示
- 發(fā)評論 | 交作業(yè) -
最新評論
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
超超2017-04-05 09:30
我想問下網(wǎng)頁和字體的比例問題,就是網(wǎng)頁的大小和字體的大小是有規(guī)定的,但是我在做的時候,用的字體很小就是17,但是到了網(wǎng)頁上就顯特別的大,客戶規(guī)定字體都是17,可是有時候標題等,字體不嫩都控制在17上我該怎么做?
回復
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
相關教程
關注大神微博加入>>
網(wǎng)友求助,請回答!