《商品信息采編》（文求實(shí)）719-8 教案 第21課 綜合實(shí)戰(zhàn)

PAGE10PAGE10PAGE11PAGE11

課題綜合實(shí)戰(zhàn)（2）課時(shí)2課時(shí)（90min）教學(xué)目標(biāo)知識(shí)技能目標(biāo)：（1）了解商品信息采編的完整流程（2）能夠完成基本的商品信息采編工作素質(zhì)目標(biāo)：體驗(yàn)科技帶來的便捷性，感受“科技改變生活”教學(xué)重難點(diǎn)教學(xué)重點(diǎn)：設(shè)計(jì)平板海報(bào)、詳情頁，優(yōu)化平板短視頻教學(xué)難點(diǎn)：設(shè)計(jì)平板海報(bào)、詳情頁，優(yōu)化平板短視頻教學(xué)方法問答法、討論法、講授法、實(shí)踐法教學(xué)用具電腦、投影儀、多媒體課件、教材教學(xué)設(shè)計(jì)第1節(jié)課：→→→任務(wù)實(shí)施一（15min）→任務(wù)實(shí)施二（25min）第2節(jié)課：→任務(wù)實(shí)施（37min）→課堂小結(jié)（3min）→作業(yè)布置（2min）教學(xué)過程主要教學(xué)內(nèi)容及步驟設(shè)計(jì)意圖第一節(jié)課課前任務(wù)【教師】布置課前任務(wù)，和學(xué)生負(fù)責(zé)人取得聯(lián)系，讓其提醒同學(xué)通過文旌課堂APP或其他學(xué)習(xí)軟件，預(yù)習(xí)本節(jié)課要學(xué)習(xí)的知識(shí)【學(xué)生】完成課前任務(wù)通過課前任務(wù)，使學(xué)生預(yù)習(xí)本節(jié)課要學(xué)習(xí)的知識(shí)，增加學(xué)生的學(xué)習(xí)興趣考勤（2min）【教師】使用文旌課堂APP進(jìn)行簽到【學(xué)生】班干部報(bào)請(qǐng)假人員及原因培養(yǎng)學(xué)生的組織紀(jì)律性，掌握學(xué)生的出勤情況問題導(dǎo)入（3min）【教師】提出以下問題：平板海報(bào)的配色和布局應(yīng)該如何選擇？通過問題導(dǎo)入，引導(dǎo)學(xué)生主動(dòng)思考，激發(fā)學(xué)生的學(xué)習(xí)興趣任務(wù)實(shí)施一（15min）【教師】講解設(shè)計(jì)平板海報(bào)的具體步驟，并要求學(xué)生以小組為單位完成相關(guān)任務(wù)?【教師】組織學(xué)生掃碼觀看“設(shè)計(jì)平板海報(bào)”的視頻（詳見教材），讓學(xué)生對(duì)設(shè)計(jì)過程有一個(gè)大致地了解1.設(shè)計(jì)思路（1）內(nèi)容安排：添加平板正面和背面圖片，以便于消費(fèi)者全面了解平板外觀；加入優(yōu)惠信息，以吸引消費(fèi)者注意。（2）配色分析：用白色作為背景顏色，用黑色作為文案顏色，并用品牌標(biāo)志顏色（紅色）加以點(diǎn)綴，使得整個(gè)畫面既簡(jiǎn)潔大氣，又信息突出。（3）構(gòu)圖方式：采用左右式構(gòu)圖，可以獲得具有一定平衡感的畫面?！窘處煛孔寣W(xué)生分組討論設(shè)計(jì)思路【學(xué)生】組內(nèi)討論、確定思路、由小組代表發(fā)表討論結(jié)果【教師】點(diǎn)評(píng)、總結(jié)各組的發(fā)言2.設(shè)計(jì)步驟【教師】演示并講解設(shè)計(jì)步驟及具體操作步驟1新建一個(gè)名為“平板海報(bào)”，寬度為950像素，高度為475像素，分辨率為72像素/英寸，顏色模式為RGB模式的文檔。步驟2打開本書配套素材“平板主圖.jpg”文件，并將平板的正面和背面圖片及“平板M610.8英寸”文本復(fù)制到“平板海報(bào)”文檔中，然后將文本的字體大小改為“36點(diǎn)”。步驟3在復(fù)制文本下方添加“新品上市”文本，并設(shè)置其與復(fù)制文本的字體樣式和字體大小相同。步驟4用“圓角矩形工具”（設(shè)置半徑為“20像素”）在復(fù)制文本上方繪制一個(gè)寬度為60像素、高度為25像素的圓角矩形，并設(shè)置其填充色為紅色（#fe0003），描邊為無，然后在紅色圓角矩形上添加文本“新品”，并設(shè)置其字體樣式為“方正大黑_GBK”，字體大小為“18點(diǎn)”。步驟5在“新品上市”文本下方添加兩個(gè)寬度為100像素、高度為30像素的圓角矩形，其中左側(cè)的圓角矩形設(shè)置填充色為黑色，描邊為無，右側(cè)的圓角矩形設(shè)置填充為無，描邊色為黑色，描邊寬度為1像素。步驟6在圖像編輯區(qū)的合適位置添加文本。至此，平板海報(bào)制作完成。【學(xué)生】聆聽、觀看、理解、記憶【教師】讓學(xué)生分組進(jìn)行設(shè)計(jì)【學(xué)生】組內(nèi)分工，根據(jù)本組的設(shè)計(jì)思路完成設(shè)計(jì)海報(bào)任務(wù)【教師】巡堂輔導(dǎo)、答疑解惑【學(xué)生】設(shè)計(jì)完成后，由小組代表展示本組設(shè)計(jì)的海報(bào)圖片【教師】與學(xué)生一起評(píng)選出最佳海報(bào)圖片通過設(shè)計(jì)平板海報(bào)任務(wù)，幫助學(xué)生鞏固所學(xué)知識(shí)，熟悉商品海報(bào)的設(shè)計(jì)流程和設(shè)計(jì)方法任務(wù)實(shí)施二（25min）【教師】講解設(shè)計(jì)平板詳情頁的具體步驟，并要求學(xué)生以小組為單位完成相關(guān)任務(wù)?【教師】組織學(xué)生掃碼觀看“設(shè)計(jì)平板詳情頁”的視頻（詳見教材），讓學(xué)生對(duì)設(shè)計(jì)過程有一個(gè)大致地了解（1）模塊安排：頁頭安排宣傳內(nèi)容，以吸引消費(fèi)者注意；接下來的五個(gè)模塊均展示平板賣點(diǎn)，讓消費(fèi)者深入了解平板及其特點(diǎn)；最后一個(gè)模塊展示平板詳細(xì)信息，讓消費(fèi)者全面了解平板。?【教師】隨機(jī)邀請(qǐng)學(xué)生回答以下問題：平板詳情頁的設(shè)計(jì)適用哪種配色和布局？?【學(xué)生】聆聽、思考、回答?【教師】總結(jié)學(xué)生的回答（2）配色分析：用白色作為背景顏色，用黑色作為文案顏色，讓整個(gè)頁面呈現(xiàn)出大氣、簡(jiǎn)潔的效果。（3）布局方式：采用層疊布局方式，可以增強(qiáng)畫面的層次感?！窘處煛孔寣W(xué)生分組討論設(shè)計(jì)思路【學(xué)生】組內(nèi)討論、確定思路、由小組代表發(fā)表討論結(jié)果【教師】點(diǎn)評(píng)、總結(jié)各組的發(fā)言設(shè)計(jì)步驟制作宣傳模塊【教師】演示并講解設(shè)計(jì)步驟及具體操作步驟1新建一個(gè)寬度為750像素，高度自定，分辨率為72像素/英寸，顏色模式為RGB模式的文檔，然后在圖像編輯區(qū)上方放置本書配套素材“IMG_9793.jpg”文件，并將其旋轉(zhuǎn)至合適的角度。步驟2在圖片下方添加文本。步驟3在文本下方繪制一個(gè)寬度為750像素、高度為360像素的矩形選區(qū)，并為其填充淺灰色（#efefef），然后打開本書配套素材“平板圖標(biāo).psd”文件，并將圖標(biāo)復(fù)制到剛繪制的淺灰色矩形上?！緦W(xué)生】聆聽、觀看、理解、記憶【教師】讓學(xué)生分組進(jìn)行制作【學(xué)生】組內(nèi)分工，根據(jù)本組的設(shè)計(jì)思路完成制作宣傳模塊任務(wù)【教師】巡堂輔導(dǎo)、答疑解惑2）制作賣點(diǎn)模塊【教師】演示并講解設(shè)計(jì)步驟及具體操作步驟1置入本書配套素材“星空素材.jpg”文件，放在淺灰色矩形下方。置入“IMG_9784.jpg”文件，對(duì)其進(jìn)行摳圖處理后，放在星空?qǐng)D偏下位置。步驟2新建一個(gè)圖層，選擇“多邊形套索工具”，在平板屏幕的一角單擊，然后在下一個(gè)角單擊，接著在第三個(gè)角單擊，最后將光標(biāo)移至第一個(gè)角，當(dāng)光標(biāo)呈狀時(shí)單擊，此時(shí)會(huì)形成一個(gè)選區(qū)，為其填充任意顏色，并按“Ctrl+D”組合鍵取消選區(qū)。步驟3復(fù)制星空素材，并將復(fù)制圖層移至繪制的白色矩形圖層上方，將光標(biāo)移至兩個(gè)圖層之間，當(dāng)光標(biāo)呈狀時(shí)單擊創(chuàng)建剪貼蒙版，然后適當(dāng)縮小復(fù)制的星空素材。步驟4在平板上方添加文本，并為其添加投影圖層樣式?！靖呤贮c(diǎn)撥】如果多幅商品圖片之間只有細(xì)微差距，可先拍攝一幅商品圖片，然后利用后期處理技術(shù)制作出其他商品圖片。例如，多幅平板圖片只有屏幕顯示內(nèi)容不同，就可以拍攝一幅平板圖片，然后利用步驟2和步驟3的方法替換屏幕顯示內(nèi)容。步驟5在星空?qǐng)D片下方添加文本（與步驟4中文本的參數(shù)相同）并置入本書配套素材“平板素材.jpg”文件。步驟6采用上述方法制作第三個(gè)和第四個(gè)賣點(diǎn)模塊。步驟7置入本書配套素材“兒童樂園素材.jpg”文件，按“Ctrl”鍵的同時(shí)單擊其圖層縮覽圖將其載入選區(qū)，然后新建一個(gè)圖層并為其填充黑色，設(shè)置其圖層不透明度為“50%”，最后按“Ctrl+D”組合鍵取消選區(qū)。步驟8置入本書配套素材“IMG_9785.jpg”文件，并在其上方添加文本（與步驟4中文本的參數(shù)相同）。【學(xué)生】聆聽、觀看、理解、記憶【教師】讓學(xué)生分組進(jìn)行制作【學(xué)生】組內(nèi)分工，根據(jù)本組的設(shè)計(jì)思路完成制作賣點(diǎn)模塊任務(wù)【教師】巡堂輔導(dǎo)、答疑解惑3）制作商品信息模塊【教師】演示并講解設(shè)計(jì)步驟及具體操作步驟1添加商品信息模塊標(biāo)題及正文（與“制作賣點(diǎn)模塊”步驟4中文本的參數(shù)相同）。步驟2置入本書配套素材“IMG_9787.jpg”文件，然后在圖片上添加描邊寬度為1像素的灰色（#898989）直線。?【教師】提出以下問題，隨機(jī)邀請(qǐng)學(xué)生進(jìn)行回答PS中合并圖層的快捷鍵是哪個(gè)？?【學(xué)生】聆聽、思考、回答?【教師】總結(jié)學(xué)生的回答步驟3新建一個(gè)圖層，在上下兩條直線靠近平板的一端各繪制一個(gè)箭頭，并為其填充灰色（#898989），加選上下兩條直線，按“Ctrl+E”組合鍵合并圖層。步驟4在平板圖片上方繪制兩個(gè)寬度為96像素、高度為74像素、半徑為3像素的圓角矩形，并設(shè)置其填充為無，描邊色為灰色（#898989），描邊寬度為1像素。步驟5在圓角矩形中添加文本，并設(shè)置其字體樣式為“方正黑體_GBK”，字體大小為“28點(diǎn)”。步驟6在圖片下方添加背景、文本、矩形裝飾及文本之間的分割線。至此，平板詳情頁制作完成。【學(xué)生】聆聽、觀看、理解、記憶【教師】讓學(xué)生分組進(jìn)行制作【學(xué)生】組內(nèi)分工，根據(jù)本組的設(shè)計(jì)思路完成制作商品信息模塊任務(wù)【教師】巡堂輔導(dǎo)、答疑解惑【學(xué)生】制作完成后，由小組代表展示本組設(shè)計(jì)的商品詳情頁圖片【教師】與學(xué)生一起評(píng)選出最佳的商品詳情頁通過設(shè)計(jì)平板詳情頁任務(wù)，幫助學(xué)生鞏固所學(xué)知識(shí)，熟悉設(shè)計(jì)商品詳情頁的流程和方法第二節(jié)課問題導(dǎo)入（3min）【教師】提出以下問題：商品短視頻的優(yōu)化步驟有哪些？【學(xué)生】思考、舉手回答通過問題導(dǎo)入，引導(dǎo)學(xué)生主動(dòng)思考，激發(fā)學(xué)生的學(xué)習(xí)興趣任務(wù)實(shí)施（37min）【教師】講解優(yōu)化平板短視頻的具體步驟，并要求學(xué)生以小組為單位完成相關(guān)任務(wù)1.剪輯素材?【教師】組織學(xué)生掃碼觀看“優(yōu)化平板短視頻”視頻（詳見教材），讓學(xué)生對(duì)優(yōu)化過程有一個(gè)大致地了解【教師】演示并講解剪輯素材的步驟及具體操作步驟1啟動(dòng)Premiere2017，單擊起始頁中的“新建項(xiàng)目”按鈕，在打開的“新建項(xiàng)目”對(duì)話框的“名稱”編輯框中輸入“平板”，然后單擊“確定”按鈕新建項(xiàng)目。步驟2選擇“文件”→“導(dǎo)入”菜單項(xiàng)，在打開的“導(dǎo)入”對(duì)話框中選擇本書配套素材“素材與實(shí)例”→“項(xiàng)目7”→“視頻”文件夾中的所有素材，然后單擊“打開”按鈕導(dǎo)入素材。步驟3將素材“正面特寫.mp4”從“項(xiàng)目”面板拖至“時(shí)間軸”面板中，此時(shí)自動(dòng)生成“V1”軌道，按空格鍵預(yù)覽素材“正面特寫.mp4”，發(fā)現(xiàn)該素材前段、后段冗長(zhǎng)，需剪輯。?【教師】提出以下問題，隨機(jī)邀請(qǐng)學(xué)生進(jìn)行回答如何將一段素材剪輯成多個(gè)片段？?【學(xué)生】聆聽、思考、回答單擊“時(shí)間軸”面板左上方的當(dāng)前時(shí)間碼，輸入“00:00:03:18”并按“Enter”鍵確認(rèn)，然后選擇工具欄中的“剃刀工具”，在“V1”軌道的當(dāng)前時(shí)間指針處單擊剪輯素材，采用同樣的方法在“00:00:15:10”處剪輯素材，將素材剪成三個(gè)片段。步驟4選擇工具欄中的“選擇工具”，依次單擊選擇第一個(gè)片段和第三個(gè)片段，并按“Delete”鍵刪除，然后將剩余片段向左拖動(dòng)，使其起始點(diǎn)位于第0幀。步驟5用“剃刀工具”在剩余片段的“00:00:06:00”處單擊，將其剪成兩個(gè)片段，然后在第一個(gè)片段上右擊，在彈出的快捷菜單中選擇“速度/持續(xù)時(shí)間”項(xiàng)，在打開的“剪輯速度/持續(xù)時(shí)間”對(duì)話框中將“速度”設(shè)置為“300”，并單擊“確定”按鈕，使片段播放速度加快，最后移動(dòng)第二個(gè)片段，使其與第一個(gè)片段銜接。步驟6采用步驟5的方法，先用“剃刀工具”將素材“按鍵特寫.mp4”從“00:00:13:15”處分成兩個(gè)片段，然后將第一個(gè)片段的速度設(shè)置為“300”，將第二個(gè)片段的速度設(shè)置為“80”，并使兩個(gè)片段銜接。步驟7將“觀影.mp4”和“玩游戲.mp4”兩個(gè)素材拖至“V1”軌道，并分別設(shè)置其速度為“200”和“250”。至此初步剪輯完成?！緦W(xué)生】聆聽、觀看、理解、記憶【教師】讓學(xué)生分組剪輯素材【學(xué)生】組內(nèi)分工，根據(jù)所講步驟完成視頻剪輯任務(wù)【教師】巡堂輔導(dǎo)、答疑解惑2.添加字幕【教師】演示并講解添加字幕的步驟及具體操作步驟1選擇“文件”→“新建”→“標(biāo)題”菜單項(xiàng)，在“新建字幕”對(duì)話框中單擊“確定”按鈕，進(jìn)入字幕編輯界面。步驟2選擇工具欄中的“文字工具”，在字幕編輯區(qū)單擊并輸入文字“華為平板M6”，然后在“字幕屬性”面板中的“屬性”設(shè)置項(xiàng)下設(shè)置字幕的參數(shù)，設(shè)置完成后單擊字幕編輯界面右上角的“關(guān)閉”按鈕關(guān)閉此界面。步驟3將新建的“字幕01”素材從“項(xiàng)目”面板拖至“時(shí)間軸”面板的“V2”軌道，并使其時(shí)長(zhǎng)與第一段視頻時(shí)長(zhǎng)相同（選擇“選擇工具”，將光標(biāo)移至字幕片段末端，當(dāng)光標(biāo)呈狀時(shí)拖動(dòng)鼠標(biāo)即可調(diào)整時(shí)長(zhǎng)）。步驟4新建“字幕02”，在字幕編輯界面輸入文字并設(shè)置其字體、大小、行距和顏色，然后調(diào)整字幕所在位置。步驟5將“字幕02”素材拖至“V2”軌道，并使其時(shí)長(zhǎng)與第二段視頻時(shí)長(zhǎng)相同。步驟6采用上述方法，根據(jù)該短視頻的文案依次為后面的視頻素材添加字幕，并調(diào)整字幕的位置。需要注意的是，如果一些白色字幕無法與背景顏色區(qū)分開，可勾選“字幕屬性”面板中的“陰影”復(fù)選框，并在其設(shè)置項(xiàng)下設(shè)置陰影參數(shù)。步驟7視頻素材對(duì)應(yīng)的字幕添加完成后開始添加品牌廣告語和標(biāo)志。新建字幕“華為，讓智慧更性感！”，然后在“字幕樣式”面板中選擇“ArialBlacksliver”，在“字幕屬性”面板中設(shè)置參數(shù)。步驟8將廣告語字幕拖至“V2”軌道，并設(shè)置其持續(xù)時(shí)間為“00:00:02:05”。導(dǎo)入本書配套素材“平板標(biāo)志（反白）.png”文件，并將其拖至“V2”軌道，設(shè)置其持續(xù)時(shí)間為“00:00:01:24”，然后在“效果控件”面板中設(shè)置“縮放”為“25”后按“Enter”鍵確認(rèn)。步驟9將“項(xiàng)目”面板切換成“效果”面板，在“視頻過渡”→“頁面剝落”列表中選擇“翻頁”效果，并將其拖至“字幕01”素材的起始點(diǎn)。步驟10采用步驟9的方法為其他字幕和視頻素材添加轉(zhuǎn)場(chǎng)效果，不同的是，效果要拖至兩個(gè)素材的銜接處。【學(xué)生】聆聽、觀看、理解、記憶【教師】讓學(xué)生分組添加字幕【學(xué)生】組內(nèi)分工，根據(jù)所講步驟完成添加字幕任務(wù)【教師】巡堂輔導(dǎo)、答疑解惑調(diào)整畫面【教師】演示并講解調(diào)整畫面的步驟及具體操作步驟1選擇“文件”→“新建”→“調(diào)整圖層”菜單項(xiàng)，然后在打開的“調(diào)整圖層”對(duì)話框中單擊“確定”按鈕，此時(shí)在“項(xiàng)目”面板中新增了一個(gè)調(diào)整圖層。步驟2選擇“V2”軌道上的所有素材并全部拖至“V3”軌道，然后將調(diào)整圖層拖至“V2”軌道，并使其時(shí)長(zhǎng)與“V1”軌道上的視頻素材的時(shí)長(zhǎng)相同。步驟3在“效果”面板的“視頻效果”→“顏色校正”列表中選擇“LumetriColor”效果，并將其拖至調(diào)整圖層上。步驟4在“效果控件”面板中展開“LumetriColor”效果下的“曲線”列表，在“RGB曲線”設(shè)置區(qū)單擊兩次中間的斜線，以創(chuàng)建兩個(gè)調(diào)節(jié)點(diǎn)，并將其向上拖動(dòng)，使畫面更明亮?！緦W(xué)生】聆聽、觀看、理解、記憶【教師】讓學(xué)生分組調(diào)整【學(xué)生】組內(nèi)分工，根據(jù)所講步驟完成調(diào)整畫面任務(wù)【教師】巡堂輔導(dǎo)、答疑解惑4.添加音樂并輸出【教師】演示并講解添加音樂并輸出的步驟及具體操作步驟1導(dǎo)入素材“配樂.mp3”，并將其拖至“A2”軌道，然后將其“00:00:02:12”之前的部分剪掉，接著將其向左拖動(dòng)，使其起始點(diǎn)位于第0幀，最后將其剪至與視頻（包括品牌廣告語和標(biāo)志）等長(zhǎng)。步驟2在“效果”面板的“音頻過渡”→“交叉淡化”列表中選擇“指數(shù)淡化”效果，并將其拖至素材“配樂.mp3”的首端和末端，為該背景音樂設(shè)置淡入和淡出的效果。步驟3