Photoshop新媒體美工設(shè)計(jì)（視頻指導(dǎo)版）全套教案課件

初識(shí)新媒體美工《Photoshop新媒體美工設(shè)計(jì)》01目錄/Contents1.11.21.31.4認(rèn)識(shí)新媒體美工新媒體美工的工作流程實(shí)戰(zhàn)案例課后習(xí)題目錄/Contents1.1認(rèn)識(shí)新媒體美工1.1.1什么是新媒體美工1.1.2新媒體美工的技能要求1.1.3新媒體美工需要注意的問題1.1.1什么是新媒體美工1.1.2新媒體美工的技能要求敏銳的網(wǎng)感能力優(yōu)秀的創(chuàng)意能力熟練運(yùn)用軟件的能力1.1.3新媒體美工需要注意的問題注重圖片的品質(zhì)具有實(shí)用性分清展現(xiàn)內(nèi)容的主次明確設(shè)計(jì)的思路目錄/Contents1.11.21.31.4認(rèn)識(shí)新媒體美工新媒體美工的工作流程實(shí)戰(zhàn)案例課后習(xí)題目錄/Contents1.2新媒體美工的工作流程1.2.1明確設(shè)計(jì)目的1.2.2素材的搜集1.2.3素材的處理與整合1.2.1明確設(shè)計(jì)目的明確設(shè)計(jì)目的是進(jìn)行新媒體美工設(shè)計(jì)的前提條件，如果沒有明確的設(shè)計(jì)目的，那么設(shè)計(jì)出的效果將毫無意義。新媒體美工設(shè)計(jì)的目的是什么呢？主要是對(duì)商品進(jìn)行推廣、引流，或是樹立企業(yè)形象，以提高用戶對(duì)其的認(rèn)可度。在設(shè)計(jì)開始前，新媒體美工需要明確設(shè)計(jì)目的，以方便后續(xù)的設(shè)計(jì)與制作。1.2.2素材的搜集①圖片、視頻的搜集。圖片和視頻素材主要通過3種方式進(jìn)行獲取。網(wǎng)上搜集實(shí)物拍攝手繪②信息的搜集。商品的信息（品種規(guī)格、功能特點(diǎn)、質(zhì)量狀況、價(jià)格水平、能耗物耗、使用方法、維修方法、售后服務(wù)等）企業(yè)的信息（企業(yè)的組織結(jié)構(gòu)、企業(yè)文化、發(fā)展方向等）1.2.3素材的處理與整合當(dāng)完成了素材的搜集后，并不是所有的素材都能直接使用，還需對(duì)其進(jìn)行簡(jiǎn)單的處理，如圖片素材需要裁剪掉不需要的區(qū)域、修復(fù)污點(diǎn)、調(diào)整色調(diào)、摳取部分素材等，視頻素材則需要進(jìn)行剪輯與美化。1.2.3素材的處理與整合搜集好圖片素材后，可先對(duì)同類圖片素材進(jìn)行整合處理，并在設(shè)計(jì)時(shí)通過圖文的結(jié)合與版式布局，將多張素材圖片整合在一個(gè)畫面中，然后添加文案信息描述，使其融合在一起，這樣既美觀又能體現(xiàn)出設(shè)計(jì)的主題，如右圖所示。在進(jìn)行視頻的整合時(shí)，可將多個(gè)同類型的不同視頻通過剪輯整合到一起，可在其中添加音樂和文字來提升整個(gè)視頻的可讀性和趣味性，以吸引用戶觀看。目錄/Contents1.11.21.31.4認(rèn)識(shí)新媒體美工新媒體美工的工作流程實(shí)戰(zhàn)案例課后習(xí)題目錄/Contents1.3實(shí)戰(zhàn)案例1.3.1實(shí)戰(zhàn)：小年夜活動(dòng)海報(bào)的素材搜集與與整合1.3.2實(shí)戰(zhàn)：分析端午節(jié)素材處理前后的效果1.3.1實(shí)戰(zhàn)：小年夜活動(dòng)海報(bào)的素材搜集與整合實(shí)戰(zhàn)目標(biāo)本實(shí)戰(zhàn)將對(duì)小年夜活動(dòng)海報(bào)的素材進(jìn)行搜集與整合，先搜集契合“小年夜”主題的素材，并準(zhǔn)備相關(guān)文字，然后將其整合在一起形成活動(dòng)海報(bào)。1.3.1實(shí)戰(zhàn)：小年夜活動(dòng)海報(bào)的素材搜集與整合實(shí)戰(zhàn)思路搜集與新年有關(guān)的素材，包括燈籠、浮云、窗花形狀等。將燈籠、浮云、窗花等素材進(jìn)行整合，使其組成小年夜活動(dòng)海報(bào)背景。在背景中融入小年夜的相關(guān)文字，添加裝飾素材，如金箔。對(duì)文字與金箔素材進(jìn)行整合，完成后可發(fā)現(xiàn)整個(gè)效果不但美觀，而且新年氣息濃厚。1.3.2實(shí)戰(zhàn)：分析端午節(jié)素材處理前后的效果實(shí)戰(zhàn)目標(biāo)本實(shí)戰(zhàn)將對(duì)端午節(jié)素材處理前后的效果進(jìn)行對(duì)比分析，鞏固素材處理與畫面設(shè)計(jì)的相關(guān)知識(shí)。1.3.2實(shí)戰(zhàn)：分析端午節(jié)素材處理前后的效果實(shí)戰(zhàn)思路查看搜集到的端午節(jié)素材，可發(fā)現(xiàn)其整體效果比較暗沉、對(duì)比不夠強(qiáng)烈，若需要使用該素材，則需要先對(duì)其明暗度進(jìn)行調(diào)整。查看端午節(jié)素材處理后的效果，可發(fā)現(xiàn)圖片內(nèi)容主次分明，屬于高品質(zhì)的效果圖片。將處理后的素材運(yùn)用到Banner中，并添加文字，此時(shí)可發(fā)現(xiàn)整體效果較好，主體內(nèi)容明確，符合展現(xiàn)要求。目錄/Contents1.11.21.31.4認(rèn)識(shí)新媒體美工新媒體美工的工作流程實(shí)戰(zhàn)案例課后習(xí)題課后習(xí)題搜集、整理與旅行相關(guān)的素材并進(jìn)行整合要求最終畫面效果美觀，且符合“旅行”主題。謝謝觀看《Photoshop新媒體美工設(shè)計(jì)》&人民郵電出版社新媒體美工設(shè)計(jì)的基本原則《Photoshop新媒體美工設(shè)計(jì)》&人民郵電出版社02目錄/Contents2.12.22.32.4新媒體美工設(shè)計(jì)準(zhǔn)則新媒體美工設(shè)計(jì)的原則實(shí)戰(zhàn)案例課后習(xí)題目錄/Contents2.1新媒體美工設(shè)計(jì)準(zhǔn)則2.1.1了解用戶的需求2.1.2具備視覺創(chuàng)意2.1.3突出行業(yè)屬性2.1.1了解用戶的需求①通過互聯(lián)網(wǎng)和移動(dòng)互聯(lián)網(wǎng)了解用戶需求。新媒體美工可通過用戶的瀏覽習(xí)慣了解用戶的需求，從而有針對(duì)性地進(jìn)行設(shè)計(jì)。②通過第三方新媒體平臺(tái)了解用戶需求。新媒體美工還可借助第三方新媒體平臺(tái)中的數(shù)據(jù)進(jìn)行分析和研究，根據(jù)需求對(duì)內(nèi)容進(jìn)行設(shè)計(jì)，這樣設(shè)計(jì)出的效果更能滿足用戶的需求。2.1.2具備視覺創(chuàng)意在進(jìn)行新媒體的效果設(shè)計(jì)時(shí)，除了要滿足企業(yè)對(duì)設(shè)計(jì)的需求外，還要根據(jù)熱點(diǎn)、某個(gè)時(shí)間或是某個(gè)事物進(jìn)行創(chuàng)意性的設(shè)計(jì)，這樣設(shè)計(jì)出的效果才更具有吸引力，更能引起用戶的關(guān)注與瀏覽。創(chuàng)意來源于生活，在進(jìn)行設(shè)計(jì)時(shí)，常常會(huì)經(jīng)過調(diào)研、概念提取、策略推導(dǎo)、創(chuàng)意設(shè)計(jì)、實(shí)施執(zhí)行等步驟。其中，創(chuàng)意是提升設(shè)計(jì)效果的關(guān)鍵因素，只有具有品牌識(shí)別性、能提升用戶興趣的視覺創(chuàng)意，才是具有行銷力的創(chuàng)意設(shè)計(jì)。2.1.3突出行業(yè)屬性新媒體美工在進(jìn)行設(shè)計(jì)時(shí)，要先分析此企業(yè)、商品或需要展現(xiàn)內(nèi)容的行業(yè)屬性，選擇與行業(yè)屬性相對(duì)應(yīng)的素材或具有標(biāo)識(shí)性的行業(yè)設(shè)計(jì)元素，再進(jìn)行整體效果的制作，從而有效提高用戶的識(shí)別度。消費(fèi)者權(quán)益日開屏海報(bào)消費(fèi)者權(quán)益日開屏海報(bào)情人節(jié)相親大會(huì)海報(bào)目錄/Contents2.32.4實(shí)戰(zhàn)案例課后習(xí)題2.12.2新媒體美工設(shè)計(jì)準(zhǔn)則新媒體美工設(shè)計(jì)的原則目錄/Contents2.2新媒體美工設(shè)計(jì)的原則2.2.1統(tǒng)一識(shí)別2.2.2重復(fù)利用與簡(jiǎn)潔性2.2.3主次分明、中心突出2.2.4合理搭配色彩2.2.5合理運(yùn)用字體2.2.1統(tǒng)一識(shí)別新媒體設(shè)計(jì)所涉及的文字、圖形、色彩、布局等元素，在畫面中應(yīng)該呈現(xiàn)為相似的風(fēng)格。如在進(jìn)行小程序的界面設(shè)計(jì)時(shí)，小程序的封面、搜索頁、會(huì)員中心頁、宣傳頁等的整體設(shè)計(jì)風(fēng)格要保持一致或具有相似性，以打造具有產(chǎn)品自身特色的新媒體設(shè)計(jì)風(fēng)格，并與競(jìng)爭(zhēng)對(duì)手形成差異，易于用戶進(jìn)行區(qū)分。2.2.1統(tǒng)一識(shí)別設(shè)計(jì)前的統(tǒng)一識(shí)別是非常重要的，它影響著設(shè)計(jì)作品的整體設(shè)計(jì)風(fēng)格與傳遞給用戶的信息。只有結(jié)合企業(yè)文化、品牌形象等因素，打造出符合企業(yè)自身特征的設(shè)計(jì)風(fēng)格，才能提高設(shè)計(jì)的效率。同時(shí)，統(tǒng)一識(shí)別也加強(qiáng)了企業(yè)自身設(shè)計(jì)風(fēng)格對(duì)用戶的影響，有助于用戶形成對(duì)企業(yè)品牌的良好印象，能夠提升品牌形象。2.2.2重復(fù)利用與簡(jiǎn)潔性在進(jìn)行頁面、活動(dòng)促銷、界面設(shè)計(jì)時(shí)，為了便于識(shí)別和便于用戶的了解與查看，新媒體美工可以先設(shè)計(jì)一個(gè)統(tǒng)一的樣式，通過復(fù)制將其快速套用到其他區(qū)域中，然后修改其中不同的部分，或?qū)ζ鋬?nèi)部結(jié)構(gòu)進(jìn)行調(diào)整，使它們之間產(chǎn)生差異。2.2.2重復(fù)利用與簡(jiǎn)潔性簡(jiǎn)潔的設(shè)計(jì)可以幫助用戶集中注意力，促使更多的用戶閱讀與查看。一個(gè)好的設(shè)計(jì)作品，需要對(duì)用戶有吸引力，能提升用戶的興趣。在設(shè)計(jì)效果中展示一個(gè)單一的核心想法，是抓住用戶眼球、提升用戶興趣的較好方式。2.2.3主次分明、中心突出主次分明、中心突出是指對(duì)畫面中的新媒體設(shè)計(jì)元素進(jìn)行排列，并強(qiáng)調(diào)元素的主次關(guān)系。在新媒體設(shè)計(jì)中，有層次的展現(xiàn)設(shè)計(jì)元素非常重要，對(duì)色彩、字體、大小、造型等進(jìn)行設(shè)計(jì)，區(qū)分出畫面內(nèi)容的主次關(guān)系，在視覺上形成層次感。2.2.4合理搭配色彩①以色相環(huán)為基礎(chǔ)進(jìn)行配色。②以明度為基礎(chǔ)進(jìn)行配色。③以純度為基礎(chǔ)進(jìn)行配色。2.2.4合理搭配色彩運(yùn)用這些方法進(jìn)行色彩搭配時(shí)，還要結(jié)合企業(yè)或商品的定位、風(fēng)格，用戶的需求等進(jìn)行考慮。新媒體美工可以根據(jù)色彩帶給用戶的感受將其整理成適合自己的配色表格，方便以后配色使用，如柔和、華麗、穩(wěn)重、古典等感受。以緋紅色為例，按照紅色的濃淡程度，將其分為緋、緋紅、深緋、淺緋4種配色方案，每種配色方案所代表的感情色彩分別為華麗、大膽、威嚴(yán)、溫馨。2.2.5合理運(yùn)用字體同一個(gè)畫面中字體的種類最好保持在2～3種，否則會(huì)使畫面變得復(fù)雜，影響用戶對(duì)信息的接收。字體在畫面中一般可分為標(biāo)題字體和正文字體。標(biāo)題字體的文字?jǐn)?shù)量較少，但字形設(shè)計(jì)比較突出，用以快速吸引用戶的注意力。正文字體的文字?jǐn)?shù)量較多、占用面積較大、字形變化較小，更強(qiáng)調(diào)易讀性。目錄/Contents2.32.4實(shí)戰(zhàn)案例課后習(xí)題2.12.2新媒體美工設(shè)計(jì)準(zhǔn)則新媒體美工設(shè)計(jì)的原則目錄/Contents2.3實(shí)戰(zhàn)案例2.3.1實(shí)戰(zhàn)：賞析某天氣App的開屏界面2.3.2實(shí)戰(zhàn)：賞析Banner中的設(shè)計(jì)亮點(diǎn)2.3.1實(shí)戰(zhàn)：賞析某天氣App的開屏界面實(shí)戰(zhàn)目標(biāo)本實(shí)戰(zhàn)將賞析某天氣App的開屏界面，主要是對(duì)其設(shè)計(jì)原則和效果進(jìn)行賞析。2.3.1實(shí)戰(zhàn)：賞析某天氣App的開屏界面實(shí)戰(zhàn)思路從設(shè)計(jì)方式來講，3個(gè)開屏界面均采用了重復(fù)利用的設(shè)計(jì)原則，對(duì)不同的地點(diǎn)場(chǎng)景使用相同的表述方式，點(diǎn)明了需要表達(dá)的內(nèi)容。步驟02從設(shè)計(jì)標(biāo)準(zhǔn)來講，3個(gè)開屏界面都采用場(chǎng)景和詩句搭配的方式，來展現(xiàn)天氣信息，如帶有“大漠孤煙直，長(zhǎng)河落日?qǐng)A”詩句的開屏界面，在背景的選擇上則選擇的是沙漠的場(chǎng)景。2.3.2實(shí)戰(zhàn)：賞析Banner中的設(shè)計(jì)亮點(diǎn)實(shí)戰(zhàn)目標(biāo)本實(shí)戰(zhàn)將賞析裝修Banner效果，主要包括其設(shè)計(jì)亮點(diǎn)、設(shè)計(jì)原則的應(yīng)用賞析。2.3.2實(shí)戰(zhàn)：賞析Banner中的設(shè)計(jì)亮點(diǎn)實(shí)戰(zhàn)思路本例中的Banner主要是針對(duì)“裝修”進(jìn)行制作的，因此在背景的選擇上，以都市的樓房為背景；在布局上，以文字為中心。這樣不但主題內(nèi)容明確，而且更具有識(shí)別性。在色彩的搭配上，以黃色為主色，用不同純度的黃色進(jìn)行搭配，讓整體色調(diào)統(tǒng)一、美觀。在文字的運(yùn)用上，主體文字不但明確表明了內(nèi)容，而且主次分明、中心突出。目錄/Contents2.32.4實(shí)戰(zhàn)案例課后習(xí)題2.12.2新媒體美工設(shè)計(jì)準(zhǔn)則新媒體美工設(shè)計(jì)的原則課后習(xí)題（1）從設(shè)計(jì)原則和設(shè)計(jì)效果的角度出發(fā)，對(duì)4S店Banner進(jìn)行分析。課后習(xí)題（2）從設(shè)計(jì)亮點(diǎn)與設(shè)計(jì)原則的角度出發(fā)，對(duì)圖所示的不同系列的促銷海報(bào)進(jìn)行分析。謝謝觀看《Photoshop新媒體美工設(shè)計(jì)》&人民郵電出版社新媒體美工設(shè)計(jì)的基本要素《Photoshop新媒體美工設(shè)計(jì)》&人民郵電出版社03目錄/Contents3.13.23.33.4認(rèn)識(shí)圖形設(shè)計(jì)要素了解設(shè)計(jì)展現(xiàn)要素實(shí)戰(zhàn)案例——對(duì)H5頁面進(jìn)行鑒賞課后習(xí)題目錄/Contents3.1認(rèn)識(shí)圖形設(shè)計(jì)要素3.1.1點(diǎn)3.1.2線3.1.3面3.1.1點(diǎn)點(diǎn)是可見的最小的形式單元，具有凝聚視覺的作用，可以使畫面布局顯得合理、舒適、靈動(dòng)且富有沖擊力。點(diǎn)的表現(xiàn)形式豐富多樣，既包含圓點(diǎn)、方點(diǎn)、三角點(diǎn)等規(guī)則的點(diǎn)，又包含鋸齒點(diǎn)、雨點(diǎn)、泥點(diǎn)、墨點(diǎn)等不規(guī)則的點(diǎn)。點(diǎn)沒有規(guī)定的大小和形狀。畫面中越小的形體越容易給人點(diǎn)的感覺，如漫天的雪花、夜空中的星星、大海中的帆船和草原上的馬等。點(diǎn)既可以單獨(dú)存在于畫面之中，也可以組合成線或者面。3.1.2線線在視覺形態(tài)中可以用于表現(xiàn)長(zhǎng)度、寬度、位置、方向和性格，具有剛?cè)嵯酀?jì)、優(yōu)美和簡(jiǎn)潔的特點(diǎn)，常用于渲染畫面，引導(dǎo)、串聯(lián)或分割畫面要素。線分為水平線、垂直線、曲線、斜線。線的不同形態(tài)所表達(dá)的情感是不同的，直線單純、大氣、明確、莊嚴(yán)；曲線柔和流暢、優(yōu)雅靈動(dòng)；斜線活力四射，具有很強(qiáng)的視覺沖擊。3.1.3面幾何形是指有規(guī)律的易于被人們所識(shí)別、理解和記憶的圖形，包括圓形、矩形、三角形、菱形、多邊形等，以及由線條組成的不規(guī)則幾何要素。矩形給人帶來穩(wěn)重、厚實(shí)與規(guī)矩的感覺；圓形給人充實(shí)、柔和、圓滿的感覺；正三角形給人堅(jiān)實(shí)、穩(wěn)定的感覺；不規(guī)則幾何形狀給人時(shí)尚活力的感覺。①幾何形3.1.3面自由形來源于自然或靈感，比較灑脫、隨意，可以營(yíng)造出淳樸、生動(dòng)的視覺效果。自由形可以是表達(dá)設(shè)計(jì)者個(gè)人情感的各種手繪形，也可以是曲線彎曲形成的各種有機(jī)形，還可以是自然力形成的各種偶然形。②自由形目錄/Contents3.13.23.33.4認(rèn)識(shí)圖形設(shè)計(jì)要素了解設(shè)計(jì)展現(xiàn)要素實(shí)戰(zhàn)案例——對(duì)H5頁面進(jìn)行鑒賞課后習(xí)題目錄/Contents3.2了解設(shè)計(jì)展現(xiàn)要素3.2.1色彩3.2.2版式布局3.2.3文字3.2.1色彩1．構(gòu)成色彩的三要素——色相、明度、純度①色相。色彩是由光波波長(zhǎng)的長(zhǎng)短所決定的，而色相就是指這些不同波長(zhǎng)的色彩情況。③純度。純度（也叫飽和度）是指色彩的純凈或者鮮艷程度（下文統(tǒng)稱為飽和度）。飽和度越高，顏色越鮮艷，視覺沖擊力越強(qiáng)。②明度。明度是指色彩的明亮程度，即有色物體由于反射光量的區(qū)別而產(chǎn)生顏色的不同明暗強(qiáng)度。3.2.1色彩2．色彩的特性①色彩的情感性②色彩的象征性③色彩的強(qiáng)調(diào)性3.2.1色彩3．色彩的搭配與調(diào)整01OPTION02OPTION03OPTION①主色。主色是畫面中占用面積最大、最受矚目的色彩，它決定了整個(gè)畫面的風(fēng)格。主色不宜過多，一般控制在1～3種顏色，主色過多容易造成視覺疲勞。②輔助色。輔助色的占用面積略小于主色，是用于烘托主色的色彩。合理應(yīng)用輔助色能豐富畫面的色彩，使畫面效果更美觀、更有吸引力。③點(diǎn)綴色。點(diǎn)綴色是指畫面中占用面積小、色彩比較醒目的一種或多種色彩。合理應(yīng)用點(diǎn)綴色可以起到畫龍點(diǎn)睛的作用，使畫面主次更加分明、富有變化。3.2.1色彩3．色彩的搭配與調(diào)整色彩的搭配并不是隨心所欲的，而需要遵循一定的比例與流程。色彩搭配的黃金比例為“70:25:5”，其中，主色占總畫面的70%，輔助色占25%，而其他點(diǎn)綴色占5%。色彩搭配的流程為：首先根據(jù)畫面的布局選擇占用面積大的主色，然后根據(jù)主色選擇輔助色與點(diǎn)綴色，用它們來突出畫面的重點(diǎn)、平衡視覺效果。3.2.1色彩4．色彩的對(duì)比①色相對(duì)比。色相對(duì)比是指因色相的差別而形成的對(duì)比。②明度對(duì)比。明度對(duì)比是指利用色彩的明暗程度形成的對(duì)比。③純度對(duì)比。純度對(duì)比是指利用純度的強(qiáng)弱形成的對(duì)比。3.2.2版式布局①骨骼式布局②韻律式布局③流程式布局④放射式布局3.2.3文字1．文字的字體①黑體。黑體又稱方體或等線體，它沒有襯線裝飾，字形端莊，筆畫橫平豎直，筆跡粗細(xì)幾乎完全一致。黑體商業(yè)氣息濃厚，其“粗”的特點(diǎn)能夠滿足用戶對(duì)于文案字體“大”的要求，常用于表現(xiàn)陽剛、氣勢(shì)、端正等含義。常用黑體有方正黑體簡(jiǎn)體、方正大黑簡(jiǎn)體等。3.2.3文字1．文字的字體②宋體。宋體是比較傳統(tǒng)的字體，其字形較方正、纖細(xì)，結(jié)構(gòu)嚴(yán)謹(jǐn)，筆畫橫平豎直，末尾有裝飾。宋體給人一種秀氣端莊的感覺，其在保持極強(qiáng)筆畫韻律性的同時(shí)，能夠給用戶一種舒適醒目的感覺。宋體類的字體有很多，如華文系列宋體、方正雅宋系列宋體、漢儀系列宋體等。3.2.3文字1．文字的字體③楷體?？w是漢字字體中的一種，從隸書演變而來，是現(xiàn)行的漢字手寫正體字之一，具有既起收有序、筆筆分明、堅(jiān)實(shí)有力，又停而不斷、直而不僵、彎而不弱、流暢自然的特點(diǎn)。3.2.3文字1．文字的字體④書法體。書法體是指具有書法風(fēng)格的字體，主要包括隸書、行書、草書、篆書和楷書等類型的字體。書法體具有較強(qiáng)的文化底蘊(yùn)，其字形自由多變、頓挫有力，力量中摻雜著文化氣息，常用于表現(xiàn)古典文化等感覺。⑤藝術(shù)體。藝術(shù)體是指一些非常規(guī)的特殊印刷用字體，一般用于美化版面。其筆畫和結(jié)構(gòu)大都進(jìn)行了一些藝術(shù)化處理，常用于商品海報(bào)或模板的標(biāo)題部分，以提升海報(bào)或模板的藝術(shù)品味。3.2.3文字1．文字的字體⑥襯線體與無襯線體。襯線體容易識(shí)別，它強(qiáng)調(diào)了每個(gè)字母筆畫的開始和結(jié)束，因此易讀性比較強(qiáng)；無襯線體則比較醒目。在整文閱讀的情況下，適合使用襯線體進(jìn)行排版，它易于提高換行閱讀的識(shí)別性，以避免發(fā)生行間的閱讀錯(cuò)誤，如Didot、Bodoni、Century、ComputerModern等。無襯線體是指西文中沒有襯線的字體，與漢字字體中的黑體相對(duì)應(yīng)。與襯線體相反，該類字體通常是機(jī)械的和統(tǒng)一線條的，它們往往擁有相同的曲率、筆直的線條、銳利的轉(zhuǎn)角。AdobeJenson、Janson、Garamond等字體均屬于無襯線體。3.2.3文字1．文字的字體⑦手寫體。手寫體是一種使用硬筆或者軟筆純手工寫出的文字。這種手寫體文字，大小不一、形態(tài)各異，更具有美觀性，如方正靜蕾簡(jiǎn)體、葉根友字體、Kensington、ConnoisseursTypeface、BefindisaScriptFont等。3.2.3文字2．文字的設(shè)計(jì)原則①字體與畫面風(fēng)格相符②增強(qiáng)文字的可讀性③增強(qiáng)排版的美觀度2.2.5合理運(yùn)用字體同一個(gè)畫面中字體的種類最好保持在2～3種，否則會(huì)使畫面變得復(fù)雜，影響用戶對(duì)信息的接收。字體在畫面中一般可分為標(biāo)題字體和正文字體。標(biāo)題字體的文字?jǐn)?shù)量較少，但字形設(shè)計(jì)比較突出，用以快速吸引用戶的注意力。正文字體的文字?jǐn)?shù)量較多、占用面積較大、字形變化較小，更強(qiáng)調(diào)易讀性。目錄/Contents3.13.23.33.4認(rèn)識(shí)圖形設(shè)計(jì)要素了解設(shè)計(jì)展現(xiàn)要素實(shí)戰(zhàn)案例——對(duì)H5頁面進(jìn)行鑒賞課后習(xí)題3.3實(shí)戰(zhàn)案例——對(duì)H5頁面進(jìn)行鑒賞實(shí)戰(zhàn)目標(biāo)本實(shí)戰(zhàn)將對(duì)秋天音樂H5頁面進(jìn)行鑒賞，分析該頁面中的色彩、文字、版式布局技巧，并對(duì)其展現(xiàn)方式進(jìn)行闡述。3.3實(shí)戰(zhàn)案例——對(duì)H5頁面進(jìn)行鑒賞實(shí)戰(zhàn)思路觀察該H5頁面，可發(fā)現(xiàn)整個(gè)頁面均由幾何形的面組合而成，其畫面結(jié)構(gòu)統(tǒng)一、美觀。在色彩的選擇上，整個(gè)頁面多使用高飽和度的橙色和黃色，這些顏色是秋天的代表色，既具有柔和感又具有視覺沖擊力。在版式布局上，整個(gè)頁面采用骨骼式布局的方式，將內(nèi)容分為不同的模塊，以展示歌曲信息。其整體結(jié)構(gòu)簡(jiǎn)潔且方便觀看。在文字的選擇上，整個(gè)頁面主要選用黑體為主要字體，頁面的整體效果簡(jiǎn)明、美觀，更能引起用戶的瀏覽興趣。目錄/Contents3.13.23.33.4認(rèn)識(shí)圖形設(shè)計(jì)要素了解設(shè)計(jì)展現(xiàn)要素實(shí)戰(zhàn)案例——對(duì)H5頁面進(jìn)行鑒賞課后習(xí)題課后習(xí)題（1）兩張公眾號(hào)封面圖進(jìn)行鑒賞，分析它們的色彩、文字應(yīng)用技巧，并對(duì)它們的展現(xiàn)方式進(jìn)行闡述。課后習(xí)題（2）對(duì)圖所示的兩張活動(dòng)簡(jiǎn)章進(jìn)行鑒賞，分析它們的版式布局和文字選擇技巧，并對(duì)它們的展現(xiàn)方式進(jìn)行闡述。謝謝觀看《Photoshop新媒體美工設(shè)計(jì)》&人民郵電出版社新媒體美工文字設(shè)計(jì)《Photoshop新媒體美工設(shè)計(jì)》&人民郵電出版社04目錄/Contents4.14.24.34.4新媒體美工文字設(shè)計(jì)要求標(biāo)志文字設(shè)計(jì)海報(bào)文字設(shè)計(jì)封面文字設(shè)計(jì)4.5實(shí)戰(zhàn)案例4.6課后習(xí)題目錄/Contents4.1新媒體美工文字設(shè)計(jì)要求4.1.1文字要易于識(shí)別4.1.2文字要有層次感4.1.3文字要美觀4.1.1文字要易于識(shí)別在文字的組詞上，盡量使用用戶熟悉的詞匯與搭配方式，這樣不僅可以避免讓用戶過多地去思考其含義，還能防止用戶對(duì)文字產(chǎn)生誤解，從而便于用戶的識(shí)別。熟悉的詞匯與搭配方式4.1.1文字要易于識(shí)別在文字的設(shè)計(jì)上，為了整體效果的美觀性，往往會(huì)使用較為美觀的字體。但是這些字體并不一定便于識(shí)別，此時(shí)應(yīng)避免使用不常見的字體，因?yàn)檫@些缺乏識(shí)別性的字體可能會(huì)讓用戶難以理解其中的文字信息。左圖雖然字體美觀，但是其文字展現(xiàn)不夠分明，不便于識(shí)別，而右圖則相對(duì)來說更便于識(shí)別。熟悉的詞匯與搭配方式4.1.2文字要有層次感在新媒體的設(shè)計(jì)中，文字的設(shè)計(jì)并非是簡(jiǎn)單的堆砌，而是有層次的，通常按重要程度設(shè)置文字的顯示級(jí)別，重點(diǎn)內(nèi)容著重顯示，其他內(nèi)容則根據(jù)其重要程度進(jìn)行級(jí)別的劃分。有層次感的文字可以引導(dǎo)用戶瀏覽文字內(nèi)容的順序。新媒體美工在進(jìn)行文字的編排時(shí)，可利用字體、粗細(xì)、大小與顏色的對(duì)比來設(shè)計(jì)文本的顯示級(jí)別。4.1.3文字要美觀在設(shè)計(jì)時(shí)，一般會(huì)選擇2～3種匹配度高的字體進(jìn)行展現(xiàn)。字體過多會(huì)顯得零亂且缺乏整體感，不僅容易使用戶產(chǎn)生視覺疲勞，還不具備美觀性。因此，在文字的設(shè)計(jì)過程中，可考慮將文字加粗、變細(xì)、拉長(zhǎng)、壓扁等來變化文字，從而產(chǎn)生豐富的視覺效果；也可在文字中添加素材，以提升其美觀度。目錄/Contents4.14.24.34.4新媒體美工文字設(shè)計(jì)要求標(biāo)志文字設(shè)計(jì)海報(bào)文字設(shè)計(jì)封面文字設(shè)計(jì)4.5實(shí)戰(zhàn)案例4.6課后習(xí)題目錄/Contents4.2標(biāo)志文字設(shè)計(jì)4.2.1文字在企業(yè)標(biāo)志中的重要性4.2.2標(biāo)志文字的設(shè)計(jì)要點(diǎn)4.2.3制作標(biāo)志文字4.2.1文字在企業(yè)標(biāo)志中的重要性生動(dòng)的標(biāo)志可以反映出企業(yè)的文化內(nèi)涵，提升企業(yè)的整體形象。在對(duì)企業(yè)標(biāo)志進(jìn)行設(shè)計(jì)時(shí)，新媒體美工需要結(jié)合企業(yè)的具體情況，根據(jù)企業(yè)自身的文化特點(diǎn)和營(yíng)銷理念進(jìn)行設(shè)計(jì)，以達(dá)到表達(dá)企業(yè)產(chǎn)品特征的目的。而將文字作為重要元素融入企業(yè)標(biāo)志設(shè)計(jì)中，不但能提升標(biāo)志的識(shí)別度，而且能提升標(biāo)志的美觀性。4.2.2標(biāo)志文字的設(shè)計(jì)要點(diǎn)②數(shù)字的設(shè)計(jì)要點(diǎn)③字母的設(shè)計(jì)要點(diǎn)①漢字的設(shè)計(jì)要點(diǎn)將數(shù)字元素運(yùn)用到標(biāo)志中，不僅能提升用戶的新奇感，還能提升整個(gè)畫面的趣味性，在設(shè)計(jì)時(shí)可在其中添加不同的形狀，以提升整個(gè)畫面的視覺感。在設(shè)計(jì)時(shí)標(biāo)志中的字母造型必須保留傳統(tǒng)標(biāo)準(zhǔn)字體中的主要形象特征，要易于辨認(rèn)與閱讀，因?yàn)樽帜溉匀痪邆湮淖值膫鬟_(dá)功能，并且具備簡(jiǎn)略、易記、醒目的特點(diǎn)。在設(shè)計(jì)上改變筆畫效果，或是對(duì)字形進(jìn)行修改與提煉，找到字形與需傳達(dá)信息之間的關(guān)系，這樣制作出的文字不但美觀，而且更有意義。4.2.3制作標(biāo)志文字123設(shè)置新建文檔的參數(shù)填充前景色繪制形狀并填充背景色4.2.3制作標(biāo)志文字456輸入“SUMMER”文字傾斜文字變形文字8910繪制形狀并填充顏色輸入文字完成后的效果7調(diào)整文字的大小和長(zhǎng)度目錄/Contents4.14.24.34.4新媒體美工文字設(shè)計(jì)要求標(biāo)志文字設(shè)計(jì)海報(bào)文字設(shè)計(jì)封面文字設(shè)計(jì)4.5實(shí)戰(zhàn)案例4.6課后習(xí)題目錄/Contents4.3海報(bào)文字設(shè)計(jì)4.3.1海報(bào)文字的設(shè)計(jì)要點(diǎn)4.3.2制作海報(bào)文字4.3.1海報(bào)文字的設(shè)計(jì)要點(diǎn)文字相對(duì)于圖形，在傳達(dá)上更加直接。在海報(bào)設(shè)計(jì)中可通過文字的大小變換、正反倒轉(zhuǎn)、上下錯(cuò)位、字體混用、傾斜展現(xiàn)、虛實(shí)變換等編排方式構(gòu)建出多角度的視覺效果，營(yíng)造出活潑、安靜或嚴(yán)肅等感情氛圍。此外，文字不僅能表述信息，還能傳達(dá)視覺效果。4.3.1海報(bào)文字的設(shè)計(jì)要點(diǎn)左右對(duì)齊式左對(duì)齊或右對(duì)齊式中心對(duì)齊式視覺排列式文字繞圖式4.3.2制作海報(bào)文字123打開素材輸入文字添加變形效果4.3.2制作海報(bào)文字456創(chuàng)建路徑調(diào)整文字的大小和顏色添加圖標(biāo)4.3.2制作海報(bào)文字7繪制定界框并輸入段落文本8更改文字顏色9繪制虛線4.3.2制作海報(bào)文字10輸入段落文本11創(chuàng)建文字選區(qū)12完成后的效果目錄/Contents4.14.24.34.4新媒體美工文字設(shè)計(jì)要求標(biāo)志文字設(shè)計(jì)海報(bào)文字設(shè)計(jì)封面文字設(shè)計(jì)4.5實(shí)戰(zhàn)案例4.6課后習(xí)題目錄/Contents4.4海報(bào)文字設(shè)計(jì)4.4.1封面文字的設(shè)計(jì)要點(diǎn)4.4.2制作視頻封面文字4.4.1封面文字的設(shè)計(jì)要點(diǎn)朋友圈封面因其界面較小，而營(yíng)銷性較低。微信封面文字常用于對(duì)某事件的宣傳、某節(jié)氣的展現(xiàn)，以及簡(jiǎn)單的自我展示。①朋友圈封面文字4.4.1封面文字的設(shè)計(jì)要點(diǎn)該封面包含了小程序的Logo、背景、名稱和描述性文字。其中的描述性文字要求言簡(jiǎn)意賅并且能精準(zhǔn)描述小程序的內(nèi)容，在字?jǐn)?shù)上要保持在12～14個(gè)文字內(nèi)，不要過多，不然會(huì)使得頁面繁雜。在文字的選擇上，可通過顏色加粗的方式，對(duì)重點(diǎn)內(nèi)容進(jìn)行重點(diǎn)顯示。②小程序轉(zhuǎn)發(fā)封面文字4.4.1封面文字的設(shè)計(jì)要點(diǎn)公眾號(hào)文章封面的主要作用是吸引用戶瀏覽。因此，在對(duì)其文字進(jìn)行設(shè)計(jì)時(shí)，注意文字要具有吸引力，將文字和圖片的搭配使用，以引起用戶的興趣，從而進(jìn)入文章進(jìn)行瀏覽。在文字的選擇上，可使用醒目的字體，或是對(duì)字體進(jìn)行美化，使其更具有吸引力。③公眾號(hào)文章封面文字4.4.1封面文字的設(shè)計(jì)要點(diǎn)在進(jìn)行視頻封面文字的制作時(shí)，要體現(xiàn)出視頻的主要內(nèi)容，可通過加粗、描邊等來達(dá)到突出重點(diǎn)的目的，也可通過帶有疑問的話語、對(duì)某時(shí)間的闡述，來提升用戶的好奇心，從而使其點(diǎn)入視頻進(jìn)行觀看。④視頻封面文字4.4.2制作視頻封面文字123打開素材繪制矩形繪制其他顏色的矩形456創(chuàng)建剪貼蒙版輸入文字繪制大矩形4.4.2制作視頻封面文字789繪制虛線輸入說明性文字繪制矩形1011輸入“趣味”文字旋轉(zhuǎn)形狀與文字目錄/Contents4.14.24.34.4新媒體美工文字設(shè)計(jì)要求標(biāo)志文字設(shè)計(jì)海報(bào)文字設(shè)計(jì)封面文字設(shè)計(jì)4.5實(shí)戰(zhàn)案例4.6課后習(xí)題4.5.1實(shí)戰(zhàn)：制作青禾標(biāo)志文字實(shí)戰(zhàn)目標(biāo)本實(shí)戰(zhàn)將制作青禾標(biāo)志文字。該企業(yè)主要是針對(duì)綠植的養(yǎng)殖和景觀的布置，因此綠色、清新是該企業(yè)的主題。本例在制作青禾標(biāo)志文字時(shí)，先設(shè)計(jì)青禾標(biāo)志，然后輸入文字并對(duì)文字格式進(jìn)行設(shè)置，使整個(gè)標(biāo)志不但美觀，而且自然、清新。4.5.1實(shí)戰(zhàn)：制作青禾標(biāo)志文字實(shí)戰(zhàn)思路12繪制形狀設(shè)置圖層混合模式涂抹形狀34繪制反光效果4.5.1實(shí)戰(zhàn)：制作青禾標(biāo)志文字實(shí)戰(zhàn)思路56繪制另一片樹葉繪制苗牙完成后的效果74.5.2實(shí)戰(zhàn)：制作公眾號(hào)封面文字實(shí)戰(zhàn)目標(biāo)本實(shí)戰(zhàn)將制作主題為“面試為何一直被拒？”的公眾號(hào)的封面，在文字的設(shè)計(jì)上主要對(duì)放大的文字和縮小的文字進(jìn)行對(duì)比，使封面層次明確，達(dá)到吸引用戶瀏覽的目的。4.5.2實(shí)戰(zhàn)：制作公眾號(hào)封面文字實(shí)戰(zhàn)思路12繪制形狀繪制矩形添加素材345輸入文字完成后的效果目錄/Contents4.14.24.34.4新媒體美工文字設(shè)計(jì)要求標(biāo)志文字設(shè)計(jì)海報(bào)文字設(shè)計(jì)封面文字設(shè)計(jì)4.5實(shí)戰(zhàn)案例4.6課后習(xí)題課后習(xí)題本習(xí)題要求打開“公眾號(hào)封面.psd”素材，在其中進(jìn)行文字的輸入，完成后的效果。謝謝觀看《Photoshop新媒體美工設(shè)計(jì)》&人民郵電出版社新媒體美工圖片設(shè)計(jì)《Photoshop新媒體美工設(shè)計(jì)》&人民郵電出版社05目錄/Contents5.15.25.35.4新媒體美工圖片設(shè)計(jì)要求開屏廣告圖設(shè)計(jì)Banner設(shè)計(jì)實(shí)戰(zhàn)案例5.4課后習(xí)題目錄/Contents5.1新媒體美工圖片設(shè)計(jì)要求5.1.1圖片的素材要求5.1.2圖片的設(shè)計(jì)要求5.1.1圖片的素材要求1．保證圖片的清晰度2．圖片素材要與內(nèi)容相關(guān)聯(lián)3．注重圖片的質(zhì)感5.1.2圖片的設(shè)計(jì)要求①圖片色彩要對(duì)題、簡(jiǎn)練、主次分明。②圖片構(gòu)圖要全面，視覺導(dǎo)向要清晰。③圖片要適應(yīng)短時(shí)間記憶。目錄/Contents5.15.25.35.4新媒體美工圖片設(shè)計(jì)要求開屏廣告圖設(shè)計(jì)Banner設(shè)計(jì)實(shí)戰(zhàn)案例5.4課后習(xí)題目錄/Contents5.2開屏廣告圖設(shè)計(jì)5.2.1開屏廣告的特點(diǎn)5.2.2開屏廣告的類別5.2.3制作開屏廣告圖5.2.1開屏廣告的特點(diǎn)①整屏顯示。②位置的優(yōu)質(zhì)性。③針對(duì)性強(qiáng)。④強(qiáng)制性曝光。5.2.2開屏廣告的類別1．按照廣告位尺寸劃分AB①全屏式開屏廣告。全屏式開屏廣告是一種整體性的，能給用戶帶來沉浸式體驗(yàn)的廣告形式。②底部保留式開屏廣告。底部保留式開屏廣告是指在開屏廣告的底部保留一定的尺寸，用于投放App、Logo以及宣傳語，以達(dá)到增加App曝光度的目的。5.2.2開屏廣告的類別2．按照廣告目的劃分除了可按照廣告位尺寸進(jìn)行劃分外，還可按照廣告目的對(duì)開屏廣告進(jìn)行劃分，如App下載、活動(dòng)宣傳、活動(dòng)咨詢、節(jié)日展現(xiàn)等。5.2.3制作開屏廣告圖123繪制正圓繪制形狀繪制其他形狀4繪制傾斜的直線段5.2.3制作開屏廣告圖567繪制矩形變形矩形繪制其他矩形5.2.3制作開屏廣告圖8910繪制其他矩形設(shè)置圖層混合模式和不透明度添加圖層蒙版11輸入并調(diào)整文字5.2.3制作開屏廣告圖121314添加并調(diào)整素材調(diào)整色調(diào)輸入并調(diào)整文字15完成后的效果目錄/Contents5.15.25.35.4新媒體美工圖片設(shè)計(jì)要求開屏廣告圖設(shè)計(jì)Banner設(shè)計(jì)實(shí)戰(zhàn)案例5.4課后習(xí)題目錄/Contents5.3

Banner設(shè)計(jì)5.3.1Banner的設(shè)計(jì)要點(diǎn)5.3.2制作橫幅廣告Banner5.3.1Banner的設(shè)計(jì)要點(diǎn)1．主題在進(jìn)行Banner設(shè)計(jì)前需要先明確設(shè)計(jì)主題。Banner中的主題選擇都需要圍繞一個(gè)方向并通過商品和文字來體現(xiàn)。將活動(dòng)內(nèi)容提煉成簡(jiǎn)潔的文字，再將其放在Banner的第一視覺點(diǎn)上，能夠讓用戶直觀地看到企業(yè)想要展現(xiàn)的內(nèi)容。在編輯文字時(shí)，字體不要超過3種，建議用稍大或個(gè)性化的字體來突出主題的內(nèi)容。5.3.1Banner的設(shè)計(jì)要點(diǎn)2．構(gòu)圖①左右構(gòu)圖②左中右三分構(gòu)圖③上下構(gòu)圖④斜切構(gòu)圖5.3.1Banner的設(shè)計(jì)要點(diǎn)3．配色Banner不僅需要進(jìn)行主題和構(gòu)圖的選擇，還需要進(jìn)行色彩的搭配。在配色時(shí)，重要的文字信息用突出醒目的顏色進(jìn)行強(qiáng)調(diào)，通過明暗對(duì)比以及不同顏色的搭配來確定對(duì)應(yīng)的風(fēng)格，并且背景的顏色應(yīng)該統(tǒng)一，不要使用太多的顏色，以免頁面雜亂。5.3.2制作橫幅廣告Banner123填充前景色繪制形狀繪制并傾斜矩形456繪制直線復(fù)制形狀添加星星形狀5.3.2制作橫幅廣告Banner789繪制多邊形繪制其他多邊形添加素材101112輸入文字添加投影和傾斜文字完成后的效果2.2.5合理運(yùn)用字體同一個(gè)畫面中字體的種類最好保持在2～3種，否則會(huì)使畫面變得復(fù)雜，影響用戶對(duì)信息的接收。字體在畫面中一般可分為標(biāo)題字體和正文字體。標(biāo)題字體的文字?jǐn)?shù)量較少，但字形設(shè)計(jì)比較突出，用以快速吸引用戶的注意力。正文字體的文字?jǐn)?shù)量較多、占用面積較大、字形變化較小，更強(qiáng)調(diào)易讀性。目錄/Contents5.15.25.35.4新媒體美工圖片設(shè)計(jì)要求開屏廣告圖設(shè)計(jì)Banner設(shè)計(jì)實(shí)戰(zhàn)案例5.4課后習(xí)題目錄/Contents5.4實(shí)戰(zhàn)案例5.4.1實(shí)戰(zhàn)：制作閱讀App開屏廣告

5.4.2實(shí)戰(zhàn)：制作年貨節(jié)宣傳Banner5.4.1實(shí)戰(zhàn)：制作閱讀App開屏廣告實(shí)戰(zhàn)目標(biāo)本實(shí)戰(zhàn)將制作閱讀App的全屏式開屏廣告，該廣告主要是推廣自己的App應(yīng)用，以達(dá)到增加新用戶的目的。在制作時(shí)以“閱讀養(yǎng)心”為主題，在設(shè)計(jì)上采用淺灰色為主色，用翻書的場(chǎng)景來體現(xiàn)閱讀的趣味性，再通過“恬淡虛無精神內(nèi)守”等文字將古韻感體現(xiàn)出來，整體效果不但更具有吸引力，而且迎合“閱讀養(yǎng)心”主題。5.4.1實(shí)戰(zhàn)：制作閱讀App開屏廣告124添加素材添加圖層蒙版輸入其他文字實(shí)戰(zhàn)思路3繪制圓并輸入文字5完成后的效果5.4.2實(shí)戰(zhàn)：制作年貨節(jié)宣傳Banner實(shí)戰(zhàn)目標(biāo)本實(shí)戰(zhàn)將制作以“年終囤貨”為主題的年貨節(jié)宣傳Banner，在制作時(shí)以黃色為背景色，用三角形確定Banner的中心點(diǎn)，再將Banner宣傳內(nèi)容居中顯示，便于用戶查看。5.4.2實(shí)戰(zhàn)：制作年貨節(jié)宣傳Banner124添加素材繪制三角形添加三角形狀素材實(shí)戰(zhàn)思路3收縮三角形568添加漸變背景素材繪制形狀輸入“終囤貨節(jié)”文字7輸入“年”文字5.4.2實(shí)戰(zhàn)：制作年貨節(jié)宣傳Banner91012輸入“熱賣商品_＿”文字繪制形狀完成后的效果實(shí)戰(zhàn)思路11輸入“點(diǎn)擊查看GO”文字目錄/Contents5.15.25.35.4新媒體美工圖片設(shè)計(jì)要求開屏廣告圖設(shè)計(jì)Banner設(shè)計(jì)實(shí)戰(zhàn)案例5.4課后習(xí)題課后習(xí)題（1）本習(xí)題將制作以世界微笑日為主題的開屏廣告，在制作時(shí)以橙色、黃色為主色，用微笑的形狀點(diǎn)明主題，再在下方通過文字進(jìn)行說明，讓主題內(nèi)容更加明確。本習(xí)題將打開“語文數(shù)學(xué)培訓(xùn)課Banner素材.psd”素材進(jìn)行語文數(shù)學(xué)培訓(xùn)課Banner的制作，在制作時(shí)用“+、-、×、÷、鉛筆、圓規(guī)”等素材，來點(diǎn)明培訓(xùn)內(nèi)容，再通過文字點(diǎn)明主題。謝謝觀看《Photoshop新媒體美工設(shè)計(jì)》&人民郵電出版社新媒體美工視頻設(shè)計(jì)《Photoshop新媒體美工設(shè)計(jì)》&人民郵電出版社06目錄/Contents6.16.26.36.4視頻的基礎(chǔ)知識(shí)視頻的制作實(shí)戰(zhàn)案例——制作汽車宣傳視頻課后習(xí)題目錄/Contents6.1視頻的基礎(chǔ)知識(shí)6.1.1視頻的特點(diǎn)6.1.2常見視頻類別6.1.3視頻的定位6.1.4視頻的拍攝6.1.1視頻的特點(diǎn)視頻是一種互聯(lián)網(wǎng)內(nèi)容傳播方式，是能夠給人帶來更為直觀的感受的一種表達(dá)形式。在新媒體中，視頻常通過短視頻的形式進(jìn)行展現(xiàn)。6.1.2常見視頻類別1．從內(nèi)容表現(xiàn)形式上劃分宣傳視頻活動(dòng)視頻商品視頻6.1.2常見視頻類別2．從制作方式上劃分①短片視頻②微電影短片視頻是指由多個(gè)系列短片組合而成，短片與短片緊密聯(lián)系，以此構(gòu)成一個(gè)完整的故事的視頻形式。一般而言，系列短片可以分為兩種，即系列廣告和微劇集。微電影即微型電影，又稱微影，是互聯(lián)網(wǎng)時(shí)代下新興的一種電影形式，具有內(nèi)容短小精悍、制作成本低、互動(dòng)性強(qiáng)和投放精準(zhǔn)等特點(diǎn)。6.1.3視頻的定位市場(chǎng)定位內(nèi)容定位風(fēng)格定位用戶定位標(biāo)題定位6.1.4視頻的拍攝1．視頻拍攝的要求合理運(yùn)用拍攝視角合理掌控拍攝時(shí)間保持畫面水平保持畫面穩(wěn)定6.1.4視頻的拍攝2．視頻拍攝的流程（1）了解拍攝視頻的類型在拍攝視頻前需要對(duì)拍攝視頻的類型進(jìn)行了解，如是拍攝商品視頻、企業(yè)宣傳視頻、品牌推廣視頻，還是拍攝微電影。只有對(duì)拍攝視頻的類型有所了解后，才能對(duì)道具和場(chǎng)景等進(jìn)行準(zhǔn)備，然后根據(jù)拍攝視頻的類型來選擇拍攝的器材和布光等。6.1.4視頻的拍攝2．視頻拍攝的流程（2）道具、模特與場(chǎng)景的準(zhǔn)備01OPTION02OPTION03OPTION①道具。視頻拍攝可選擇的道具種類很多，具體可根據(jù)實(shí)際需要進(jìn)行選擇。②模特。不同類型的視頻對(duì)模特的需求不同，因此應(yīng)根據(jù)視頻的需求選擇模特。因?yàn)槟Ｌ厥菫橐曨l內(nèi)容服務(wù)的，所以不能出現(xiàn)主次不分的情況。③場(chǎng)景。拍攝的場(chǎng)景包括室內(nèi)場(chǎng)景和室外場(chǎng)景。室內(nèi)場(chǎng)景需要考慮燈光、背景和布局等；而室外拍攝時(shí)需要選擇一個(gè)合適的環(huán)境，避免在人物繁雜的環(huán)境中進(jìn)行拍攝。6.1.4視頻的拍攝2．視頻拍攝的流程（3）視頻拍攝多個(gè)角度進(jìn)行拍攝圍繞主體拍攝細(xì)節(jié)的刻畫6.1.4視頻的拍攝2．視頻拍攝的流程（4）后期合成視頻拍攝完成后，需要將拍攝的主體部分進(jìn)行多場(chǎng)景的組合；還需根據(jù)要求添加字幕、音頻、轉(zhuǎn)場(chǎng)和特效等，這些操作需要用視頻編輯軟件完成。常用的視頻編輯軟件包括會(huì)聲會(huì)影、AdobePremiere、快剪輯等。目錄/Contents6.16.26.36.4視頻的基礎(chǔ)知識(shí)視頻的制作實(shí)戰(zhàn)案例——制作汽車宣傳視頻課后習(xí)題

目錄/Contents6.2視頻的制作6.2.1制作企業(yè)宣傳視頻6.2.2制作商品展示視頻6.2.1制作企業(yè)宣傳視頻123選擇工作模式添加視頻素材添加素材到時(shí)間軸中6.2.1制作企業(yè)宣傳視頻456選擇字幕樣式調(diào)整文字的顯示時(shí)間和位置輸入字幕內(nèi)容6.2.1制作企業(yè)宣傳視頻789選擇字體樣式選擇顏色效果輸入字幕內(nèi)容6.2.1制作企業(yè)宣傳視頻101112設(shè)置后的字體效果添加轉(zhuǎn)場(chǎng)到時(shí)間軸中調(diào)整轉(zhuǎn)場(chǎng)時(shí)間6.2.1制作企業(yè)宣傳視頻131415選擇字幕樣式添加轉(zhuǎn)場(chǎng)到時(shí)間軸中添加其他文字并復(fù)制視頻6.2.1制作企業(yè)宣傳視頻161718添加濾鏡打開標(biāo)志單擊“保存導(dǎo)出”按鈕6.2.1制作企業(yè)宣傳視頻192021設(shè)置保存路徑輸入標(biāo)題名稱導(dǎo)出視頻6.2.1制作企業(yè)宣傳視頻22設(shè)置保存路徑6.2.2制作商品展示視頻123添加素材編輯視頻片段繪制箭頭形狀并設(shè)置其持續(xù)時(shí)間6.2.2制作商品展示視頻456選擇字幕樣式輸入文字并設(shè)置其持續(xù)時(shí)間繪制箭頭形狀并設(shè)置其持續(xù)時(shí)間6.2.2制作商品展示視頻789選擇字幕樣式并修改文字選擇字幕樣式并修改文字修改文字與文字的持續(xù)時(shí)間6.2.2制作商品展示視頻101112修改文字與文字的持續(xù)時(shí)間選擇字幕樣式并修改文字設(shè)置箭頭的持續(xù)時(shí)間6.2.2制作商品展示視頻1314選擇字幕樣式并修改文字添加字幕后的其他效果6.2.2制作商品展示視頻1516導(dǎo)入并分割音效素材設(shè)置音效效果目錄/Contents6.16.26.36.4視頻的基礎(chǔ)知識(shí)視頻的制作實(shí)戰(zhàn)案例——制作汽車宣傳視頻課后習(xí)題6.3實(shí)戰(zhàn)案例——制作汽車宣傳視頻實(shí)戰(zhàn)目標(biāo)本實(shí)戰(zhàn)將制作汽車宣傳視頻。該視頻的前面將對(duì)汽車使用人群進(jìn)行展現(xiàn)，然后對(duì)汽車的零部件等進(jìn)行展現(xiàn)。該視頻不僅能展現(xiàn)汽車的性能，還能達(dá)到宣傳的目的。在制作時(shí)先添加描述文字，再添加背景音樂。6.3實(shí)戰(zhàn)案例——制作汽車宣傳視頻12選擇工作模式添加汽車Logo素材實(shí)戰(zhàn)思路3添加轉(zhuǎn)場(chǎng)后的效果6.3實(shí)戰(zhàn)案例——制作汽車宣傳視頻45選擇字幕樣式輸入文字實(shí)戰(zhàn)思路6選擇字幕樣式6.3實(shí)戰(zhàn)案例——制作汽車宣傳視頻78輸入其他文字選擇摳圖樣式實(shí)戰(zhàn)思路9摳圖設(shè)置6.3實(shí)戰(zhàn)案例——制作汽車宣傳視頻1011導(dǎo)入音效素材分割音效素材實(shí)戰(zhàn)思路12調(diào)整音效效果6.3實(shí)戰(zhàn)案例——制作汽車宣傳視頻13144設(shè)置保存路徑輸入標(biāo)題名稱實(shí)戰(zhàn)思路15導(dǎo)出視頻目錄/Contents6.16.26.36.4視頻的基礎(chǔ)知識(shí)視頻的制作實(shí)戰(zhàn)案例——制作汽車宣傳視頻課后習(xí)題課后習(xí)題（1）本習(xí)題將拍攝一組童裝的視頻。可先拍攝模特穿著童裝的效果，營(yíng)造出一種活潑、歡快的氛圍，再單獨(dú)展示童裝的材質(zhì)與工藝。要求對(duì)布料特征、無縫縫制、色彩繽紛等賣點(diǎn)進(jìn)行展現(xiàn)。課后習(xí)題（2）本習(xí)題將制作果蔬面粉的視頻。在制作時(shí)要求將面粉的使用場(chǎng)景和制作氛圍體現(xiàn)出來，并通過文字介紹，體現(xiàn)出面粉的賣點(diǎn)，然后添加音樂，以增加用戶瀏覽量。謝謝觀看《Photoshop新媒體美工設(shè)計(jì)》&人民郵電出版社微信平臺(tái)設(shè)計(jì)《Photoshop新媒體美工設(shè)計(jì)》&人民郵電出版社07目錄/Contents7.17.27.37.4微信賬號(hào)頭像設(shè)計(jì)朋友圈設(shè)計(jì)微信公眾號(hào)推文設(shè)計(jì)微信小程序設(shè)計(jì)7.5實(shí)戰(zhàn)案例——制作圖書公眾號(hào)推文封面7.6課后習(xí)題7.1微信賬號(hào)頭像設(shè)計(jì)123繪制正圓繪制小貓形狀輸入“meow”文字4完成后的效果目錄/Contents7.17.27.37.4微信賬號(hào)頭像設(shè)計(jì)朋友圈設(shè)計(jì)微信公眾號(hào)推文設(shè)計(jì)微信小程序設(shè)計(jì)7.5實(shí)戰(zhàn)案例——制作圖書公眾號(hào)推文封面7.6課后習(xí)題

目錄/Contents7.2朋友圈設(shè)計(jì)7.2.1朋友圈封面設(shè)計(jì)7.2.2朋友圈活動(dòng)海報(bào)設(shè)計(jì)7.2.1朋友圈封面設(shè)計(jì)123添加素材輸入文字繪制矩形并輸入文字4完成后的效果5運(yùn)用后的展現(xiàn)效果7.2.2朋友圈活動(dòng)海報(bào)設(shè)計(jì)123繪制形狀添加圖層蒙版繪制形狀并添加圖層蒙版4復(fù)制形狀并添加圖層混合模式7.2.2朋友圈活動(dòng)海報(bào)設(shè)計(jì)567繪制不同大小的圓添加圖層蒙版繪制形狀和圓8繪制其他形狀和圓9繪制圓7.2.2朋友圈活動(dòng)海報(bào)設(shè)計(jì)101112添加素材輸入文字設(shè)置文字樣式13選擇并繪制自定義形狀7.2.2朋友圈活動(dòng)海報(bào)設(shè)計(jì)1415輸入文字并添加描邊輸入說明文字16完成后的效果目錄/Contents7.17.27.37.4微信賬號(hào)頭像設(shè)計(jì)朋友圈設(shè)計(jì)微信公眾號(hào)推文設(shè)計(jì)微信小程序設(shè)計(jì)7.5實(shí)戰(zhàn)案例——制作圖書公眾號(hào)推文封面7.6課后習(xí)題

目錄/Contents7.3微信公眾號(hào)推文設(shè)計(jì)7.3.1公眾號(hào)推文橫幅廣告設(shè)計(jì)7.3.2公眾號(hào)推文底部廣告設(shè)計(jì)7.3.3公眾號(hào)推文封面設(shè)計(jì)7.3.1公眾號(hào)推文橫幅廣告設(shè)計(jì)123填充前景色繪制形狀并填充顏色繪制其他形狀并填充顏色456添加素材并設(shè)置投影輸入其他文字繪制圓角矩形與直線7.3.1公眾號(hào)推文橫幅廣告設(shè)計(jì)7完成后的效果7.3.2公眾號(hào)推文底部廣告設(shè)計(jì)123繪制矩形添加素材輸入文字7.3.2公眾號(hào)推文底部廣告設(shè)計(jì)45輸入其他文字添加素材7.3.3公眾號(hào)推文封面設(shè)計(jì)123繪制圓角矩形繪制正圓添加人物素材456輸入文字輸入其他文字完成后的效果目錄/Contents7.17.27.37.4微信賬號(hào)頭像設(shè)計(jì)朋友圈設(shè)計(jì)微信公眾號(hào)推文設(shè)計(jì)微信小程序設(shè)計(jì)7.5實(shí)戰(zhàn)案例——制作圖書公眾號(hào)推文封面7.6課后習(xí)題

目錄/Contents7.4微信小程序設(shè)計(jì)7.4.1微信小程序首頁設(shè)計(jì)7.4.2微信小程序搜索頁設(shè)計(jì)7.4.3微信小程序會(huì)員中心頁設(shè)計(jì)7.4.1微信小程序首頁設(shè)計(jì)123繪制矩形并添加圖片輸入文字并繪制圓角矩形繪制不同顏色、大小的矩形7.4.1微信小程序首頁設(shè)計(jì)45添加素材并輸入文字繪制不同顏色的矩形并輸入文字7.4.1微信小程序首頁設(shè)計(jì)67制作底部素材查看完成后的效果7.4.2微信小程序搜索頁設(shè)計(jì)123繪制矩形并添加素材輸入搜索文字繪制圓角矩形并添加素材4輸入文字56添加素材并創(chuàng)建剪貼蒙版輸入文字并繪制圓角矩形7完成后的效果7.4.3微信小程序會(huì)員中心頁設(shè)計(jì)123添加素材并輸入文字繪制圓和圓角矩形添加投影、素材、文字4添加其他素材目錄/Contents7.17.27.37.4微信賬號(hào)頭像設(shè)計(jì)朋友圈設(shè)計(jì)微信公眾號(hào)推文設(shè)計(jì)微信小程序設(shè)計(jì)7.5實(shí)戰(zhàn)案例——制作圖書公眾號(hào)推文封面7.6課后習(xí)題實(shí)戰(zhàn)案例——制作圖書公眾號(hào)推文封面實(shí)戰(zhàn)目標(biāo)本實(shí)戰(zhàn)將制作圖書公眾號(hào)推文封面，在制作時(shí)以“2020年好書推薦”為主題，在設(shè)計(jì)上采用圖書館場(chǎng)景圖為背景，通過文字表述對(duì)推薦內(nèi)容進(jìn)行展現(xiàn)。實(shí)戰(zhàn)案例——制作圖書公眾號(hào)推文封面12添加背景素材繪制并旋轉(zhuǎn)矩形實(shí)戰(zhàn)思路3輸入文字4輸入其他文字并設(shè)置圖層樣式目錄/Contents7.17.27.37.4微信賬號(hào)頭像設(shè)計(jì)朋友圈設(shè)計(jì)微信公眾號(hào)推文設(shè)計(jì)微信小程序設(shè)計(jì)7.5實(shí)戰(zhàn)案例——制作圖書公眾號(hào)推文封面7.6課后習(xí)題課后習(xí)題本習(xí)題將制作中秋節(jié)的朋友圈封面和節(jié)日海報(bào)，在制作時(shí)以月餅、嫦娥等為主要素材，以紅色為主要顏色，通過不同素材的組合讓各個(gè)效果更加美觀。課后習(xí)題（2）本習(xí)題將制作果蔬面粉的視頻。在制作時(shí)要求將面粉的使用場(chǎng)景和制作氛圍體現(xiàn)出來，并通過文字介紹，體現(xiàn)出面粉的賣點(diǎn)，然后添加音樂，以增加用戶瀏覽量。謝謝觀看《Photoshop新媒體美工設(shè)計(jì)》&人民郵電出版社移動(dòng)端淘寶店鋪設(shè)計(jì)《Photoshop新媒體美工設(shè)計(jì)》&人民郵電出版社08目錄/Contents8.18.28.3移動(dòng)端淘寶店鋪首頁設(shè)計(jì)移動(dòng)端淘寶商品詳情頁設(shè)計(jì)實(shí)戰(zhàn)案例8.4課后習(xí)題

目錄/Contents8.1移動(dòng)端淘寶店鋪首頁設(shè)計(jì)8.1.1店招設(shè)計(jì)8.1.2主題海報(bào)設(shè)計(jì)8.1.3優(yōu)惠信息設(shè)計(jì)8.1.4商品展示區(qū)設(shè)計(jì)8.1.1店招設(shè)計(jì)123添加背景繪制與復(fù)制圓輸入文字8.1.2主題海報(bào)設(shè)計(jì)123添加背景添加光影素材添加煙花和梅花4添加燈籠和鞭炮8.1.2主題海報(bào)設(shè)計(jì)567繪制形狀添加點(diǎn)狀效果繪制其他形狀8繪制云朵形狀8.1.2主題海報(bào)設(shè)計(jì)91011添加祥云和湯圓等素材繪制“鬧”形狀設(shè)置圖像參數(shù)8.1.2主題海報(bào)設(shè)計(jì)1213繪制其他文字完成后的效果8.1.3優(yōu)惠信息設(shè)計(jì)123添加背景擦除背景添加素材4繪制形狀8.1.3優(yōu)惠信息設(shè)計(jì)567繪制直線和圓角矩形輸入文字繪制矩形并設(shè)置其不透明度8.1.3優(yōu)惠信息設(shè)計(jì)8910繪制形狀輸入文字繪制形狀并復(fù)制優(yōu)惠券8.1.3優(yōu)惠信息設(shè)計(jì)111213繪制矩形并復(fù)制形狀和文字添加素材輸入文字完成后的效果8.1.4商品展示區(qū)設(shè)計(jì)123制作背景并修改文字繪制圓角矩形并添加云紋素材繪制形狀8.1.4商品展示區(qū)設(shè)計(jì)456繪制圓角矩形并添加素材輸入文字繪制形狀8.1.4商品展示區(qū)設(shè)計(jì)78繪制并輸入文字繪制其他商品8.1.4商品展示區(qū)設(shè)計(jì)910繪制圓角矩形添加素材11輸入文字12繪制直線和圓角矩形目錄/Contents8.18.28.3移動(dòng)端淘寶店鋪首頁設(shè)計(jì)移動(dòng)端淘寶商品詳情頁設(shè)計(jì)實(shí)戰(zhàn)案例8.4課后習(xí)題

目錄/Contents8.2移動(dòng)端淘寶商品詳情頁設(shè)計(jì)8.2.1焦點(diǎn)圖設(shè)計(jì)8.2.2商品描述圖設(shè)計(jì)8.2.3商品賣點(diǎn)圖設(shè)計(jì)8.2.1焦點(diǎn)圖設(shè)計(jì)123添加素材繪制矩形繪制深色矩形4輸入文字8.2.2商品描述圖設(shè)計(jì)123添加素材輸入文字添加荷塘素材4繪制矩形并輸入文字8.2.2商品描述圖設(shè)計(jì)567繪制氣候圖制作產(chǎn)品信息制作工藝圖8.2.2商品描述圖設(shè)計(jì)567添加圖層蒙版添加素材輸入文字完成后的效果8.2.3商品賣點(diǎn)圖設(shè)計(jì)123制作細(xì)節(jié)展示制作荷葉圖制作售后效果目錄/Contents8.18.28.3移動(dòng)端淘寶店鋪首頁設(shè)計(jì)移動(dòng)端淘寶商品詳情頁設(shè)計(jì)實(shí)戰(zhàn)案例8.4課后習(xí)題目錄/Contents

8.3實(shí)戰(zhàn)案例8.3.1實(shí)戰(zhàn)：制作移動(dòng)端綠植店鋪首頁8.3.2實(shí)戰(zhàn)：制作移動(dòng)端綠植店鋪商品詳情頁8.3.1實(shí)戰(zhàn)：制作移動(dòng)端綠植店鋪首頁實(shí)戰(zhàn)目標(biāo)本實(shí)戰(zhàn)將制作移動(dòng)端綠植店鋪首頁。綠植具有優(yōu)美淡雅、自然親切、擺放周期長(zhǎng)、易于管理等特點(diǎn)，不同場(chǎng)景搭配不同的綠植可使整個(gè)場(chǎng)景更加美觀。為了避免首頁篇幅過長(zhǎng)，本實(shí)戰(zhàn)將以多肉為主題進(jìn)行首頁制作，該首頁的內(nèi)容主要包括店鋪賣點(diǎn)、優(yōu)惠信息、快速導(dǎo)航和熱銷品類等內(nèi)容。8.3.1實(shí)戰(zhàn)：制作移動(dòng)端綠植店鋪首頁12添加背景素材輸入文字實(shí)戰(zhàn)思路3添加背景56繪制矩形并輸入文字輸入文字并繪制形狀7輸入“夏日時(shí)光”文字4輸入文字8繪制選區(qū)并填充顏色8.3.1實(shí)戰(zhàn)：制作移動(dòng)端綠植店鋪首頁910繪制選區(qū)并填充顏色繪制矩形并輸入文字實(shí)戰(zhàn)思路11繪制形狀12輸入優(yōu)惠券內(nèi)容1314添加多肉背景繪制矩形15輸入文字16輸入文字8.3.1實(shí)戰(zhàn)：制作移動(dòng)端綠植店鋪首頁1718繪制矩形添加并置入素材到矩形中實(shí)戰(zhàn)思路19制作底部效果8.3.2實(shí)戰(zhàn)：制作移動(dòng)端綠植店鋪商品詳情頁實(shí)戰(zhàn)目標(biāo)本實(shí)戰(zhàn)是為綠植店鋪中某款盆栽設(shè)計(jì)商品詳情頁，頁面中使用了該款盆栽的多張照片，并通過合理的布局對(duì)畫面進(jìn)行規(guī)劃。將根據(jù)“焦點(diǎn)圖→商品的實(shí)物展示→詳細(xì)的展示→護(hù)養(yǎng)知識(shí)講解”流程對(duì)設(shè)計(jì)方法進(jìn)行介紹。8.3.2實(shí)戰(zhàn)：制作移動(dòng)端綠植店鋪商品詳情頁12添加素材輸入文字實(shí)戰(zhàn)思路4添加商品圖片3繪制矩形5輸入文字8.3.2實(shí)戰(zhàn)：制作移動(dòng)端綠植店鋪商品詳情頁6添加素材并輸入文字實(shí)戰(zhàn)思路7添加素材并輸入文字8.3.2實(shí)戰(zhàn)：制作移動(dòng)端綠植店鋪商品詳情頁實(shí)戰(zhàn)思路8輸入文本并添加素材9繪制圓角矩形并輸入文字10輸入其他文字并制作護(hù)養(yǎng)知識(shí)內(nèi)容8.3.2實(shí)戰(zhàn)：制作移動(dòng)端綠植店鋪商品詳情頁實(shí)戰(zhàn)思路11繪制圓角矩形10添加參考線并載入選區(qū)12框選選區(qū)并填充前景色13載入與框選選區(qū)并填充顏色8.3.2實(shí)戰(zhàn)：制作移動(dòng)端綠植店鋪商品詳情頁實(shí)戰(zhàn)思路14輸入文字并繪制直線15繪制自定義形狀16輸入文字并添加綠色植被圖片目錄/Contents8.18.28.3移動(dòng)端淘寶店鋪首頁設(shè)計(jì)移動(dòng)端淘寶商品詳情頁設(shè)計(jì)實(shí)戰(zhàn)案例8.4課后習(xí)題課后習(xí)題（1）本習(xí)題將制作移動(dòng)端家居網(wǎng)店首頁。要求在該移動(dòng)端首頁中要展現(xiàn)出家居用品，并將新品在矩形框中展現(xiàn)出來，整體呈淺色的效果，讓整個(gè)網(wǎng)店首頁清新、自然。在結(jié)構(gòu)上，可以將本習(xí)題的移動(dòng)端網(wǎng)店首頁劃分為首屏焦點(diǎn)圖、優(yōu)惠券、爆款活動(dòng)3個(gè)部分，完成后的參考效果。課后習(xí)題（2）本習(xí)題將利用搜集的素材制作移動(dòng)端水蜜桃商品詳情頁。在制作時(shí)，先制作水蜜桃焦點(diǎn)圖，再制作詳細(xì)介紹水蜜桃內(nèi)容的部分。謝謝觀看《Photoshop新媒體美工設(shè)計(jì)》&人民郵電出版社其他平臺(tái)設(shè)計(jì)《Photoshop新媒體美工設(shè)計(jì)》&人民郵電出版社09目錄/Co