當(dāng)前位置:首頁>軟件教程>AI教程>教程內(nèi)容

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒

來源:優(yōu)設(shè)網(wǎng) 作者:不詳 學(xué)習(xí):3553人次

本篇教程通過AI制作一款萬花筒,萬花筒的圖案千變?nèi)f化,那么如何用軟件實(shí)現(xiàn)類似的效果呢?本篇教程通過AI來詳解解答,一步步教同學(xué)們做一張漂亮的萬花筒圖案,一起來學(xué)習(xí)下吧。

效果圖:

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒_www.theoat.com.cn
www.theoat.com.cn

操作步驟:

一、創(chuàng)建參考線

STEP 01

在開始動(dòng)手前,你必須要計(jì)算出鏡面反射的數(shù)量。原理很簡(jiǎn)單:大家知道萬花筒是一個(gè)圓形,我們要將圓平均分割多少份呢?既然是鏡面反射,那么我們知道就需要兩兩相對(duì),這樣計(jì)算的話需要安排一個(gè)偶數(shù)。比如在本例中,我安排的是8對(duì),這個(gè)圓就應(yīng)該分為2*8=16份。提前有規(guī)劃,動(dòng)手開始制作就不會(huì)局促和緊張。

打開AI新建一個(gè)文檔,文檔大小可以設(shè)置為800px*800px,打開智能參考線。智能參考線的自動(dòng)對(duì)齊功能將幫上你很大的忙。

既然已經(jīng)計(jì)算過需要分為16等份,我們新建一個(gè)16邊的多邊形,選中多邊形工具后,在畫面中任意地方雙擊,彈出多邊形工具對(duì)話框,在邊的數(shù)量的那一欄中填入16即可。

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒_www.theoat.com.cn

STEP 02

可以看到多邊形是四條邊的中點(diǎn)位置正對(duì)四個(gè)方向的。這時(shí),把多邊形旋轉(zhuǎn)到讓它的角正對(duì)四個(gè)方向。

旋轉(zhuǎn)的度數(shù)又多邊形的邊數(shù)來決定,因?yàn)橐秧斀且频剿胶痛怪钡慕嵌龋虼苏檬?60/32,這個(gè)32是16的2倍。

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒_www.theoat.com.cn

STEP 03

這時(shí),用直線工具,在如下圖所示的位置畫線(藍(lán)色線條)。

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒_www.theoat.com.cn

再將所畫的藍(lán)色線條復(fù)制一份,旋轉(zhuǎn)45/2角度,這時(shí)剛好就使每一個(gè)頂角都有線條經(jīng)過。

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒_www.theoat.com.cn

STEP 04

讓我們鎖定我們的多邊形,選擇所有的線條。然后,進(jìn)入到【視圖>參考線>建立參考線】

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒_www.theoat.com.cn

這時(shí),我們的線條就轉(zhuǎn)換為參考線了。特別在制作圓形的圖案時(shí),由于軟件自身的輔助線只有水平和垂直兩條,這就需要我們自制特殊形態(tài)的參考線。

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒_www.theoat.com.cn

二、萬花筒鏡面效果

有了參考線的輔助,這將有助于我們下一步的繪制。

STEP 05

為了讓事情變得更簡(jiǎn)單,我們使用鋼筆工具來繪制如下圖所示的等腰三角形。關(guān)閉描邊,填充為橙色,再降低透明度到20%。這一個(gè)圖形是這個(gè)16邊形等分為16份的其中一份。

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒_www.theoat.com.cn

STEP 06

在本文開頭,我們已經(jīng)知道這類效果的原理是鏡像對(duì)稱的作用,也就通過反射,就能實(shí)現(xiàn)在其中一個(gè)部分繪制的圖案也能同樣出現(xiàn)在其他部分里,讓這些對(duì)稱的圖案共同構(gòu)成一個(gè)整體的圓。因此,你可以隨心所欲在其中一個(gè)部分進(jìn)行繪制即可。那么,我們就需要單獨(dú)設(shè)立一個(gè)圖層,要讓這一圖層通過圖層的外觀進(jìn)行鏡像的對(duì)稱反射。

操作方法很簡(jiǎn)單,首先,你需要整理好你的圖層。然后再在圖層上添加外觀。

外觀面板也許對(duì)我們并不陌生,以往我們已經(jīng)接觸了很多外觀,但它們都是路徑的外觀。這里值得注意的是這里的面板是圖層的外觀。你需要單擊圖層右邊的小圓點(diǎn)才能進(jìn)入。

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒_www.theoat.com.cn

STEP 07

這時(shí),我們選中這個(gè)等腰三角形,讓它做出第一個(gè)反射圖形。在圖層外觀面板中添加變換效果。進(jìn)入到變換效果的參數(shù)設(shè)置面板。我們的反射對(duì)象是沿著垂直中線進(jìn)行反射,因此,這里要勾選“對(duì)稱X”。左下方的一個(gè)小小的九宮格是給參考點(diǎn)選定位置,這里我選擇在左邊。副本里設(shè)置為1。

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒_www.theoat.com.cn

STEP 08

我們現(xiàn)在已經(jīng)有了兩個(gè)等分的等腰三角形,接下來就讓我們繼續(xù)用它作為對(duì)象進(jìn)行鏡像反射。這次依然是選中這一圖層,進(jìn)入圖層的外觀,在外觀中添加變換效果。我們這次不再是對(duì)稱反射了,改用旋轉(zhuǎn)的方式。因?yàn)檫@兩個(gè)圖形的頂點(diǎn)之和是45度,通過圖形可以觀察到,這個(gè)圓一共由8個(gè)45度構(gòu)成。因此我們需要做7個(gè)副本進(jìn)行45度旋轉(zhuǎn)即可。經(jīng)過思考再設(shè)置參數(shù),大家就能明白。這時(shí)參考點(diǎn)的位置是位于下方。

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒_www.theoat.com.cn

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒_www.theoat.com.cn

我們成功畫出了整個(gè)的多邊形,我們必須知道這個(gè)多邊形目前是由16個(gè)三角形組成了,除了第一個(gè)三角形,其他15個(gè)都是變換得來的副本,因此理論上處于不可編輯的狀態(tài)。它的外觀面板和圖層面板目前狀態(tài)如下所示。

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒_www.theoat.com.cn

三、萬花筒涂鴉

接下來的步驟將是非常有趣的,萬花筒效果其實(shí)已經(jīng)完成了,我們只需要在上面步驟所制作的鏡像反射圖層內(nèi)任意繪制隨心所欲的圖案。

當(dāng)然,在繪制前關(guān)閉前面步驟所操作對(duì)象的描邊和填充。

可以是幾何圖形組成的抽象圖案

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒_www.theoat.com.cn
www.theoat.com.cn

還可以是具象的雪花圖樣

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒_www.theoat.com.cn

又或者用文字進(jìn)行創(chuàng)作

AI教程,設(shè)計(jì)一款千變?nèi)f化的萬花筒_www.theoat.com.cn

后續(xù)工作大家可以嘗試不同的創(chuàng)意,使其更加漂亮。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!