當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁模板>教程內(nèi)容

教您怎樣用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’抬起來一些,可以在字體面板的基線控制(在下面第二幅圖里展示)。

      最后還要給文字加上一點(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è)計主頁,我打算用一次這三欄——一會兒以后。



第十步      來,現(xiàn)在我們繪制第一個黑色方框。保持標(biāo)尺和引導(dǎo)線打開,新建一個圖層從一邊到另一邊繪制一個方形選取框。用黑色填充,再將透明度設(shè)置為80%,右鍵點(diǎn)擊 圖層選擇混合選項。點(diǎn)擊“比劃”,然后在外邊加1px的白色筆畫,設(shè)置為重疊模式。這樣邊界看起來更酷,黑色盒子看起來更銳利。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
超超2017-04-05 09:30
我想問下網(wǎng)頁和字體的比例問題,就是網(wǎng)頁的大小和字體的大小是有規(guī)定的,但是我在做的時候,用的字體很小就是17,但是到了網(wǎng)頁上就顯特別的大,客戶規(guī)定字體都是17,可是有時候標(biāo)題等,字體不嫩都控制在17上我該怎么做?
photoshop2017-01-26 01:53
CTRL+O打開圖片,用移動工具拖到另一張圖上
曉風(fēng)寒月2017-01-26 11:43
請問怎樣把圖片放在透明背景上?

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!