黃金比例logo

作者:學(xué)ui網(wǎng) 葡萄魚
分類: 教程
2018-12-10
16989

黃金比例的圖形好做嗎?這個教程讓你一步一步擺脫困惑,其實很簡單,只要跟著練一遍,以后就能自己制作別人覺得很難的黃金比例logo了,甚至是一些其他的圖案。準(zhǔn)備好了

1.jpg

黃金比例的圖形好做嗎?這個教程讓你一步一步擺脫困惑,其實很簡單,只要跟著練一遍,以后就能自己制作別人覺得很難的黃金比例logo了,甚至是一些其他的圖案。準(zhǔn)備好了嗎?

 

一、新建合成。 

1、打開AI,新建畫布:800×600。并命名一下。

 2.jpg


 

二、新建背景。

 

1.用矩形工具(快捷鍵M),選中后點一下屏幕,輸入框?qū)捄透咻斎?00*600。

 3.jpg

4.jpg


 

2.上圖所示,因為填充是白色,描邊黑色。所以和畫板默認顏色一樣。我們將這個矩形改為填充黑色,描邊去掉。 

 5.jpg


 

3.接下來將對齊選項設(shè)置為對齊畫板。點箭頭處,水平居中對齊和垂直居中對齊。對齊后,將這個黑色的矩形背景鎖定。

 6.jpg

7.jpg


 

三、制作限定框。

 

1.再新建一個圖層,填充設(shè)置無,描邊白色1px。

 8.jpg

 


 

2.選擇矩形工具(M),按住shift,畫出一個正方形的矩形。

 9.jpg

10.jpg


 

3.框選住兩個矩形,對齊方式選擇“對齊所選對象”,然后左對齊。

 11.jpg

 


 

4.接下來,按照下圖演示,選擇矩形工具按住shift,做出第三個矩形。

 12.jpg


 

5.依次做出其他幾個。

 13.jpg

14.jpg

15.jpg

16.jpg

 


 

四、制作黃金比例圓。

 

1.選擇橢圓工具(L),移到矩形中,在中心點的位置,鼠標(biāo)點一下,然后按住alt+shift,拖動鼠標(biāo),直到矩形的邊框。

 17.jpg

18.jpg

 


 

2.依次畫出其他幾個圓。

 19.jpg


 

3.把這些圓拿出來,放一起,改變描邊顏色。(顏色主要用于區(qū)分,不限定。)

 20.jpg


 

五、制作logo魚。

 1、先將草圖放進畫板中,調(diào)整不透明度為50%,并縮放合適大小放到圓圈之上。

 21.jpg

22.jpg

 


 

2.選中草圖,拖動鼠標(biāo),按住shift,水平拖到右邊,將此圖層鎖住。

23.jpg 

 


 

3.a 選中左邊最大的圓圈(黃色),按住alt+鼠標(biāo)拖動,拖動的同時按住shift,水平復(fù)制一個出來到魚身上。

 24.jpg


 

3.b 同樣按住alt,再拖動復(fù)制一個黃色的圈圈到魚背上。

 25.jpg


 

3.c 接下來拖動復(fù)制枚紅色的圈,到魚尾上。因為我們要讓三個圈形成一個封閉的狀態(tài),所以要細調(diào)。先在頂部菜單中找到:視圖-對齊點。然后ctrl+Y,進入視圖大綱,放大去對齊。

 26.jpg

27.jpg


 

3.d  Ctrl+Y回來,框選住著三個圈,在工具欄中找到形狀生成器,用鼠標(biāo)沿箭頭方向劃一刀。

 28.jpg

29.jpg

 


 

3.e  刪除其他多余的留下這個,并將描邊改成填充。

 30.jpg

 


 

4.a  按照上面的方法,制作出第二部分。用兩個黃色的圈,如下圖所示。

 31.jpg


 

 

4.b 框選住兩個矩形和剛才這個魚身,用形狀生成器,劃出魚尾。將多余的線和圈都刪掉。再將描邊改成填充。

 32.jpg


 

5.接下來,按照前面的方法,繼續(xù)完成其他部分。

 33.jpg

34.jpg

35.jpg

36.jpg


 


 

6.a 繼續(xù)拖出兩個圓,我們要的生成箭頭指向的部分。

 

 37.jpg


 

6.b 刪掉綠色的圈,紅色的圈留下。然后繼續(xù)拖出一個紅色的圈。

 38.jpg

 


 

6.c 留下兩個小三角。將這兩個和魚身做布爾運算。上面的三角形和魚身相加,下面的和魚身相減。

 39.jpg

40.jpg

41.jpg

 


 

6.d 把描邊改成填充??梢园巡輬D隱藏了。

42.jpg

 



 


 

六、給魚上色。

 1、首先先準(zhǔn)備幾個漸變色。

 43.jpg


 

2.選中魚身,用吸管(I)去吸上面的顏色。

 44.jpg


 

3.如果沒有達到想要的效果,可以用漸變桿調(diào)節(jié)。

 45.jpg

 


 

4.其他部分同理。

 46.jpg


 

5.背景色換個深藍色,讓畫面更有質(zhì)感。

 47.jpg

 


 

6.a 加點細節(jié),如圖所示,繼續(xù)用圓來做,圖中箭頭部分用形狀生成器劃一下。重點來了,選中我們要的這部分,ctrl+x(剪切)然后ctrl+z撤回,撤回到魚的整形,沒有圈圈,最后ctrl+F(復(fù)制在上層)

 48.jpg

49.jpg


 

6.b 這時候用吸管,去吸一下魚身的顏色?;旌夏J綇恼8臑檎B底,透明度50%。

 50.jpg

51.jpg


 

7  按照上面的方法,做出下部分的細節(jié)。

 52.jpg

 


 

8.魚肚子部分,形狀部分和上面操作一樣。只需要把生成的形狀顏色改成白色#FFFFFF,混合模式:柔光。不透明度30%。

 53.jpg


 

七、加點噪點,多加點質(zhì)感。 

1.用矩形做一個800*600。對齊畫板,顏色用HSB:0,0,50。畫面變成這樣是對的,別緊張。

 54.jpg


 

2.效果-藝術(shù)效果-膠片顆粒,參數(shù)自己調(diào)。

 55.jpg


 

3.確定后,返回畫板?;旌夏J礁臑槿峁?,稍微調(diào)節(jié)一下不透明度。

 56.jpg


 

4.大功告成

 57.jpg


 

越努力越幸運~

教程作者:葡萄魚

原設(shè)計作者:Mohamed Achraf

原圖地址:https://dribbble.com/shots/3796971-Golden-Fish



38
49
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學(xué)科技園東區(qū)9號樓2層

版權(quán)信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號