您的位置:首頁技術文章
文章詳情頁

教你用Fireworks制作閃圖背景的動畫效果

瀏覽:103日期:2024-03-27 13:39:36
教你用Fireworks制作閃圖背景的動畫效果,制作閃圖的工具無非也就是GIF動畫常用的工具,這里我們使用fireworks的動畫制作功能來完成閃圖的制作。

教你用Fireworks制作閃圖背景的動畫效果

最終效果圖

在開始教程前,我們要先準備下素材,就是找找“閃字背景素材”。

教你用Fireworks制作閃圖背景的動畫效果

圖1

教你用Fireworks制作閃圖背景的動畫效果

素材1

教你用Fireworks制作閃圖背景的動畫效果

素材2

教你用Fireworks制作閃圖背景的動畫效果

素材3

教你用Fireworks制作閃圖背景的動畫效果

素材4

點擊下頁:開始教程步驟學習

下面開始制作的步驟:

1、素材已經準備了。我們就開始新建文檔,畫布大?。簩挾葹?00,高度為100,(網友可自定義大小)。如下圖圖:

教你用Fireworks制作閃圖背景的動畫效果

圖2

2、打開素材4,調整好圖片大小,然后拖到我們新建的文檔中,如下圖:

教你用Fireworks制作閃圖背景的動畫效果

圖3

教你用Fireworks制作閃圖背景的動畫效果

圖4

3、調整好圖片的位置,然后點擊文本工具在圖片上輸入“個性簽名”文字,再點擊文本工具輸入一行小字,如下圖:

教你用Fireworks制作閃圖背景的動畫效果

圖5

4、我們可以看到此時圖層1,如下圖:

教你用Fireworks制作閃圖背景的動畫效果

圖6

5、點擊層面板“新建/重制層”按鈕,新建圖層2,如下圖:

教你用Fireworks制作閃圖背景的動畫效果

圖7

6、選“圖層1”,點擊圖層1右上角的按鈕,彈出菜單并選擇“共享此層”,如下圖:

教你用Fireworks制作閃圖背景的動畫效果

圖8

7、選擇“共享此層”后,圖層1右方出現一個小圖標,如下圖(紅色框處):

教你用Fireworks制作閃圖背景的動畫效果

圖9

8、點擊“文件—導入”,選擇你自己滿意的閃字背景素材,點擊確定,如下圖:

教你用Fireworks制作閃圖背景的動畫效果

圖10

9、確定后彈出對話框,詢問是否添加新的幀,點擊“確定”,如下圖:

教你用Fireworks制作閃圖背景的動畫效果

圖11

10、選擇閃字素材背景(閃字素材背景覆蓋住字),按Ctrl+X,然后選擇點擊“個性簽名”,如下圖:

教你用Fireworks制作閃圖背景的動畫效果

圖12

教你用Fireworks制作閃圖背景的動畫效果

圖13

11、點擊“編輯—粘貼于內部”,點擊預覽就可以看到字閃的效果了。如下圖:

教你用Fireworks制作閃圖背景的動畫效果

圖14

教你用Fireworks制作閃圖背景的動畫效果

圖15

12、下面的效果,看上去字的效果不是很明顯,我們可以為它加點發光效果,“濾鏡—陰影和光暈—發光”,參數可以如下圖:

教你用Fireworks制作閃圖背景的動畫效果

圖16

教你用Fireworks制作閃圖背景的動畫效果

圖17

13、最后就是動畫的導出了,注意格式要選擇“GIF動畫”,再點擊“導出”,如下圖:

教你用Fireworks制作閃圖背景的動畫效果

圖18

14、下面就是我們導出的最終效果圖:

教你用Fireworks制作閃圖背景的動畫效果

效果圖

以上就是教你用Fireworks制作閃圖背景的動畫效果,希望大家喜歡,請繼續關注好吧啦網。
標簽: Fireworks
相關文章:
国产综合久久一区二区三区