fireworks如何做圖片滾動(dòng)
Fireworks是一個(gè)功能強(qiáng)大的網(wǎng)頁(yè)圖形制作軟件,可以對(duì)各種格式的圖像文件進(jìn)行非常精細(xì)的處理,不僅適用于廣告用圖、美術(shù)攝影作品的處理,也廣泛用于網(wǎng)頁(yè)制作。那么下面學(xué)習(xí)啦小編跟大家分享了關(guān)于fireworks做圖片滾動(dòng)的步驟/方法,希望你喜歡。
fireworks做圖片滾動(dòng)的步驟/方法:
1) 新建一個(gè)353×51的文件,設(shè)置背景顏色為黑色,如圖1。
圖1 新建一個(gè)文件
2) 由于圖像相對(duì)較小,為了方便編輯需要改變視圖大小,點(diǎn)擊"視圖"菜單,選擇"縮放比例"150%,如圖2所示。
圖2 改變視圖大小
3) 點(diǎn)擊工具箱的 圖標(biāo),在圖像上畫(huà)一矩形,并設(shè)置填充色為白色,得到圖3。
圖3 畫(huà)一矩形
4) 選擇矩形并按Ctrl+C復(fù)制,然后Ctrl+V粘貼。并用方向鍵移動(dòng)復(fù)制所得矩形到適當(dāng)位置,按Shift鍵選擇兩者并組合,得到圖4。
圖4 復(fù)制并組合矩形
5) 不斷重復(fù)步驟4)得到如圖5所示。這樣就做出了一個(gè)膠卷的樣子了,下一步就為其添加一些"相片"。
圖5 重復(fù)復(fù)制矩形得到的圖片
6) 導(dǎo)入一個(gè)Banner.gif圖片,如圖6所示。
圖6 導(dǎo)入一個(gè)圖片
7) 選定導(dǎo)入的圖像并點(diǎn)擊工具箱的 圖標(biāo),改變導(dǎo)入圖像的大小使其與"膠卷"符合,得到圖7。
圖7 改變導(dǎo)入圖像的大小
8) 重復(fù)步驟6)和步驟7),導(dǎo)入其他一些圖像,并按方向鍵排列導(dǎo)入的圖像,恢復(fù)到100%視圖最終得到圖8。
圖8 導(dǎo)入所有圖像后所得圖像
9) 保存文件為Banner.png,下一步來(lái)制作一個(gè)滾動(dòng)的Gif圖片。打開(kāi)Banner.png圖片,單擊"選擇"菜單,選擇"選擇全部"下拉菜單,選定所有的元素。如圖9所示。
圖9 選擇所有元素
10)選擇"修改"|"組合",將所有元素組合成一個(gè)對(duì)象,如圖10所示。
圖10 組合所有元素
11)為了實(shí)現(xiàn)滾動(dòng)效果,需要圖像右邊移出時(shí),左邊有圖像能夠補(bǔ)進(jìn)。需要兩幅相同圖像來(lái)制作滾動(dòng)效果。首先選擇"修改"菜單,然后選擇"畫(huà)布"|"畫(huà)布大小",修改畫(huà)布大小為706×51,得到圖11。
圖11 修改畫(huà)布大小
12)選擇所選組合,按Ctrl+C復(fù)制后再按Ctrl+V粘貼,然后排列好兩個(gè)對(duì)象并再次組合,得到圖12。
圖12 復(fù)制并排列組合元素
13)按Ctrl+X剪切所選組合,修改畫(huà)布大小到353×51,再按Ctrl+V粘貼組合,將所選組合右側(cè)與畫(huà)布右側(cè)對(duì)齊,得到圖13。
圖13 恢復(fù)畫(huà)布大小并右側(cè)對(duì)齊畫(huà)布與圖像
14)在開(kāi)始制作滾動(dòng)動(dòng)畫(huà)。首先選擇"修改"菜單,再其下拉菜單中選擇"動(dòng)畫(huà)"|"選擇動(dòng)畫(huà)",得到如下圖所示窗口。將"移動(dòng)"設(shè)為"353",使其恰好能夠左右銜接上。并將"幀"設(shè)為70,如圖14所示。
圖14 動(dòng)畫(huà)窗口的參數(shù)設(shè)置