tft每日頭條

 > 生活

 > ai怎麼做文字漸變效果

ai怎麼做文字漸變效果

生活 更新时间:2024-11-29 02:35:35

對于Adobe Illustrator初學者,這個教程将教會大家學習創建文本,以及如何轉換為3D對象。還有學習快速選擇一些相同屬性的形狀的操作,并将它們變成複合路徑。最後,将學習創建簡單的背景,以及使用“變換”效果來添加微妙的陰影。本教程與原教程稍有不同,但不影響最終效果。

使用AI制作等軸文本效果,先來看看最終的效果:

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)1

嗯,分析一下子:

1.整體色彩比較明亮,比較活躍

2.粗描邊風格

3.很直觀的3D效果

OK,接下來我們開始動手制作:

首先,新建一個圖層。850*600px,顔色模式為RGB,分辨率為72ppi。

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)2

STEP2:3D效果制作

(1)選中文字,并進入效果> 3D>拉伸和斜面。單擊更多選項按鈕,輸入下面顯示的所有屬性,然後單擊确定按鈕。最後,參數如下圖所示。

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)3

(2)選中文字,轉到對象>展開外觀。确保生成的形狀組保持選中狀态,并按住Shift-Control-G鍵盤快捷鍵三次(也可右鍵取消編組三次),目的是取消編組。

移動到“圖層”面闆(“窗口”>“圖層”)中,展開現有圖層,剛解散的所有形狀都在裡面,如下圖所示。

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)4

STEP3:如何上色和組織你的形狀

(1)選擇選擇工具(V)并選擇構成3D文本頂部的所有形狀。隻需轉到對象>複合路徑>建立(Control-8)。

選中複合路徑并将其複制到圖層頂端(Shift-Control-]),然後将其重點放在“ 外觀”面闆(“窗口”>“外觀”)上。填充顔色(R = 255 G = 200 B = 0),選擇描邊粗細大小為4px,顔色設置為R = 46 G = 58 B = 58,邊角改為圓角鍊接。

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)5

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)6

(2)打開現有圖層,把上一步中制作的複合路徑命名為“黃色頂部圖層”并位于頂部,隐藏該圖層(取消選中該眼睛圖标)。選中上面複制的複合路徑圖層,填充顔色改為黑色(R = 0 G = 0 B = 0),并将其移動到圖層最底層(Shift-Control- [),命名為“黑色底部圖層”,然後鎖定它,隐藏該圖層(取消選中該眼睛圖标)。

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)7

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)8

(3)選擇其中一種淺棕色形狀,然後轉到“ 選擇”>“相同”>“填充顔色”,填充顔色(R = 0 G = 173 B = 236),選擇描邊粗細大小為4px,顔色設置為R = 46 G = 58 B = 58,邊角改為圓角鍊接。選中其餘的具有相同填充顔色的形狀,用吸管工具吸取編輯好的藍色。

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)9

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)10

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)11

(4)選擇一個棕色形狀,然後轉到“ 選擇”>“相同”>“填充顔色”,填充顔色(R = 252 G = 130 B = 119),選擇描邊粗細大小為4px,顔色設置為R = 46 G = 58 B = 58,邊角改為圓角鍊接。選中其餘的具有相同填充顔色的形狀,用吸管工具吸取編輯好的粉色。

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)12

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)13

STEP4:添加背景和簡單的陰影

(1)使用矩形工具(M),創建一個850 x 600像素的形狀,填充顔色(R = 0 G = 173 B = 236),對齊面闆垂直居中對齊。

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)14

(2)選中“ 圖層”面闆并解鎖“ 黑色底部圖層”複合路徑。

“外觀”面闆>不透明度:将混合模式更改為柔光。然後轉到效果>路徑>位移路徑。輸入2px偏移量,并将連接設置為圓角,單擊确定按鈕。

然後轉到效果>扭曲和變換>變換。将“水平”滑塊拖動到0.2像素,在“副本”框中輸入100,單擊“确定”按鈕。選中陰影和最底層的藍色方塊,底部對齊,完成。

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)15

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)16

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)17

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)18

恭喜!你完成了!

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)19

ai怎麼做文字漸變效果(AI制作等軸2.5D文字效果)20

本次教程到此就沒了,希望大家喜歡。歡迎加入UI設計群587751709

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved