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