視覺設計 ? illustrator 實現3D流體漸變字體教程,出來的海報效果很酷炫!

illustrator 實現3D流體漸變字體教程,出來的海報效果很酷炫!

發表于: 視覺設計. 評論 (1)
Sponsor

截至今天,公眾號已經停更近2個月,實在抱歉,由于這段時間工作事務比較繁忙,周末也常加班。

同時,由于個人最近也發生了很多事情,心態也受到了一些影響,我也一直在調整心態,想要盡快恢復往常的平靜,打開筆記本繼續我的文章分享,不過這個調整的時間還是比較漫長和煎熬的。

今天我終于還是繼續拿起手里的筆記本開始慢慢恢復到往常,后續也會堅持輸出,也非常感謝一直以來魚粉對我的支持。

教程分享

步驟一:字體/圖形設計

首先在畫布中輸入文本,文本可以直接是字體,也可以對字體擴展后編輯樣式,除了字體外,簡單的圖形也同樣可以做3D效果。

下圖是我工作中設計的字體,是一個產品的logo設計,字母X做了簡單的設計處理,這里就直接采用這個字母做案例分享。(注:logo已商用,盜用會侵權,后果自負,大家請不要隨意搬運,這里主要是展示和做教程案例分享)

圖片

步驟二:3D效果制作

采用ai中效果-3D-凸出和斜角。對字體/圖形創建3D視覺效果,這里ai的功能很簡單,并且可以快速出效果。

圖片

3D-凸出和斜角選項面板中帶有很多配置信息,大家可以嘗試著調整數值和選項觀察圖形的變化,找到自己想要的角度和效果即可。我這里就直接采用了離軸-前方,右側旋轉角度的默認的,另外主要調整了凸出厚度,這里的厚度是制作3D效果的關鍵,通過調整厚度數值制作3D的效果。

圖片

3D圖形制作完成后,圖形是一個整體,并且色彩是單一的,在對圖形進行顏色調整前需要將圖形全選后擴展外觀,這樣采用實現圖形單面的配色調整。

擴展后的圖形可以看到每個面的邊和錨點,并且可以選中單面做配色調整。

圖片

圖片

步驟三:配色設計

準備幾個將要采用的顏色,可以先將不采用流體漸變的面配色為漸變,計劃采用流體漸變的面采用純色打底。(注意:需要采用流體漸變的面不能采用漸變打底,漸變打底的面后期無法制作流體漸變)

圖片

流體漸變制作主要需要采用ai中的網格工具,采用網格工具在面上點擊增加錨點,并且可以修改錨點的顏色,從而將面制作出不同的漸變顏色,這樣增加錨點配出的漸變色融合效果比較自然,并且可以調整錨點的位置,從而改變漸變流向,制作出不同的漸變視覺效果。

圖片

之前我分享的【來自兩個元素的創意】中的圖形制作就是通過這個方式來完成的。

圖片

例如我在面上增加如圖所示的錨點,將顏色改成青藍色,這個面就變成了深藍和淺藍的漸變。還可以增加更多的錨點,同樣改變配色,可以改變錨點的位置和方向來調整漸變的效果,最終的效果如下:

圖片

圖片

海報設計

每一次的教程練習都是積累設計技巧的過程,每次根據教程制作出來的圖形都可以運用到工作或者其他平面設計中。而我每次分享教程文章都會將圖形運用到海邊設計中,這樣就可以同時練習圖形設計技巧和海報。

圖形設計技巧都是慢慢積累的,各種設計軟件中都具備強大的設計功能,只是我們平時工作中較少運用到,由于缺乏對軟件工具功能的熟練使用,同時也缺少積累設計技能,而當我們需要使用時卻不知道如何下手。

下圖是我將上面教程制作的3D圖形運用到海報設計中,通過ps中的模式調整了配色,就得到了一張簡單的科技感海報。

圖片

結語

這一期3D流體漸變字體屬于簡單的ai教程文章,因為這也是我最近工作中運用到的設計技巧,是運用到kt板的主圖設計。軟件工具是si的,但是設計是活的,只要掌握了這個技巧就可以通過自己的想法做出不同視覺效果的設計。

來源:設計小余(ID:sjxy_007)

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

+ 添加評論One Response to “illustrator 實現3D流體漸變字體教程,出來的海報效果很酷炫!”

  1. 值500優惠券 - 回復

    學習了,教程很詳細。


{ 發表評論 }