初次使用AI的小志寫了這個教程,一方面為了熟練一下剛臨摹會的小插畫,達到以后類似插圖都能做,一方面為了賺點小人氣。
首先我們看下最終的效果圖。
設計流程:
好,分析一下。嗯,得到了如下結論(設計流程):
1.每個行星都是由煙狀物(背景)+行星(就是一個圓+各個行星的特點)+左邊和右邊的兩個小圓(這兩個小圓是本行星前一個和后一個行星的縮影)
2.每個行星的背景形狀其實都是一樣的,只不過有的翻了個面,所以我們只用做一個背景,然后復制7個就可以了。(行星也是一樣的,高光,陰影都是可以復制用的,需要做的只是在每個圓上畫出不一樣的特點。)
3.背景的漸變,可以發現它是8個背景復合路徑一起漸變的,也就是說我們可以最后才一起弄他們的漸變。
OK,我們開始第一步:
建立一個800*600px,RGB,72分辨率的圖層(為啥是800*600,因為dribbble上都是這個格式啊(哈哈哈,可以裝裝*))。
然后,第二步:我們來做個安全框(是框哦。)(顏色大小都可以按自己喜好來哦,不過最好先自己計算下),做這個框框的原因就像我們平時做icon一樣,保證每一個在視覺效果上一致。
外框#f97373,128*128,內框#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的矩形,與左邊框對齊。
這樣我們就得到了一部分煙的效果了。
然后重復上面的操作,得到我們所需要的背景。