Photoshop教程:制作網(wǎng)頁(yè)文字效果圖片
我這篇教程將圍繞2個(gè)關(guān)鍵字:“漸變”,“陰影”.
1.更有質(zhì)感的字
我們先看圖片里這個(gè)LOGO,它顯得更有質(zhì)感,文字有一張向外伸展,不會(huì)死板地貼在網(wǎng)頁(yè)上.如果你仔細(xì)觀察,你會(huì)很容易發(fā)現(xiàn)文字的brightkite 都使用了色彩“漸變”.是的,文字的顏色都不是單色填充,而是“漸變”.”漸變”為什么看起來(lái)更有質(zhì)感呢?這是因?yàn)檫@里模擬了大自然光照中的效果,即高光 部分在文字的上方,而低光在下.同時(shí)也不要忽略了另一個(gè)細(xì)節(jié),就是文字的“陰影”,.
那到底要怎么做呢?
留意圖中的2跟3,如果你還不懂如何添加漸變.請(qǐng)?jiān)趫D層面板中雙擊”圖層名”右邊的空白處,或是點(diǎn)擊下圖中的第2個(gè)按鈕(在圖層面板下方)打開樣式面板.
“漸變疊加”,然后按下圖設(shè)置.漸變的顏色選擇2個(gè)同色系但是有”深淺對(duì)比”的顏色.例如例子中,一個(gè)淺綠跟深綠.這樣才能模擬光照效果.
好了,剩下陰影.還是一樣在樣式面板左側(cè)點(diǎn)”投影”,然后按下圖設(shè)置:
再看其他使用了這個(gè)方法的網(wǎng)站設(shè)計(jì):
2.凹陷的字
照例我們看一個(gè)例子:
ALEX BUGA網(wǎng)站的LOGO,我覺得是凹陷字體的典范.而這樣的字體效果很明顯有一種凹陷在背景里的感覺,甚至文字像是刻在石頭上一般. 如果你已經(jīng)完成了第一個(gè)文字效果,那么接下來(lái)的內(nèi)容對(duì)你是相當(dāng)簡(jiǎn)單的.
1.首先輸入文字,顏色填充為較背景更深的顏色,例子中為#4e3400
2.添加”內(nèi)陰影”樣式,設(shè)置如下圖:
3.添加”斜面和浮雕”樣式,設(shè)置如下:
作品完成. 該效果需注意:
字體顏色選擇與背景色要搭配
第2部的內(nèi)陰影設(shè)置時(shí),”大小”與”距離”可以根據(jù)你的文字大小來(lái)調(diào)整
添加內(nèi)斜面只為增強(qiáng)白色的光照效果,可以選擇不加
接下來(lái)看一些使用”凹陷”效果的網(wǎng)站設(shè)計(jì):
額外贈(zèng)送
在這里推薦一個(gè)下載英文字體很好的網(wǎng)站,而且是全免費(fèi)的:www.sucaipan.net.
同時(shí)也在最后說(shuō)明一下,雖然字體的效果可以有很多種,但是也要注意使用的場(chǎng)合,不是什么地方,什么類型的網(wǎng)站都適合我上面介紹的方法.有時(shí)候就是不加修飾的字體,也可以做出很好的效果.
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類陰影教程
- 陰影效果,制作網(wǎng)頁(yè)常見的圖片投影效果
- 網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- 圖片教程,教你怎么做圓形圖表
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯(cuò)誤頁(yè)面圖片
- 進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條
- 廣告圖片,用ps合成技術(shù)設(shè)計(jì)一個(gè)化妝品商品的背景圖
- 網(wǎng)頁(yè)設(shè)計(jì),設(shè)計(jì)金屬質(zhì)感游戲主題登陸框
- ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程
推薦教程
- banner教程,用ps制作960*90的廣告圖片
- 陰影效果,教你制作各類陰影教程
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- Photoshop制作網(wǎng)頁(yè)搜索條
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- Photoshop制作網(wǎng)站導(dǎo)航圖
- 用ps制作豎列導(dǎo)航
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條