二維碼 購(gòu)物車
部落窩在線教育歡迎您!

PS打造方塊立體字,原來文字也可以“凹凸有致”!

 

作者:席子來源:部落窩教育發(fā)布時(shí)間:2019-11-14 18:00:30點(diǎn)擊:6326

分享到:
0
收藏    收藏人氣:0人
版權(quán)說明: 原創(chuàng)作品,禁止轉(zhuǎn)載。

編按:

    見慣了平面的字效,甚至立體的字效最近出現(xiàn)的也很頻繁,今天雖然依舊是立體字效,但是它比以往的立體字效增添了更多特色。比如“凹凸有致”就是我們今天字效的一個(gè)特點(diǎn),不過此“凹凸有致”非彼凹凸有致,那是怎么個(gè)“凹凸有致”法呢?你看了效果就知道!

 

今天我們來利用photoshop制作一個(gè)立體的方塊字效果,先來看下效果圖:



是不是很有意思呢?那么接下來就跟我一起來設(shè)計(jì)吧!

(1)  新建一個(gè)1500px*750px的文檔,命名為“方格立體字”。



(2)  背景色填充顏色#6ba4c2的藍(lán)色。



(3)  畫網(wǎng)格。新建一個(gè)30px*30px的文檔,新建一個(gè)圖層,雙擊背景圖層解鎖,然后刪掉背景圖層,得到一個(gè)完全透明的圖層。

 

 

(4)  選擇鉛筆工具,大小設(shè)置為1,前景色設(shè)置為#ffffff,畫一個(gè)十字圖案,然后選擇編輯——定義圖案,把圖案命名為“網(wǎng)格”,點(diǎn)擊確定按鈕,然后關(guān)閉此文檔。



(5)  回到“方格立體字”文檔,雙擊背景圖層解鎖,然后再次雙擊背景圖層進(jìn)入“圖層樣式”面板,在圖案疊加欄里疊加剛才的“網(wǎng)格”圖案。




(6)  新建圖層,用“矩形選框工具”畫一個(gè)大小為29px*29px的正方形,填充顏色#00679d,移動(dòng)到畫好的網(wǎng)格里,注意不要壓到白色網(wǎng)格線。



(7)  用相同方法,在適當(dāng)?shù)奈恢卯嫵鋈缦聢D所示的圖案,顯示為字母“PSD”。



(8)  Ctrl+J復(fù)制此圖層,對(duì)新復(fù)制的圖層Ctrl+T自由變換,按下鍵盤方向鍵的↑和←各1次,使此圖層分別向上和向左各移動(dòng)1像素,然后按回車鍵確定,接下來根據(jù)自己需要按下多次Ctrl+Alt+Shift+T鍵,進(jìn)行多次再次變換操作。



(9)  選中最上層的圖層,按住Ctrl鍵點(diǎn)擊圖層縮略圖載入選區(qū),填充顏色#9fd9f8。



(10)此時(shí)圖層很多,我們可以把除了最上層圖層和背景圖層以外的圖層合并,按住Shift鍵,由上到下全部選擇后,Ctrl+E合并圖層,并做如下命名。

 


(11)選擇魔棒工具,容差設(shè)置為0,選擇“最上層”圖層,按住Shift鍵選中多塊小方塊,然后按Ctrl+X鍵剪切,再按Ctrl+Shift+V鍵新建一個(gè)圖層并原位置復(fù)制,按住Ctrl鍵點(diǎn)擊新復(fù)制的圖層縮略圖載入選區(qū),填充顏色#00679dCtrl+D取消選區(qū)。

 


(12)重復(fù)810步的操作,即可得到如下凹凸效果。



(13)利用此方法,可以把想要凸出的小方格根據(jù)喜好,隨意調(diào)整凹凸效果。



(14)做好凹凸效果后,把背景圖層外的所有圖層都選中,Ctrl+G打組, 再Ctrl+J復(fù)制一個(gè)新組,然后Ctrl+E把這個(gè)新組合并圖層,并把原始組隱藏。

 


(15)給底部暗面上色。利用多邊形套索工具,選中圖形的底面部分,Ctrl+X剪切,Ctrl+Shift+V原位置復(fù)制,按住Ctrl鍵點(diǎn)擊新復(fù)制的圖層縮略圖載入選區(qū),填充顏色色值#02486d,Ctrl+D取消選區(qū)。







(16)利用此方法,把所有的底面顏色全部上色。





(17)我們可以再加個(gè)背景圖。首先,找到一副磚墻的背景圖,在photoshop里面打開。



(18)把剛剛做的方格立體字中的除背景圖層和組1以外的圖層選中,右鍵單擊選擇“復(fù)制圖層”,然后在文檔欄后選擇磚墻文檔,點(diǎn)擊確定按鈕,選中的圖層就復(fù)制到磚墻文檔當(dāng)中了。

 

 


(19)把復(fù)制過來的圖層Ctrl+E合并圖層,命名為“psd”,然后Ctrl+J再?gòu)?fù)制一次圖層,調(diào)整到合適的位置。



(20)雙擊psd圖層,進(jìn)入圖層樣式面板,在顏色疊加欄,疊加顏色,色值為#000000,點(diǎn)擊確定按鈕。



(21)然后調(diào)整圖層不透明度為75%,得到最終效果圖,就大功告成啦!



 

 

本文配套的練習(xí)素材請(qǐng)加QQ群:465481414下載

PS高手,快速提升工作效率,部落窩教育 Photoshop全面精通班視頻和 AI平面與電商設(shè)計(jì)從零到精通直播課全心為你!

掃下方二維碼關(guān)注公眾號(hào),隨時(shí)隨地學(xué)習(xí)PS

 

相關(guān)推薦:

手把手教你制作玻璃質(zhì)感的3D logo效果

手把手教你制作毛茸茸的文字效果

PS隱藏神技能——混合器畫筆工具,輕松打造3D漸變藝術(shù)字