AI制作卡通風格的八大行星小插畫教程

版權(quán)申明:本文原創(chuàng)作者“小呆志”,感謝“小呆志”的原創(chuàng)經(jīng)驗分享!
自己剛剛開始使用AI ,然后就去找了個教程試了下手,做完之后為保證自己不看教程也能做,就寫了個教程(有些圖片還是原教程里的。。)
使用AI制作卡通風格的行星小插畫
初次使用AI的小志(渣渣)寫了這個教程,一方面為了熟練一下剛臨摹會的小插畫,達到以后類似插圖都能做,一方面為了賺點小人氣。。(原諒我這么上進(虛榮))
首先,我們看下最終的效果圖。
最終效果:
設(shè)計流程:
好,分析一下。嗯,得到了如下結(jié)論(設(shè)計流程):
1.每個行星都是由煙狀物(背景)+行星(就是一個圓+各個行星的特點)+左邊和右邊的兩個小圓(這兩個小圓是本行星前一個和后一個行星的縮影)
2.每個行星的背景形狀其實都是一樣的,只不過有的翻了個面,所以我們只用做一個背景,然后復(fù)制7個就可以了。(行星也是一樣的,高光,陰影都是可以復(fù)制用的,需要做的只是在每個圓上畫出不一樣的特點。)
3.背景的漸變,可以發(fā)現(xiàn)它是8個背景復(fù)合路徑一起漸變的,也就是說我們可以最后才一起弄他們的漸變。
OK,我們開始第一步:
建立一個800*600px,RGB,72分辨率的圖層(為啥是800*600,因為dribbble上都是這個格式?。ü梢匝b裝*))。
然后,第二步:我們來做個安全框(是框哦。)(顏色大小都可以按自己喜好來哦,不過最好先自己計算下),做這個框框的原因就像我們平時做icon一樣,保證每一個在視覺效果上一致。
外框#f97373,128*128,內(nèi)框#f2f2f2,116*116
然后,我們就得到了八個框框(好厲害。。)
第三步:做背景,就是那個煙狀的東西。。
小矩形22*14,#656370,圓角7px
然后往右隔4px,畫一個68*14,#656370,圓角為7px的矩形。
這個就沒距離了,但大家知道是4px就好了
接下來,畫一個58*6,#656370,圓角為3px的矩形,再畫兩個6*6,#656370的圓,按圖示進行減去頂層操作
ok,我們就得到了
然后畫一個110*14,#656370,圓角為7px的矩形,與左邊框?qū)R。
這樣我們就得到了一部分煙的效果了。
然后重復(fù)上面的操作,得到我們所需要的背景。
ok,我們在來畫煙霧兩邊的小球(額,前一個和后一個行星)
如下圖,我們畫一個16*16,#e2d388的圓,與上邊框隔5px,與左邊框相切。
然后ctrl+c,ctrl+f原位復(fù)制粘貼一個,對象--路徑--偏移路徑,選擇-2px,得到一個小點的圓。然后u我們改變之前圓(16*16)的顏色為#ffffff,混合模式為柔光,不透明度為80%。
同樣的方法得到一個大一點的圓。偏移路徑為4px,更改顏色為#000000,不透明度為10%.
然后我們復(fù)制一個與他們相交的小矩形,把三個圓和小矩形同時選中,右鍵--建立剪切蒙版。
同樣的方法,得到右下角的小行星。
好了,我們來第四步,畫球(咳咳,行星。。)
首先,畫個68*68,#d0d0d8的圓,作為行星的主體。
然后老方法復(fù)制原味粘貼制作行星光暈,每次偏移路徑4px,更改顏色為#000000,不透明度改為10%。
我們可以看到光暈覆蓋在了在煙狀背景上,這樣不怎么好看,我想達到下圖效果。
怎么辦呢,我們把幾個光暈的圖層ctrl+g編組在一起。然后把煙狀背景全部選中,ctrl+8建立復(fù)合路徑,把光暈組和復(fù)合路徑選中,右鍵剪切蒙版,就可以了。
這樣,我們的背景就做出來了。
然后內(nèi),就開始描繪行星的細節(jié)了。拿個簡單的土星舉例。。(因為簡單)
我們在中間主體上加一些小點點(因為土星上肯定好多土嘛,坑坑洼洼的)
這個位置光暈感覺有點不自然哈,我們加個小光暈來調(diào)節(jié)一下,直接復(fù)制原位粘貼中間的那個圖,然后偏移路徑 -2px,把復(fù)制的圖和偏移路徑的圖同時選中,減去頂層,得到一個圓環(huán),填充#ffffff,混合模式為柔光,不透明度調(diào)為68%(也可根據(jù)自己喜好調(diào)節(jié))。得到下圖效果。
好了,這樣我們的土星就完成了。(嗯,感覺自己胖胖噠)
其他幾個行星只需要改一下行星主體和左右兩邊的小行星就可以了。一段時間后,我們得到了。
然后,我們把所有的煙狀背景選中,建立復(fù)合路徑,然后給這個復(fù)合路徑加一個漸變,如圖;
最后,我們就集齊了8個龍珠,哦,不對,8個行星,行星之力(額。。突然扯到變形金剛了。。。)
如果覺得小志寫得不好,可以點鏈接看原文哦。
https://design.tutsplus.com/tutorials/how-to-create-a-solar-system-planets-icon-pack-in-adobe-illustrator--cms-26441
教程結(jié)束,以上就是AI制作卡通風格的八大行星小插畫教程的全部內(nèi)容,希望大家喜歡!
相關(guān)教程推薦:
AI零基礎(chǔ)五步臨摹簡單可愛MBE風格的火焰漸變圖標教程
相關(guān)文章
ai怎么混合兩種顏色? illustrator混合兩個色塊的顏色的方法
ai填充不同顏色的圖形重疊以后,想要將兩種顏色混合,該怎么混合顏色呢?下面我們就來看看詳細的教程2024-07-18ai如何自定義網(wǎng)格線間距? ai參考線間距的調(diào)節(jié)方法
ai網(wǎng)格線間距默認的不是很喜歡,想要自己調(diào)整一下,該怎么調(diào)整呢?今天我們就來看看參考線調(diào)整技巧2024-05-28ai路徑平均效果怎么用? illustrator使用平均路徑的教程
Adobe Illustrator中有一個路徑平均功能,如何使用呢?下面小編為大家演示路徑平均功能的一種使用方法2024-05-21ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決? 去掉pdf文件多余內(nèi)容的技巧
ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決?ai中的文檔保存為pdf文件的時候,發(fā)現(xiàn)有多余內(nèi)容,該怎么操作呢?下面我們就來看看去掉pdf文件多余內(nèi)容的技巧2023-12-19- ai描邊在哪里?ai中想要設(shè)置描邊,該怎么操作呢?下面我們就來看看ai設(shè)置描邊的多種方法2023-12-19
ai原位復(fù)制怎么用? ai原位復(fù)制快捷鍵介紹
ai原位復(fù)制怎么用?復(fù)制圖形的時候,想要原位復(fù)制粘貼,該怎么操作呢?下面我們就來看看ai原位復(fù)制快捷鍵介紹2023-12-19ai怎么讓文字隨著路徑變形? illustrator區(qū)域文字不跟著變換方向問題的
ai怎么讓文字隨著路徑變形?選中文字后,發(fā)現(xiàn)文字不跟隨變換區(qū)域旋轉(zhuǎn)該怎么辦呢?下面我們就來看看illustrator區(qū)域文字不跟著變換問題的解決辦法2023-11-30ai漸變色怎么調(diào)方向? illustrator將漸變顏色反向的技巧
ai漸變色怎么調(diào)方向?ai中給圖形填漸變色,想要進行反向,該怎么操作呢?下面我們就來看看illustrator將漸變顏色反向的技巧2023-11-30Ai彩色logo怎么做反白反黑效果? ai彩色logo轉(zhuǎn)化為黑白稿的技巧
Ai彩色logo怎么做反白反黑效果?設(shè)計的彩色logo想要做黑白稿,就是反黑反白效果,下面我們就來看看ai彩色logo轉(zhuǎn)化為黑白稿的技巧2023-11-12ai怎么設(shè)計迷宮字體效果? ai做3d立體迷宮字的技巧
ai怎么設(shè)計迷宮字體效果?我們需要使用分割網(wǎng)格結(jié)合形狀生成器工具,制作迷宮字體,下面我們就來看看詳細的設(shè)計過程2023-11-02