任務三-新媒體H5海報制作

新媒體編輯實務項目七新媒體H5海報編輯CONTENT目錄任務一認識新媒體H5海報任務二新媒體H5海報設(shè)計任務一新媒體編輯工作崗位任務三新媒體H5海報制作了解H5海報的類型、表現(xiàn)形式、制作工具、數(shù)據(jù)分析工具。掌握H5海報制作中的流量思維、游戲思維、借勢思維、獎勵思維、眾籌思維、生活思維等設(shè)計思維。熟悉H5內(nèi)容設(shè)計中的作品標題設(shè)計、版式字體設(shè)計、色彩風格設(shè)計、交互動作設(shè)計。掌握人臉識別、重力感應、視頻互動、AR/VR、720度全景、快閃影片、一鏡到底、多屏互動等H5制作技術(shù)。知識目標能力目標能夠根據(jù)用戶行為特征，策劃H5選題。能夠根據(jù)客戶需求或節(jié)日節(jié)點，獨立策劃H5方案。能夠使用平臺制作相應的H5海報（展示、宣傳海報、廣告、宣傳畫冊、表單、游戲、抽獎等類型）。學習目標思政目標培養(yǎng)學習者在各種短視頻平臺上的信息獲取能力、創(chuàng)意策劃能力、視頻拍攝能力、后期剪輯能力、大數(shù)據(jù)分析能力，提升學習者的溝通表達能力、資源協(xié)調(diào)能力、項目執(zhí)行能力，團隊領(lǐng)導能力。知識導圖任務三新媒體H5海報制作新媒體H5海報制作利用凡科微傳單在線H5制作功能，制作一份邀請函。掃描二維碼可以在線觀看H5海報。圖7-24掃描觀看H5一、邀請函封面制作1.在空白頁面上，單擊頁面上方的“素材”按鈕，先從“本地上傳”已經(jīng)制作好的圖片素材2.按照如圖7-25所示效果添加圖片素材，選擇相應的圖片，在右側(cè)的“動畫”中設(shè)置“入場動畫”中的“延遲”和“持續(xù)”時間。一、邀請函封面制作3.單擊頁面上方的“文本”按鈕中的“正文”按鈕，添加文字：第五屆商務數(shù)據(jù)分析與新媒體營銷教學研討會，設(shè)置字體為“默認”字體，字號為34px，行距為1.35倍，文字顏色為ffcc80；可以設(shè)置文字的入場動畫、強調(diào)動畫和退場動畫，本例中設(shè)置文字的入場動畫中“延遲”時間為“1.6s”，“持續(xù)”時間為“0.6s”。二、地圖頁面制作1.單擊頁面上方的“控件”下的“地圖”按鈕。二、地圖頁面制作2.在彈出的對話框中，輸入“詳細地址”信息二、地圖頁面制作3.如果“位置信息”輸入錯誤或者需要修改，則在右側(cè)的“地圖”下的“地點名稱”中輸入正確的地址信息即可。三、表單頁面制作1.在新頁面中，單擊上方“控件”按鈕，在“互動”區(qū)選擇“自由表單”。2.在彈出的“自由表單”工具欄中，選擇“單行文本”，在右側(cè)的“單行文本”的“提示”框中輸入“姓名”，同時設(shè)置“動畫”效果。三、表單頁面制作3.用同樣的方法添加“學校名稱”、“電話”、“郵箱”、“是否住宿”等單行文本。4.單擊“自由表單”工具欄中的“提交按鈕”，設(shè)置“表單可提交”次數(shù)、表單名字、提交范圍、按鈕文字、點擊反饋、填充顏色、文字顏色等。四、快閃頁面制作快閃是由很多幕組成的一個頁面（最多可創(chuàng)建60幕）。這個頁面通過幕與幕之間的快速切換在視覺上造成一種在觀看視頻的錯覺。1.第一頁前面“添加”新頁面，并將新頁面拖到最前面，單擊頁面上方的“趣味”，在“視覺黑科技”下方選擇“快閃”。四、快閃頁面制作2.在第1幕中，添加背景圖片，設(shè)置“入場動畫”為“向左淡入”，延遲“0.6s”，持續(xù)“0.6s”；輸入如圖所示文字，設(shè)置“入場動畫”為“淡入”，延遲“1.4s”，持續(xù)“0.07s”。四、快閃頁面制作3.點擊“添加場景”按鈕添加幕，即如圖所示的“最后一幕”。用上述的方法添加背景圖片、文字，以及裝飾用的圖片。4.選擇“開啟信函”文字，依次設(shè)置文本樣式、動畫效果，再單擊“點擊”按鈕，在“點擊事件”中選擇“跳轉(zhuǎn)頁面”，自動跳轉(zhuǎn)到第3頁。5.默認情況下，只要這一幕所有元素的動畫播放完成，就會自動切換到下一幕。如果希望在所有元素動畫播放完成后繼續(xù)停留在當前幕，可自定義停留時間。6.快閃頁面可以單獨設(shè)置背景音樂。五、一鏡到底頁面制作一鏡到底由N幕組成，每一幕都代表一個平面，平面內(nèi)可放置多個元素；幕與幕之間可設(shè)置間距；兩個文本分別在第1幕和第2幕內(nèi)，在沒有設(shè)置第1幕背景的情況下，我們可以透過第1幕，看到第2幕的元素。本案例中的“一鏡到底”由6幕組成，具體設(shè)置如下：1.添加新頁面，單擊頁面上方的“趣味”，在“視覺黑科技”下方選擇“一鏡到底”。五、一鏡到底頁面制作2.將第1幕至第5幕背景設(shè)置為透明色。3.在第1幕中，在左、右兩側(cè)導入矩形圖片。4.單擊右側(cè)場景區(qū)的“第1幕”右側(cè)的“復制”按鈕，如圖7-39所示，則按第1幕的設(shè)計效果復制了第2幕，用同樣的方法，復制出第3、4、5幕。也可以點擊圖7-20所示的圖標進行“復制場景”的操作，最多可添加100幕。拖動右邊屬性面板的列表，也可以調(diào)整每一幕的順序。五、一鏡到底頁面制作5.在第2幕添加“豎形文本”，輸入如圖7-40所示的文案內(nèi)容，調(diào)整字體、字號、顏色等。6.間距的定義是當前幕與上一幕的距離。所以，第1幕沒有此設(shè)置項。從第2幕開始，可以設(shè)置與第1幕的距離；當然也可以使用“自定義”間距。六、指紋控制頁面制作在很多的H5頁面中，都有“指紋解鎖”的功能，操作步驟如下：1.在“一鏡到底”頁面的“最后一幕”中，添加已經(jīng)制作完成的“指紋”圖片。2.選擇“指紋”圖片，單擊右側(cè)的“點擊”按鈕，選擇“點擊事件”中的“跳轉(zhuǎn)頁面”，在“固定頁面”下選擇“下一頁”?？梢詫崿F(xiàn)從當前頁面跳轉(zhuǎn)到下一頁面。如圖7-41所示。實訓任務單三1.掃描二維碼下載實訓任務單。2.利用Photoshop等