不用腳本制作軟翻書動(dòng)畫效果flash教程

第二部分: 制作“翻書”影片剪輯元件
在制作“翻書”影片剪輯元件前先在庫(kù)面板建“頁(yè)”文件夾,將所有“頁(yè)”影片剪輯元件放入文件夾,以便以后做動(dòng)畫時(shí)容易交換元件。
1、制作“翻封面”影片剪輯元件。
1-1、插入影片剪輯元件名為“翻封面”新建8個(gè)圖層,自下而上分別是:頁(yè)1、光1、封面、高光2、遮罩1、首頁(yè)、遮罩2、高光3、高光3遮罩共9個(gè)圖。如圖:
圖8
1-2、頁(yè)1圖層第1幀將庫(kù)中“頁(yè)1”影片剪輯元件拖入,左對(duì)齊、垂直中齊,x值:0,Y值:-150,延長(zhǎng)至55幀,上鎖。
1-3、光1圖層第1幀用矩形工具畫一矩形,無筆觸,填充為線性。打開顏色面板,中間添加一個(gè)色碼:從左至右的色碼依次為:#010101,Alpha值為0,#F9F9F9,Alpha值為25,#000000,Alpha值為0,矩形大小設(shè)為寬 240高300,X值為0,Y值為-150。設(shè)置如圖:
圖9
1-4、封面圖層第1幀將“封面”頁(yè)影片剪輯元件放入,X值為0,Y值為-150。第28幀延長(zhǎng)幀,第29幀插入空白關(guān)鍵幀,圖層上鎖。
1-5、高光2圖層點(diǎn)高光1圖片右鍵復(fù)制,點(diǎn)高光2后點(diǎn)場(chǎng)景右鍵粘貼到當(dāng)前位置。第28幀延長(zhǎng)幀,第29幀插入空白關(guān)鍵幀,圖層上鎖。
1-6、遮罩1圖層第1幀用矩形工具,筆觸無,填充色隨意,畫一矩形遮片寬240高300,X值為0,Y值為-150,右下角用線條劃一斜線去掉小角。如圖:
圖10
第10幀、第20幀、第28幀插入關(guān)鍵幀,在第10、20幀處用線條工具劃一斜線后去掉右下部分及線條如圖:
圖11
第28幀處用變形工具把遮片調(diào)成寬166.5高392.5,X值為0,Y值為-242.5,再用線條工具畫二條斜線。去掉下部分和左上部分,選中遮罩1圖層創(chuàng)建形狀補(bǔ)間,第55幀延長(zhǎng)幀,刪除第28幀后的形狀補(bǔ)間。如圖:
圖12
1-7、首頁(yè)圖層第一幀將庫(kù)中“首頁(yè)”影片剪輯元件拖入,X值為225,Y值為135,打開變形工具把“首頁(yè)”影片剪輯元件的注冊(cè)點(diǎn)移到頁(yè)的右下角,“首頁(yè)”影片剪輯元件的左下角與“封面”影片剪輯元件的右下角交叉擺放,第10、20、40幀插入關(guān)鍵幀,第10幀移動(dòng)“首頁(yè)”影片剪輯元件右下角與“封面”影片剪輯元件的左下角對(duì)齊,X值為0,Y值為-90。第20幀移動(dòng)“首頁(yè)”影片剪輯元件左上角與“封面”影片剪輯元件的右上角對(duì)齊,X值為-52.1,Y值為-150,也可打開變形面板,約束打勾,旋轉(zhuǎn)設(shè)為77.4。第40幀“首頁(yè)”影片剪輯元件垂直中齊、右對(duì)齊,X值為 -240,Y值為-150,第55幀延長(zhǎng)幀。如圖:
圖13
圖14
1-8、遮罩2圖層打開標(biāo)尺,在“頁(yè)”的底部和“頁(yè)”的左面各拖一標(biāo)尺線,第1幀用矩形工具,筆觸無,畫一矩形,筆觸無,填充顏色隨意,畫一正方矩形大小16*16,X值為224,Y值為134。放在封面頁(yè)的右下角用線條工具斜角對(duì)斜角畫一直線刪除下半部并刪除直線。也可用黑剪頭選擇工具放在矩形右下角,待鼠標(biāo)出現(xiàn)小三角符號(hào)時(shí)向上推。如圖:左圖。
第10幀插入空白關(guān)鍵幀,用矩形工具,筆觸無,畫一矩形,筆觸無,填充顏色隨意,畫一正方矩形大小240*240,X值為0,Y值為-90。用線條工具斜角對(duì)斜角畫一直線刪除下半部并刪除直線。也可用黑剪頭選擇工具放在矩形右下角,待鼠標(biāo)出現(xiàn)小三角符號(hào)時(shí)向上推。如圖:右圖。
圖15
第20幀插入空白關(guān)鍵幀,用矩形工具,筆觸無,畫一矩形,筆觸無,填充顏色隨意,畫一正方矩形大小300*240,X值為 -50,Y值為-145。把矩形左下角移到“封面”頁(yè)上左下角壓在豎標(biāo)尺與橫標(biāo)尺之間,打開變形工具旋轉(zhuǎn)-12度,調(diào)整好位置使矩形覆蓋整個(gè)“首頁(yè)”,用黑剪頭選擇工具放在矩形右下角,待鼠標(biāo)出現(xiàn)小三角符號(hào)時(shí)向上推?;蛴弥本€工具劃線刪除。
第21幀插入關(guān)鍵幀,用黑剪頭選擇工具放在矩形上,待鼠標(biāo)出現(xiàn)小三角符號(hào)時(shí),調(diào)整矩形,如圖:
圖16
第28幀插入關(guān)鍵幀,用黑剪頭選擇工具放在矩形上,待鼠標(biāo)出現(xiàn)小三角符號(hào)時(shí),調(diào)整矩形。
第33幀插入關(guān)鍵幀,用黑剪頭選擇工具放在矩形上,待鼠標(biāo)出現(xiàn)小三角符號(hào)時(shí),調(diào)整矩形。
第40幀插入空白關(guān)鍵幀,用矩形工具,筆觸無,畫一矩形,筆觸無,填充顏色隨意,畫一正方矩形大小258*462,把矩形右下角移到“頁(yè)1”頁(yè)上左下角壓在豎標(biāo)尺與橫標(biāo)尺之間,用黑剪頭選擇工具放在矩形的右上角上,待鼠標(biāo)出現(xiàn)小三角符號(hào)時(shí),調(diào)整矩形。第55幀延長(zhǎng)幀。如圖:
圖17
1-9、高光3圖層做法和遮罩2的做法一樣,第1 幀、第10幀(插入空白關(guān)鍵幀)、第20幀(插入空白關(guān)鍵幀)第21幀(插入關(guān)鍵幀)、第28幀(插入關(guān)鍵幀)、第33幀(插入關(guān)鍵幀)、第40幀(插入空白關(guān)鍵幀),第55幀延長(zhǎng)幀。不同地方是矩形用線形填充,筆觸無,從左至右的色碼依次為:#010101,Alpha值為0,#F9F9F9, Alpha值為25,#000000,Alpha值為0,如圖:
圖18
圖19
圖20
圖21
1-10、高光3遮罩圖層,做法與首頁(yè)圖層基本一樣,第一幀用矩形工具,筆觸無,畫一矩形寬240,高300,X值為 225,Y值為135,打開變形工具把矩形的注冊(cè)點(diǎn)移到右下角,矩形的左下角與“封面”影片剪輯元件的右下角交叉擺放,第10、20、40幀插入關(guān)鍵幀,第10幀移動(dòng)矩形右下角與“頁(yè)1”影片剪輯元件的左下角對(duì)齊,X值為0,Y值為-90。第20幀移動(dòng)矩形左上角與“頁(yè)1”影片剪輯元件的右上角對(duì)齊,X值為-52.1,Y值為-150,也可打開變形面板,約束打勾,旋轉(zhuǎn)設(shè)為77.4。第40幀矩形垂直中齊、右對(duì)齊,X值為-240,Y值為-150,第55 幀延長(zhǎng)幀。參照例圖在圖層上設(shè)好遮罩。
相關(guān)文章
flash如何做雨滴下落的動(dòng)畫效果? Flash8做一個(gè)下雨效果的技巧
flash如何做雨滴下落的動(dòng)畫效果?想要做一個(gè)逼真的雨滴落下的效果,該怎么做雨滴落下水花擴(kuò)散的效果呢?下面我們就來看看Flash8做一個(gè)下雨效果的技巧2022-08-18flash理發(fā)店旋轉(zhuǎn)彩燈動(dòng)畫效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動(dòng)畫效果怎么做?經(jīng)常使用flash制作動(dòng)畫效果,該怎么制作旋轉(zhuǎn)燈效果,下面我們就來看看理發(fā)店旋轉(zhuǎn)燈制作技巧,詳細(xì)請(qǐng)看下文介紹2022-07-23flash怎么把形狀變成文字? flash星星變文字動(dòng)畫的實(shí)現(xiàn)方法
flash怎么把形狀變成文字?flash繪制的星星想要慢慢變成文字,該怎么將圖形變文字呢?下面我們就來看看flash星星變文字動(dòng)畫的實(shí)現(xiàn)方法,詳細(xì)請(qǐng)看下文介紹2022-06-06flash怎么制作補(bǔ)間動(dòng)畫? flash變形動(dòng)畫的實(shí)現(xiàn)方法
flash怎么制作補(bǔ)間動(dòng)畫?flash中想要制作形狀變化的動(dòng)畫效果,該怎么制作補(bǔ)間動(dòng)畫呢?下面我們就來就來看看flash變形動(dòng)畫的實(shí)現(xiàn)方法2022-02-06FLASH怎么讓搖曳的荷花更逼著? flash制作風(fēng)吹荷花動(dòng)畫的技巧
FLASH怎么讓搖曳的荷花更逼?flash中想要制作風(fēng)吹荷花的動(dòng)畫熊愛國(guó),該怎么制作這個(gè)效果呢?下面我們就來看看flash制作風(fēng)吹荷花動(dòng)畫的技巧2022-02-06flash怎么制作荷花在荷花池里搖擺的動(dòng)畫? FLASH做擺動(dòng)荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動(dòng)畫??flash中想要制作荷花搖擺的動(dòng)畫,該怎么制作荷花搖曳的動(dòng)畫呢?下面我們就來看看FLASH做擺動(dòng)荷花的技巧2022-02-06flash怎么做徑向彩虹文字動(dòng)畫? 文字添加彩虹動(dòng)畫效果的技巧
flash怎么做徑向彩虹文字動(dòng)畫?flash椎間盤買個(gè)輸入的文字,想要添加動(dòng)畫效果,該怎么添加徑向彩虹文字效果呢?下面我們就來看看flash文字添加彩虹動(dòng)畫效果的技巧,詳細(xì)請(qǐng)2021-11-09flash怎么做眨眼動(dòng)畫效果? flash動(dòng)漫人物眨眼動(dòng)畫的做法
flash怎么做眨眼動(dòng)畫效果?flash中想要制作一個(gè)動(dòng)漫人物的眼睛眨眼動(dòng)畫,該怎么制作呢?下面我們就來看看flash動(dòng)漫人物眨眼動(dòng)畫的做法2021-11-08flash怎么制作火焰文字效果? flash做火焰字體動(dòng)畫的技巧
flash怎么制作火焰文字效果?flash中想要制作一個(gè)熊熊燃燒的活顏文字,該怎么制作這個(gè)文字效果呢?下面我們就來看看flash做火焰字體動(dòng)畫的技巧2021-11-01flash怎么做文字動(dòng)畫logo? 閃動(dòng)的片頭動(dòng)畫flash的實(shí)現(xiàn)方法
flash怎么做文字動(dòng)畫logo?flash中想要制作一個(gè)文字logo的動(dòng)畫,讓文字閃爍,該怎么制作這個(gè)效果呢?下面我們就來看看flash制作文字動(dòng)畫的技巧2021-10-29