2021/9/11 16:37:50作者:佚名來源:網絡
本節課學無憂來介紹的的flash教程是一個國外優秀flash全站解析,我們通過一個辦套用品的廣告網站的案例分析,以設計思路為主來進行講解,將卡通角色動畫融入到Flash全站中,可以豐富整站的實際體驗感和趣味性。
國外優秀flash全站效果如圖所示:
本例思路:
在photoshop中設計全站的布局將制作出的模板導入Flash中,然后依次制作出各欄目 。
具體操作流程如下:
步驟一、布局分析
本例的模板采用辦公室與卡通角色的交互動畫來進行全站設計,所有內容的設計都在畫框之內,畫框下面放置4個圖標作為菜單按鈕,如圖所示。
步驟二、動畫制作
1、畫框中的窗簾很巧妙地利用了Flash的圖形優勢,從圖中可以看出窗簾由多道紋路組成,其實只繪制了兩條窗簾紋路,如圖所示,然后將其轉換為影片剪輯,再進行復制就得到了窗簾,如圖所示。
2、為每條窗簾創建傳統補間動畫,是窗簾向兩邊拉開,如圖所示。
3、打開窗簾后進入第一個欄目aboutUS,該欄目設計效果如圖所示。
4、窗簾打開后,較色從后面走過來,面板也被調動起來,如圖所示。
5、將角色各肢體分解出來,創建出角色動畫,如圖所示。
6.當單擊上下的翻頁按鈕時,角色會扣動手柄來切換面板,如圖所示。
7、角色和面板后面還有個“辦公室”影片剪輯,當更換欄目時滑入步同位置來配合角色動作,如同一個辦公室的全景圖。如圖所示。
8、將辦公室全景圖分為4塊,分別用于4個菜單項,單單擊portfolio菜單,辦公室背景滑人第1塊,由于這是“項目展展示’欄目,所以將背景定位在工作臺中,如圖所示。
9、顯示面板升起來后,角色從后面走過來,并在黑板上繪制圖形,再擦除圖形,如圖所示
。
10、單擊第3個按鈕services進入服務欄目,辦公室全全景圖滑至第3塊,如圖所示,當面板升起后,角色坐在沙發上并端出咖啡,如圖所示。
11、角色和背景是分開的,當角色坐在沙發上時,其實只是背靠著沙發,如圖所示。
12、制作最后1個欄目contacts,此時辦公室全景圖滑至第4塊,如圖所示,角色走到辦公桌前并坐下開始寫字,如圖所示:
13、到這一步已經完成了基本流程的介紹,最終效果:
到這里如何解析國外全站模板案例介紹就完成了,希望對你們有所幫助。
標簽: 全站 flash 解析
相關文章
ip雷達 v5.0.2綠色版
詳情WinSCPv5.15.1綠色中文版
詳情filezilla client v5.5
詳情wireshark中文版 v3.4.9
詳情Boson Netsimv10.8破解版
詳情風行播放器 v3.0.6.106
詳情愛奇藝客戶端 v10.1.0.6636官方版
詳情搜狐影音 v7.0.19.0官方版
詳情樂視視頻 v7.3.2.192
詳情華數tv客戶端PC版 v1.1.2.0
詳情cbox央視影音 v5.1.2.1經典版
詳情軟媒收音機(魔方) v1.13
詳情傾聽網絡收音機 v3.0.0.0
詳情魅影流聲全球網絡收音機 v1.0.0.1
詳情酷狗電臺 v8.2.75
詳情暴龍網絡收音機 v2.5.1
詳情克莉2v1.0中文版
詳情冬日計劃v1.2中文版
詳情刺客信條英靈殿v1.0吾愛破解版
詳情刺客信條英靈殿終極v1.0免安裝破解版
詳情動物森友會v1.10.0最新破解版
詳情哈迪斯殺出地獄v1.37中文破解版
詳情嗜血印中文豪華版v1.0豪華版破解版 附游戲攻略秘籍
詳情城市戰斗v1.0中文破解版
詳情尼爾人工生命v1.0steam免費破解版
詳情尼爾人工生命升級版v1.0PC破解版
詳情尼爾人工生命升級版v1.2247中文破解版
詳情層層恐懼2中文破解版v1.0綠色免安裝版
詳情往日不再v1.0 steam破解版
詳情往日不再v1.0pc破解版
詳情救贖之路v1.0中文破解版
詳情斯蓋爾女仆v1.0中文破解版
詳情新盜墓筆記官方版v1.215.589730
詳情無盡的拉格朗日無限金幣鉆石版v1.2.267172破解版
詳情明日之后無限小太陽版v1.0.246安卓版
詳情雙生幻想vivo版v6.6.83安卓版
詳情劍網1歸來內購免費版v1.1.116安卓版
詳情模擬城市我是市長國際版v0.69.21342.22832安卓版
詳情迷你世界999999迷你幣版v1.20.5破解版
詳情王牌戰爭無限內購版v9.7安卓版
詳情云上城之歌不氪金版v10.16安卓版
詳情王鏟鏟的致富之路破解版v1.1.8安卓版
詳情創造與魔法無限點券版v1.0.0505安卓版
詳情狩獵使命九游版v1.6.6.000
詳情魔鏡物語變態版v2.1.4無限金幣版
詳情黑月手游免費版v2.2.0安卓版
詳情曙光英雄v1.0.12.0.20無限鉆石版
詳情原始傳奇無限元寶版v1.6.806內購破解版
詳情