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

PS製作個性的有文字背景的圖形

設計教程 閲讀(1.58W)

本教程簡單介紹一些有文字作為背景圖案的圖形或者文字效果。製作方法也非常簡單,先用做出自己想要的圖形,然後打上一些較小的文字,並把這些文字放到圖形中去,適當的加上一些圖層樣式,效果就出來了。

最終效果

PS製作個性的有文字背景的圖形

1、創建1200×800、72dpi的新文件。首先導入你所有的矢量設計,把它們分開放到你的Photoshop畫布中。在這裏,我們分成了3個獨立的智能對象,把它們拖到了畫布中。如果你沒有這些矢量圖,可以直接用自己的文字或圖形。

PS製作個性的有文字背景的圖形 第2張

2、隱藏所有矢量,創建一個新的文本框。在此我輸入“CreativeVolitionInc”。我所選擇的字體是“ITCAvantGardeGothic”。繼續複製/粘貼文本框中的文本。看下圖:

PS製作個性的有文字背景的圖形 第3張

3、文字設置:16pt的字體,標準,16pt高度的間距,顏色#404040。

PS製作個性的有文字背景的圖形 第4張

4、繼續複製/粘貼文字,直到它填充了整個畫布。使用文字工具拉伸文本框,直到它超出了畫布的大小。

PS製作個性的有文字背景的圖形 第5張

5、現在開始順時針旋轉文本框約45度角。

PS製作個性的有文字背景的圖形 第6張

6、使其中一個智能對象可見。按命令鍵點擊圖層面板上的預覽框創建選區。

PS製作個性的有文字背景的圖形 第7張

7、選區創建之後,隱藏你的智能對象,這時你可以看到選區。

PS製作個性的有文字背景的圖形 第8張

8、柵格化文本圖層使選區在你的柵格化層上工作,點擊編輯>剪切。

PS製作個性的有文字背景的圖形 第9張

9、然後點擊編輯>粘貼並調整你的新層,這樣所有的字母能顯現出來。打開圖層樣式對話框,改變“顏色疊加”為白色。

PS製作個性的有文字背景的圖形 第10張

10、繼續在你其他的智能對象層上做相同的步驟,但始終記得要從光柵層中剪切。

PS製作個性的有文字背景的圖形 第11張

11、最後,創建一個新層,用任何顏色填充它。把這層放在所有其他層的上方。填充調低至0%。打開圖層樣式對話框,改變內發光,使用以下設置,然後單擊確定。(使邊緣產生一個向內的黑色漸變效果)

PS製作個性的有文字背景的圖形 第12張

PS製作個性的有文字背景的圖形 第13張

最終效果:

PS製作個性的有文字背景的圖形 第14張


感謝作者活力盒子譯製作、發佈教程。