PhotoshopCCUI設計案例教程電子教案第3章教案

1、YOUR LOGO原創(chuàng)力獨家文檔教材配套參考答案 課 題: 第3章 App界面設計課 時: 16課時授課類型: 講授+實訓教學目標: 了解App的基礎知識 掌握App的設計規(guī)范 認識App常用界面類型教學重點:App的設計規(guī)范、App常用界面的設計方法教學難點:App常用界面的設計方法本章技能點：社交類App-閃屏頁的繪制方法、社交類App-歡迎頁的繪制方法、社交類App-首頁的繪制方法、社交類App-消息列表頁的繪制方法、社交類App-聊天頁的繪制方法、社交類App-個人中心頁的繪制方法本章教學技巧：1.知識講解2.案例實訓教學過程：（一）課前準備1.授課前準備準備好教學用具和教學設備2.板

2、書課題：第3章 App界面設計項目目標： 了解App的基礎知識 掌握App的設計規(guī)范 認識App常用界面類型3.課程引入通過“制作侃侃App”案例效果展示引入App界面設計的概念 （二）課程內容3.1 App基礎知識本節(jié)介紹App相關的基礎知識，包括App的概念、App的流程以及App設計的原則。3.1.1 App的概念App是應用程序Application的縮寫，一般指智能手機的第三方應用程序，如圖所示。用戶主要從應用商店下載App，比較常用的應用商店有蘋果的App Store、華為應用市場等。應用程序的運行與系統(tǒng)密不可分，目前市場上，主要的智能手機操作系統(tǒng)有蘋果公司的iOS和谷歌公司的An

3、droid系統(tǒng)。對于UI設計師而言，要進行移動界面設計工作，需要分別學習兩大系統(tǒng)的界面設計知識。由Ron Design Agency創(chuàng)作的App界面3.1.2.App設計的流程App設計可以按照分析調研、交互設計、交互自查、界面設計、界面測試、設計驗證的步驟來進行，如圖所示。App設計的流程圖1.分析調研App的設計是根據品牌的調性、產品的定位而進行的，不同應用領域的App，設計風格也會有區(qū)別。因此，我們在設計之前應該先分析需求，了解用戶特征，再進行相關競品的調研，明確設計方向，如圖所示。 QQ音樂（左）、網易云音樂（中）、蝦米音樂（右），三款雖然同是音樂App，但產品定位不同，因此設計風格也

4、有所區(qū)別2.交互設計交互設計是對整個App設計進行初步構思和流程制定的環(huán)節(jié)。一般需要進行紙面原型設計、架構設計、流程圖設計、線框圖設計等具體工作，如圖所示。烏克蘭UI/UX設計師Tatiana Lazarenko創(chuàng)作的App交互設計3.交互自查交互設計完成之后，進行交互自查是整個App設計流程非常重要的一個階段。可以在執(zhí)行界面設計之前檢查出是否有遺漏缺失的細節(jié)問題，如下所示。4.界面設計原型圖審查通過之后，就可以進入界面的視覺設計階段了，這個階段的設計圖就是產品最終呈現(xiàn)給用戶的界面。界面設計要求設計規(guī)范，圖片、文字內容真實，并運用墨刀、principle等軟件制作成可交互的高保真原型，以便后續(xù)

5、的界面測試，如圖所示。烏克蘭設計師StasAristov、AlyaPrigotska、Thanh Do聯(lián)合創(chuàng)作的App界面5.界面測試界面測試階段是讓具有代表性的用戶進行典型操作，設計人員和開發(fā)人員在此階段共同觀察、記錄。在測試中可以對設計的細節(jié)進行相關的調整，如圖所示。越南設計師Tran Mau Tri Tam進行的App細節(jié)調整6.設計驗證設計驗證是最后一個階段，是為App進行優(yōu)化的重要支撐。在產品正式上線后，通過用戶的數(shù)據反饋進行記錄，驗證前期的設計，并繼續(xù)優(yōu)化，如圖所示。App界面優(yōu)化，由XToken0 x設計師創(chuàng)作，圖片來源于追波網3.1.3 App設計的原則在進行App設計時，需要

6、遵循iOS和Android系統(tǒng)的規(guī)范，因此可以根據iOS下的設計原則以及Android系統(tǒng)下Material Design語言中的設計原則進行設計。1.iOS設計原則iOS系統(tǒng)設計有清晰、遵從、深度三大原則。（1）清晰在整個系統(tǒng)中，文字在各種尺寸上都要清晰易讀，圖標精確而清晰，裝飾精巧且恰當，令用戶更易理解功能。利用負空間、顏色、字體、圖形等界面元素巧妙地突出重要內容，并傳達交互性，如圖所示。以色列設計師Vlad Tyzun創(chuàng)作的App界面，各元素通過精心設計后，巧妙的突出重要內容（2）遵從流暢的動畫和清晰美觀的界面可以幫助用戶理解內容并與之互動，同時不干擾到用戶的使用。內容一般填滿整個屏幕，

7、而半透明和模糊效果通常暗示有更多內容。最低限度地使用邊框、漸變和陰影可使界面輕盈，同時確保內容明顯，如圖所示。印度設計師Abhisek Das創(chuàng)作的App界面。其中位于左側App界面中橙色漸變銀行卡旁邊的卡采用了半透明效果，暗示用戶可以進行滑動查看更多內容。兩張App界面的漸變、邊框以及陰影都不是很明顯，使界面非常輕盈（3）深度獨特的視覺層級和真實的動畫效果傳達層次結構，賦予界面活力，并促進用戶理解。令用戶通過觸摸和探索發(fā)現(xiàn)程序的功能，不僅會使用戶提高樂趣，更加方便用戶了解功能，還能使用戶關注到額外的內容。在瀏覽內容時，層級的過渡可提供深度感，如圖所示。 烏克蘭設計公司Cadabra Stud

8、io創(chuàng)作的App界面2.MaterialDesign設計原則Material Design語言有材質隱喻、大膽夸張、動效表意、靈活、跨平臺五大原則。（1）材質隱喻Material Design的靈感來自物理世界及其紋理，包括它們如何反射光線和投射陰影。它對材料表面進行了重新構想，加入了紙張和墨水的特性，如圖所示。材質隱喻（2）大膽夸張Material Design以印刷設計方法中的排版、網格、空間、比例、顏色和圖像為指導，來創(chuàng)造視覺層次、視覺意義以及視覺焦點，使用戶沉浸其中，如圖所示。大膽夸張（3）動效表意通過微妙的反饋和平滑的過渡使動效保持連續(xù)性。當元素出現(xiàn)在屏幕上時，它們在環(huán)境中轉換和重組

9、，相互作用并產生新的變化，如圖所示。動效表意（4）靈活Material Design系統(tǒng)旨在實現(xiàn)品牌表達。它與自定義代碼庫集成，允許無縫實現(xiàn)組件、插件和設計元素，如圖所示。靈活（5）跨平臺Material Design使用包括Android、iOS、Flutter和Web的共享組件跨平臺管理，如圖所示。 跨平臺3.2 App設計的規(guī)范App設計的規(guī)范分為iOS設計規(guī)范和Android設計規(guī)范兩部分。3.2.1 iOS設計規(guī)范iOS的基礎設計規(guī)范包括單位及尺寸、界面結構、布局、字體4個方面。1.iOS設計單位及尺寸（1）相關單位PPI：像素密度（Pixels Per Inch，PPI）是屏幕分辨

10、率單位，表示的是每英寸所擁有的像素數(shù)量，如圖所示。像素密度越大，畫面越細膩。因此，iPhone4與iPhone3GS屏幕尺寸雖然相同，但實際像素大了一倍，清晰度自然變高。PPI的計算公式（X、Y分別為橫向、縱向的像素數(shù)）Asset：比例因子。標準分辨率顯示器具有1:1的像素密度，用1x表示，其中一個像素等于一個點。高分辨率顯示器具有更高的像素密度，比例因子為2.0或3.0，分別用2x和3x表示，如圖所示。因此，高分辨率顯示器需要具有更多像素的圖像。一個10px10px的標準分辨率（1x）圖像，該圖像的2x版本為20px20px，3x版本為30px30px邏輯像素和物理像素：邏輯像素（Logic

11、 Point），單位為“點”（points，pt），是根據內容尺寸計算的單位。iOS開發(fā)工程師和使用Sketch軟件設計界面的UI設計師使用的單位都是pt。物理像素（Physical Pixel），單位“像素”（pixels，px），是按照像素格計算的單位，也就是移動設備的實際像素。使用Photoshop軟件設計界面的UI設計師使用的單位都是px。例如，iPhoneX/XS邏輯像素是375812pt，由于視網膜屏像素密度的增加，即1pt=3px，因此iPhoneX/XS的物理像素是11252436px，如圖所示。邏輯像素與物理像素的轉換（2）設計尺寸iOS常見的設備尺寸，如圖下所示。在進行界面

12、設計時，為了一稿適配多種尺寸，都是以iPhone6/6s/7/8為基準的。如果使用Photoshop就創(chuàng)建7501334px尺寸的畫布，如果使用Sketch就建立375667pt尺寸的畫布。iOS常見設備的尺寸iOS設計標準尺寸2.iOS界面結構iOS界面主要由狀態(tài)欄、導航欄、標簽欄組成，其結構如圖和圖所示。iOS手機端界面結構圖 圖片來源于520設計網iOS iPad界面結構圖，圖片來源于520設計網3.iOS布局（1）網格系統(tǒng)網格系統(tǒng)（Grid Systems），又稱為柵格系統(tǒng)，是利用一系列垂直和水平的參考線，將頁面分割成若干個有規(guī)律的列或格子，再以這些格子為基準，進行頁面布局設計的方式，

13、能使布局規(guī)范、簡潔、有秩序，如圖所示。網格系統(tǒng)（2）組成元素網格系統(tǒng)由列、水槽以及邊距3個元素組成，如圖所示。列是內容放置的區(qū)域。水槽是列與列之間的距離，有助于分離內容。邊距是內容與屏幕左右邊緣之間的距離。組成元素（列、水槽、邊距）（3）網格的運用單元格：iOS的最小點擊區(qū)域是44pt，即88px（2x）。因此，在適用性方面，能被整除的偶數(shù)4和8作為iOS最小單元格比較合適。其中4px容易將頁面切割細碎，所以比較推薦使用8px，如圖所示。單元格列：列的數(shù)量有4、6、8、10、12、24這幾種情況。其中4列通常在2等分的簡潔頁面時使用，6、12和24基本滿足所有等分情況，然而24列將頁面切割太碎

14、，如圖3-27所示，因此實際使用還是以12列和6列為主。 列的使用水槽：水槽、邊距以及橫向間距的寬度可以依照最小單元格8px為增量進行統(tǒng)一設置，如24、32、40。其中32px（16pt2x）最為常用，如圖所示。水槽邊距：邊距的寬度也可以與水槽有所區(qū)別。在iOS中以2x為基準，常見的邊距有20px、24px、30px、32px、40px以及50px。邊距的選擇應結合產品本身的氣質，其中30px是最為舒適的邊距，也是絕大多數(shù)App首選的邊距，如圖所示。iOS中的“設置”及“通用”頁面都采用了30px的邊距4.iOS字體（1）系統(tǒng)字體iOS英文使用的是San Francisco （SF）字體，其中

15、SF字體有SF UI Text（文本模式）和SF UI Display（展示模式）兩種尺寸。SF UI Text適用于小于等于19pt的文字，SF UI Display適用于大于等于20pt的文字。中文使用的是蘋方字體，共有6個字重，如圖所示。iOS系統(tǒng)字體 （2）字號大小iOS設計時要注意字號的大小，下所示。蘋果官網的建議全部是針對英文SF字體而言的，中文字體需要UI設計師靈活運用，以最終呈現(xiàn)效果的實用性和美觀度為基準進行調整。其中10pt（2x為20px）是手機上顯示的最小字體，一般位于標簽欄的圖標底部。為了區(qū)分標題和正文，字體大小差異至少保持在4px(2pt2x)，正文的合適行間距在1.

16、52倍之間。基于2x即iPhone6/7/8App界面中的字號3.2.2 Android設計規(guī)范Android系統(tǒng)基礎規(guī)范也包括設計尺寸及單位、界面結構、布局、字體4個方面。1.Android設計尺寸及單位（1）相關單位DPI：網點密度（Dot Per inch，DPI）是打印分辨率的單位，表示每英寸打印的點數(shù)。在移動設備上等同于PPI，表示的是每英寸所擁有的像素數(shù)量。通常PPI代表蘋果手機，DPI代表安卓手機。獨立密度像素與獨立縮放像素：獨立密度像素（Density-independent pixels，dp）是安卓設備上的基本單位，等同于蘋果設備上的pt。Android開發(fā)工程師使用的單位

17、是dp，所以UI設計師進行標注時應將px轉化成dp，公式為dpppi/160 = px。當設備的DPI值是320時，通過公式可得出1dp=2px，如圖所示（類似iPhone6/7/8的高清屏）。dp與px的轉換獨立縮放像素（Scale-independent Pixel，sp）是Android設備上的字體單位。Android平臺允許用戶自定義文字大?。ㄐ　⒄?、大、超大等），當文字尺寸是“正常”狀態(tài)時，1sp=1dp，如圖所示。而當文字尺寸是“大”或“超大”時，1sp1dp。UI設計師進行Android界面的設計時，標記字體的單位選用sp。（2）設計尺寸Android常見的設備尺寸，如下所示。

18、在進行界面設計時，如果想要一稿適配Android和iOS，就使用Photoshop新建7201280px尺寸的畫布。如果根據Material Design新規(guī)范單獨設計Android設計稿，就使用Photoshop新建10801920px尺寸的畫布。無論哪種需求，使用Sketch只建立360640dp尺寸的畫布即可。 Android常見的設備尺寸Android設計標準尺寸2.Android界面結構Android界面主要由狀態(tài)欄、導航欄、頂部應用欄組成，其結構如圖所示。Android界面結構3.Android布局在iOS的設計規(guī)范中，我們已經剖析了網格系統(tǒng)及其組成元素，因此在Android布局中

19、不再贅述，直接進行Android中網格的布局。單元格：Android的最小點擊區(qū)域是48dp，如圖所示，因此能被整除的偶數(shù)4和8作為Android最小單元格比較合適。單元格所有組件都與移動設備的8dp網格對齊，如圖所示。移動設備的8dp網格圖標、文字和組件中的某些元素可以與4dp網格對齊，如圖所示。與4dp網格對齊列：列的數(shù)量在手機設備上推薦4列，平板電腦上推薦8列，如圖所示。 列的數(shù)量，手機設備（左） 平板電腦（右） 水槽：水槽和邊距的寬度在手機設備上推薦16dp，平板電腦上推薦24dp，如圖所示。手機設備、平板電腦水槽和邊距的寬度邊距：邊距的寬度可以和水槽統(tǒng)一。另外邊距可以根據產品的設計要

20、求，和水槽不同，如圖所示。當Android中邊距的寬度和水槽不同時，其寬度的設置具體可以參考iOS布局中邊距的寬度。邊距的寬度4.Android字體規(guī)范（1）系統(tǒng)字體Android英文使用的是Roboto字體，共有6個字重。中文使用的是思源黑體，又稱為“Source Han Sans”或“Noto”，共有7個字重，如圖所示。思源黑體（2）字號大小Android設計時要注意字號的大小，如下所示。Android系統(tǒng)App的字體建議Android各元素以7201280px為基準設計，可以與iOS對應，其常見的字號大小為24px、26px、28px、30px、32px、34px，36px等，最小字號為

21、20px，如圖所示。 Android（左）與iOS（右）對應界面3.3 App常用界面類型界面設計是產品用戶體驗里非常重要的一環(huán)。在App中，常用界面類型為閃屏頁、引導頁、首頁、個人中心頁、詳情頁以及注冊登錄頁。3.3.1 閃屏頁閃屏頁又稱為“啟動頁”，是用戶點擊App應用圖標后，預先加載的一張圖片。閃屏頁承載了用戶對App的第一印象，是情感化設計的重要組成部分，其設計類型可以細分為品牌推廣型、活動廣告型、節(jié)日關懷型等。1.品牌推廣型品牌推廣型閃屏頁是為表現(xiàn)產品品牌而設定的?；静捎谩爱a品logo+產品名稱+宣傳語”的簡潔化設計形式，如圖所示。1號店（左）閑魚（右）的品牌推廣型閃屏頁2.活動廣

22、告型活動廣告型閃屏頁是為推廣活動或廣告而設定的，通常將推廣的內容直接設計在閃屏頁內。多采用插畫和海報的設計形式，常用暖色營造熱鬧的氛圍，如圖所示。百度網盤（左）百度瀏覽器（中）知乎（右）的活動廣告型閃屏頁“雙11”（左）國慶（中）“雙12”（右）的活動廣告型閃屏頁3.節(jié)日關懷型節(jié)日關懷型閃屏頁是為營造節(jié)假日氛圍，同時凸顯產品品牌而設定的。多采用“產品logo+內容插畫”的設計形式，使用戶感受到節(jié)日的關懷與祝福，如圖所示。閑魚（左）口袋兼職（右）的節(jié)日關懷型閃屏頁QQ音樂（左）QQ瀏覽器（右）的節(jié)日關懷型閃屏頁3.3.2 引導頁引導頁是用戶第一次打開或經過更新后打開App看到的一組圖片，通常由3

23、5頁組成。引導頁起到了在用戶使用App之前，提前幫助用戶快速了解App的主要功能和特點的作用，可以細分為功能說明型、產品推廣型、搞笑賣萌型。1.功能說明型功能說明型引導頁是引導頁中最基礎的一種，主要對產品的新功能進行展示，常用于App重大版本的更新中。多采用插圖的設計形式，達到短時間內吸引用戶的效果，如圖所示。高德地圖App的功能說明型引導頁2.產品推廣型產品推廣型引導頁是要表達App的價值，讓用戶更了解這款App的情懷。多采用與企業(yè)形象和產品風格一致的生動化、形象化的設計形式，讓用戶感到畫面的精美，如圖所示。京東商城App的產品推廣型引導頁3.搞笑賣萌型搞笑賣萌型引導頁是引導頁中設計難度較高

24、的，主要站在用戶的角度介紹App的特點。多采用擬人的夸張設計形象及豐富的交互動畫，讓用戶身臨其境，如圖所示。搞笑賣萌型引導頁3.3.3 首頁首頁又稱為“起始頁”，是用戶使用App的第一頁。首頁承擔著流量分發(fā)的作用，是展現(xiàn)產品氣質的關鍵頁面，可以細分為列表型、網格型、卡片型、綜合型。1.列表型列表型首頁是在頁面上將同級別的模塊進行分類展示，常用于以數(shù)據展示、文字閱讀等為主的App。采用單一的設計形式，方便用戶瀏覽，如圖所示。 英國設計師George Gliddon創(chuàng)作（左）今日頭條（中）由俄羅斯設計師Alexander Zaytsev創(chuàng)作（右）的列表型首頁2.網格型網格型首頁是在頁面上將重要的功

25、能以矩形模塊的形式進行展示，常用于工具類App。采用的統(tǒng)一矩形模塊的設計形式，刺激用戶點擊，如圖所示。天天P圖（左）Word（中）墨刀（右）的網格型首頁3.卡片型卡片型首頁是在頁面上將圖片、文字、控件放置于同一張卡片中，再將卡片進行分類展示，常用于數(shù)據展示、文字閱讀、工具使用等類型的App。采用的統(tǒng)一的卡片設計形式，不僅讓用戶一目了然，更能加強產品內容的點擊欲望，如圖所示。SaturnCube團隊創(chuàng)作（左）微信讀書（中）翻譯大全（右）的卡片型首頁4.綜合型綜合型首頁是由搜索欄、Banner、金剛區(qū)、瓷片區(qū)以及標簽欄等組成的頁面，運用范圍較廣，常用于電商類、教育類、旅游類等方面。采用豐富的設計形

26、式，能滿足用戶的需求，如圖所示。 1號店（左）途牛旅游（中）翻譯大全（右）的綜合型首頁3.3.4 個人中心頁個人中心頁是展示個人信息的頁面，主要由頭像和信息內容組成。個人中心頁有時也會以抽屜打開的形式出現(xiàn)，如圖所示。淘寶（左）閑魚（右）的個人中心頁3.3.5 詳情頁詳情頁是展示App產品詳細信息，用于用戶產生消費的頁面。頁面內容較豐富，以圖文信息為主，如圖所示。京東商城（左）途牛（中）36Kr（右）的詳情頁3.3.6 注冊登錄頁注冊登錄頁是電商類、社交類等功能豐富型App的必要頁面。頁面設計直觀簡潔，并且提供第三方賬號登錄，國內常見的第三方賬號有微博、微信、QQ等，國外常見的第三方賬號有Fac

27、ebook、Twitter等，如圖所示。Done（左）智聯(lián)招聘（中）36Kr（右）注冊登錄頁3.4 課堂案例制作侃侃App【案例學習目標】學習使用不同的繪制工具繪制圖形，使用圖層樣式添加特殊效果，并應用移動工具移動裝飾圖片來制作App界面。【案例知識要點】使用橢圓工具和圓角矩形工具繪制圖形，使用描邊和漸變疊加命令為圖形添加效果，使用剪貼蒙版命令為圖片添加蒙版，使用橫排文字工具輸入文字，效果如圖所示?！拘Ч谖恢谩吭票P/Ch03/效果/制作侃侃App。 1制作侃侃App閃屏頁（1）按Ctrl+N組合鍵，新建一個文件，寬度為750像素，高度為1334像素，分辨率為72像素/英寸，背景內容為白色，

28、如圖3-64所示。單擊“創(chuàng)建”按鈕，完成文檔新建。（2）選擇“文件 置入嵌入對象”命令，彈出“置入嵌入的對象”對話框。選擇云盤中的“Ch03 素材 制作侃侃App 制作侃侃App閃屏頁 01”文件，單擊“置入”按鈕，按Enter鍵確認操作，效果如圖所示，在“圖層”控制面板中生成新的圖層并將其命名為“底圖”。（3）按Ctrl+T組合鍵，在圖片周圍出現(xiàn)變換框，拖曳右上角的控制手柄，調整圖片的大小及其位置，按Enter鍵確認操作，如圖所示。（4）選擇“視圖 新建參考線”命令，彈出“新建參考線”對話框，在40像素的位置新建一條水平參考線，設置如圖所示，單擊“確定”按鈕，完成參考線的創(chuàng)建，效果如圖所示。

29、（5）選擇“文件 置入嵌入對象”命令，彈出“置入嵌入的對象”對話框，選擇云盤中的“Ch03 素材 制作侃侃App 制作侃侃App閃屏頁 02”文件。單擊“置入”按鈕，將圖片置入到圖像窗口中，將其拖曳到適當?shù)奈恢茫?按Enter鍵確定操作，效果如圖所示，在“圖層”控制面板中生成新的圖層并將其命名為“狀態(tài)欄”。（6）選擇“橫排文字”工具，在適當?shù)奈恢幂斎胄枰奈淖植⑦x取文字，選擇“窗口 字符”命令，彈出面板，將“顏色”設為白色，其他選項的設置如圖所示，按Enter鍵確認操作，效果如圖所示。 （7）選擇“橢圓”工具，在屬性欄的“選擇工具模式”選項中選擇“形狀”，將“填充”顏色設為白色，“描邊”顏色設

30、為無。按住Shift鍵的同時，在圖像窗口中適當?shù)奈恢美L制圓形，效果如圖所示，在“圖層”控制面板中生成新的形狀圖層“橢圓1”。（8）單擊“圖層”控制面板下方的“添加圖層樣式”按鈕，在彈出的菜單中選擇“描邊”命令，彈出對話框，在“填充類型”選項的下拉列表中選擇“漸變”選項，單擊“漸變”選項右側的“點按可編輯漸變”按鈕，彈出“漸變編輯器”對話框，在“位置”選項中分別輸入0、100兩個位置點，分別設置兩個位置點顏色的RGB值為0（254、72、49）、100（255、130、18），如圖所示，單擊“確定”按鈕。返回到“描邊”對話框，其他選項的設置如圖所示，單擊“確定”按鈕，效果如圖所示。 （9）將“橢

31、圓1”圖層拖曳到“圖層”控制面板下方的“創(chuàng)建新圖層”按鈕上進行復制，生成新的形狀圖層“橢圓1 拷貝”。按Ctrl+T組合鍵，在圖形周圍出現(xiàn)變換框，按住Alt+Shift組合鍵的同時，拖曳右上角的控制手柄等比例縮小圖形，按Enter鍵確定操作。在“圖層”控制面板中，雙擊“橢圓1 拷貝”圖層的縮覽圖，在彈出的對話框中，將顏色設為黑色，單擊“確定”按鈕。刪除“橢圓1 拷貝”圖層的圖層樣式，效果如圖所示。（10）選擇“文件 置入嵌入對象”命令，彈出“置入嵌入的對象”對話框，選擇云盤中的“Ch03 素材 制作侃侃App 制作侃侃App閃屏頁 03”文件，單擊“置入”按鈕，將圖片置入到圖像窗口中，將其拖曳

32、到適當?shù)奈恢貌⒄{整其大小，按Enter鍵確定操作，在“圖層”控制面板中生成新的圖層并將其命名為“人物1”。按Alt+Ctrl+G組合鍵，為“人物1”圖層創(chuàng)建剪貼蒙版，效果如圖所示。（11）按住Shift鍵的同時，選中“橢圓 1”圖層，按Ctrl+G組合鍵，群組圖層并將其命名為“頭像1”，如圖所示。（12）將“頭像1”圖層組拖曳到“圖層”控制面板下方的“創(chuàng)建新圖層”按鈕上進行復制，生成新的圖層組“頭像1 拷貝”，將其命名為“頭像2”，如圖所示。按Ctrl+T組合鍵，在圖片周圍出現(xiàn)變換框。選擇“移動”工具，在圖像窗口中將其拖曳到適當?shù)奈恢貌⒄{整大小，按Enter鍵確認操作，效果如圖所示。 （13）

33、展開“頭像2”圖層組，選中“人物1”圖層，按Delete鍵，刪除該圖層。選擇“文件 置入嵌入對象”命令，彈出“置入嵌入的對象”對話框，選擇云盤中的“Ch03 素材 制作侃侃App 制作侃侃App閃屏頁 04”文件。單擊“置入”按鈕，將圖片置入到圖像窗口中，將其拖曳到適當?shù)奈恢貌⒄{整其大小，按Enter鍵確定操作，在“圖層”控制面板中生成新的圖層并將其命名為“人物2”。按Alt+Ctrl+G組合鍵，為“人物2”圖層創(chuàng)建剪貼蒙版，效果如圖所示。（14）雙擊“橢圓 1”圖層的“描邊”圖層樣式，彈出“圖層樣式”對話框，選項的設置如圖所示，單擊“確定”按鈕，效果如圖所示。 （15）折疊“頭像2”圖層組中

34、的圖層。選擇“橢圓”工具，在屬性欄中將“填充”顏色設為白色，按住Shift鍵的同時，在圖像窗口中拖曳鼠標繪制圓形，效果如圖所示。（16）選擇“文件 置入嵌入對象”命令，彈出“置入嵌入的對象”對話框，選擇云盤中的“Ch03 素材 制作侃侃App 制作侃侃App閃屏頁 08”文件，單擊“置入”按鈕，將圖片置入到圖像窗口中，將其拖曳到適當?shù)奈恢貌⒄{整其大小，按Enter鍵確定操作，在“圖層”控制面板中生成新的圖層并將其命名為“人物3”。（17）按Alt+Ctrl+G組合鍵，為“人物3”圖層創(chuàng)建剪貼蒙版，效果如圖所示。使用相同的方法制作其他圖形和圖片，效果如圖所示。在“圖層”控制面板中，選中“人物7”

35、圖層，按住Shift鍵的同時，單擊“橢圓 2”圖層，將需要的圖層同時選取。按Ctrl+G組合鍵，群組圖層并將其命名為“更多頭像”，如圖所示。 （18）選擇“橫排文字”工具，在適當?shù)奈恢幂斎胄枰奈淖植⑦x取文字，在“字符”面板中，將“顏色”設為白色，其他選項的設置如圖所示，按Enter鍵確認操作，效果如圖所示。使用相同方法輸入其他文字，設置如圖所示，效果如圖所示。在“圖層”控制面板中分別生成新的文字圖層。侃侃App閃屏頁制作完成。 2制作侃侃App歡迎頁（1）按Ctrl+N組合鍵，新建一個文件，寬度為750像素，高度為1334像素，分辨率為72像素/英寸，背景內容為白色，如圖所示，單擊“創(chuàng)建”按

36、鈕，完成文檔新建。（2）選擇“文件 置入嵌入對象”命令，彈出“置入嵌入的對象”對話框，選擇云盤中的“Ch03 素材 制作侃侃App 制作侃侃App歡迎頁 01”文件，單擊“置入”按鈕，將圖片置入到圖像窗口中。將其拖曳到適當?shù)奈恢貌⒄{整其大小，按Enter鍵確定操作，效果如圖所示，在“圖層”控制面板中生成新的圖層并將其命名為“底圖”。 （3）選擇“視圖 新建參考線”命令，彈出“新建參考線”對話框，在40像素的位置新建一條水平參考線，設置如圖所示，單擊“確定”按鈕，完成參考線的創(chuàng)建，效果如圖所示。 （4）選擇“文件 置入嵌入對象”命令，彈出“置入嵌入的對象”對話框，選擇云盤中的“Ch03 素材 制

37、作侃侃App 制作侃侃App歡迎頁 02”文件，單擊“置入”按鈕，將圖片置入到圖像窗口中。將圖片拖曳到圖像窗口中適當?shù)奈恢?，按Enter鍵確定操作，效果如圖所示，在“圖層”控制面板中生成新的圖層并將其命名為“狀態(tài)欄”。（5）選擇“橫排文字”工具，在適當?shù)奈恢幂斎胄枰奈淖植⑦x取文字，在“字符”面板中，將“顏色”設為白色，其他選項的設置如圖所示，效果如圖所示。用相同的方法再次輸入文字，設置如圖所示，效果如圖所示，在“圖層”控制面板中分別生成新的文字圖層。 （6）選擇“圓角矩形”工具，在屬性欄的“選擇工具模式”選項中選擇“形狀”，將“填充”顏色設為白色，“描邊”顏色設為無，“半徑”選項設置為10像

38、素。在圖像窗口中適當?shù)奈恢美L制圓角矩形，在“圖層”控制面板中生成新的形狀圖層 “圓角矩形1”。選擇“窗口 屬性”命令，彈出“屬性”面板，設置如圖所示，按Enter鍵確認操作，效果如圖所示。 （7）單擊“圖層”控制面板下方的“添加圖層樣式”按鈕，在彈出的菜單中選擇“漸變疊加”命令，彈出對話框，單擊“漸變”選項右側的“點按可編輯漸變”按鈕，彈出“漸變編輯器”對話框。在“位置”選項中分別輸入0、100兩個位置點，分別設置兩個位置點顏色的RGB值為0（255、134、16）、100（254、44、60），如圖所示。單擊“確定”按鈕，返回到“漸變疊加”對話框，其他選項的設置如圖所示，單擊“確定”按鈕，效

39、果如圖所示。 （8）選擇“橫排文字”工具，在適當?shù)奈恢幂斎胄枰奈淖植⑦x取文字，在“字符”面板中，將“顏色”設為白色，其他選項的設置如圖所示，按Enter鍵確認操作，效果如圖所示，在“圖層”控制面板中生成新的文字圖層。 （9）將“圓角矩形1”圖層拖曳到“圖層”控制面板下方的“創(chuàng)建新圖層”按鈕上進行復制，生成新的形狀圖層“圓角矩形1 拷貝”。選擇“移動”工具，按住Shift鍵的同時，將其向下拖曳到適當?shù)奈恢谩h除“圓角矩形1 拷貝”圖層的圖層樣式，效果如圖所示。（10）選擇“橫排文字”工具，在適當?shù)奈恢幂斎胄枰奈淖植⑦x取文字，在“字符”面板中，將“顏色”設為黑色，其他選項的設置如圖所示，按En

40、ter鍵確認操作，效果如圖所示。使用相同方法輸入其他文字，在“字符”面板中，將“顏色”設為白色，其他選項的設置如圖所示，按Enter鍵確認操作，效果如圖所示。（11）按CtrlO組合鍵，打開云盤中的“Ch03 素材 制作侃侃App 制作侃侃App歡迎頁 03”文件，選擇“移動”工具，將“QQ”圖形拖曳到圖像窗口中適當?shù)奈恢貌⒄{整其大小，效果如圖所示，在“圖層”控制面板中生成新的形狀圖層“QQ”。 使用相同的方法拖曳其他圖形到適當?shù)奈恢?。效果如圖所示。侃侃App歡迎頁制作完成。 3制作侃侃App首頁（1）按Ctrl+N組合鍵，新建一個文件，寬度為750像素，高度為4054像素，分辨率為72像素/

41、英寸，背景內容為白色，如圖所示，單擊“創(chuàng)建”按鈕，完成文檔新建。（2）選擇“視圖 新建參考線”命令，彈出“新建參考線”對話框，在40像素的位置新建一條水平參考線，設置如圖所示，單擊“確定”按鈕，完成參考線的創(chuàng)建。（3） 選擇“文件 置入嵌入對象”命令，彈出“置入嵌入的對象”對話框，選擇云盤中的“Ch03 素材 制作侃侃App 制作侃侃App首頁 01”文件，單擊“置入”按鈕，將圖片置入到圖像窗口中。將其拖曳到適當?shù)奈恢茫碋nter鍵確定操作，效果如圖所示，在“圖層”控制面板中生成新的圖層并將其命名為“狀態(tài)欄”。（4）選擇“視圖 新建參考線”命令，彈出“新建參考線”對話框，在128像素（距離上

42、方參考線88像素）的位置新建一條水平參考線，設置如圖所示，單擊“確定”按鈕，完成參考線的創(chuàng)建，效果如圖所示。用相同的方法，在32像素的位置新建一條垂直參考線，設置如圖所示，單擊“確定”按鈕，完成參考線的創(chuàng)建。 （5）用相同的方法，在375像素（頁面中心位置）和718像素（距離右側32像素）的位置新建兩條垂直參考線，效果如圖所示。（6）選擇“橫排文字”工具，在適當?shù)奈恢幂斎胄枰奈淖植⑦x取文字，在“字符”面板中，將“顏色”設為黑色，其他選項的設置如圖所示，按Enter鍵確認操作，效果如圖所示，在“圖層”控制面板生成新的文字圖層。 （7）按CtrlO組合鍵，打開云盤中的“Ch03 素材 制作侃侃A

43、pp 制作侃侃App首頁 02”文件。選擇“移動”工具，將“編輯”圖形拖曳到圖像窗口中適當?shù)奈恢貌⒄{整其大小，效果如圖所示，在“圖層”控制面板中生成新的形狀圖層“編輯”。在“圖層”控制面板中，按住Shift鍵的同時，單擊“發(fā)現(xiàn)”圖層，將需要的圖層同時選取。按Ctrl+G組合鍵，群組圖層并將其命名為“導航欄”，如圖所示。 （8）選擇“視圖 新建參考線”命令，彈出“新建參考線”對話框，在168像素（距離上方參考線40像素）的位置新建一條水平參考線，設置如圖所示，單擊“確定”按鈕，完成參考線的創(chuàng)建，效果如圖所示。用相同的方法，在416像素（距離上方參考線248像素）的位置新建一條水平參考線，效果如圖

44、所示。 （9）選擇“圓角矩形”工具，在屬性欄中將“填充”顏色設為白色，“半徑”選項設置為26像素，在圖像窗口中適當?shù)奈恢美L制圓角矩形，效果如圖所示，在“圖層”控制面板中生成新的形狀圖層“圓角矩形1”。（10）單擊“圖層”控制面板下方的“添加圖層樣式”按鈕，在彈出的菜單中選擇“投影”命令，彈出對話框。將陰影顏色設為黑色，其他選項的設置如圖所示，單擊“確定”按鈕，效果如圖所示。（11）選擇“橢圓”工具，按住Shift鍵的同時，在圖像窗口中適當?shù)奈恢美L制圓形，效果如圖所示。在屬性欄中將“填充”顏色設為黑色，在“圖層”控制面板中生成新的形狀圖層“橢圓1”。（12）按Ctrl+J組合鍵，復制圖層，在“圖

45、層”控制面板中生成新的形狀圖層并將其命名為“橢圓2”。選擇“移動”工具，按住Shift鍵的同時，將其拖曳到適當?shù)奈恢?，如圖所示。單擊圖層左側的眼睛圖標，隱藏該圖層，并選中“橢圓1”圖層。（13）選擇“文件 置入嵌入對象”命令，彈出“置入嵌入的對象”對話框，選擇云盤中的“Ch03 素材 制作侃侃App 制作侃侃App首頁 03”文件，單擊“置入”按鈕，將圖片置入到圖像窗口中。將其拖曳到適當?shù)奈恢貌⒄{整大小，按Enter鍵確定操作，在“圖層”控制面板中生成新的圖層并將其命名為“頭像1”。按Alt+Ctrl+G組合鍵，為“頭像1”圖層創(chuàng)建剪貼蒙版，效果如圖所示。 （14）選擇“橫排文字”工具，在適當

46、的位置輸入需要的文字并選取文字，在“字符”面板中，將“顏色”設為淺藍色（132、144、166），其他選項的設置如圖所示，按Enter鍵確認操作，效果如圖所示，在“圖層”控制面板中生成新的文字圖層。 （15）選中“橢圓2”圖層，單擊圖層左側的空白圖標，顯示該圖層，效果如圖所示。（16）單擊“圖層”控制面板下方的“添加圖層樣式”按鈕，在彈出的菜單中選擇“漸變疊加”命令，彈出對話框。單擊“漸變”選項右側的“點按可編輯漸變”按鈕，彈出“漸變編輯器”對話框，在“位置”選項中分別輸入0、100兩個位置點，分別設置兩個位置點顏色的RGB值為0（255、134、16）、100（254、44、60），如圖所示

47、，單擊“確定”按鈕。返回到“漸變疊加”對話框，其他選項的設置如圖所示，單擊“確定”按鈕，效果如圖所示。（17）在“02”圖像窗口中選中“相機”圖層，選擇“移動”工具，將其拖曳到圖像窗口中適當?shù)奈恢貌⒄{整大小，效果如圖所示，在“圖層”控制面板中生成新的形狀圖層“相機”。（18）選擇“橫排文字”工具，在適當?shù)奈恢幂斎胄枰奈淖植⑦x取文字，在“字符”面板中，將“顏色”設為黑色，其他選項的設置如圖所示，按Enter鍵確認操作，效果如圖所示，在“圖層”控制面板中生成新的文字圖層。 （19）按住Shift鍵的同時，單擊“橢圓 2”圖層，將需要的圖層同時選取。按Ctrl+G組合鍵，群組圖層并將其命名為“照片

48、”，如圖所示。使用相同的方法制作“想法”和“位置”圖層組，效果如圖所示。按住Shift鍵的同時，單擊“圓角矩形1”圖層，將需要的圖層同時選取，群組圖層并將其命名為“發(fā)表”，如圖所示。 （20）選擇“視圖 新建參考線”命令，彈出“新建參考線”對話框，在446像素（距離上方參考線30像素）的位置新建一條水平參考線，設置如圖所示，單擊“確定”按鈕，完成參考線的創(chuàng)建，效果如圖所示。用相同的方法，在1526像素的位置新建一條水平參考線，如圖所示。 （21）選擇“圓角矩形”工具，在屬性欄中將“填充”顏色設為白色，“半徑”選項設置為26像素，在圖像窗口中適當?shù)奈恢美L制圓角矩形，效果如圖所示，在“圖層”控制面

49、板中生成新的形狀圖層 “圓角矩形2”。單擊“圖層”控制面板下方的“添加圖層樣式”按鈕，在彈出的菜單中選擇“投影”命令，彈出對話框，將陰影顏色設為黑色，其他選項的設置如圖所示，單擊“確定”按鈕，效果如圖所示。 （22）選擇“橢圓”工具，按住Shift鍵的同時，在圖像窗口中拖曳鼠標繪制圓形。在屬性欄中將“填充”顏色設為黑色，“描邊”顏色設為無，效果如圖所示，在“圖層”控制面板中生成新的形狀圖層“橢圓5”。單擊“圖層”控制面板下方的“添加圖層樣式”按鈕，在彈出的菜單中選擇“漸變疊加”命令，單擊“漸變”選項右側的“點按可編輯漸變”按鈕，彈出“漸變編輯器”對話框，在“位置”選項中分別輸入0、100兩個位

50、置點，分別設置兩個位置點顏色的RGB值為0（255、134、16）、100（254、44、60），如圖所示，單擊“確定”按鈕。返回到“漸變疊加”對話框，其他選項的設置如圖所示，單擊“確定”按鈕，效果如圖所示。（23）選擇“橢圓”工具，按住Shift鍵的同時，在圖像窗口中拖曳鼠標繪制圓形，在“圖層”控制面板中生成新的形狀圖層“橢圓6”。在屬性欄中將“填充”顏色設為黑色，“描邊”顏色設為無，效果如圖所示。（24）選擇“文件 置入嵌入對象”命令，彈出“置入嵌入的對象”對話框，選擇云盤中的“Ch03 素材 制作侃侃App 制作侃侃App首頁 04”文件，單擊“置入”按鈕，將圖片置入到圖像窗口中。將其拖

51、曳到適當?shù)奈恢貌⒄{整大小，按Enter鍵確定操作，效果如圖所示，在“圖層”控制面板中生成新的圖層并將其命名為“頭像2”。按Alt+Ctrl+G組合鍵，為“頭像2”圖層創(chuàng)建剪貼蒙版，效果如圖所示。 （25）選擇“橫排文字”工具，在適當?shù)奈恢幂斎胄枰奈淖植⑦x取文字，在“字符”面板中，將“顏色”設為黑色，其他選項的設置如圖所示，按Enter鍵確認操作，效果如圖所示。使用相同的方法輸入其他文字，在“字符”面板中，將“顏色”設為淺藍色（162、169、183），其他選項的設置如圖所示，按Enter鍵確認操作，效果如圖所示。使用相同的方法輸入其他文字，效果如圖3-164所示，在“圖層”控制面板中分別生成

52、新的文字圖層。（26）在“02”圖像窗口中分別選中“定位”和“更多”圖層，選擇“移動”工具，將其拖曳到圖像窗口中適當?shù)奈恢貌⒄{整大小，效果如圖所示，在“圖層”控制面板中生成新的形狀圖層“定位”和“更多”。在“圖層”控制面板中，選中“更多”圖層，按住Shift鍵的同時，單擊“橢圓5”圖層，將需要的圖層同時選取。按Ctrl+G組合鍵，群組圖層并將其命名為“更多”，如圖所示。 （27）選擇“矩形”工具，在屬性欄的“選擇工具模式”選項中選擇“形狀”，將“填充”顏色設為黑色，“描邊”顏色設為無。在圖像窗口中適當?shù)奈恢美L制矩形，效果如圖所示，在“圖層”控制面板中生成新的形狀圖層“矩形1”。（28）選擇“文

53、件 置入嵌入對象”命令，彈出“置入嵌入的對象”對話框，選擇云盤中的“Ch03 素材 制作侃侃App 制作侃侃App首頁 05”文件，單擊“置入”按鈕，將圖片置入到圖像窗口中，將其拖曳到適當?shù)奈恢貌⒄{整大小，按Enter鍵確定操作，效果如圖所示，在“圖層”控制面板中生成新的圖層并將其命名為“照片1”。按Alt+Ctrl+G組合鍵，為“照片1”圖層創(chuàng)建剪貼蒙版，效果如圖所示。 （29）使用相同的方法制作其他圖片，效果如圖所示。用上述方法群組圖層，并將其命名為“照片”。在“02”圖像窗口中選中“喜歡”圖層，選擇“移動”工具，將其拖曳到圖像窗口中適當?shù)奈恢貌⒄{整大小，效果如圖所示，在“圖層”控制面板中

54、生成新的形狀圖層“喜歡”。 （30）選擇“橫排文字”工具，在適當?shù)奈恢幂斎胄枰奈淖植⑦x取文字，在“字符”面板中，將“顏色”設為黑色，其他選項的設置如圖所示，按Enter鍵確認操作，效果如圖所示，在“圖層”控制面板中生成新的文字圖層。 （31）使用相同的方法，將需要的形狀圖層拖曳到適當?shù)奈恢貌⑤斎胛淖?，效果如圖所示。在“圖層”控制面板中，按住Shift鍵的同時，單擊“喜歡”圖層，將需要的圖層同時選取。按Ctrl+G組合鍵，群組圖層并將其命名為“評論欄”。 按住Shift鍵的同時，單擊“圓角矩形2”圖層，將需要的圖層同時選取。按Ctrl+G組合鍵，群組圖層并將其命名為“韓笑”。如圖所示。 （32

55、）選擇“視圖 新建參考線”命令，彈出“新建參考線”對話框，在1556像素（距離上方參考線30像素）的位置新建一條水平參考線，設置如圖所示，單擊“確定”按鈕，完成參考線的創(chuàng)建，效果如圖所示。用相同的方法，在2256像素（距離上方參考線700像素）的位置新建一條水平參考線，效果如圖所示。（33）選擇“圓角矩形”工具，在屬性欄中將“填充”顏色設為白色，“半徑”選項設置為26像素，在圖像窗口中適當?shù)奈恢美L制圓角矩形，效果如圖所示，在“圖層”控制面板中生成新的形狀圖層“圓角矩形3”。單擊“圖層”控制面板下方的“添加圖層樣式”按鈕，在彈出的菜單中選擇“投影”命令，彈出對話框，將陰影顏色設為黑色，其他選項的

56、設置如圖所示，單擊“確定”按鈕，效果如圖所示。 （34）用上述的方法制作圖片、文字和形狀，效果如圖所示。選擇“矩形”工具，在圖像窗口中適當?shù)奈恢美L制矩形，在屬性欄中將“填充”顏色設為黑色，“描邊”顏色設為無，效果如圖所示，在“圖層”控制面板中生成新的形狀圖層“矩形6”。 （35）選擇“文件 置入嵌入對象”命令，彈出“置入嵌入的對象”對話框，選擇云盤中的“Ch03 素材 制作侃侃App 制作侃侃App首頁 11”文件，單擊“置入”按鈕，將圖片置入到圖像窗口中。將其拖曳到適當?shù)奈恢貌⒄{整其大小，按Enter鍵確定操作，在“圖層”控制面板中生成新的圖層并將其命名為“視頻”。按Alt+Ctrl+G組合

57、鍵，為“視頻”圖層創(chuàng)建剪貼蒙版，效果如圖所示。（36）使用上述的方法拖曳需要的形狀到適當?shù)奈恢貌⑤斎胛淖?，效果如圖所示。用上述方法群組圖層并將其命名為“李一然”，如圖所示。 （37）選擇“視圖 新建參考線”命令，彈出“新建參考線”對話框，在2286像素（距離上方參考線30像素）的位置新建一條水平參考線，設置如圖所示，單擊“確定”按鈕，完成參考線的創(chuàng)建，效果如圖所示。用相同的方法，在3106像素（距離上方參考線820像素）的位置新建一條水平參考線，效果如圖所示。 （38）選擇“圓角矩形”工具，在屬性欄中將“填充”顏色設為白色，“描邊”顏色設為無，“半徑”選項設置為26像素，在圖像窗口中適當?shù)奈恢?/p>

58、繪制圓角矩形，在“圖層”控制面板中生成新的形狀圖層“圓角矩形4”，效果如圖所示。單擊“圖層”控制面板下方的“添加圖層樣式”按鈕，在彈出的菜單中選擇“投影”命令，彈出對話框，將陰影顏色設為黑色，其他選項的設置如圖所示，單擊“確定”按鈕，效果如圖所示。 （39）用上述的方法制作圖片、文字和形狀，效果如圖所示。選擇“矩形”工具，在屬性欄中將“填充”顏色設為黑色，在圖像窗口中適當?shù)奈恢美L制矩形，效果如圖所示，在“圖層”控制面板中生成新的形狀圖層“矩形7”。 （40）單擊“圖層”控制面板下方的“添加圖層樣式”按鈕，在彈出的菜單中選擇“漸變疊加”命令，彈出對話框，單擊“漸變”選項右側的“點按可編輯漸變”按

59、鈕，彈出“漸變編輯器”對話框，在“位置”選項中分別輸入0、100兩個位置點，分別設置兩個位置點顏色的RGB值為0（255、134、16）、100（254、44、60），如圖所示，單擊“確定”按鈕。返回到“漸變疊加”對話框，其他選項的設置如圖所示，單擊“確定”按鈕，效果如圖所示。 （41）選擇“橫排文字”工具，在適當?shù)奈恢幂斎胄枰奈淖植⑦x取文字，在“字符”面板中，將“顏色”設為白色，其他選項的設置如圖所示，按Enter鍵確認操作，在“圖層”控制面板中生成新的文字圖層，效果如圖所示。 （42）使用相同的方法拖曳需要的形狀到適當?shù)奈恢貌⑤斎胛淖?，效果如圖所示。用上述方法群組圖層并將其命名為“張小斐

60、”，如圖所示。 （43）選擇“視圖 新建參考線”命令，彈出“新建參考線”對話框，在3136像素（距離上方參考線30像素）的位置新建一條水平參考線，設置如圖所示，單擊“確定”按鈕，完成參考線的創(chuàng)建，效果如圖所示。 （44）使用相同的方法拖曳需要的形狀到適當?shù)奈恢貌⑤斎胛淖郑Ч鐖D所示。用上述方法群組圖層并將其命名為“張明”，如圖所示。 （45）選擇“圓角矩形”工具，在屬性欄中將“填充”顏色設為白色，在距離上方圓角矩形30像素的位置繪制圓角矩形，在“圖層”控制面板中生成新的形狀圖層“圓角矩形6”。在“屬性”面板中設置參數(shù)，如圖所示，按Enter鍵確認操作，效果如圖所示。 （46）單擊“圖層”控制