當前位置:製作窩 >

創意設計 >設計教程 >

Photoshop簡單製作黑白立體字

Photoshop簡單製作黑白立體字

本教程簡單介紹立體字的製作方法。思路:先打上自己喜愛的文字,然後給文字做好裝飾,然後複製一個文字圖層填充淡一點色彩做低,加點圖層樣式並變形,製作出立體的感覺。最後加上小的裝飾物體即可。

最終效果

Photoshop簡單製作黑白立體字

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

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

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

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

得到如下圖樣。

Photoshop簡單製作黑白立體字 第2張

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

6、給圖層2新增圖層效果:顏色疊加(就是給他上個灰色)~斜面浮雕(內斜面,基本用預設,記住把斜面的寬度設為1、2畫素就可以了,不要太寬)得到如下圖[這些都是50%大小的圖]。

Photoshop簡單製作黑白立體字 第3張

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

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

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

得到如下,錯開的兩層。

Photoshop簡單製作黑白立體字 第4張

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

如下圖所示:

Photoshop簡單製作黑白立體字 第5張

11、合併這些圖層~可以用Ctrl+E一層層合併;亦可以全選中一次合併(高版本ps支援);或者採用合併可見圖層或合併連結圖層。

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

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

Photoshop簡單製作黑白立體字 第6張

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

Photoshop簡單製作黑白立體字 第7張

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

Photoshop簡單製作黑白立體字 第8張

16、新增漸變疊加到圖層1~~漸變大概是”白到黑再到白“~方向從上到下,透明度不要太高,微微提亮一點圖層~請仔細對比和上圖的差異。

Photoshop簡單製作黑白立體字 第9張

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

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

Photoshop簡單製作黑白立體字 第10張

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

Photoshop簡單製作黑白立體字 第11張

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

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

請仔細對比上一幅圖。

Photoshop簡單製作黑白立體字 第12張


感謝作者佚名投稿。
  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/6gmg5.html