見慣了平面的字效,甚至立體的字效最近出現的也很頻繁,今天雖然依舊是立體字效,但是它比以往的立體字效增添了更多特色。比如「凹凸有致」就是我們今天字效的一個特點,不過此「凹凸有致」非彼凹凸有致,那是怎麼個「凹凸有致」法呢?你看了效果就知道!
今天我們來利用photoshop製作一個立體的方塊字效果,先來看下效果圖:
是不是很有意思呢?那麼接下來就跟我一起來設計吧!
(1) 新建一個1500px*750px的文檔,命名為「方格立體字」。
(2) 背景色填充顏色#6ba4c2的藍色。
(3) 畫網格。新建一個30px*30px的文檔,新建一個圖層,雙擊背景圖層解鎖,然後刪掉背景圖層,得到一個完全透明的圖層。
(4) 選擇鉛筆工具,大小設置為1,前景色設置為#ffffff,畫一個十字圖案,然後選擇編輯——定義圖案,把圖案命名為「網格」,點擊確定按鈕,然後關閉此文檔。
(5) 回到「方格立體字」文檔,雙擊背景圖層解鎖,然後再次雙擊背景圖層進入「圖層樣式」面板,在圖案疊加欄裡疊加剛才的「網格」圖案。
(6) 新建圖層,用「矩形選框工具」畫一個大小為29px*29px的正方形,填充顏色#00679d,移動到畫好的網格裡,注意不要壓到白色網格線。
(7) 用相同方法,在適當的位置畫出如下圖所示的圖案,顯示為字母「PSD」。
(8) 按Ctrl+J複製此圖層,對新複製的圖層Ctrl+T自由變換,按下鍵盤方向鍵的↑和←各1次,使此圖層分別向上和向左各移動1像素,然後按回車鍵確定,接下來根據自己需要按下多次Ctrl+Alt+Shift+T鍵,進行多次再次變換操作。
(9) 選中最上層的圖層,按住Ctrl鍵點擊圖層縮略圖載入選區,填充顏色#9fd9f8。
(10)此時圖層很多,我們可以把除了最上層圖層和背景圖層以外的圖層合併,按住Shift鍵,由上到下全部選擇後,Ctrl+E合併圖層,並做如下命名。
(11)選擇魔棒工具,容差設置為0,選擇「最上層」圖層,按住Shift鍵選中多塊小方塊,然後按Ctrl+X鍵剪切,再按Ctrl+Shift+V鍵新建一個圖層並原位置複製,按住Ctrl鍵點擊新複製的圖層縮略圖載入選區,填充顏色#00679d,Ctrl+D取消選區。
(12)重複8—10步的操作,即可得到如下凹凸效果。
(13)利用此方法,可以把想要凸出的小方格根據喜好,隨意調整凹凸效果。
(14)做好凹凸效果後,把背景圖層外的所有圖層都選中,Ctrl+G打組, 再Ctrl+J複製一個新組,然後Ctrl+E把這個新組合併圖層,並把原始組隱藏。
(15)給底部暗面上色。利用多邊形套索工具,選中圖形的底面部分,Ctrl+X剪切,Ctrl+Shift+V原位置複製,按住Ctrl鍵點擊新複製的圖層縮略圖載入選區,填充顏色色值#02486d,Ctrl+D取消選區。
(16)利用此方法,把所有的底面顏色全部上色。
(17)我們可以再加個背景圖。首先,找到一副磚牆的背景圖,在photoshop裡面打開。
(18)把剛剛做的方格立體字中的除背景圖層和組1以外的圖層選中,右鍵單擊選擇「複製圖層」,然後在文檔欄後選擇磚牆文檔,點擊確定按鈕,選中的圖層就複製到磚牆文檔當中了。
(19)把複製過來的圖層Ctrl+E合併圖層,命名為「psd」,然後Ctrl+J再複製一次圖層,調整到合適的位置。
(20)雙擊psd圖層,進入圖層樣式面板,在顏色疊加欄,疊加顏色,色值為#000000,點擊確定按鈕。
(21)然後調整圖層不透明度為75%,得到最終效果圖,就大功告成啦!