• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 Illustrator教學】Illustrator巧用組合樣式製作立體字效果




    Illustrator巧用組合樣式製作立體字效果

    這一次的教學是屬於矢量教程領域中的Illustrator教程的相關教學。

    文章出處是來自站酷的矢量教程類文章,寫教學的作者是PicUp,感謝PicUp提供Illustrator教程的實作教學。

    教學大綱:

    本教程主要使用Illustrator使用組合樣式製作立體文字剝離效果,一個翹起的立體字,非常的漂亮,體檢給思緣的朋友學習,希望大家可以喜歡。


    Illustrator教程教學開始

    先看看效果圖

    Illustrator巧用組合樣式製作立體字效果

    通過本次的教程學習,你會鍛煉到Ai的組合樣式,位移路徑,自由扭曲和變換,以及自定義圖案。

    Illustrator巧用組合樣式製作立體字效果

    Ai中製作字體效果最好是製作單獨字符,如果你還想保存這種效果應用到過多或過少字符上,可能效果會發生一點不太理想的變化,還有一個就是需要在同一個字符對象上添加多重填充效果,來慢慢隨着我的步驟看看吧。

    Illustrator巧用組合樣式製作立體字效果

    首先還是新建一個畫板,大小隨你們了。

    Illustrator巧用組合樣式製作立體字效果

    接着我們用文字工具輸入一個字母,這裡我用了比較粗的字體,這樣做出來的效果會好一點,字體是“impact”,如果沒有這個字體的話在,沒關係,我在教程文件里分享給你們了,或者你也可以用類似的非襯線體的粗體字。

    Illustrator巧用組合樣式製作立體字效果

    打開外觀面板,過一會要經常用到這個面板,就在“窗口>外觀”,打開後會看到這個字體的外觀面板下都是空白,然後我們直接給這個文字添加一個漸變色,當然漸變的顏色隨你們的喜好了。

    Illustrator巧用組合樣式製作立體字效果

    添加漸變后,文字的效果如上圖。

    Illustrator巧用組合樣式製作立體字效果

    接着我們到“效果>風格化>內發光”,給這個字體添加一些內部的陰影效果。

    Illustrator巧用組合樣式製作立體字效果

    你們做到這裡的參數不見得跟我一樣,因為你們字體的大小與畫布的大小都不太相同,所以這裡的效果你們自己觀察字體的樣子,淡淡的有一層內陰影就可以。

    Illustrator巧用組合樣式製作立體字效果

    接下來我們來把字體外觀面板上的描邊設置一下,還是注意觀察你們的字體效果,有一個小描邊效果就行,這個描邊過一會我們要用它來簡單模擬一下內部的硬投影。

    Illustrator巧用組合樣式製作立體字效果

    接着到“效果>路徑>位移路徑”,打開位移路徑面板。

    Illustrator巧用組合樣式製作立體字效果

    這裡簡單設置一下參數,依舊是注意觀察你們字體的效果來決定你們的參數大小,往下看具體效果。

    Illustrator巧用組合樣式製作立體字效果

    位移的效果就是將上一步設置的描邊壓制到字體內部,所以你們的位移參數可以按照這種效果大概設置好就行。

    Illustrator巧用組合樣式製作立體字效果

    來看看做到這一步后,你們的外觀面板的一些設置吧。

    Illustrator巧用組合樣式製作立體字效果

    看到外觀面板左下角的那個地方了么,那裡的按鈕叫“添加新填色”,點擊它,會給這個字體添加新的填充。

    Illustrator巧用組合樣式製作立體字效果

    來給這個字體繼續添加一個漸變填充色,黑色到淺灰的就好。

    Illustrator巧用組合樣式製作立體字效果

    添加好漸變后的字體貌似除了顏色變髒了沒什麼別的變化,別急,現在這個字體有兩層填充顏色,一個是之前添加的黃色漸變,然後我們又在上面添加了一個黑灰漸變,它們現在疊加到了一起,接着往下看。

    Illustrator巧用組合樣式製作立體字效果

    打開“效果>扭曲和變化>自由扭曲”。

    Illustrator巧用組合樣式製作立體字效果

    看到自由扭曲的控制面板后,用鼠標拖拽上面的控制點,將這個黑灰色漸變向右下拖拽一點,製作出偏移的效果。

    Illustrator巧用組合樣式製作立體字效果

    打開“效果>變形>拱形”。

    Illustrator巧用組合樣式製作立體字效果

    調整一下彎曲的百分比,大概有一點點彎曲效果就好了。

    Illustrator巧用組合樣式製作立體字效果

    做完上面的步驟,來到我們的外觀面板,繼續添加新填充。

    Illustrator巧用組合樣式製作立體字效果

    這次添加一個淺灰到白色的漸變,效果就參考我的就可以了。

    Illustrator巧用組合樣式製作立體字效果

    然後繼續執行之前的操作步驟,先執行“效果>扭曲和變化>自由扭曲”,再執行“效果>變形>拱形”的操作,這次的操作效果參考上圖。

    Illustrator巧用組合樣式製作立體字效果

    做到這步后,我們的工作就差不多完成了,看看完成後的外觀面板吧。

    Illustrator巧用組合樣式製作立體字效果

    接下來把這個做好的效果做成自定義樣式,先打開“窗口>圖形樣式”面板。

    Illustrator巧用組合樣式製作立體字效果

    然後你只要將做好的這個字體直接拖拽進圖形樣式面板中,這個自定義的樣式就添加好了。

    Illustrator巧用組合樣式製作立體字效果

    隨便敲一個字母進去,然後直接點擊剛才添加的自定義樣式,看看,效果應用的是不是還不錯。

    Illustrator巧用組合樣式製作立體字效果

    Illustrator巧用組合樣式製作立體字效果

    Illustrator巧用組合樣式製作立體字效果

    做完這次練習后是不是發現Ai做自定義樣式,比Ps的圖層樣式簡單不少。所以學會選用合適的工具製作效果會有不錯的效率提升。

    Illustrator巧用組合樣式製作立體字效果

    Illustrator巧用組合樣式製作立體字效果

    — —

    文章永久連結為: Illustrator巧用組合樣式製作立體字效果