萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps文字教程 >> 教你如何用PS制作3D炫彩字體

教你如何用PS制作3D炫彩字體

  先來看看效果圖哈....

教你如何用PS制作3D炫彩字體 三聯

  額,好多同學都想知道我這幅圖是怎麼做出來的,雖然煙民語言組織能力很弱,但為了滿足下大家,還是決定試試寫篇教程,這可是煙民的第一篇教程啊 = =

  制作軟件 ps cs3

  本例最終效果:

PS制作3D字體教程

  開始正文

  1.不管做什麼圖,煙民喜歡先構思.

  煙民的思路是:

  首先確立主題: 想做的是給淺的周年禮物.

  其次確定風格: 歐美插畫

  繼續明確思路:

  周年禮物, 那自然是需要量身定做的了..

  但做給一個網站的話,煙民覺得直接用網站的域名字母來做設計會比較有愛.

  然後想要做得特別些, 由於淺一貫的色調都是比較飄逸的,且略偏低沉,

  這是生日禮物, 且淺裡的親們都是比較年輕的一代, 那鮮艷跳躍的顏色似乎更理想..

  由於煙民對歐美的重彩比較有感覺,所以風格依然是歐美的.

  那麼大致的思路就確定下來了,關鍵字: 文字設計 重色 鮮艷 歐式童話.

  2.創建文件

  由於不是印刷品,所以分辨率不需要太高,但又要考慮到可能會做為首頁使用,

  而要適應各種常用的顯示器分辨率所以也不能太小.

  所以煙民用的原始畫布分辨率為: 1600x120072px RGB模式 黑色填充.

  3.文字設計.

  這裡我們先開始擺字.確定每個字的位置及透視關系.

  煙民選擇的構圖是居中構圖, 大致是要把一個文字放在中間作為中間點,其他文字環繞在中間點旁邊.

  就如最終效果圖那樣的構圖.

  那麼就首先要把關鍵字ourshallow打出來(這不是廢話嘛)

  但要注意的是:

  1.由於想要貼近與童話,並且要考慮到後期的變形及立體渲染,

  所以煙民在字體的選擇上用的是Alexis系列的字體(教程結尾會放出下載)

  理由是: 這個字體四邊比較平整且線條夠粗.

  2.字體要分開設計, 所以要分層, 一個圖層一個字.

  3.前景色設置為#2789ba 背景色設置為#164e69再輸入文字.

  開始制作.

  由於要把字體做變形扭曲處理, 如果在扭曲過程中文字是由小變大的話,那最後的效果會邊模糊比如:

  圖案比較小

PS制作3D字體教程

  扭曲圖案後會出現模糊的效果

PS制作3D字體教程

  所以文字的分辨率要足夠大.所以我們來把所有的文字都盡可能的拉大.

  方法是:

  a.選擇所有文字圖層

  b.當前工具切換為: 移動工具

PS制作3D字體教程

  c.選擇頂部選項欄裡的”水平居中對齊”及”垂直居中對齊”

PS制作3D字體教程

  d.按下ctrl+t啟用變形工具並且按住shift用鼠標左鍵在變形框的四角任意一角往外拉大.

  直到變形框超過整個畫布一些(當時煙民把文字拉到了3000點左右).然後回車確定.

  c.柵格化所有文字圖層.

  e.從第一個字母開始處理.

  ①由於Alexis系列的字體 O字母比較扁,我們先來把他拉長點

  選擇第一個O字圖層,用矩形選框工具把字母的下半部分選中,

  只要選框工具在兩邊的直線中間切過就行.如圖:

PS制作3D字體教程

  然後選擇移動工具 按住shift在選框內往下拖動:

PS制作3D字體教程

  取消選擇, 再選矩形選框工具對好位置, 把字母斷缺的兩邊補上.

PS制作3D字體教程

  這裡要注意一個細節, 就是文字柵格化之後邊緣有一條半透明的像素,

  所以我們直接用選框工具填充之後在原圖與新填充的銜接部位會出現這樣的鋸齒:

PS制作3D字體教程

  這在後期制作會影響效果,我們可以用橡皮擦工具或者矩形選框把這條細邊刪掉.

  ②按住ctrl+T啟用變形工具, 再在變形框內點擊右鍵, 選擇”扭曲”

PS制作3D字體教程

  拖動四角錨點, 把字體處理成如下效果:

PS制作3D字體教程

  ③在圖層面板按住alt選擇文字層往下拖,復制一個圖層到當前層下面,

  同時按下alt+shift+del填充背景色

PS制作3D字體教程
PS制作3D字體教程

  ④把O副本2向右移動,變成

PS制作3D字體教程

  再將O副本2上下縮小少許.讓O副本2的高度小於前面的圖像就行.

PS制作3D字體教程

  上下兩邊有這麼一個坡度.

PS制作3D字體教程

  然後鋼筆工具把兩個圖層銜接的空擋連起來,按ctrl+回車 轉換為選區,

  填充背景色, 讓兩個圖層看起來像是一體的.

  路徑選取

PS制作3D字體教程

  轉換選區

PS制作3D字體教程

  填充顏色

PS制作3D字體教程

  這些步驟完成之後文字就變成這樣

PS制作3D字體教程

  依次把其他文字都排好位置並按照這個方法處理, 注意前後順序和透視關系,

  最終效果如下:

  (當然這一步是十分考驗耐心的,煙民在這一步花了大致2小時才完成, 所以大家慢慢磨吧,阿門.)

PS制作3D字體教程

  這裡要單獨說一下的是兩個L的設計.

  由於煙民進行到這裡的時候覺得單單的文字變形的話會感覺很單調,所以煙民想在這兩個字母上做點變化.

  方法如下:

  先把字母變處理這樣, 注意字母的尾巴被我剪去了一些。

 

PS制作3D字體教程

  然後選擇鋼筆工具畫出路徑再轉換選區,填充顏色,跟字體的處理方法一樣,這裡不再累述,最終效果是這樣

PS制作3D字體教程

  L的位置是擺在這裡的

copyright © 萬盛學電腦網 all rights reserved