黃金比例logo

作者:學ui網 葡萄魚
分類: 教程
2018-12-10
10824

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

1.jpg

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

 

一、新建合成。 

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

 2.jpg


 

二、新建背景。

 

1.用矩形工具(快捷鍵M),選中后點一下屏幕,輸入框寬和高輸入800*600。

 3.jpg

4.jpg


 

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

 5.jpg


 

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

 6.jpg

7.jpg


 

三、制作限定框。

 

1.再新建一個圖層,填充設置無,描邊白色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),移到矩形中,在中心點的位置,鼠標點一下,然后按住alt+shift,拖動鼠標,直到矩形的邊框。

 17.jpg

18.jpg

 


 

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

 19.jpg


 

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

 20.jpg


 

五、制作logo魚。

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

 21.jpg

22.jpg

 


 

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

23.jpg 

 


 

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

 24.jpg


 

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

 25.jpg


 

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

 26.jpg

27.jpg


 

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

 28.jpg

29.jpg

 


 

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

 30.jpg

 


 

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

 31.jpg


 

 

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

 32.jpg


 

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

 33.jpg

34.jpg

35.jpg

36.jpg


 


 

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

 

 37.jpg


 

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

 38.jpg

 


 

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

 39.jpg

40.jpg

41.jpg

 


 

6.d 把描邊改成填充??梢園巡萃家亓?。

42.jpg

 



 


 

六、給魚上色。

 1、首先先準備幾個漸變色。

 43.jpg


 

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

 44.jpg


 

3.如果沒有達到想要的效果,可以用漸變桿調節。

 45.jpg

 


 

4.其他部分同理。

 46.jpg


 

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

 47.jpg

 


 

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

 48.jpg

49.jpg


 

6.b 這時候用吸管,去吸一下魚身的顏色?;旌夏J醬誘8奈?,透明度50%。

 50.jpg

51.jpg


 

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

 52.jpg

 


 

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

 53.jpg


 

七、加點噪點,多加點質感。 

1.用矩形做一個800*600。對齊畫板,顏色用HSB:0,0,50?;姹涑燒庋嵌緣?,別緊張。

 54.jpg


 

2.效果-藝術效果-膠片顆粒,參數自己調。

 55.jpg


 

3.確定后,返回畫板?;旌夏J礁奈峁?,稍微調節一下不透明度。

 56.jpg


 

4.大功告成

 57.jpg


 

越努力越幸運~

教程作者:葡萄魚

原設計作者:Mohamed Achraf

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



21
31
分享到:

0

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

×

賽事服務聯系方式

0371-86068866

4008887269

[email protected]

好的,我知道了

官方微信

聯系我們

  • QQ:
  • 電話:0371-86068866
  • 投稿:[email protected]
  • 地址:鄭州市國家大學科技園東區9號樓2層

版權信息

  移動 Android 版 北单比分直播体育有料 豫公網安備 41019702002261號

{ganrao}