當前位置:米奇創意網>設計創意>設計教程>

Photoshop製作非常個性的塗鴉立體字

設計教程 閲讀(1.21W)

本教程不僅介紹個性的文字製作,同時還包括了文字的底部裝飾和背景等多部分的製作。為了增強文字的個性,字體需要自己去設計,然後再逐個文字去增加質感和立體感。

最終效果

Photoshop製作非常個性的塗鴉立體字

1、文件>新建,創建一個新的1000x500像素的文件。

Photoshop製作非常個性的塗鴉立體字 第2張

2、選擇背景層,使用油漆桶工具,填充顏色#D0CFCF。

Photoshop製作非常個性的塗鴉立體字 第3張

3、現在我們用文本創建一個新層,可以去網上找些卡通類的字體,或自己設計一個去做,這裏創建了一個,進入我的電腦和掃描的草圖。下一步,用你的鋼筆工具,使一個字母。我用的是“graffiti”一詞,中文的意思就是塗鴉。

Photoshop製作非常個性的塗鴉立體字 第4張

4、選擇路徑(右鍵單擊進行選擇)用顏色填充。

Photoshop製作非常個性的塗鴉立體字 第5張

5、命名此層。這一層起名為“G”。複製這一層,產生一個G副本層。雙擊此的“G副本”層,在彈出的圖層樣式對話框中,改變顏色。

Photoshop製作非常個性的塗鴉立體字 第6張

6、然後使用箭頭鍵移動的“G副本”層向上5PX和移動8或9個像素。

Photoshop製作非常個性的塗鴉立體字 第7張

7、對原有的“G”層添加圖層樣式,製作一個內陰影。

Photoshop製作非常個性的塗鴉立體字 第8張

Photoshop製作非常個性的塗鴉立體字 第9張

Photoshop製作非常個性的塗鴉立體字 第10張

Photoshop製作非常個性的塗鴉立體字 第11張

8、在圖層面板選擇“G副本”層,圖層菜單>圖層樣式>創建圖層。選擇圖層使用加深工具或減淡工具,是圖層中的G字部分地方變暗或減淡。注:綠色圓圈用加深工具,紅圈用減淡工具。

Photoshop製作非常個性的塗鴉立體字 第12張

Photoshop製作非常個性的塗鴉立體字 第13張

9、在“G副本”層中添加陰影。

Photoshop製作非常個性的塗鴉立體字 第14張

10、選擇“G副本”層再次製作一個副本。然後,在新圖層中,編輯>描邊。

Photoshop製作非常個性的塗鴉立體字 第15張

11、創建一個新層,並重新命名為“窗口”,並用選擇工具製作一個窗口,在窗口上填充顏色#8cb809。

Photoshop製作非常個性的塗鴉立體字 第16張

12、現在我們將添加的亮的區域,創建一個新層,用鋼筆工具創建的地方突出顯示的區域。用顏色#FFFFFF填充。

Photoshop製作非常個性的塗鴉立體字 第17張

13、刪除不必要領域。按住原“G”和“G副本”圖層(按住“CTRL+ALT鍵,選擇框層的名字旁)選取框選擇選擇>反選,然後刪除,我們看我們剛才加亮的區域還在選擇狀態。

Photoshop製作非常個性的塗鴉立體字 第18張

14、改變這層“柔光”,並添加圖層樣式(圖層>圖層樣式>內陰影)。

Photoshop製作非常個性的塗鴉立體字 第19張

15、其餘字母重複這些相同的步驟。

Photoshop製作非常個性的塗鴉立體字 第20張

Photoshop製作非常個性的塗鴉立體字 第21張

Photoshop製作非常個性的塗鴉立體字 第22張

Photoshop製作非常個性的塗鴉立體字 第23張

Photoshop製作非常個性的塗鴉立體字 第24張

Photoshop製作非常個性的塗鴉立體字 第25張

Photoshop製作非常個性的塗鴉立體字 第26張

Photoshop製作非常個性的塗鴉立體字 第27張

16、創建一個新層,其重命名為“雲”。放置我們剛才製作的圖層下這一層。拿起你的畫筆工具,並使用不同大小的圓圈,以創建雲。我用顏色#e40480。完成後複製這一層。

Photoshop製作非常個性的塗鴉立體字 第28張

17、這些圖層樣式添加到原圖層(圖層>圖層樣式>斜面和浮雕)。

Photoshop製作非常個性的塗鴉立體字 第29張

Photoshop製作非常個性的塗鴉立體字 第30張

Photoshop製作非常個性的塗鴉立體字 第31張

Photoshop製作非常個性的塗鴉立體字 第32張

Photoshop製作非常個性的塗鴉立體字 第33張

18、創建一個新層在雲層之上,用顏色#FFFFFF設置為低的不透明度畫筆刷雲層亮的位置。

Photoshop製作非常個性的塗鴉立體字 第34張

19、在“雲副本”層,原雲層下方將改變這層的不透明度為27%。使陰影顯示。

Photoshop製作非常個性的塗鴉立體字 第35張

20、設置大小不同的圓形筆刷,並創建一個雲創建一個新層。顏色設置為#8cb809。

Photoshop製作非常個性的塗鴉立體字 第36張

21、圖層樣式添加到這一層。

Photoshop製作非常個性的塗鴉立體字 第37張

Photoshop製作非常個性的塗鴉立體字 第38張

Photoshop製作非常個性的塗鴉立體字 第39張

22、創建一個新層,用塗抹工具添加一些閃亮的小亮點到這個雲層。

Photoshop製作非常個性的塗鴉立體字 第40張

23、現在創建背景。首先創建一個新的文檔。

Photoshop製作非常個性的塗鴉立體字 第41張

24、使用圓角矩形工具,畫一個矩形。顏色#8cb809半徑:21px。

Photoshop製作非常個性的塗鴉立體字 第42張

25、在圖層樣式面板設置描邊。

Photoshop製作非常個性的塗鴉立體字 第43張

26、多個重複的磚。注意:確保重疊的磚塊,以便沒有白色背景漏出來。

Photoshop製作非常個性的塗鴉立體字 第44張

27、創建一個新層,用60px#000000軟畫筆刷陰影磚。層的不透明度為27%。

Photoshop製作非常個性的塗鴉立體字 第45張

28、編輯>定義圖案,並將它命名為磚,單擊“確定”。然後雲層下方創建一個新層。用#FFFFFF填充層。改變這層填充為0%。設置圖層樣式。

Photoshop製作非常個性的塗鴉立體字 第46張

Photoshop製作非常個性的塗鴉立體字 第47張

29、創建一個新層,並隨機增添亮點。

Photoshop製作非常個性的塗鴉立體字 第48張

30、創建一個新的文本層,使用鋼筆工具。設置畫筆工具87px。

Photoshop製作非常個性的塗鴉立體字 第49張

31、創建了光條,用鋼筆工具,右鍵單擊路徑描邊路徑(確保“模擬壓力”複選框被選中)。

Photoshop製作非常個性的塗鴉立體字 第50張

32、添加外發光。

Photoshop製作非常個性的塗鴉立體字 第51張

Photoshop製作非常個性的塗鴉立體字 第52張

33、創建另一個光條。

Photoshop製作非常個性的塗鴉立體字 第53張

34、創建一個新層,並添加一些閃光星,使用下載的筆刷刷。

Photoshop製作非常個性的塗鴉立體字 第54張

最終效果:

Photoshop製作非常個性的塗鴉立體字 第55張


感謝作者呆木張製作及投稿。