新媒體營銷與運營課件 第3章

第3章

新媒體編輯學習目標了解新媒體圖片常用格式及圖片編輯工具，掌握GIF圖片制作方法；解短視頻剪輯工作內容及相關工具，掌握視頻剪輯的基本流程；新媒體內容設計、文字排版、圖片設計的設計思路、技巧及相關工具；掌媒體H5的制作方法。本章思維導圖案例導入伴隨著科技日新月異的發(fā)展，基于計算機網(wǎng)絡通信技術和互聯(lián)網(wǎng)技術的新媒體出現(xiàn)在人們的工作和生活中，并產生了很大影響。傳統(tǒng)的紙質媒體對于媒體編輯的要求大多局限于稿件文字的審核。而如今的媒體行業(yè)對新媒體編輯工作者提出了新的要求。筆者認為新媒體編輯一定要轉變自己的理念和工作模式，緊跟時代步伐，不斷學習新知識，擁有日益進取的創(chuàng)新精神，增強自身的綜合職業(yè)素養(yǎng)?；ヂ?lián)網(wǎng)飛速發(fā)展的新時代，作為新媒體編輯，一定要緊跟時代步伐，不停地學習新知識，對自身的職業(yè)定位有更清晰的認知。新媒體編輯必須是復合型人才—“多面手”“全能型”，熟悉采編業(yè)務，具有深厚的人文社科知識功底，掌握新媒體網(wǎng)絡傳播技能，對新技術敏感，挖掘新技術空間，為內容服務。在移動互聯(lián)網(wǎng)時代，中國傳媒業(yè)大變革正步入下半場，內容為王的思路正在回歸共識，新媒體編輯應將內容與用戶相連接，將優(yōu)質內容呈現(xiàn)出來不斷地吸引用戶，引發(fā)熱潮，擴大自身的知名度和品牌影響力。思考：1．傳統(tǒng)的紙質媒體編輯與新媒體編輯最大的區(qū)別在哪里？2．你認為新媒體編輯應該具備的基本技能有哪些？淺談新媒體編輯應具備的能力素養(yǎng)3.1圖片編輯常用的圖片格式JPEG格式BMP格式TIFF格式PNG格式GIF格式PSD格式3.1圖片編輯圖片素材網(wǎng)站圖片素材網(wǎng)站01．花瓣網(wǎng)07Pexels02．站酷網(wǎng)06iconfont03．視覺中國05．千圖網(wǎng)04．昵圖網(wǎng)3.1圖片編輯圖片編輯工具．美圖秀秀．CorelDRAW．光影魔術手．AdobeIllustrator．AdobePhotoshop3.1圖片編輯GIF圖片制作工具．ScreenToGif．AdobePhotoshop01023.2短視頻剪輯與制作什么是短視頻剪輯短視頻即短片視頻，是一種互聯(lián)網(wǎng)內容傳播方式，一般指時長在15秒到5分鐘的視頻；其以短平快、制作簡單、形式多元、傳播迅速、交互性強、營銷精準、銷售高效等特點獲得各大平臺、粉絲和資本的青睞。短視頻剪輯一般指的是非線性剪輯，主要把零碎的視頻進行精簡、組裝，并進行潤色，從而成為一個完整的視頻。短視頻剪輯是短視頻創(chuàng)作中的一個非常關鍵的環(huán)節(jié)，它不是單純的“剪”和“輯”，而是在主題背景之下進行的二次創(chuàng)作，優(yōu)秀的后期剪輯，對整個視頻可以達到錦上添花的效果。3.2短視頻剪輯與制作短視頻剪輯的工作內容B．按要求、腳本，以突出某主題內容為目的剪輯制作、增加刪減片段。D．音頻處理：為視頻拍攝素材添加背景音樂以及音效等。F．字幕處理：為視頻拍攝素材添加Logo、中外文字幕、說明字幕、修飾字幕、三維字幕、滾動字幕、掛角字幕等。H．短視頻封面制作A．視頻素材的整理。C．轉場效果制作：在編輯過程中為視頻拍攝素材加入轉場特效等。E．視頻調色：根據(jù)內容確定視頻色調風格，對前期素材進行一級和二級調色。G．片頭、片尾制作。I．輸出短視頻。0102030405060708093.2短視頻剪輯與制作短視頻剪輯工具vs1．手機剪輯工具2．計算機剪輯工具（1）剪映（2）VUE（3）不咕剪輯（4）iMovie（1）AdobePremiere（2）會聲會影（3）愛剪輯3.2短視頻剪輯與制作短視頻剪輯與制作實例【案例名稱】運用AdobePremiere2021制作動漫圖片欣賞視頻?！景咐龑W習目標】使用“交叉縮放”轉場切換制作圖像轉場效果?！景咐R要點】使用“Ctrl+C”和“Ctrl+V”復制并粘貼轉場效果，并添加音樂。動漫圖片欣賞視頻效果如圖所示。【效果所在位置】Ch03/動漫圖片欣賞視頻/動漫圖片欣賞視頻.prproj。動漫圖片欣賞視頻效果3.3圖文編輯排版新媒體內容設計1

計擬定標題前的注意事項一個好的文章標題，主要具有幾個方面的作用：提煉文章內容；引起瀏覽者閱讀欲望；增加點擊率、流量；為運營者贏得更多人氣。在滿足其作用的前提之下，從用戶利益角度去進行設計，如教授新知識、提供前沿信息、提供給用戶好處等，以此吸引用戶進行點擊。3標題寫作模式

2

標題創(chuàng)作原則①換位原則②新穎原則③收錄原則④關鍵詞組合原則新媒體內容標題設計3.3圖文編輯排版新媒體內容正文設計做新媒體運營，內容是重中之重，新媒體時代內容傳播有以下6個鮮明的特點：D．碎片閱讀C．隨機性強A．速度極快E．眾媒時代B．強互動性F．社交屬性3.3圖文編輯排版新媒體文字排版

文字字號及顏色若文字太小，容易讓用戶在習慣的閱讀距離內看不清文字；文字太大，有限的空間中無法表現(xiàn)更多的內容，會造成資源的浪費，因此，建議文字字號設置保持在14px～20px，推薦：標題16px、正文14px、標注12px。良好的文字顏色設計，能夠給閱讀者帶來優(yōu)良的閱讀體驗，一般來講，正文的文字顏色一般不超過三種，否則文章會顯得雜亂，應保持簡單、清新的文字風格。正文常用的顏色有#3f3f3f、#595959等；標注如引用內容、注釋、聲明等，一般用#888888、#a5a5a5等顏色。文字字號文字顏色3.3圖文編輯排版新媒體文字排版文字格式1．對齊方式文章的對齊方式一般采用左對齊或居中對齊，不同類型的文章采用不同的對齊方式。左對齊一般適用于深閱讀文章，如干貨類文章等，左對齊時一般不進行首行縮進，居中對齊一般適合淺閱讀文章，如娛樂型文章等。2．間距間距可以分為字間距、行間距以及段落間距。字間距即字與字之間的距離，一般設置為1px或2px能夠帶來較為舒適的閱讀體驗；行間距是每行文字之間的縱向間距；段間距是指段落與段落之間的距離，可根據(jù)段落方向分為段前距和段后距。3.3圖文編輯排版新媒體圖片設計1．封面圖設計不同平臺、不同內容的封面圖制作要求也不同，因此，在制作封面圖之前，需要了解具體的設計要求，如圖片尺寸、圖片大小、圖片比例等，隨后可使用各種工具軟件進行封面圖的制作。微博封面舉例公眾號首圖舉例3.3圖文編輯排版新媒體圖片設計2．長圖設計長圖是一個比較方便的內容發(fā)布形式，在新媒體內容設計中經常會用到，除應用專業(yè)平面設計軟件進行制作外，還可以直接運用在線工具制作。目前有很多在線制作長圖的工具，易企秀、圖怪獸等，功能類似，點擊創(chuàng)作作品即可制作，制作完成后可預覽、保存、生成長圖。長圖3.3圖文編輯排版新媒體圖片設計3．icon圖標設計icon是圖標文件，該圖標文件的擴展名為“.icon”。在交互設計中，icon圖標是專用于代表一個軟件的標志圖片格式，或者是一些系統(tǒng)收集的用于啟動軟件用的Logo。在新媒體運營中，icon圖標一般應用于公眾號文章或者海報說明頁中，作用是體現(xiàn)文章或者視頻的VI效果，使內容呈現(xiàn)統(tǒng)一的風格。在許多公眾號文章中我們往往會發(fā)現(xiàn)很多制作標準、風格統(tǒng)一的icon圖標。在這里，icon圖標相當于一個小標題，將文章內容分為很多個小節(jié)，使全部圖文有一個更加專業(yè)化的呈現(xiàn)。太陽icon圖標3.3圖文編輯排版新媒體圖片設計4．九宮圖設計九宮圖是由9個方格組成的一個圖形，這9個方格中的每一個方格都可以放置圖片，每格中的圖片可以是獨立的圖片，也可以由這9張圖片拼成一個完整的圖案。在新媒體運營中，可以運用九宮圖發(fā)揮很多創(chuàng)意，特別是以微博、微信為主的主流社交平臺均限制圖片上傳不能超過9張，但利用這9張圖片，運營者可以運用組合效果形成別具一格的創(chuàng)意。獨立圖片組成的九宮圖拼接而成的九宮圖3.3圖文編輯排版新媒體圖文排版平臺1．秀米秀米是一款專用于微信公眾號的文章編輯工具。秀米編輯器擁有很多原創(chuàng)模板，排版風格也很多樣化、個性化。秀米編輯器可以設計出專屬的文章排版風格；還內置了秀制作及圖文排版兩種制作模式，頁面模板及組件更豐富多樣。秀米3.3圖文編輯排版新媒體圖文排版平臺2．135編輯器135編輯器是一款在線圖文排版工具，于2014年9月上線運營，主要應用于微信文章、企業(yè)網(wǎng)站及論壇等多種平臺，支持秒刷、一鍵排版、全文配色、公眾號管理、微信變量回復、48小時群發(fā)、定時群發(fā)、云端草稿、文本校對等40多項功能與服務，使文章像拼積木一樣組合排版。135編輯器3.3圖文編輯排版新媒體圖文排版平臺3．i排版i排版是一款可以在計算機上對微信內容進行編輯排版以及美化的軟件。用戶通過軟件可輕松編輯適用于個人微信以及公眾號的內容。軟件方便簡單，支持全文編輯、實時預覽、一鍵樣式、一鍵添加簽名等。i排版3.3圖文編輯排版新媒體圖文排版平臺4．壹伴壹伴是微信公眾號平臺的插件，可以在壹伴官網(wǎng)下載，安裝好之后直接在微信公眾號平臺后臺排版，不需要跳轉網(wǎng)頁，就能一鍵修改字體、調整文字格式、編輯圖片、使用千款樣式素材。此外，使用壹伴的強大功能采集文章和圖片素材，查找文章配圖、無版權圖、表情包、GIF動圖，可以大大提高編輯效率。壹伴3.4H5設計H5的定義H5這個詞，來自“HTML5”，且是國內的專門稱呼。所謂“HTML5”，是指“HTML”的第5個版本，而“HTML”，則是指描述網(wǎng)頁的標準語言。因此，HTML5是第5個版本的“描述網(wǎng)頁的標準語言”。HTML5是Web中核心語言HTML的規(guī)范，用戶使用任何手段進行網(wǎng)頁瀏覽時看到的內容原本都是HTML格式的，在瀏覽器中通過一些技術處理將其轉換成了可識別的信息。HTML5在從前HTML4.01的基礎上進行了一定的改進，雖然技術人員在開發(fā)過程中可能不會將這些新技術投入應用，但是對于該種技術的新特性，網(wǎng)站開發(fā)技術人員是必須有所了解的。通俗地講，H5是一個網(wǎng)頁，就像一個很大的容器，里面可以放文本、圖片、音視頻等基本的流媒體格式的文件。3.4H5設計H5的作用．活動推廣．品牌傳播．產品展示3.4H5設計H5的類型視頻型H5技術型H5①全景/VR型H5②3D型H5③重力感應型H5④雙屏互動型H5②3場景型H5游戲型H5純信息展示型H51．按表現(xiàn)形式分類3.4H5設計H5的類型熱點型H5。節(jié)日型H5。情感型H5。測試型H5。IP型H5。2．按內容分類3.4H5設計常用的H5編輯工具1．易企秀操作簡單。功能較全。模板數(shù)量多。界面較清晰，容易理解。2．MAKA操作簡單易上手?；竟δ苋?。設計感強。2．MAKADIY程