Fireworks MX2004 之Shapes初體驗(yàn)(二)_Fireworks教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
推薦:用FWMX制作蘋果標(biāo)志screen.width-333)this.width=screen.width-333" src="http://fj.mb5u.com/allimg/080302/1557020.gif" dypop="按此在新窗口瀏覽圖片"> screen.width-333)this.width=screen.width-333" src="http://fj.mb5u.com/allimg/080302/1557021.gif" dypop="按此在新窗口瀏覽圖
2、圓形相關(guān)工具�。ǎ保〥oughnut Tool(圓環(huán)工具)
選取工具箱的該工具,在編輯區(qū)上進(jìn)行繪制,會(huì)出現(xiàn)如下圖所示圖形:

經(jīng)過處理,我們可以同時(shí)看到選中該圖形后三個(gè)控制點(diǎn)的相關(guān)的提示框:
a、最上端的控制點(diǎn)功能可以說是最大的,單擊該控制點(diǎn)然后分別按照順時(shí)針或者逆時(shí)針的方向拖動(dòng)該控制點(diǎn),就會(huì)出現(xiàn)將圓環(huán)切割分離的效果,如下圖所示:

假如配合鍵盤上的Alt鍵,然后拖動(dòng),就會(huì)出現(xiàn)不同角度的切割線,如下圖:
請注重: 本步是可逆的,假如你對切割線的出現(xiàn)位置不滿足,仍然可以直接選中調(diào)整點(diǎn)進(jìn)行角度大小調(diào)整,甚至你可以拖動(dòng)調(diào)整點(diǎn)到上一個(gè)調(diào)整點(diǎn)這樣兩個(gè)調(diào)整點(diǎn)就自然重合了。當(dāng)然,這些操作都不需要配合鍵盤上的Alt鍵了。請大家自行試驗(yàn)吧!

呵呵,有什么用處呢?此刻選取工具箱的超級(jí)選擇工具就可以選中任意的一個(gè)扇形進(jìn)行顏色調(diào)整了。假如你想仔細(xì)的調(diào)整,可以執(zhí)行菜單命令“Modify--Ungroup(快捷鍵是Ctrl Shift G)”就可以將上面的圖形打散了,原來這個(gè)圓環(huán)已經(jīng)被剛才的那些線段切割成了不同的扇形了。

b、點(diǎn)中中部的調(diào)整點(diǎn),單擊鼠標(biāo),圓環(huán)就會(huì)變成圓形了。假如選中該調(diào)整點(diǎn),直接向內(nèi)或者向外拖動(dòng)鼠標(biāo),就可以調(diào)整圓環(huán)的中心大小了!
c、中部右側(cè)的調(diào)整點(diǎn)同樣是用來調(diào)整圓環(huán)內(nèi)部圓形的大小的,不另作介紹了。
�。�2)Pie Toll(餅形圖繪制工具)
這個(gè)工具和上面的圓環(huán)工具其實(shí)又重復(fù)了,因?yàn)橥ㄟ^我們的實(shí)際操作會(huì)發(fā)現(xiàn),我們只要調(diào)整圓環(huán)工具繪制的圓環(huán)的中心調(diào)整點(diǎn)就可以將圓環(huán)調(diào)整成圓形,而餅形繪制工具的操作也和圓環(huán)的邊緣調(diào)整點(diǎn)的調(diào)整基本上是完全相同的,請大家自行測試!
3、多邊形、星形相關(guān)工具
(1) Smart Polygon(正多邊形)工具
a、從工具箱選擇該工具,在編輯區(qū)單擊鼠標(biāo)即可出現(xiàn)一個(gè)正多邊形,默認(rèn)情況下時(shí)出現(xiàn)一個(gè)正7邊形。可以看到圖形對象上有4個(gè)調(diào)節(jié)控制點(diǎn),請看下方處理的標(biāo)示圖片:

b、1號(hào)點(diǎn):
用鼠標(biāo)選中該控制點(diǎn),會(huì)出現(xiàn)背景提示框:Scale/Rotate(縮放/旋轉(zhuǎn))。很明顯通過拖動(dòng)該點(diǎn)即可調(diào)整正多邊形的大小,而且可以對該圖形對象進(jìn)行旋轉(zhuǎn)調(diào)整。
2號(hào)點(diǎn):選中該點(diǎn),會(huì)出現(xiàn)背景提示框:Sections:7(截面:7個(gè))。不要松開鼠標(biāo),向下拖動(dòng)鼠標(biāo),發(fā)生了什么變化?一方面,Sections的數(shù)值發(fā)生變化--減少了,另一方面,多邊形的截面也相應(yīng)的減少了,效果如下圖所示范:

把鼠標(biāo)向上拖動(dòng),Sections的數(shù)值就會(huì)增加了,而且多邊形的截面也會(huì)增加。
3號(hào)點(diǎn):選中該點(diǎn)會(huì)出現(xiàn)提示框:Inner Polygon(內(nèi)部多邊形)。向邊緣方向拖動(dòng)鼠標(biāo),會(huì)出現(xiàn)什么變化?內(nèi)部也出現(xiàn)了一個(gè)多邊形,而且增加了一個(gè)Reset Inner Polygon(恢復(fù)原狀)的控制點(diǎn),具體的操作和上面介紹的圓環(huán)的操作基本類似了!請自行體會(huì)。變化效果請看下圖:

4號(hào)點(diǎn):選中該點(diǎn),出現(xiàn)的提示框是:Sides:7;Alt/Opt-drag to split(邊數(shù):7;配合Alt/Opt鍵拖動(dòng)進(jìn)行拆分)這個(gè)控制點(diǎn)也是比較有意思的,選中該點(diǎn)后向上拖動(dòng)鼠標(biāo),發(fā)生了什么變化?和3號(hào)點(diǎn)恰恰相反了,向上拖動(dòng)的結(jié)果是增加了多邊形的邊數(shù),只要鼠標(biāo)不停止,就會(huì)一直增加下去,相反,向下拖動(dòng)鼠標(biāo),就會(huì)減少多邊形的邊數(shù)。假如配合鍵盤上的Alt鍵,單擊鼠標(biāo),或者沿上下的任意方向拖動(dòng)鼠標(biāo),然后選取工具箱的超級(jí)選擇工具,單擊鼠標(biāo),就會(huì)發(fā)現(xiàn),多邊形已經(jīng)被等分了。同樣,執(zhí)行菜單命令“Modify--Ungroup(修改--打散群組)”命令,就會(huì)發(fā)現(xiàn)平分多邊形得到的各個(gè)小多邊形。如下圖所示:

(2)Star(星形)工具
星形工具假如大家能好好研究一下的話,相信大家會(huì)做出很多漂亮的效果的,隨后我會(huì)用專門的教程來介紹通過對星形工具繪制的對象進(jìn)行調(diào)整而形成的五花八門的效果。這里我們只對星形工具做一個(gè)簡單的介紹。
a、從工具箱選擇該工具,在編輯區(qū)單擊鼠標(biāo)即可出現(xiàn)一個(gè)五角星,可以看到圖形對象上有5個(gè)調(diào)節(jié)控制點(diǎn),請看下方處理的標(biāo)示圖片:

b、1號(hào)點(diǎn)和2號(hào)點(diǎn)在鼠標(biāo)移過或者單擊的時(shí)候沒有什么提示框,可以分別選中這兩個(gè)調(diào)整點(diǎn),向上或者向下方向拖動(dòng)鼠標(biāo),來對星形對象的外形進(jìn)行調(diào)整;3號(hào)點(diǎn)和4號(hào)點(diǎn)在鼠標(biāo)移過或者單擊時(shí)候出現(xiàn)提示框:Roundness,可以通過向左右方向或者上下方向的調(diào)整來對星形對象的外觀進(jìn)行調(diào)整,請自行試驗(yàn),或者關(guān)注隨后的系列教程;5號(hào)點(diǎn)出現(xiàn)的提示框?yàn)椋篜oints:5,同樣,通過向上來增加星形對象的角的數(shù)目,向下來減少角的數(shù)目。通過我們的調(diào)整,我們可以做出很多漂亮的效果,請看如下圖所示:

相關(guān)圖形的制作技巧會(huì)在后面的教程中具體介紹的。
�。�3)L-Shape(L外形)繪制工具
該工具的使用方法較簡單,控制點(diǎn)的調(diào)節(jié)請參照箭頭外形的調(diào)整方法。
4、線形相關(guān)工具
�。�1)Connector Line(折線)
從工具箱中選取該工具,然后在編輯區(qū)拖動(dòng)鼠標(biāo)進(jìn)行繪制,會(huì)出現(xiàn)如下圖所示的圖形。

從上圖可知,此圖形對象共有5個(gè)調(diào)整點(diǎn),上部左側(cè)的控制點(diǎn)和下部右側(cè)的控制點(diǎn)均可以進(jìn)行上下、左右任意方向的拖動(dòng)調(diào)整,從而對折線外形進(jìn)行調(diào)整;上部右側(cè)和下部左側(cè)的控制點(diǎn)通過水平拖動(dòng),可以改變折線連接處為圓角;居中的控制點(diǎn)可以用鼠標(biāo)選中左右拖動(dòng),從而改變折線的左右對稱性,假如單擊該控制點(diǎn),即可對折線對象實(shí)現(xiàn)逆時(shí)針方向的90度旋轉(zhuǎn)。當(dāng)然,我們可以對折線對象進(jìn)行Fill(填充)及其Stroke(描邊)的各項(xiàng)內(nèi)容的調(diào)整,下面圖例為進(jìn)行各項(xiàng)調(diào)整后得到的圖形對象:

�。�2)Spiral(螺旋線)
在很久以前,很多人為實(shí)現(xiàn)螺旋線的效果想方設(shè)法,現(xiàn)在不需要了,因?yàn)橹苯油ㄟ^Spiral圖形繪制工具即可輕松實(shí)現(xiàn)螺旋線的效果,直接選取工具箱的Spiral工具,在編輯區(qū)進(jìn)行繪制,出現(xiàn)如下效果圖(描邊采用了虛線描邊):

從上圖可以看到,螺旋線圖形的調(diào)整點(diǎn)有兩個(gè),左側(cè)的不用說了,肯定是對螺旋線的層數(shù)進(jìn)行調(diào)整了,選中控制點(diǎn),向上、向下拖動(dòng)鼠標(biāo)吧!果然,螺旋線的層數(shù)產(chǎn)生了增加、減少的變化;中心的控制點(diǎn)是用來控制螺旋線的封閉還是開放的,只需要通過單擊鼠標(biāo)即可實(shí)現(xiàn)閉合、開放的改變,輕松……好了,圖形比較簡單,但是實(shí)用,看看能產(chǎn)生什么效果:

好了,工具箱的外形繪制工具就說這么多了,其中的奧秘肯定還有很多,需要我們大家一起來發(fā)掘�。〗酉聛砦覀儠�(huì)對Shaps外形面板進(jìn)行具體的講解,請關(guān)注!
分享:FWMX系列:數(shù)據(jù)驅(qū)動(dòng)圖形向?qū)?[1]數(shù)據(jù)驅(qū)動(dòng)圖形向?qū)荈ireworks從MX版本開始出現(xiàn)的一項(xiàng)強(qiáng)勁功能。 這個(gè)程序是由Dearmweaver和Fireworks圣經(jīng)系列叢書的作者Joseph Lowery開發(fā)的, 在FWMX內(nèi)是1.00版,到了FWMX 2004時(shí)升級(jí)到了2.00版, 并由aftershape.com的站長Edoardo Zubler強(qiáng)化了界面設(shè)計(jì)和一些附屬程
相關(guān)Fireworks教程:
- 相關(guān)鏈接:
- 教程說明:
Fireworks教程-Fireworks MX2004 之Shapes初體驗(yàn)(二)
。