Photoshop 創(chuàng)意設(shè)計(jì)項(xiàng)目教程 課件 任務(wù)04 宣傳單設(shè)計(jì)

1Photoshop平面設(shè)計(jì)任務(wù)4任務(wù)資訊宣傳單設(shè)計(jì)Part01任務(wù)概況2學(xué)習(xí)情境1的單元任務(wù)3教學(xué)內(nèi)容任務(wù)序號工作任務(wù)Photoshop技能參考課時(shí)知識點(diǎn)要求職業(yè)能力要求主要學(xué)習(xí)任務(wù)學(xué)習(xí)情境1平面招貼設(shè)計(jì)任務(wù)01桌面壁紙?jiān)O(shè)計(jì)基礎(chǔ)與選區(qū)61.了解平面招貼設(shè)計(jì)的常見需求；2.掌握平面設(shè)計(jì)的基礎(chǔ)知識；3.掌握選區(qū)、圖層、蒙版、鋼筆等基本概念和應(yīng)用場景。1.具備獲取、處理、綜合分析信息的能力；2.具備熟練使用菜單和選區(qū)、圖層、蒙版、鋼筆等工具或命令進(jìn)行操作的能力；3.具備根據(jù)客戶需求，完成平面媒體設(shè)計(jì)的能力。1.課程引領(lǐng)與平面設(shè)計(jì)基礎(chǔ)知識2.平面招貼設(shè)計(jì)的常見需求；3.桌面壁紙、戶外廣告、海報(bào)、宣傳單的設(shè)計(jì)；4.選區(qū)、圖層、蒙版、鋼筆等基本概念和應(yīng)用場景。任務(wù)02戶外廣告設(shè)計(jì)圖像修飾6任務(wù)03海報(bào)招貼設(shè)計(jì)矢量與文字6任務(wù)04宣傳單設(shè)計(jì)圖層6任務(wù)4宣傳單設(shè)計(jì)任務(wù)背景某品牌推出了“楊枝甘露搖搖凍”新品飲料，需要設(shè)計(jì)一款DM宣傳單對其進(jìn)行宣傳。任務(wù)要求宣傳單中要呈現(xiàn)文案中關(guān)鍵內(nèi)容及搜索信息，緊扣新品飲料特點(diǎn)，呈現(xiàn)芒果新鮮可口的視覺效果，營造夏日風(fēng)情的輕松甜美氛圍，使宣傳單具有視覺沖擊力。選擇的圖像要清晰，符合印刷要求。

任務(wù)背景與要求任務(wù)4宣傳單設(shè)計(jì)5

素材文件5文案楊枝甘露搖搖凍18元/大瓶搜索：楊枝甘露搖搖凍Part02任務(wù)啟動61任務(wù)流程7老師發(fā)布信息，學(xué)生搜集信息，了解任務(wù)。資訊1分組制定任務(wù)計(jì)劃（定流程，分任務(wù)），提出問題，老師提供幫助。計(jì)劃2分組討論，制定可實(shí)施的解決方法。決策3創(chuàng)造性、獨(dú)立性、參與地、負(fù)責(zé)地完成任務(wù)。實(shí)施4對任務(wù)結(jié)果、學(xué)習(xí)過程和經(jīng)驗(yàn)進(jìn)行檢查、評估。評價(jià)5將任務(wù)結(jié)果和經(jīng)驗(yàn)運(yùn)用于類似的任務(wù)中，進(jìn)行拓展。拓展6具備基礎(chǔ)2計(jì)劃討論內(nèi)容（可參考但不限于如下幾個方面）：工作流程與規(guī)范（概念與應(yīng)用場景/設(shè)計(jì)內(nèi)容/工作流程與規(guī)范等）制作工具制作方法與技巧存在問題，如未掌握的工具、方法、技巧等創(chuàng)新創(chuàng)意注意：討論過程由組長主持，一人記錄（課后填寫在任務(wù)單上）討論完畢后形成討論文檔，每組代表進(jìn)行陳述89Photoshop平面設(shè)計(jì)任務(wù)4任務(wù)演示宣傳單設(shè)計(jì)Part01任務(wù)分析101任務(wù)分析任務(wù)分析設(shè)計(jì)師在開始設(shè)計(jì)之前要理解設(shè)計(jì)意圖，并提出合理建議尺寸、出血、分辨率設(shè)置任務(wù)難點(diǎn)（1）重點(diǎn)：宣傳單的相關(guān)知識；圖層的功能與操作；圖層混合模式、圖層樣式；（2）難點(diǎn)：圖層樣式、圖層混合模式的參數(shù)設(shè)置與效果呈現(xiàn)。2實(shí)施建議流程分析需求-確定版型-素材處理-圖像合成-文字排版-完善優(yōu)化-保存輸出工具摳圖工具：套索、魔棒、鋼筆、蒙版分類組織與管理對象：圖層效果增強(qiáng)：圖層樣式、混合模式注意蒙版摳圖、混合模式摳圖的技巧與方法；圖像合成時(shí)要特別注意光影的合理性，以及后續(xù)的處理優(yōu)化。12Part02任務(wù)演示1314Photoshop平面設(shè)計(jì)任務(wù)4任務(wù)實(shí)施宣傳單設(shè)計(jì)Part01任務(wù)實(shí)施15任務(wù)4宣傳單設(shè)計(jì)任務(wù)背景某品牌推出了“楊枝甘露搖搖凍”新品飲料，需要設(shè)計(jì)一款DM宣傳單對其進(jìn)行宣傳。任務(wù)要求宣傳單中要呈現(xiàn)文案中關(guān)鍵內(nèi)容及搜索信息，緊扣新品飲料特點(diǎn)，呈現(xiàn)芒果新鮮可口的視覺效果，營造夏日風(fēng)情的輕松甜美氛圍，使宣傳單具有視覺沖擊力。選擇的圖像要清晰，符合印刷要求。

任務(wù)背景與要求1創(chuàng)意決策在網(wǎng)上搜索相關(guān)產(chǎn)品的時(shí)候發(fā)現(xiàn)，這波甜品飲料界的“楊枝甘露”風(fēng)潮來得洶涌，每個品牌都在跟進(jìn)，曾以為會大同小異，結(jié)果卻都有各有特點(diǎn)，甚至還有的品牌開展了跨界聯(lián)名創(chuàng)新。當(dāng)今時(shí)代，跨界創(chuàng)新已經(jīng)成為一種重要的創(chuàng)新形式，它能夠突破原有邊界的束縛，通過不同領(lǐng)域的碰撞、交叉和融合，打破舊的創(chuàng)新體系，形成新的創(chuàng)新體系，進(jìn)而產(chǎn)生出一些出乎意料、影響深遠(yuǎn)的創(chuàng)新成果。很多重大的科學(xué)發(fā)現(xiàn)和技術(shù)發(fā)明都是跨界創(chuàng)新的產(chǎn)物。我們在做產(chǎn)品設(shè)計(jì)、平面設(shè)計(jì)時(shí)，不妨也引入跨界創(chuàng)新思維，古今跨界、中西跨界、領(lǐng)域跨界，實(shí)現(xiàn)原創(chuàng)、個性的創(chuàng)新作品。172任務(wù)實(shí)施分組創(chuàng)意，組內(nèi)相互學(xué)習(xí)探討每人完成自己的作品組內(nèi)評選，評選小組佳作分組完成項(xiàng)目Part02評估拓展191評估展示作品并做闡述時(shí)間：5分鐘/組其他小組提問、打分分組展示作品2拓展自擬主題，搜集素材，完成一張宣傳單的創(chuàng)意設(shè)計(jì)。闡明背景分析需求搜集素材決策實(shí)施優(yōu)化完善Thanks！2223圖層與圖層組Photoshop圖層與圖層組主要介紹圖層的基本應(yīng)用知識及應(yīng)用技巧，講解圖層的基本概念、基礎(chǔ)操作、圖層組、智能對象圖層的相關(guān)知識與應(yīng)用。通過本章的學(xué)習(xí)，可以應(yīng)用圖層知識對對象進(jìn)行組織和管理。24目錄圖層的概念圖層的基本操作圖層組智能對象蓋印圖層1圖層的概念251圖層的概念獨(dú)立保存功能：位于不同圖層上的元素互不影響排序功能：改變圖層的疊加順序，構(gòu)建不同的視覺效果屏蔽功能：借助圖層蒙版遮住圖層某部分，達(dá)到混合圖像的目的其他功能：不同類型的圖層具有不同功能，此外，還有混合模式、圖層樣式的設(shè)置261.1圖層的作用1圖層的概念【圖層】面板用來創(chuàng)建、編輯、管理圖層和添加圖層樣式，所有的圖層都存儲在【圖層】面板中，圖層的所有信息都會在【圖層】面板中顯示，如圖所示。【圖層】面板中的每個類型的圖層作用和使用范圍都不一樣，背景層是最基本的圖層類型，背景層的很多操作被限制（如不能建立圖層蒙版），一個圖像文檔最多只能有一個背景層，背景層永遠(yuǎn)被放置在面板的最下層。普通層是最常用的圖層類型，普通層上沒有圖案的地方將顯示為透明，絕大多數(shù)的工具和命令都能作用在普通層上。271.2圖層面板2圖層的基本操作新建圖層選擇圖層顯示/隱藏圖層刪除圖層復(fù)制圖層重命名圖層改變圖層順序載入選區(qū)鎖定圖層合并圖層282圖層的基本操作法一：圖層→新建→圖層（/填充圖層/調(diào)整圖層）法二：通過調(diào)板命令法三：通過面板按鈕（常用方法）292.1新建圖層2圖層的基本操作選擇圖層選擇一個圖層選擇所有圖層：Ctrl+Alt+A選擇連續(xù)圖層：Shift選擇非連續(xù)圖層：Ctrl自動選擇圖層顯示/隱藏圖層單擊眼睛圖標(biāo)Alt+眼睛圖標(biāo)刪除圖層302.2選擇圖層、顯示/隱藏圖層、刪除圖層2圖層的基本操作在同一圖像文件中復(fù)制圖層法一：將要復(fù)制的圖層拖動到“創(chuàng)建新圖層”按鈕法二：按住Alt，拖動要復(fù)制的圖層至目標(biāo)位置在不同圖像文件中復(fù)制圖層方法一：直接將圖像拖動到另一文件窗口中方法二：右鍵單擊圖層，選擇“復(fù)制圖層”，在彈出的對話框中選擇要復(fù)制到哪個文件上去復(fù)制和剪切新建圖層：右鍵→“通過拷貝的圖層”【Ctrl+J】312.3復(fù)制圖層2圖層的基本操作322.4重命名圖層、改變圖層順序2圖層的基本操作332.5載入選區(qū)載入選區(qū)：快速選擇圖層中的非透明區(qū)域按住Ctrl，單擊某圖層（或通道）的縮略圖。Tips：注意與“按住Ctrl，單擊某圖層的名稱區(qū)域”的區(qū)別2圖層的基本操作342.6鎖定圖層鎖定透明像素：有像素的才應(yīng)用漸變；否則整個圖層應(yīng)用漸變鎖定圖像像素：防止意外更改圖層像素，但仍可以使用混合模式、不透明度、圖層樣式等鎖定位置：無法移動圖層鎖定全部2圖層的基本操作352.7合并圖層Ctrl+E：合并圖層Ctrl+Shift+E：合并可見圖層3圖層組36圖層組的作用分類組織與管理圖層【Ctrl+G】4智能對象保障圖像質(zhì)量4.1智能對象的優(yōu)點(diǎn)4智能對象保存自由轉(zhuǎn)換設(shè)置4.1智能對象的優(yōu)點(diǎn)4智能對象共享源4.1智能對象的優(yōu)點(diǎn)4智能對象通過拷貝新建智能對象4.2智能對象的應(yīng)用4智能對象414.3轉(zhuǎn)換為智能對象智能對象：包含柵格或矢量圖像中的圖像數(shù)據(jù)的圖層。保留圖像的原始內(nèi)容以及原始特性，防止用戶對圖層執(zhí)行破壞性編輯。轉(zhuǎn)換為智能對象：圖層上右鍵單擊→【轉(zhuǎn)換為智能對象】5蓋印圖層42蓋印圖層是將圖像窗口中所有當(dāng)前顯示出來的圖像合并到一個新的圖層中，該圖層位于所有圖層的上方，同時(shí)保持原有的各圖層不發(fā)生變化。快捷鍵：【Ctrl+Alt+Shift+E】總結(jié)圖層與圖層組圖層的概念圖層的基本操作圖層組43智能對象蓋印圖層Thanks！4445圖層樣式Photoshop圖層蒙版主要介紹圖層樣式的概念與應(yīng)用。通過這一部分的學(xué)習(xí)，可以應(yīng)用圖層樣式簡單快捷地制作出各種立體投影、各種質(zhì)感以及光景效果的圖像特效。46目錄圖層樣式的概念圖層樣式的應(yīng)用1圖層樣式的概念471圖層樣式的概念48Photoshop中的圖層樣式用于為圖層添加不同效果，如陰影、外發(fā)光、描邊、浮雕等，使圖層中的圖像產(chǎn)生豐富的變化。運(yùn)用圖層樣式對圖層進(jìn)行的效果編輯是不破壞原圖像的效果的，這些圖層樣式被隱藏和刪除后，圖像將恢復(fù)原始的效果。1圖層樣式的概念圖層樣式用于為圖層添加不同的效果，使圖層中的圖像產(chǎn)生豐富的變化。在Photoshop中，圖層特殊效果包括：陰影：內(nèi)陰影、投影、斜面和浮雕；發(fā)光：外發(fā)光、內(nèi)發(fā)光；著色：光澤、顏色疊加、漸變疊加；其他：圖案疊加、描邊。491.1圖層樣式的創(chuàng)建、使用1圖層樣式的概念創(chuàng)建圖層樣式【圖層】→【圖層樣式】→【混合選項(xiàng)】或雙擊圖層的預(yù)覽圖501.1圖層樣式的創(chuàng)建、復(fù)制1圖層樣式的概念復(fù)制圖層樣式按住【Alt】，拖動【fx】至另一圖層即可511.1圖層樣式的創(chuàng)建、復(fù)制1圖層樣式的概念樣式控制面板用于存儲各種圖層特效，并將其快速地套用在要編輯的對象中?！敬翱凇俊緲邮健?21.2圖層樣式面板1圖層樣式的概念將新的樣式添加到樣式面板中的方法：選中需添加的樣式圖層樣式面板中，選項(xiàng)菜單按鈕→【新建樣式】（或，移動鼠標(biāo)至樣式面板，鼠標(biāo)變成油漆桶時(shí)單擊）。載入圖層樣式Photoshop中的“樣式”文件為asl文件默認(rèn)存儲在X:\Photoshop\預(yù)置\樣式中在樣式面板的選項(xiàng)菜單中，選擇載入樣式，即能將asl文件載入。531.2圖層樣式面板1圖層樣式的概念【投影】效果就是通過對角度的設(shè)置來模仿光照效果，給圖形添加陰影，使其產(chǎn)生立體的效果，如圖所示。提示：通過對【投影】選項(xiàng)欄里的不同選項(xiàng)的參數(shù)進(jìn)行設(shè)置，可以得到不同的投影效果。如【混合模式】用來設(shè)置圖層樣式與下方的圖層的混合方式；【不透明度】用來設(shè)置樣式的透明度；【角度】用來設(shè)置光照角度及投影的方向；【距離】用來設(shè)置投影偏移的距離；通過調(diào)整【擴(kuò)展】數(shù)值可以使邊界進(jìn)行由模糊到硬朗的變換；【大小】用來設(shè)置虛化的程度。勾選【使用全局光】復(fù)選框可以使其他的效果都保持一致的光照角度。541.3圖層樣式主要效果1圖層樣式的概念【內(nèi)陰影】主要是在圖像的邊緣的內(nèi)部添加投影，效果是作用在圖像內(nèi)部的，如圖所示。551.3圖層樣式主要效果1圖層樣式的概念【外發(fā)光】效果主要是沿著圖像的輪廓向外均勻發(fā)光，如圖所示。561.3圖層樣式主要效果1圖層樣式的概念【內(nèi)發(fā)光】效果主要是沿著圖像的輪廓向內(nèi)均勻發(fā)光，如圖所示。571.3圖層樣式主要效果1圖層樣式的概念【斜面和浮雕】效果是通過對圖像添加高光和陰影使其顯示出一種立體的效果?！镜雀呔€】能改變浮雕凹凸程度，如圖所示；【紋理】可以給應(yīng)用了浮雕效果的圖像貼上不同的紋理，如圖所示。581.3圖層樣式主要效果2圖層樣式的應(yīng)用592.1擬物圖標(biāo)的光影特點(diǎn)2圖層樣式的應(yīng)用凹陷圖標(biāo)固有色比環(huán)境色暗光影上方內(nèi)部陰影：內(nèi)陰影-暗（正片疊底）下方外部高光：投影-亮（濾色）602.1擬物圖標(biāo)的光影特點(diǎn)2圖層樣式的應(yīng)用凸起圖標(biāo)固有色比環(huán)境色亮光影上方內(nèi)部高光：內(nèi)陰影-亮（濾色）下方外部投影：投影-暗（正片疊底）Tips投影若在圓外部，則圓要適當(dāng)縮小，以保持統(tǒng)一的圖標(biāo)尺寸或告訴工程師，通過程序加投影612.1擬物圖標(biāo)的光影特點(diǎn)2圖層樣式的應(yīng)用繪制基礎(chǔ)形狀繪制圓形，并填充固有色（凹陷圖標(biāo)的固有色比背景顏色深，凸起圖標(biāo)的固有色比背景色淺）622.2擬物圖標(biāo)的光影繪制2圖層樣式的應(yīng)用繪制基礎(chǔ)形狀凹陷圖標(biāo)上方內(nèi)部陰影添加內(nèi)陰影混合模式：正片疊底，顏色同色或壓暗調(diào)整：距離、大小、不透明度等高線：控制陰影范圍632.2擬物圖標(biāo)的光影繪制2圖層樣式的應(yīng)用繪制基礎(chǔ)形狀凹陷圖標(biāo)上方內(nèi)部陰影凹陷圖標(biāo)下方外部高光添加投影混合模式：濾色，顏色同色或提亮調(diào)整：距離、大小、不透明度等高線：控制陰影范圍642.2擬物圖標(biāo)的光影繪制2圖層樣式的應(yīng)用繪制基礎(chǔ)形狀凹陷圖標(biāo)上方內(nèi)部陰影凹陷圖標(biāo)下方外部高光凸起圖標(biāo)上方內(nèi)部高光復(fù)制凹陷圖標(biāo)圖層樣式，修改內(nèi)陰影混合模式：濾色，顏色同色或提亮適當(dāng)調(diào)整：距離、大小、不透明度、等高線等參數(shù)652.2擬物圖標(biāo)的光影繪制2圖層樣式的應(yīng)用繪制基礎(chǔ)形狀凹陷圖標(biāo)上方內(nèi)部陰影凹陷圖標(biāo)下方外部高光凸起圖標(biāo)上方內(nèi)部高光凸起圖標(biāo)下方外部投影再已復(fù)制的圖層樣式上，修改投影混合模式：正片疊底，顏色同色或壓暗適當(dāng)調(diào)整：距離、大小、不透明度、等高線等參數(shù)662.2擬物圖標(biāo)的光影繪制2圖層樣式的應(yīng)用繪制基礎(chǔ)形狀凹陷圖標(biāo)上方內(nèi)部陰影凹陷圖標(biāo)下方外部高光凸起圖標(biāo)上方內(nèi)部高光凸起圖標(biāo)下方外部投影優(yōu)化完善672.2擬物圖標(biāo)的光影繪制682圖層樣式的應(yīng)用2.3輕擬物圖標(biāo)的繪制Step1繪制超橢圓2圖層樣式的應(yīng)用2.3輕擬物圖標(biāo)的繪制70Step2填充固有色2圖層樣式的應(yīng)用2.3輕擬物圖標(biāo)的繪制71Step3添加光影效果-上方內(nèi)部高光+下方外部投影2圖層樣式的應(yīng)用2.3輕擬物圖標(biāo)的繪制72Step3添加光影效果-下方內(nèi)部反光2圖層樣式的應(yīng)用2.3輕擬物圖標(biāo)的繪制73Step4繪制中心內(nèi)容（造型-填色-光影）2圖層樣式的應(yīng)用2.3輕擬物圖標(biāo)的繪制總結(jié)圖層樣式圖層樣式的概念圖層樣式的應(yīng)用74Thanks！7576圖層混合模式Photoshop圖層蒙版這一部分將主要介紹圖層樣式和混合模式等特效的創(chuàng)建與編輯。通過本部分的學(xué)習(xí)可以應(yīng)用圖層混合模式在多個圖層之間以不同的模式進(jìn)行混合，進(jìn)而創(chuàng)建出更加豐富獨(dú)特的效果。77目錄混合模式的應(yīng)用混合模式的概念及原理常見混合模式的解析與應(yīng)用1混合模式的應(yīng)用781混合模式的應(yīng)用791.1制作光影1混合模式的應(yīng)用801.2免摳圖去底1混合模式的應(yīng)用811.3給圖像著色2混合模式的概念及原理822混合模式的概念及原理圖層混合模式：相鄰兩個或多個圖層之間，通過不同的模式使多個圖層相互融合，進(jìn)而形成獨(dú)特的顯示效果。832.1圖層混合模式的概念2混合模式的概念及原理下層是基色，上層是混合色，混合之后的效果稱為結(jié)果色.當(dāng)只有一個圖層時(shí)，不會形成混合的效果，所以至少要有兩個圖層才能實(shí)現(xiàn)圖層的混合效果。842.2圖層混合模式的原理2混合模式的概念及原理6組，27個混合模式正片疊底濾色疊加柔光線性光顏色852.3圖層混合模式的常見類型3常見混合模式的解析與應(yīng)用863常見混合模式的解析與應(yīng)用873.1正片疊底3常見混合模式的解析與應(yīng)用通常執(zhí)行正片疊底模式后的顏色都變暗。883.1正片疊底3常見混合模式的解析與應(yīng)用基色：彩色圖片混合色：黑白漸變混合模式：正片疊底結(jié)果色：紅色框內(nèi)的圖像被黑色和灰色覆蓋，變暗了；下面部分因?yàn)槭前咨?，所以圖像沒有發(fā)生變化。893.1正片疊底3常見混合模式的解析與應(yīng)用基色：彩色圖片（黑色背景）混合色：彩色混合模式：正片疊底結(jié)果色：黑色的背景沒有產(chǎn)生任何變化，上方彩色被底層黑色的背景吃掉了；彩色圖像部分與混合色混合。903.1正片疊底3常見混合模式的解析與應(yīng)用應(yīng)用：壓暗天空，優(yōu)化光比（正片疊底+圖層透明度調(diào)整）913.1正片疊底3常見混合模式的解析與應(yīng)用應(yīng)用：免摳圖去底基色：米黃色背景混合色：白底花卉圖案混合模式：正片疊底結(jié)果色：花卉的白色背景與更深的米黃色混合，白色被去掉，實(shí)現(xiàn)摳圖效果。923.1正片疊底3常見混合模式的解析與應(yīng)用應(yīng)用：免摳圖去底