最終的效果圖吧： 　　第一步：
　　我們先從最簡單的形狀入手，一開始就添加細(xì)節(jié)是毫無意義的。首先，創(chuàng)建最基本的形狀。如果在沒有添加任何效果時(shí)，你創(chuàng)建的形狀都很漂亮，那么這是一個(gè)非常好的開始。就像建筑一樣，需要有一個(gè)好的地基，這樣以后才不容易垮掉。
　　打開Photoshop，Ctrl+N新建畫布。選擇你需要的大小和分辨率。尺寸不要太小，這樣我們會(huì)看清細(xì)節(jié)。
　　第2步：
　　在這次設(shè)計(jì)中，我們想要?jiǎng)?chuàng)建一種星際爭霸文字的效果。首先下載并安裝StarCraft字體。我們將背景色填充為淺灰色來代替默認(rèn)的白色，這樣不至于白色背景與文字對比過于強(qiáng)烈。
　　第3步：
　　為文字添加斜面和浮雕效果。默認(rèn)的數(shù)值效果肯定不是我們想要的，我們需要更加強(qiáng)烈的效果，那樣會(huì)更有沖擊力。增大"大小"的數(shù)值，注意觀察字體的棱角是怎么變得清晰起來的。大小選擇20px左右比較合適。(字體大小不同，需要設(shè)置的數(shù)字也會(huì)不同，具體情況自己掌握。)我們需要銳利的邊緣和棱角，將"方法"設(shè)置為雕刻清晰即可。繼續(xù)調(diào)整陰影的角度和高度，這項(xiàng)數(shù)值會(huì)決定棱角邊緣的對比度。
　　所有數(shù)值調(diào)整后的效果：
　　第4步：
　　接下來我們會(huì)用到一種生銹的紋理。下載紋理素材，將其在Photoshop中打開，我們只需要鐵銹斑駁的紋理，而用不到顏色，因此執(zhí)行菜單圖像>調(diào)整>去色。我們繼續(xù)調(diào)整素材圖像的對比度。Ctrl+L打開色階命令，調(diào)整亮部與暗部以增強(qiáng)對比。
　　我們需要將紋理保存起來用在文字效果上。Ctrl+A全選，執(zhí)行菜單編輯>定義圖案，重命名圖案。
　　第5步：
　　是時(shí)候?qū)⒓y理應(yīng)用到我們的文字效果上了。雙擊圖層樣式，打開紋理疊加選項(xiàng)，選擇我們上一步定義好的鐵銹紋理。效果看上去過于強(qiáng)烈，將混合模式設(shè)置為"點(diǎn)光"，不透明度設(shè)置為20%。
　　第6步：
　　現(xiàn)在顏色只有黑色和白色，這一步我們來添加一些顏色。打開圖層樣式面板，進(jìn)行顏色疊加。這里我們選擇的顏色為#5288a4，將不透明度設(shè)置為70%。
　　看一下整體效果。
　　這樣我們有了一個(gè)基本的色調(diào)。默認(rèn)的斜面和浮雕中的陰影和高光仍然達(dá)不到我們想要的效果，我們來調(diào)整一下高光和陰影的顏色。將色值分別設(shè)置為#13fffc和#005780。
　　第7步：
　　現(xiàn)在整體看起來還是比較扁平，沒有非常強(qiáng)烈的立體感。我們需要再創(chuàng)建一層斜面和浮雕效果來增強(qiáng)這種感覺。選中文字層，Ctrl+J復(fù)制一層，刪掉復(fù)制層的圖層樣式效果。并將其填充度設(shè)置為0。
　　由于我們下一步要將顏色疊加的不透明度修改為100%，因此要將下面一層的圖案疊加效果拖動(dòng)到復(fù)制的層上，不然顏色會(huì)遮蓋圖案的效果。
-- 調(diào)整圖層樣式后的效果：
　　第8步：
　　將下面圖層的顏色疊加不透明度修改為100%。
　　第9步：
　　為上面的文字圖層添加斜面和浮雕的紋理。這樣會(huì)使紋理有略微凸起的效果。
　　然后調(diào)整斜面和浮雕。這樣使得文字的立體感更加突出。
　　第10步:
　　為了增加文字上下部分的明暗對比，我們?yōu)槠涮砑訚u變疊加，將混合模式設(shè)置為正片疊底。
　　此時(shí)的文字效果。
　　第11步：
　　選中最下面的文字圖層，為其添加投影效果。
　　這里我們使用等高線，使投影內(nèi)部暗一些，外部更加虛化，符合真實(shí)投影的樣式。
　　添加投影后的文字效果。
　　第12步：
　　到目前為止，我們只為文字添加了暗部，這一步來添加高光部分。
　　Ctrl+J將文字復(fù)制一層，去掉圖層樣式，并將填充度設(shè)置為0。
　　為文字添加漸變樣式。其中白色部分就是我們需要調(diào)亮的區(qū)域，注意此時(shí)的混合模式為顏色減淡。
　　添加高光后的效果。
　　第13步：
　　下面我們創(chuàng)建描邊，是文字的輪廓更加清晰。比較亮的輪廓可以區(qū)分文字與陰影，從而更加凸顯文字。我們選擇的顏色為#32c3ff。
　　第14步：
　　不要滿足與上一步的樣式，我們的文字還可以繼續(xù)優(yōu)化。來為文字添加一些內(nèi)部的發(fā)光效果試試，此處我們使用內(nèi)陰影來實(shí)現(xiàn)這種效果。記住，內(nèi)陰影并不是只能做陰影效果，我們還可以使用這個(gè)功能來模擬發(fā)光的效果?？纯聪聢D是不是漂亮了很多。
　　第15步：
　　再稍微調(diào)整一下背景，我們的效果就做好了。Cheers!
 

最新評論