Flash CS3教程:繪制小奶瓶圖標(biāo)
先看看效果圖吧:

效果圖
首先我們從一個(gè)圓角的矩形開始,把它的底部調(diào)節(jié)成圓形。

圖1

圖2
再把頂部調(diào)成突起的形狀,如果你熟悉貝塞爾曲線,這不是什么難事。然后我們用形狀擴(kuò)展,外擴(kuò)出一個(gè)粗邊來,這將是瓶壁。

圖3

圖4
畫瓶蓋的圓柱其實(shí)很簡單,先畫一個(gè)橢圓,然后垂直復(fù)制一份。切去下半個(gè)的上半部分。

圖5

圖6
將上面的邊拉伸出來,形成圓柱的壁,然后移到下層,這樣很快是不是?

圖7

圖8
下面的一個(gè)小圓柱也采用同樣的方法。

圖9

圖10
這時(shí)我發(fā)現(xiàn)下面的瓶身需要一個(gè)瓶頸,于是先將其切去一塊,再把切出的節(jié)點(diǎn)移動(dòng)上來。因?yàn)楫嬃藘蓪?所以兩層都要調(diào)整,如果一開始注意到,會(huì)好很多。

圖11

圖12
形狀畫成了,下面是奶嘴,讓我們再從一個(gè)矩形開始。加出需要的節(jié)點(diǎn),再調(diào)整曲線。

圖13

圖14
形狀差不多了,如果你是對照照片來畫的,可能會(huì)更像一點(diǎn)。然后,同樣用形狀擴(kuò)展加一層邊,因?yàn)橄鹉z奶嘴同樣有厚度。

圖15

圖16
下面是顏色了,玻璃瓶我習(xí)慣用這樣的圓形漸變。圓柱形用加上高光的線形漸變就可以了。

圖17

圖18
FLASH并沒有太復(fù)雜的漸變方式,但如果靈活運(yùn)用,同樣可以做出復(fù)雜的效果,而且畢竟我們也不是要仿真到完全一致,要做照片效果完全可以用3D。注意下面我把圓柱的頂復(fù)制一份,變成淺色,再向下移動(dòng)一兩個(gè)像素,然后移到下層,這樣就形成了一個(gè)倒角的效果,有時(shí)細(xì)節(jié)是很重要的。

圖19

圖20
接下來是瓶身的漸變,用白色的線形漸變即可。

圖21

圖22
注意玻璃瓶是兩面都有高光的,否則沒有那種通透感。然后高光的形狀要沿著瓶身的形狀變化。

圖23

圖24
奶嘴也是同樣的情況,但因?yàn)槭窍鹉z的,所以不要像瓶身上那樣規(guī)則,稍有點(diǎn)變化反而更好。

圖25

圖26
然后調(diào)一下色彩,把瓶蓋加一道高光,這樣質(zhì)感更強(qiáng)烈一點(diǎn)。一個(gè)基本的奶瓶就畫好了。

圖27

圖28
有一種瓶身是孤形的奶瓶似乎更好看一點(diǎn),于是我們把形狀和高光再調(diào)整一下。然后旋轉(zhuǎn)45度,將瓶身的內(nèi)層復(fù)制一層到頂端來。

圖29

圖30
切去新形狀的上半部,將顏色改成淺藍(lán)到白色的漸變,牛奶一般都是用這種色來表現(xiàn)的。

圖31

圖32
再復(fù)制一層變成深藍(lán)色,兩層調(diào)成相對的波浪形狀。深藍(lán)色的移到下層。牛奶就畫好了。

圖33

圖34
把我們畫好的奶瓶整體復(fù)制一下,Ctrl B打散,把瓶子中心的部分去掉,生成Movieclip,再加一個(gè)模糊濾鏡,這樣影子就做好了。你當(dāng)然可以使用陰影或到PS中修改,我這樣做是為了瓶身的透明。

圖35

圖36
至此,一個(gè)小奶瓶就做好了。這里有一個(gè)經(jīng)過進(jìn)一步調(diào)整后的奶瓶,具體的方式和細(xì)節(jié)就看你自己的發(fā)揮了。

圖37

圖38
你可以通過Axialis IconWorkshop之類的軟件生成圖標(biāo),也可以做任意其它用途。我喜歡用FLASH做圖標(biāo)的原因就在于它是全矢量的,而且可以直接用在FLASH程序中,體積非常小,這個(gè)奶瓶生成的整個(gè)SWF文件只有1744Byte。
相關(guān)文章

flash如何制作形狀補(bǔ)間動(dòng)畫?flash創(chuàng)建補(bǔ)間形狀技巧
flash一款功能強(qiáng)大的動(dòng)畫制作軟件,制作動(dòng)畫很非常的方便,但動(dòng)畫過程使用的都是形狀補(bǔ)間功能。今天小編就來給大家介紹一下flash形狀補(bǔ)間動(dòng)畫制作方法,感興趣的快來看看吧2022-05-11
flash cs6怎么做花朵成長的逐幀動(dòng)畫?flash中想要繪制一個(gè)花開的動(dòng)畫,該怎么畫出各個(gè)圖形然后做逐幀動(dòng)畫呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2021-03-09
Flash怎么將動(dòng)畫復(fù)制為ActionScript3.0并使用?
Flash怎么將動(dòng)畫復(fù)制為ActionScript3.0并使用?Flash中制作的動(dòng)畫想要直接粘貼到另一個(gè)對象中,我們可以使用復(fù)制腳本代碼的方式復(fù)制動(dòng)畫,下面我們就來看看詳細(xì)的教程,需2017-12-08
flash怎么制作漫畫人物行走的動(dòng)畫?flash中想要制作一段行走的動(dòng)畫,該怎么設(shè)計(jì)呢?下面我們就來看看詳細(xì)的教程,很簡單,需要的朋友可以參考下2017-04-18- 這篇教程是向腳本之家的朋友分享flash逐幀動(dòng)畫制作全過程,教程非?;A(chǔ),很適合新手來學(xué)習(xí),推薦過來,有興趣的朋友可以過來學(xué)習(xí)2016-01-15
- 下面小編就為大家介紹利用Flash正確的口型吻合動(dòng)畫技巧,教程很不錯(cuò),非常適合新手來學(xué)習(xí),推薦到腳本之家,喜歡的朋友一起來學(xué)習(xí)吧2015-01-15
Flash動(dòng)畫制作技巧 圖形元件相關(guān)知識(shí)介紹
這篇教程是向腳本之家的朋友介紹Flash動(dòng)畫制作技巧:圖形元件相關(guān)知識(shí),教程很基礎(chǔ),但很實(shí)用,推薦到腳本之家,喜歡的朋友可以過來學(xué)習(xí)一下,希望能對大家有所幫助2015-01-05Flash動(dòng)畫制作小黑人經(jīng)典動(dòng)畫效果技巧介紹(圖文)
本教程是向大家介紹Flash動(dòng)畫制作小黑人經(jīng)典動(dòng)畫效果技巧,教程很經(jīng)典,介紹的非常詳細(xì),相信對學(xué)習(xí)Flash朋友有一定的幫助。轉(zhuǎn)發(fā)過來,希望對大家有所幫助2014-08-05Flash制作旋轉(zhuǎn)的3D立體盒動(dòng)畫教程
本教程是向大家介紹利用Flash制作旋轉(zhuǎn)的3D立體盒動(dòng)畫教程,制作出來的效果非常好看,教程介紹的很詳細(xì),希望大家通過本篇教程能學(xué)習(xí)Flash制作3D動(dòng)畫的方法,這樣以后就可以2014-07-22- 本教程向大家介紹了Flash cs3制作人物行走動(dòng)畫技巧,并做了詳細(xì)的介紹,覺得教程很不錯(cuò),轉(zhuǎn)發(fā)過來,希望給朋友們帶來幫助2014-07-15




