Photoshop-CC平面設(shè)計(jì)核心技能一本通-課件-第4章-使用圖層

使用圖層PhotoshopCC平面設(shè)計(jì)核心技能一本通（移動(dòng)學(xué)習(xí)版）044.1認(rèn)識(shí)圖層4.2創(chuàng)建與操作圖層4.34.4對(duì)齊與分布圖層添加與編輯圖層樣式4.5使用智能對(duì)象圖層4.6綜合實(shí)訓(xùn)：鉛筆手賬App登錄界面設(shè)計(jì)4.1.1圖層的作用圖層可以排列和定位圖像中的元素，有利于制作出豐富多彩的圖像效果。在圖層中，可以分別保存不同的圖像，也可以加入文本、圖片、表格、插件等內(nèi)容，還可以在圖層上嵌套圖層。在圖像文件中，透過(guò)上方圖層的透明區(qū)域可以看到下方圖層中的圖像。4.1.2圖層的類(lèi)型填充圖層剪切蒙版圖層調(diào)整圖層背景圖層圖層蒙版圖層矢量蒙版圖層形狀圖層文字圖層中性色圖層圖層樣式圖層變形文字圖層4.1.3認(rèn)識(shí)“圖層”面板“圖層”面板是編輯圖層的主要場(chǎng)所，在“圖層”面板中可新建、重命名、存儲(chǔ)、刪除、鎖定和鏈接圖層。選擇【窗口】/【圖層】菜單命令，可打開(kāi)圖層。4.1認(rèn)識(shí)圖層4.2創(chuàng)建與操作圖層4.34.4對(duì)齊與分布圖層添加與編輯圖層樣式4.5使用智能對(duì)象圖層4.6綜合實(shí)訓(xùn)：鉛筆手賬App登錄界面設(shè)計(jì)4.2.1選擇與取消圖層選擇圖層是操作圖層的第一步。在Photoshop中，選擇需要編輯的圖層后，才能編輯圖層中的對(duì)象。動(dòng)畫(huà)按藝術(shù)形式可劃分為平面動(dòng)畫(huà)、立體動(dòng)畫(huà)和計(jì)算機(jī)合成動(dòng)畫(huà)。選擇多個(gè)連續(xù)圖層選擇多個(gè)不連續(xù)的圖層選擇單個(gè)圖層4.2.2顯示與隱藏圖層在“圖層”面板中當(dāng)圖層縮覽圖左邊顯示按鈕時(shí)，表示該圖層為可見(jiàn)圖層。單擊

按鈕，按鈕將變?yōu)?/p>

狀態(tài)，此時(shí)該圖層將隱藏，再次單擊

按鈕，可顯示隱藏的圖層。4.2.3創(chuàng)建新圖層與圖層組創(chuàng)建嵌套結(jié)構(gòu)圖層組在“圖層”面板中創(chuàng)建圖層通過(guò)“新建”命令創(chuàng)建圖層通過(guò)“新建”命令創(chuàng)建圖層組通過(guò)“圖層”面板創(chuàng)建圖層組4.2.4轉(zhuǎn)換背景圖層為普通圖層雙擊“背景”圖層，打開(kāi)“新建圖層”對(duì)話框，在其中重新為圖層設(shè)置名稱，然后單擊

按鈕，即可將“背景”圖層轉(zhuǎn)換為普通圖層。如果需要復(fù)制“背景”圖層，可按【Ctrl+J】組合鍵，直接復(fù)制圖層。如果需要復(fù)制并粘貼其他圖層，可按【Ctrl+C】組合鍵復(fù)制，再按【Ctrl+V】組合鍵粘貼。4.2.5柵格化圖層4.2.6復(fù)制與粘貼圖層選擇需要柵格化的圖層，選擇【圖層】/【柵格化】菜單命令，在子菜單中選擇柵格化圖層類(lèi)型，即可完成柵格化操作。4.2.7重命名圖層4.2.8查找與刪除圖層在需要重命名的圖層上雙擊圖層名稱，當(dāng)圖層變?yōu)榘卓蛩{(lán)底的編輯狀態(tài)時(shí)，在文本框中輸入新的名稱，然后按【Enter】鍵，即可完成圖層的重命名操作。AB查找圖層選擇【選擇】/【查找圖層】菜單命令，或單擊“圖層”面板中“類(lèi)型”下拉列表框右側(cè)的

按鈕，在下拉列表中選擇“名稱”選項(xiàng)，在右側(cè)的文本框中輸入圖層名稱，就會(huì)顯示符合查找條件的圖層。刪除圖層1.通過(guò)“刪除”命令刪除。2.通過(guò)“刪除圖層”按鈕刪除。4.2.9合并與蓋印圖層1.合并圖層拼合圖像合并圖層合并可見(jiàn)圖層0302012.蓋印圖層蓋印多個(gè)圖層向下蓋印圖層蓋印可見(jiàn)圖層4.1認(rèn)識(shí)圖層4.2創(chuàng)建與操作圖層4.34.4對(duì)齊與分布圖層添加與編輯圖層樣式4.5使用智能對(duì)象圖層4.6綜合實(shí)訓(xùn)：鉛筆手賬App登錄界面設(shè)計(jì)4.3.1了解圖層的堆疊順序01通過(guò)“圖層”面板調(diào)整02通過(guò)命令調(diào)整4.3.2對(duì)齊圖層選擇【圖層】/【對(duì)齊】菜單命令，在彈出的子菜單中選擇需要的對(duì)齊命令即可進(jìn)行對(duì)齊操作。A頂邊B垂直居中C底邊D左邊E水平居中F右邊4.3.3分布圖層選擇【圖層】/【分布】菜單命令，在彈出的子菜單中選擇需要的分布方式命令即可分布圖層。頂邊水平居中垂直居中底邊左邊右邊4.1認(rèn)識(shí)圖層4.2創(chuàng)建與操作圖層4.34.4對(duì)齊與分布圖層添加與編輯圖層樣式4.5使用智能對(duì)象圖層4.6綜合實(shí)訓(xùn)：鉛筆手賬App登錄界面設(shè)計(jì)4.4.1添加圖層樣式4.4.2設(shè)置“圖層樣式”對(duì)話框參數(shù)通過(guò)命令打開(kāi)A通過(guò)按鈕打開(kāi)B通過(guò)雙擊圖層打開(kāi)C在“圖層樣式”對(duì)話框中，通過(guò)設(shè)置參數(shù)可以為圖像添加多種效果。斜面和浮雕014.4.2設(shè)置“圖層樣式”對(duì)話框參數(shù)等高線02紋理03描邊04內(nèi)陰影054.4.2設(shè)置“圖層樣式”對(duì)話框參數(shù)內(nèi)發(fā)光06光澤07描邊08漸變疊加094.4.2設(shè)置“圖層樣式”對(duì)話框參數(shù)圖案疊加10外發(fā)光11投影124.4.3修改與刪除圖層樣式4.4.4復(fù)制與粘貼圖層樣式1．修改圖層樣式在“圖層”面板中，打開(kāi)“圖層樣式”對(duì)話框，根據(jù)需要設(shè)置參數(shù)。2．刪除圖層樣式在“圖層”面板中，打開(kāi)“圖層樣式”對(duì)話框，根據(jù)需要設(shè)置參數(shù)。復(fù)制圖層樣式粘貼圖層樣式4.1認(rèn)識(shí)圖層4.2創(chuàng)建與操作圖層4.34.4對(duì)齊與分布圖層添加與編輯圖層樣式4.5使用智能對(duì)象圖層4.6綜合實(shí)訓(xùn)：鉛筆手賬App登錄界面設(shè)計(jì)4.5.1創(chuàng)建智能對(duì)象4.5.2創(chuàng)建鏈接的智能對(duì)象實(shí)例在文件中置入智能對(duì)象將圖層中的對(duì)象創(chuàng)建為智能對(duì)象將Illustrator中的圖形粘貼為智能對(duì)象將文件作為智能對(duì)象打開(kāi)選擇【圖層】/【新建】/【通過(guò)拷貝的圖層】菜單命令，可以復(fù)制并粘貼一個(gè)新的智能對(duì)象圖層。4.5.3創(chuàng)建非鏈接的智能對(duì)象實(shí)例4.5.4編輯智能對(duì)象內(nèi)容選擇智能對(duì)象圖層，選擇【圖層】/【智能對(duì)象】/【通過(guò)拷貝新建智能對(duì)象】菜單命令，新建一個(gè)非鏈接的智能對(duì)象實(shí)例。選擇智能對(duì)象，選擇【圖層】/【智能對(duì)象】/【編輯內(nèi)容】菜單命令，在打開(kāi)的提示框中單擊

按鈕，此時(shí)會(huì)在新的窗口中打開(kāi)智能對(duì)象的原始文件，并可以編輯該原始文件。4.5.5編輯智能對(duì)象內(nèi)容4.5.6導(dǎo)出智能對(duì)象內(nèi)容選擇智能對(duì)象圖層，選擇【圖層】/【智能對(duì)象】/【柵格化】菜單命令，即可將智能對(duì)象圖層轉(zhuǎn)換為普通圖層。選擇智能對(duì)象，選擇【圖層】/【智能對(duì)象】/【導(dǎo)出內(nèi)容】菜單命令，打開(kāi)“另存為”對(duì)話框，設(shè)置導(dǎo)出內(nèi)容需保存的名稱和位置。4.1認(rèn)識(shí)圖層4.2創(chuàng)建與操作圖層4.34.4對(duì)齊與分布圖層添加與編輯圖層樣式4.5使用智能對(duì)象圖層4.6綜合實(shí)訓(xùn)：鉛筆手賬App登錄界面設(shè)計(jì)鉛筆手賬App登錄界面設(shè)計(jì)綜合實(shí)訓(xùn)實(shí)訓(xùn)要求現(xiàn)需要為一款名為“鉛筆手賬”的App設(shè)計(jì)登錄界面，已提供Logo、圖片素材和“記錄生活點(diǎn)滴”標(biāo)語(yǔ)。要求登錄界面設(shè)計(jì)要體現(xiàn)出文藝、清新的風(fēng)格，并且界面設(shè)計(jì)中需展現(xiàn)出各部分功能的劃分清晰，視覺(jué)效果美觀、大方。尺寸要求為1125像素×2436像素。實(shí)訓(xùn)思路（1）分析提供的素材和資料，制作登錄界面時(shí)，需要將各部分統(tǒng)一為這種風(fēng)格。（2）登錄界面整體效果需要簡(jiǎn)潔、美觀，登錄、注冊(cè)方式需要選擇較為便捷的手機(jī)驗(yàn)證碼方式。（3）普通文本可以使用黑體等，關(guān)鍵文本可以使用宋體等，以與App風(fēng)格呼應(yīng)。（4）本例作品的主色調(diào)可以與Logo顏色統(tǒng)一。（5）結(jié)合本章所學(xué)的圖層知識(shí)，繪制具有立體感的圖形，并對(duì)齊圖像中各元素，加強(qiáng)畫(huà)面美觀度。01打開(kāi)“背景素材.psd”素材文件，繪制一個(gè)“高度”“寬度”“圓角”分別為“878像素”“432像素”“10像素”的圓角矩形，使圓角矩形在圖像中水平居中，并設(shè)置“不透明度”為“85”。

打開(kāi)“圖案素材.psd”、“Logo.psd”素材文件，將其中的素材復(fù)制到“背景素材.psd”文件中，使用“對(duì)齊”命令調(diào)整圖案素材的位置，調(diào)整Logo素材位置，使其在圖像中水平居中。使用“橫排文字工具”

輸入文字，設(shè)置字體、大小、顏色、字距，調(diào)整文字的位置。為“登錄按鈕”和“驗(yàn)證碼按鈕”