如何用ai設(shè)計(jì)出更好看的漸變色效果?

使用Adobe Illustrator實(shí)用的網(wǎng)格工具設(shè)計(jì)出獨(dú)一無二的漸變效果。跟著教學(xué)操作,學(xué)會如何仿制出時尚的螢光漸變外觀。 

Illustrator網(wǎng)格工具是一個常被忽略的好幫手;有了它,你不但能為向量形狀增添立體感,還能用它在你的設(shè)計(jì)或字體中加入鮮明或微妙的漸變效果。

在本教學(xué)中,我將為你說明如何在Adobe Illustrator中操作網(wǎng)格工具來設(shè)計(jì)出霓虹漸變效果,文中靈感取自我們的金光雷射(Holographic Foil)創(chuàng)意趨勢。你可以把這種漸變效果當(dāng)作剪裁遮色片套用于文字串上,或者把它拿來當(dāng)作品牌社群媒體專頁的時尚背景。步驟1:尋找靈感和配色組合在埋頭設(shè)計(jì)螢光漸變之前,要先找出想要使用的配色。要找到喜歡又搭配得好的顏色可能很難,因此我制作了這101款顏色組合,收藏了豐富既生動的色調(diào),供你制作漸變時取用。受到了繽紛粉嫩(Punchy Pastels)創(chuàng)意趨勢的啟發(fā),我決定選擇這款春意盎然圖片作示范。搜尋鮮明和色彩濃度高的照片,它能帶給你的設(shè)計(jì)一種霓虹前衛(wèi)感;這些圖片融合了現(xiàn)代、搶眼的色調(diào),實(shí)現(xiàn)了經(jīng)典的時尚漸變。

 步驟2:打開Adobe Illustrator首先,打開Illustrator軟體。按Command + N以顯示新增文件視窗。在制作漸變時,我喜歡用正方形的構(gòu)圖;可以把文件尺寸設(shè)定為1000 x 1000像素。下拉到進(jìn)階選項(xiàng)(Advanced Options)并將色彩模式(Color Mode)變更為RGB。

 步驟3:制作漸變網(wǎng)格接著要制作向量正方型,請到矩形工具(M),在畫板上繪制形狀的同時按住Shift鍵以鎖定比例。到程式上方的物件(Object )下拉選單,然后點(diǎn)選建立漸變網(wǎng)點(diǎn)(Create Gradient Mesh)。一個框框?qū)⑻?,詢問你要在行和列中各放置多少個錨點(diǎn);我們從4行4列開始制作。你可以透過點(diǎn)選網(wǎng)格工具(U)并點(diǎn)擊形狀內(nèi)部來新增更多錨點(diǎn)。

 步驟4:制作新色票在畫板外面畫出另一個正方形,然后點(diǎn)擊程式左側(cè)的填色(Fill )工具。這將打開顏色選擇器(Color Picker)直方圖,你可以在白色框中輸入特定的十六進(jìn)位色碼(hex code),例如春意盎然圖片中的橘色(#FAA98B)。選擇確定返回主畫面;再到程式右側(cè)的色票面板(Swatches),然后點(diǎn)擊漢堡選單圖標(biāo)來制作新色票(New Swatch)。若尚未啟用你的面板,請到視窗標(biāo)簽頁選擇色票(Swatches)。你的新顏色會從色票面板中跳出,讓你在制作漸變時可隨時取用。針對其余的色調(diào)重復(fù)操作上述步驟。

 步驟5:套用色票使用直接選取工具(A),點(diǎn)擊漸變網(wǎng)格中的錨點(diǎn)。我偏好從邊角開始,再慢慢編輯其他部分。從色票面板中選擇一種顏色,然后在顏色(Color)面板中調(diào)整自訂色票(Swatches)的淺色調(diào)。這會把白色添加到你的顏色中,制作出更流暢和連續(xù)的漸變,同時突顯重點(diǎn)。一個設(shè)計(jì)成功的漸變網(wǎng)格是由各種充滿活力的色調(diào)所組成,這些色調(diào)往往會有相互流動的視覺效果;透過將自訂色票與其淺色調(diào)放在同一群組內(nèi),你將能制作出流暢的外觀。在為每個錨點(diǎn)指定完顏色后,你的漸變網(wǎng)格看起來應(yīng)該是像這樣。當(dāng)這些點(diǎn)之間的距離是等距時,網(wǎng)格看起來是沒有流暢感和生硬的。我們將透過操控每個點(diǎn)來進(jìn)行微調(diào)以制作出更流暢的構(gòu)圖。

 步驟6:調(diào)整錨點(diǎn)再次使用功能強(qiáng)大的直接選取工具(A),點(diǎn)擊框內(nèi)的每個點(diǎn)并繞著漸變網(wǎng)格移動它。這樣就可以制作出一個更有動態(tài)感的構(gòu)圖,并允許你調(diào)整每個色調(diào)的色彩濃度。你會發(fā)現(xiàn)每個錨點(diǎn)都會有手柄伸出;使用直接選取工具(A),點(diǎn)擊并拖曳手柄以調(diào)整每個顏色的半徑,并沿特定方向引導(dǎo)顏色,有點(diǎn)像在拉箭頭。

花點(diǎn)時間玩玩錨點(diǎn)和手柄,直到你構(gòu)建出完美的漸變網(wǎng)格為止。

 步驟7:儲存并匯出按Command + S來儲存專案,接著到檔案>匯出>匯出為( File > Export > Export As)來匯出圖片。選擇全部(All)或范圍(Range)以匯出單個畫板。在上傳到網(wǎng)路上時,將格式變更為JPEG或PNG來達(dá)到最佳效果。色彩繽紛的漸變有無窮無盡的可能;你可以把漸變當(dāng)作剪裁遮色片套用于文字串上來達(dá)到活力充沛的霓虹效果,或者把它用來當(dāng)作社群媒體專頁的時尚背景。

 

 

 原文鏈接:https://www.shutterstock.com/zh-Hant/blog/design-fluorescent-gradients-mesh-tool

每天更新,
全站高品質(zhì)素材免費(fèi)下載!