• [

    繪圖教程

    ]

    AI標志實例設計初步:水滴造型

    本帖最后由 cleandj270 于 2012-4-15 12:51 編輯

    電腦及電腦美術打開了廣告設計的新篇章,通過電腦進行美術設計,不僅僅可以提高效率、節省資源,還為很多沒有學過手繪技法的朋友打開了通向設計夢想的大門。 <p></p><p>  我們都知道,標志設計需使用如Illustrator, CorelDraw之類的矢量繪圖軟件繪制,Photoshop制有時不能靈活處理圖形,印刷時色彩、鋸齒等問題也難以解決。同時很多朋友又苦于自己不懂矢量軟件,而不敢嘗試標志設計。其實如illustrator類的矢量軟件功能雖然非常強大,但若僅僅嘗試標志設計,并不要求掌握極高的技巧,簡單的步驟就能幫助你完成創意。而且<strong>很多奇妙無窮的創意均是由簡易圖形開始的,它們的延展設計往往能夠帶來更多的創造力</strong>。</p><p>  為幫助初學者,我們特別運用大量配圖標示操作步驟的方式,即使你第一次接觸Illustrator,保證你也能夠把精美的標志做出來!<br/><br/>  大家看下面的圖,里面包含基本水滴造型、某俱樂部標志、MYND標志、某乳業標志。今天我們先介紹最基本的水滴造型設計制作方法和過程,之后我們會有系列文章介紹由此延展出的具體標志設計。<font color="#ff0000">文章末尾提供.ai文件供大家下載參考。</font>
            </p><p align="center"><img height="380" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-01.gif" width="500" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/></p><p>  <b>Illustrator標志設計之一:基礎水滴造型</b>
            </p><p></p><p align="center"><img height="252" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-02.gif" width="443" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  在學習如何制作卷首出現的標志圖形之前,我們需要先來學習水滴基礎型的制作。跟著Relen利用簡易的操作步驟,很快就能學會用illustrator制作晶瑩剔透的水滴。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-03.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  選擇〖橢圓工具〗,按住【Shift】+鼠標繪制一個正圓形。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-04.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  選擇〖剪刀工具〗,在正圓的上頂點上單擊鼠標。單擊后,閉合的圓形路徑被切斷了。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-05.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  繼續選擇〖剪刀工具〗,在正圓的右側頂點上單擊鼠標。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-06.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  選擇〖選取工具〗(俗稱黑箭頭),挪動給分離的小段路徑。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-07.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p align="center">以上操作完成時,我們會分別得到如上圖所示的3/4個圓路徑及1/4個圓路徑。 </p><p></p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-08.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  把這兩段路徑同時復制一套,方法很多。如先選擇它們【Ctrl+C】之后,再【Ctrl+V】,即可復制出一套路徑。而Relen首先選中它們,使用了黑箭頭工具,點住【Alt】+鼠標左健按住后挪動鼠標,形成如上圖中的所出現的黑白箭頭疊加的特殊雙箭頭,這表示,Relen已經開始在復制它們了。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-09.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  松開鼠標,你會看到兩套路徑。這是我們要的結果。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-10.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  旋轉這些路徑擺成如圖所示的位置。接下來是要把他們連接起來。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-11.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  四個分離的點均對齊是需要一定的耐心的,Relen通常是以一個點作為起點,如上圖中紅色標注的駐點。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-12.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  肉眼看到的合并是不精確的,放大它到足夠大,很清晰就可以了解到,它們并沒有能夠真正對齊。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-13.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  此時選擇【Ctrl+Y】,從預覽模式調換成素描模式。通過黑箭頭工具有耐心的把它們對齊。如何,效果不錯吧。再接再厲!</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-14.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  使用白箭頭工具,選中兩個駐點重合的這個點。然后輸入快捷鍵【Ctrl+J】,這兩個駐點就連接起來了。</p><p>同樣的事情,需要做四次,這四段斷開的路徑,就會被重新組合在一起。 </p><p></p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-15.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-16.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-17.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p align="center">以上操作均是在素描模式下完成的,別忘記變會預覽模式阿。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-18.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  鍵入【Ctrl+Y】,進行預覽模式與素描模式的切換。效果出來了吧。呵呵,下面要進行的是光的部分的圖形制作。別小看這個地方,它若不夠自然,會使作品整體失色很多。</p><p align="center"><img height="394" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-19.gif" width="500" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  做一個和最初我們做的圓同大小的橢圓形,選擇它后,在畫面上單擊右鍵,出現了一個選擇菜單。如圖,選擇變換菜單中的縮放功能。</p><p align="center"><img height="394" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-20.gif" width="500" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p align="center">輸入縮放比例為75%后,點選復制按鈕。如圖中的紅色區域。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-21.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p align="center">之后會在畫面中出現如圖中所示的:同心圓。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-22.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  選中這兩個同心圓后,打開路徑尋找器面板,如上圖點擊紅色的按鈕。若你找不到路徑尋找器面板,那么鍵入【Shift+F9】進行切換開關或關閉路徑尋找器,現在你看見它了吧!</p><p><span class="f14" twffan="done">  <p></p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-23.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
                            </p><p align="center">僅僅點了摳出相同的部分還不夠,需要兩圖形合并。如圖:點選擴充按鈕。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-24.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
                            </p><p align="center">察看我們完成的圖形,是個圓環。接下來我們要做的是取出圓環的1/4段作為高光區域。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-25.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
                            </p><p align="center">使用矩形工具,繪制一個矩形。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-26.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
                            </p><p align="center">挪動矩形與圓環疊加。盡量靠近圓環的上頂點與右頂點。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-27.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
                            </p><p>  對齊的方式與上述步驟類似。【Ctrl+Y】切換到素描模式,放大后耐心調整位置,直至對齊為止。注意,若不喜用放大工具放大圖像,Relen教你:使用【Ctrl+“+”】放大圖像或【Ctrl+“-”】縮小圖像,快捷健向來是提高效率的好幫手。</p><p align="center"><img height="287" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-28.gif" width="403" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
                            </p><p align="center">再次觀看路徑尋找器按鈕,點選如圖中所示的排除按鈕。</p><p align="center" style="TEXT-ALIGN: center;"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-29.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
                            </p><p>  點擊后,畫面僅僅剩下1/4個圓環了。這正式我們要的結果噢,點擊擴充按鈕,完成所有操作。Relen成功的同時,你有沒有成功?</p><p align="center"><img height="287" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-30.gif" width="403" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
                            </p><p>  選擇漸變工具,并在色板上選擇橫向漸變的色彩。在圓環上拉出傾斜45度的漸變色彩。注意調整它到合適的角度與漸變的亮度,保證它在圖像上可以發揮的很好。</p><p align="center"><img height="287" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-31.gif" width="403" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
                            </p><p align="center"><img height="287" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-32.gif" width="403" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
                            </p><p>  若感覺高光不太自然,可以把1/4圓環改為1/5圓環,效果會更好些噢。Relen的.AI文件給大家共享。你可以把你制作的圖形與Relen制作的進行比較噢,也許你會做得更好!<a href="http://www.yesky.com/imagesnew/software/040413/drop.ai" target="_blank">.ai文件下載</a></p></span></p><p></p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-23.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p align="center">僅僅點了摳出相同的部分還不夠,需要兩圖形合并。如圖:點選擴充按鈕。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-24.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p align="center">察看我們完成的圖形,是個圓環。接下來我們要做的是取出圓環的1/4段作為高光區域。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-25.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p align="center">使用矩形工具,繪制一個矩形。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-26.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p align="center">挪動矩形與圓環疊加。盡量靠近圓環的上頂點與右頂點。</p><p align="center"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-27.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  對齊的方式與上述步驟類似!綜trl+Y】切換到素描模式,放大后耐心調整位置,直至對齊為止。注意,若不喜用放大工具放大圖像,Relen教你:使用【Ctrl+“+”】放大圖像或【Ctrl+“-”】縮小圖像,快捷健向來是提高效率的好幫手。</p><p align="center"><img height="287" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-28.gif" width="403" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p align="center">再次觀看路徑尋找器按鈕,點選如圖中所示的排除按鈕。</p><p align="center" style="TEXT-ALIGN: center;"><img height="250" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-29.gif" width="303" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  點擊后,畫面僅僅剩下1/4個圓環了。這正式我們要的結果噢,點擊擴充按鈕,完成所有操作。Relen成功的同時,你有沒有成功?</p><p align="center"><img height="287" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-30.gif" width="403" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  選擇漸變工具,并在色板上選擇橫向漸變的色彩。在圓環上拉出傾斜45度的漸變色彩。注意調整它到合適的角度與漸變的亮度,保證它在圖像上可以發揮的很好。</p><p align="center"><img height="287" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-31.gif" width="403" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p align="center"><img height="287" src="http://www.yesky.com/imagesnew/software/040416/yl040416-ai1-32.gif" width="403" twffan="done" style="WIDTH: auto; HEIGHT: auto;" alt=""/>
            </p><p>  若感覺高光不太自然,可以把1/4圓環改為1/5圓環,效果會更好些噢。Relen的.AI文件給大家共享。你可以把你制作的圖形與Relen制作的進行比較噢,也許你會做得更好!<a href="http://www.yesky.com/imagesnew/software/040413/drop.ai" target="_blank">.ai文件下載</a></p>




    噜噜噜狠狠夜夜躁精品