AI與PS結合製作漂亮的連寫立體字

設計教程
關注：8.88K次

本教程過程看似很多，製作起來也不是那麼複雜。作者使用AI的目的是要做出比較流暢的字型和簡單的立體效果。如果PS熟練的話，全部可以在PS裡面完成。

大致過程：先設立好想要的文字或圖形，然後慢慢立體化，受光面需要根據光源設定好高光和暗調，做出水晶質感。最後渲染好顏色並加上倒影等即可。

最終效果

1、開啟Illustrator新建RGB文件，1000px*800px，72DPI，寫一些文字，字型稍大些。我這裡用MarketingScript字型，字號234pt。

2、選擇文字，物件>擴充套件，點選“確定”按鈕。現在我們的文字已經不再是可編輯的文字了，它已經變成了需使用直接選取工具編輯的路徑了。

3、現在，我們的字母是被編組在一起的，我們要把他們變成一體的路徑。用路徑查詢器下的“聯集”可以做到。如果沒開啟路徑查詢器面板，視窗>路徑查詢器，打開面板，然後選中路徑，點選“聯集”。

4、文字顏色也改成淺灰色。用鋼筆工具(P)在字母s的末尾開始勾一個如圖的曲線。

5、根據字母的粗細調節一下曲線的粗細，我這裡是12pt。

6、在圖層面板中拖拽路徑層到新建圖層按鈕來複製圖層。點選新複製出來圖層前面的小眼睛，隱藏圖層。這樣可以方便我們後面在Photoshop中新增陰影。

用直接選取工具(A)選擇右下角的兩個節點，按下Delete鍵刪除節點，把該圖層命名為“swirl1。

7、隱藏圖層“swirl1”，顯示我們剛才複製的圖層，重新命名為“swirl2”，刪除以下節點。這樣做是由於當我們把路徑擠壓成3D效果時，不想讓路徑在交叉點橫穿，而是想要前後層的效果。

8、讓所有圖層都顯示，選中兩個新建的路徑圖層，物件>擴充套件，點選“確定”。放大檢視如下移動路徑節點，編輯細節。

9、放大檢視到曲線末尾，增加兩個節點如下所示，然後輕微上移和右移。

10、轉換錨點工具(Shift+C)，調整兩個新的錨點讓尖角變成圓角。

11、然後我們調整路徑中要與文字連線的區域，讓它們連線更平滑。

12、調整滿意以後，讓所有的形狀統一填充色為中等灰色。然後選中所有物件，效果>3D>凸出和斜角。

13、選擇所有物件，物件>擴充套件外觀。

14、現在銜接的地方效果不是很理想，你可以微調節點，稍後我們也會對此做調整。

15、隱藏兩個線條圖層，僅讓文字層可見。選擇文字圖形，右擊>取消編組，然後再來一次，右擊>取消編組。選擇在前面的正面圖形，隱藏該層。現在應該留下3d陰影元素。

拖動滑鼠選取所有剩下的圖形元素，點選路徑查詢器中的“聯集”按鈕，命名圖層為“3d1”。然後對隱藏的那兩個曲線圖層重複同樣的操作，把新圖層分別命名為“3d2”和“3d3”。

16、你現在應該有6個圖層了“text”,“3d1″,“swirl1″,“3d2″,“swirl2″and“3d3″。

17、在我們匯出這個檔案到Photoshop之前，我們需要把檢視放大，用直接選取工具(A)調節一下曲線節點，讓他們無縫銜接。

18、現在我們將把檔案匯出成一個分層的PSD檔案。檔案>匯出，選擇Photoshop(*)格式。

19、用Photshop開啟剛剛匯出的檔案，影象>畫布大小，輸入3000*2000px，點選“確定”。Cmd/Ctrl+T調節圖形到合適的大小。

20、如下命名我們的圖層。

21、編組圖層(Cmd/Ctrl+G)，“1”中包含“base1”和“3d1”，“2”包含“base2”和“3d2”，“3”包含“base3”和“3d3”。

22、在“3”下面新建一層，命名為“bg”(作為背景)，填充白色。在“bg”之上新建圖層，命名為“bg2”。設定前景色為#767676，選擇漸變工具(G)。選擇前景色到透明漸變，從文件頂部到中間拉一條漸變，設定圖層不透明度為30%。

23、在“bg2”上新建一層，命名為“bg3。選擇漸變工具，按一下D鍵將前景色和背景色分別設定為黑色和白色。用前景色到背景色漸變在文件的底部拉一個新的漸變，將該層不透明度設定為10%。群組這三個新的圖層，命名為“background”。

24、選擇圖層“base1”，加一個漸變疊加圖層樣式(圖層>圖層樣式>漸變疊加)，顏色從#c81d61到#d3347b。

25、右擊圖層“base1”選擇拷貝圖層樣式，選擇圖層“base2”，Cmd/Ctrl+點選圖層“base3”讓兩個圖層都為選中狀態，然後右擊這兩個圖層，選擇貼上圖層樣式。雙擊圖層“base3”的圖層樣式，開啟圖層樣式面板並反轉漸變。

26、現在我們給所有的“3d”圖層新增顏色疊加的圖層樣式。選中圖層“3d1”應用顏色疊加圖層樣式(圖層>圖層樣式>顏色疊加)，顏色為#797979。然後拷貝圖層樣式(右擊>拷貝圖層樣式)然後貼上到圖層“3d2”和“3d3”。

27、在組“1”中新建一個圖層，命名為“shine”。我們的圖層結構應該如下。

28、設定前景色為白色，選擇前景色到透明漸變，拉一條從文字中間到頂部的漸變。

29、Cmd/Ctrl+單擊圖層“base1”的縮圖，(這將建立一個基於該圖層的選區)，然後選擇>修改>收縮，收縮量為2畫素。

30、把圖層“shine”的不透明度改為30%，在剛剛那個選區啟用狀態的情況下點選圖層“shine”，點選圖層面板底部的“新增圖層蒙版”按鈕。

31、在圖層蒙版被選中的狀態下，設定前景色為黑色，選擇一個適中大小的硬邊緣筆刷在圖層“shine”下面畫蒙版。

32、新建一個圖層叫“shine”，放到組“2”中，沿斜線方向拉另一個白色到透明的漸變。

33、Cmd/Ctrl+單擊圖層“base2”的縮圖(生成一個基於該層的選區)，然後Cmd/Ctrl+shift+單擊圖層“base3”(這將增加基於圖層“base3”的選區到現有的選區上)。收縮選區2畫素，選擇>修改>收縮>2畫素。選中新圖層“shine”，點選圖層面板下面的“新增圖層蒙版”按鈕。效果如下。

34、把圖層“shine”不透明度設為50%，選用合適的硬邊緣筆刷修改蒙版，遮住更多的地方。

35、在組“1”中新建一個組，命名為“3dshading”，把它放在圖層“3d1”之上，“base1”之下。Cmd/Ctrl+單擊“3d1”的縮圖，然後點選“新增圖層蒙版”按鈕，為新組加蒙版。

36、在這個組裡新建圖層，命名為“shading1”，然後用一個小點的柔邊筆刷，80%的黑色，根據你所表現的光源方向，在應該為暗部的地方加陰影。

37、然後設定圖層的混合模式為疊加，50%的不透明度。

38、在圖層“shading1”之上新建圖層命名為“shading2”，用一個小的柔邊筆刷，不透明度為50%，白色，在光源環境中應更亮的地方噴塗。

39、設定圖層“shading2”不透明度為50%，圖層混合模式為疊加。

40、在這個組裡新建一層“shading3”。用小的柔邊筆刷，不透明度100%，黑色，在沒有光能找到的地方噴塗更多的陰影。

41、現在我們將對組“2”重複剛才的步驟。在組“2”中，在“3d2”之上，“base2”之下新建一個組，取名叫“3dshading2”，Cmd/Ctrl+單擊“3d2”的縮圖，將生成的選區作為一個遮罩應用給“3dshading2”。然後新建圖層取名叫“shading1”，用一個合適大小的柔邊黑色筆刷在這個組的陰影部分噴塗。將混合模式設定為疊加。

42、在這個組中新建一個圖層叫“shading2”。用一個合適大小柔邊白色筆刷在左角畫出高光，修改圖層混合模式為疊加。

43、現在我們對組“3”做同樣的事情。新建一個組叫“3dshading3”，把這個組放在組“3”裡，在“base3”和“3d3”之間。Cmd/Ctrl+單擊圖層“3d3”，將選區作為遮罩應用給“3dshading3”。在這個新資料夾中新建圖層命名為“shading1”，設定混合模式為疊加。用一個大點的黑色筆刷沿著底部邊緣噴塗陰影。

44、新建一個圖層，命名為“shading2”，用一個大點兒的白色筆刷如下噴塗高光。

45、把圖層混合模式改為疊加。

46、現在，影象效果和圖層應顯示如下圖。

47、現在回到組“1”，拖拽“base1”到圖層面板底部的“新建圖層”按鈕上來複制一層。

48、雙擊新複製圖層的漸變疊加效果開啟圖層樣式視窗。在圖層樣式視窗，取消勾選漸變疊加，按照如下設定增加內陰影。

49、右擊該圖層的圖層效果，選擇建立圖層。這將會把效果從圖層上分離出來，轉換成一個位圖。命名這個圖層為“highlight1”。

50、現在你可以刪除圖層“base1copy”了。使用方向鍵左移“highlight1″1畫素，Cmd/Ctrl+單擊“base1”的縮圖，點選圖層面板底部的“新增圖層遮罩”按鈕將生成的選區作為遮罩應用給“highlight1”。

用方向鍵將圖層向上微移1畫素，左移2畫素。這是為了將高光正巧放在字母的折角處發出反射光的地方。效果如下。

51、編組圖層“highlight1”(Cmd/Ctrl+G)，命名該組為“highlight”。點選圖層蒙版按鈕給該組一個圖層蒙版。當然，我們也可以在圖層“highlight1”的圖層蒙版上直接工作，但在組的圖層蒙版上工作比較容易修改錯誤或是微調蒙版。

52、在圖層蒙版被選中的狀態下，用合適的柔邊黑色筆刷，遮住高光資料夾的區域。遮住所有左上邊緣以外的區域。效果如下。

53、對組“2”和“3”重複剛剛的步驟複製“base”圖層，應用內陰影，然後由樣式新建一個圖層，還有必要的遮罩。

54、好啦，現在我們加點顏色上去。在所有圖層和組的最上面新建一個資料夾，命名為“coloroverlay”。在新組裡新建一個圖層名叫“overlay1”。前景色設為#7c21c8，用漸變工具(G)，前景色到透明，徑向漸變。在圖形的右下角區域畫一個大大的漸變，混合模式設為顏色。

55、新建一層叫“overlay2”，前景色為#fee409，在圖形右上角畫另一個漸變。混合模式改為顏色。

56、現在我們需要一個包含全部“base”圖層的選區。Cmd/Ctrl+單擊“base1”，Cmd/Ctrl+Shift+單擊“base2”，Cmd/Ctrl+shift+單擊“base3”。

57、點選“新增圖層蒙版”按鈕把基於這個選區的蒙版加給組“coloroverlay”。

58、現在給圖層“3d”加顏色。在組“1”中新建圖層，命名為“color1”，把它放在組“3dshading1”之上。選則漸變工具，設定一個三色漸變，顏色分別為#a53c3d，#c52366和#b22d9d。在新圖層上，畫一個長度為我們影象長度的漸變，設定“color1”的混合模式為顏色。

59、現在我們要用圖層“3d”的形狀為新的漸變圖層新增遮罩，並減掉一些“base”圖層的形狀。選區的精準非常必要，因此請按照以下操作提示進行單擊，記住，你要單擊圖層的縮圖而非整個圖層。

首先，Cmd/Ctrl+單擊“3d3”，然後Cmd/Ctrl+alt+單擊“base2”，Cmd/Ctrl+Shift+單擊“3d2”，下面Cmd/Ctrl+Shift+單擊“3d1”，最後Cmd/Ctrl+Alt+單擊“base1”。獲得選區後，作為遮罩應用給“color1”。

60、下面，在組“2”之上新建圖層，命名為“shadow”。Cmd/Ctrl+單擊縮圖“base2”，Cmd/Ctrl+shift+單擊“3d2”的縮圖，把基於選區的遮罩加給圖層“shadow”。在這個圖層，用一個適中的柔邊筆刷，不透明度為30%，黑色，在曲線上部被蚊子遮住的地方噴塗陰影。這會讓兩個元素間產生層次感。

61、現在我們要對曲線遮住自己的地方做同樣的事情。在組“3”之上新建一層，命名為“shadow2”。

Cmd/Ctrl+單擊“base3”的縮圖，Cmd/Ctrl+Shift+單擊“3d3”的縮圖，把基於獲得的選區的遮罩加給“shadow2”。用一個適中的柔邊筆刷，30%黑色，在下面的曲線圖形上噴塗陰影。

62、我們就要完成了，就剩下一個小陰影和倒影沒加了。如果現在收起所有的資料夾，你應該剩下5個組。選擇除了“background”之外的組，拖到“新建圖層”按鈕上，進行復制。選中剛複製出的所有資料夾，Cmd/Ctrl+E合併到一層，命名為“reflection”。自由變換(Cmd/Ctrl+T)，右擊>垂直翻轉。把這層移到下面，加一個圖層蒙版。