Illustrator Ai Teaching

[illustrator教學Ai]特色玻璃文字Break Style#簡單製作影片特效

[illustrator教學Ai]特色玻璃文字Break Style#簡單製作影片特效

Illustrator教學今天是要來教大家如何簡單製作特殊文字,一成不變的字體好單調喔,玻璃破碎的文字特殊效果是不是還不錯啊,就跟著我一起學習吧。

STEP 1:點選矩形工具,並且將上色模式改為漸層

[illustrator教學Ai]特色玻璃文字Break Style#簡單製作影片特效
矩形大小長寬100mmX100mm

 

 

STEP 2:更改右方欄位的漸層參數,類型為放射狀,中間色位置改為30%。

[illustrator教學Ai]特色玻璃文字Break Style#簡單製作影片特效
顏色模式皆為CMYK,顏色僅供參考。

 

 

STEP 3:使用橢圓工具,並將中間實心顏色取消,只使用線條顏色。

[illustrator教學Ai]特色玻璃文字Break Style#簡單製作影片特效
橢圓大小長寬120mmX6mm

 

 

STEP 4:
圖A:拷貝橢圓線條。 物件/ 變形/ 移動
圖B:選取剛剛複製的兩個橢圓形,並且拷貝旋轉物件/ 變形/ 旋轉
圖C:框選剛剛的所有物件,旋轉複製,直到完整一個圓(快捷鍵Ctrl + D為重複執行上一動作)

[illustrator教學Ai]特色玻璃文字Break Style#簡單製作影片特效
圖A:水平位置:25mm、垂直位置:12mm,其餘為預設。
圖B:旋轉角度為6度。
圖C:複製到完整一個圓,以上所有動作建議打開預視,記得要按拷貝哦!!!

 

 

STEP 5:選取所有物件,執行物件/ 路徑/ 外框筆畫 命令,完成後將所有橢圓物件群組。並且選取物件群組,將顏色改為漸層,參數跟第一個矩形步驟的顏色一樣,但中間位置改為60%。

[illustrator教學Ai]特色玻璃文字Break Style#簡單製作影片特效

 

 

STEP 6:選取所有物件並更改透明度,改為30%,並且放置於矩形上方。

[illustrator教學Ai]特色玻璃文字Break Style#簡單製作影片特效

 

 

STEP 7:選取所有物件將所有物件鎖定在背景圖層。物件/ 鎖定/ 選取範圍

[illustrator教學Ai]特色玻璃文字Break Style#簡單製作影片特效

 

 

STEP 8:現在的背景圖層已經被鎖住,所以操作不受影響,打出想要變化的文字。

[illustrator教學Ai]特色玻璃文字Break Style#簡單製作影片特效

 

 

STEP 9:打完字之後,建立文字外框(文字/ 建立外框)。然後使用美工刀割出屬於自己風格的文字^^

[illustrator教學Ai]特色玻璃文字Break Style#簡單製作影片特效
小提醒:文字一定要建立外框,不然無法切割哦!!!

 

 

STEP 10:將切割開來的文字,各別選取把他們分散開來,然後適當的調整透明度與顏色模式,我挑選的是網屏

[illustrator教學Ai]特色玻璃文字Break Style#簡單製作影片特效

 

 

STEP 11:大致上完成了,加上一些文字讓整體更完整吧。

[illustrator教學Ai]特色玻璃文字Break Style#簡單製作影片特效

 

每一篇的設計教學文都是相當用心,寫文+錄影平均一篇要花上4個鐘頭,希望能讓更多人學會表現技法,喜歡的話,請大家按下網頁左邊的""給予鼓勵吧~謝謝各位朋友^ ^

 

Funtory設計生活粉絲頁:[FB臉書][Google+]

 

也請大家繼續支持[FUN設計]教學趣photoshop教學illustrator教學

Avatar for 老皮 老皮

我不多話,但很喜歡玩設計跟看電影。分享有趣的Photoshop/Illustrator設計教學文、設計好物、電影心得影評與微電影給大家~
個人介紹 | 更多文章 »

一般留言 (16)

  1. 挖~好好看
    以拉 我不會><
    而且手邊也沒有軟體XD
    不然就做來當 LOGO!!!

    • 這個效果已經有點進階了
      建議你可以先買書從簡單的學起
      網路上有很多Adobe的軟體
      可以試試看囉~

  2. 這個有點小困難
    是4顆星的難度
    (最高為5顆)
    效果很好看
    你是怎樣創作出來的呢?

    • ?!我用的是Adobe的Illustrator製作的
      我已經盡量一步一步教學
      讓大家都容易上手了
      呵呵
      教學文都要寫好久
      這次拖比較久XD

  3. 話說
    可以把它弄成 Actions 嗎?
    因為我是懶惰的人XD

  4. 不行,我老人家看了眼花花~
    這款設計有點像London 2012。

  5. Illustrator
    我全部忘光光了XD
    小Y好厲害呀

  6. 真是太感謝你了!!

  7. 好棒偶感謝你的教學!!

  8. 很棒的教學!
    感謝分享 XDD

發表留言