糯米文學吧

位置:首頁 > 計算機 > photoshop

製作立體字的Photoshop教程

photoshop2.52W

發個簡單教程。最終效果如下:

製作立體字的Photoshop教程

先提示一下,立體字在 ps 裏面常用的做法(不包括自己畫立體的),就是一層層疊出來

我所知有兩種,原理都一樣

Ctrl Alt 方向鍵: 優點簡單易行,缺點透視表現不好,比較適合做等高的側面立體~

Ctrl Alt Shift T :優點立體感強,缺點比較難調整,比較適合做正面的透視

這裏用的是第二種做法

1、新建一個文件,尺寸稍微大點(相對於web設計),背景白色

2、新建一個圖層~~ 在上面打字(粗厚一點的字體有質量感一些),黑色

3、把這個文字層柵格化(不支持此功能的ps版本,請把這個層和一個空白層合併,使文字變為圖形)

4、修飾這個圖層,用選取工具刪除出裂縫~ 然後再做一些選區,分別 Ctrl T 自由變形,製造破裂的錯位感

得到如下圖樣

Ctrl t 表示自由變形

Ctrl Alt 表示複製

Shift 有重複 和加 意思

所以

Ctrl Alt T ,表示 複製出一個圖層來並對其進行變形

Ctrl Alt Shift T ,表示 重複執行 “製出一個圖層來並對其進行變形“ 的動作

5、(這個修好的圖層我們且稱之為 ”圖層1“~~ )複製”圖層1“ 得到 ”圖層2“,然後 隱藏圖層1(暫時不用看到它了)

6、給圖層2添加 圖層效果 :

顏色疊加 (就是給他上個灰色)~

斜面浮雕 (內斜面,基本用默認,記住把斜面的寬度設為1、2 像素就可以了,不要太寬)

得到如下圖 [這些都是50%大小的圖]

7、在圖層2下面新建一個圖層,叫圖層3好了,

8、選中 圖層2 ,點 Ctrl E 將圖層2 合併到 圖層3 上。

9、對圖層3 應用複製變形 (點 Ctrl Alt t),在工具欄輸入 縱橫拉伸的百分比,不要太大,我這裏都是 101%;然後把位置往右移動一個像素~再回車,確認變形。

得到如下,錯開的兩層

10、關鍵: 按住 Ctrl Alt Shift 不要動,多點幾次 "T" 鍵,得到多個逐漸變大的.圖形層

如下圖所示:

11、合併這些圖層~ 可以用 Ctrl E 一層層合併;亦可以全選中一次合併(高版本ps支持);或者採用合併可見圖層或 合併鏈接圖層 法

12、可以看到由於多次變形,出現了一些毛糙和模糊,另外還有一些層次感。我們採用 去除雜色濾鏡稍作修飾(可以用其他方法)減少層次感,然後把局部的毛邊用選區選中刪除。儘可能乾淨利落。

13、把開始時候隱藏的”圖層1“,拖到最上層~ 然後恢復可見。再把這個圖層1 用變形變大,使它剛好能蓋住剛才立體的表面

14、在背景層上方,新建一層~~ 然後做個適當的矩形選區,位置就在文字的腳下。填充黑色。撤銷選區,對該層應用高斯模糊~~

得到如下效果:

主體基本完成,背景好單調,所以我們來修飾一下

15、做幾個選區,從不同角度用 黑色到透明 的漸變填充,製造出兩個牆面,一個地板的效果

感覺字好黑,給圖層1 添個圖層效果吧

16、添加漸變疊加到圖層1~~ 漸變大概是 ”白到黑再到白“~ 方向從上到下,透明度不要太高,微微提亮一點圖層~

請仔細對比和上圖的差異

17、新建一層,畫個小人 (用選區填前景色畫的)~

18、把小人調整一下,弄成坐姿~ (選中臀部和大腿,然後Ctrl t 變形側向壓扁,再把小腿接上來),把頭弄低下

19、把小人挪動位置,並且調整合適的大小。放到那個字上面

20、給小人層添加一個 圖層效果:漸變疊加,方法和圖層1的差不多

21、小人的小腿是懸空的,在小人和 圖層1 之間 新建一層,用畫筆畫兩條黑,多餘的部分刪掉 再 調整透明度。形成影子的樣子。

請仔細對比上一幅圖

剩下的步驟就不用廢話了吧。大致就是把所有圖層合併,縮小(減少文字的毛刺~),最後再修飾處理下~

已經超級詳細了,我想大家都應該能做出來了~~

希望能靈活使用,給日常工作一些啟發~~

標籤:photoshop