Illustrator平面設(shè)計(jì)立體化教程（Illustrator 2021）（微課版）課件 項(xiàng)目7 變形與混合對(duì)象

Illustrator平面設(shè)計(jì)立體化教程（微課版）新形態(tài)立體化精品系列教材項(xiàng)目7變形與混合對(duì)象目錄Contents任務(wù)7.1

設(shè)計(jì)扭曲文字海報(bào)任務(wù)7.2

設(shè)計(jì)毛絨感IP形象綜合實(shí)戰(zhàn)

設(shè)計(jì)海鮮火鍋Banner“為增加會(huì)員人數(shù)和會(huì)員消費(fèi)，提升交易額，某企業(yè)展開“會(huì)員享充100元送100元”活動(dòng)，委托公司設(shè)計(jì)該活動(dòng)的文字海報(bào)，老洪將該任務(wù)分配給了米拉。米拉接過任務(wù)，首先向企業(yè)確定了文字海報(bào)需包含的活動(dòng)內(nèi)容，然后展開文字海報(bào)的設(shè)計(jì)。米拉考慮采用紅色作為背景色，渲染活動(dòng)的氛圍，文字采用白色，與背景對(duì)比鮮明，然后通過字體、字體大小、矩形底紋突出文字信息。本任務(wù)的參考效果如圖所示。任務(wù)7.1

設(shè)計(jì)扭曲文字海報(bào)任務(wù)描述任務(wù)背景文字海報(bào)是指主要由文字組成的海報(bào)，該類型的海報(bào)能清楚直觀地傳達(dá)信息，而且文字排版效果會(huì)直接影響對(duì)海報(bào)的信息傳達(dá)效果和視覺美觀性。某企業(yè)為拓展業(yè)務(wù)，刺激消費(fèi)，委托公司設(shè)計(jì)一張以“會(huì)員享100元送100元”為主題的文字海報(bào)，要求創(chuàng)意十足，信息傳達(dá)準(zhǔn)確。任務(wù)描述任務(wù)目標(biāo)知識(shí)要點(diǎn)變形工具組、“變形”效果組、“封套扭曲”變形。①制作尺寸為1080px×1920px分辨率為72像素/英寸的扭曲文字海報(bào)。②文案層次結(jié)構(gòu)清晰，排版美觀。③背景和文案顏色區(qū)分明顯，字體易于閱讀，扭曲效果不影響文字的辨識(shí)度，提高文案的可讀性。知識(shí)準(zhǔn)備1．變形工具組Illustrator提供了一組關(guān)于對(duì)象的變形工具，如圖所示，變形工具組具體介紹如下。寬度工具：將鼠標(biāo)指針放到對(duì)象的適當(dāng)位置，按住鼠標(biāo)左鍵不放并拖曳鼠標(biāo)指針，可以隨意地調(diào)整對(duì)象路徑上各部分的描邊寬度，可用于制作粗細(xì)不一的線條。變形工具：將鼠標(biāo)指針放到對(duì)象的適當(dāng)位置，按住鼠標(biāo)左鍵不放并拖曳鼠標(biāo)指針，可以扭曲變形對(duì)象。旋轉(zhuǎn)扭曲工具：將鼠標(biāo)指針放到對(duì)象的適當(dāng)位置，單擊鼠標(biāo)左鍵使對(duì)象產(chǎn)生旋轉(zhuǎn)扭曲的變形效果。知識(shí)準(zhǔn)備1．變形工具組縮攏工具：將鼠標(biāo)指針放到對(duì)象的適當(dāng)位置，單擊鼠標(biāo)左鍵使使對(duì)象產(chǎn)生向內(nèi)縮攏的變形效果。膨脹工具：將鼠標(biāo)指針放到對(duì)象的適當(dāng)位置，單擊鼠標(biāo)左鍵使對(duì)象產(chǎn)生向外膨脹的變形效果。扇貝工具：將鼠標(biāo)指針放到對(duì)象的適當(dāng)位置，單擊鼠標(biāo)左鍵使對(duì)象產(chǎn)生鋸齒一般的變形效果。晶格工具：將鼠標(biāo)指針放到對(duì)象的適當(dāng)位置，單擊鼠標(biāo)左鍵使對(duì)象產(chǎn)生由內(nèi)向外推拉延伸的變形效果。皺褶工具：將鼠標(biāo)指針放到對(duì)象的適當(dāng)位置，單擊鼠標(biāo)左鍵使對(duì)象邊緣處產(chǎn)生皺褶感的變形效果。知識(shí)準(zhǔn)備2．“變形”選項(xiàng)除了“寬度工具”外，雙擊變形工具組的其他變形工具，下圖所示為“旋轉(zhuǎn)扭曲工具”的“旋轉(zhuǎn)扭曲工具選項(xiàng)”對(duì)話框，在其中可設(shè)置全局畫筆尺寸和工具參數(shù)，具體介紹如下。寬度、高度：用于控制鼠標(biāo)指針的大小。角度：用于控制鼠標(biāo)指針的方向。強(qiáng)度：用于指定扭曲的改變速度。使用壓感筆：不使用“強(qiáng)度”值，而使用來自寫字板或書寫筆的輸入值。旋轉(zhuǎn)扭曲速率：指定應(yīng)用于旋轉(zhuǎn)扭曲的速率。細(xì)節(jié)：用于指定引入對(duì)象輪廓的各點(diǎn)間的間距，值越高，間距越小。簡(jiǎn)化：用于指定減少多余點(diǎn)的數(shù)量，不會(huì)影響形狀的整體外觀。顯示畫筆大?。?jiǎn)螕暨x中該復(fù)選框，使用“旋轉(zhuǎn)扭曲工具”時(shí)可以顯示畫筆大小。知識(shí)準(zhǔn)備3．“變形”效果組選擇對(duì)象，選擇【效果】/【變形】命令，在打開的子菜單中將顯示“變形”效果組的全部效果，如右圖所示。選擇任意變形效果，打開“變形選項(xiàng)”對(duì)話框，如右圖所示。設(shè)置變形參數(shù)后，單擊按鈕，可將設(shè)置好的變形效果應(yīng)用到選定的對(duì)象中。如下圖所示為文字創(chuàng)建“膨脹”變形效果。知識(shí)準(zhǔn)備4．“封套扭曲”變形（1）創(chuàng)建“封套扭曲”變形選擇【對(duì)象】/【封套扭曲】命令，在彈出的子菜單中有3種建立封套的命令。用變形建立：快捷鍵為【Alt+Shift+Ctrl+W】，選擇該命令，將打開“變形選項(xiàng)”對(duì)話框，選擇變形樣式，設(shè)置變形參數(shù)，單擊”確定“按鈕，可將設(shè)置好的封套應(yīng)用到選定的對(duì)象中?！坝镁W(wǎng)格建立”命令：快捷鍵為【Alt+Ctrl+M】，選擇該命令，將打開“封套網(wǎng)格”對(duì)話框，設(shè)置網(wǎng)格的行數(shù)和列數(shù)，單擊”確定“按鈕，設(shè)置完成的網(wǎng)格封套將應(yīng)用到選定的對(duì)象中，此時(shí)通過錨點(diǎn)編輯相關(guān)工具或“網(wǎng)格工具”編輯網(wǎng)格可實(shí)現(xiàn)變形?！坝庙攲訉?duì)象建立”命令：同時(shí)選擇對(duì)象和對(duì)象上層的封套，選擇該命令（快捷鍵為【Alt+Ctrl+C】），對(duì)象將置于頂層封套內(nèi)，并產(chǎn)生變形效果，以適應(yīng)封套。知識(shí)準(zhǔn)備4．“封套扭曲”變形（2）編輯封套選擇封套扭曲對(duì)象，選擇【對(duì)象】/【封套扭曲】/【封套選項(xiàng)】命令，打開“封套選項(xiàng)”對(duì)話框，在其中可以設(shè)置封套選項(xiàng)，單擊按鈕，執(zhí)行設(shè)置，如下圖所示，“封套選項(xiàng)”對(duì)話框中具體參數(shù)介紹如下。消除鋸齒：用于消除封套變形圖形的鋸齒，保持圖形的清晰度。剪切蒙版：用于以封套創(chuàng)建剪切蒙版。透明度：用于設(shè)置封套不透明度。保真度：用于設(shè)置對(duì)象適合封套的保真度。扭曲外觀：?jiǎn)螕暨x中該復(fù)選框，激活“扭曲線性漸變填充”和“扭曲圖案填充”復(fù)選框，從而設(shè)置扭曲對(duì)象采用線性漸變填充或圖案填充。知識(shí)準(zhǔn)備4．“封套扭曲”變形（3）編輯封套中的內(nèi)容選擇封套扭曲對(duì)象，在控制欄單擊“編輯內(nèi)容”按鈕或選擇【對(duì)象】/【封套扭曲】/【編輯內(nèi)容】命令，或按【Shift+Ctrl+V】鍵，對(duì)象將會(huì)顯示原來的選擇框，此時(shí)可以修改封套中的內(nèi)容，如圖所示為修改封套中的文字內(nèi)容。任務(wù)實(shí)施1．創(chuàng)建“膨脹”變形設(shè)置文字變形時(shí)，在“變形”效果組有很多種變形的樣式，如扇形、拱形、波浪、魚眼、膨脹和扭轉(zhuǎn)等，以此達(dá)到理想中的扭曲形態(tài)、扭曲方向和扭曲程度，而且文字隨時(shí)可以改變字體。具體操作如下。1排版標(biāo)題文字效果2添加“膨脹”變形效果任務(wù)實(shí)施2．創(chuàng)建封套扭曲在設(shè)計(jì)優(yōu)惠文案效果時(shí)，米拉考慮為其創(chuàng)建網(wǎng)格封套變形，模擬褶皺扭曲效果，扭曲程度不能影響到文字的辨識(shí)度。將扭曲文字結(jié)合褶皺素材，可以讓畫面感更立體，能很大程度提升視覺表現(xiàn)力，具體操作如下。1繪制圓角矩形邊框2創(chuàng)建封套網(wǎng)格3設(shè)置混合模式和不透明度任務(wù)實(shí)施3．使用變形工具創(chuàng)建網(wǎng)格變形后，米拉考慮使用“變形工具”調(diào)整變形效果，使整體更加美觀，具體操作如下。1設(shè)置變形工具選項(xiàng)2變形文字目錄Contents任務(wù)7.1設(shè)計(jì)扭曲文字海報(bào)任務(wù)7.2設(shè)計(jì)毛絨感IP形象綜合實(shí)戰(zhàn)

設(shè)計(jì)海鮮火鍋Banner“可味雞”品牌為提高大眾對(duì)品牌的認(rèn)知度，決定以小雞為原型，委托公司設(shè)計(jì)“‘可味’雞”IP形象，并以海報(bào)和購物袋為例來應(yīng)用IP形象。米拉從老洪手里接過該任務(wù)，為突出小雞毛茸茸的效果，她考慮利用“混合”效果和“扭曲和變換”效果組中“收縮與膨脹”效果、“粗糙”效果來打造毛絨感小雞IP形象，并繪制眼睛、嘴巴圖形，搭配“OK”手勢(shì)，塑造樂觀、開朗且充滿自信的小雞形象，再搭配墨鏡。本任務(wù)的參考效果如圖所示。任務(wù)7.2設(shè)計(jì)毛絨感IP形象任務(wù)描述任務(wù)背景IP形象通常可表現(xiàn)為一種人格化形象，具有可互動(dòng)性、可延展性，并且能夠與人產(chǎn)生情感共鳴?！翱晌峨u”品牌委托公司設(shè)計(jì)IP形象，要求結(jié)合品牌名稱，能夠提高大眾對(duì)品牌的認(rèn)知度，讓品牌更好地貼近大眾，并配合“福利來襲”文案，制作形象IP海報(bào)，并將IP形象應(yīng)用到購物袋上。任務(wù)描述任務(wù)目標(biāo)知識(shí)要點(diǎn)“變換”效果、“扭轉(zhuǎn)”效果、“收縮和膨脹”效果、擴(kuò)展外觀、“混合”效果、“粗糙”效果。①制作尺寸為810px×1200px大小的IP形象海報(bào)，以及800px×800px的購物袋，分辨率皆為300像素/英寸，CMYK模式。②IP形象要與品牌名稱承接，賦予IP形象獨(dú)特的性格。③IP形象內(nèi)容豐富，有持久的吸引力和話題性，延長(zhǎng)品牌和IP的傳播熱度。④手提袋元素延用海報(bào)中的元素，使兩者具有統(tǒng)一性。知識(shí)準(zhǔn)備1．“扭曲和變換”效果組選擇【效果】/【扭曲和變換】命令，在彈出的子菜單中可以看到7種變形效果，具體介紹如下。變換：用于對(duì)對(duì)象進(jìn)行縮放、移動(dòng)、旋轉(zhuǎn)、鏡像等變換操作。扭擰：用于將所選對(duì)象隨機(jī)地向內(nèi)或向外彎曲、扭曲。扭轉(zhuǎn)：用于順時(shí)針或逆時(shí)針扭轉(zhuǎn)對(duì)象的形狀。收縮和膨脹：用于以對(duì)象中心為基點(diǎn)，對(duì)所選對(duì)象進(jìn)行收縮或膨脹變形。波紋：用于使路徑邊緣產(chǎn)生波紋化扭曲效果。粗糙化：用于使對(duì)象邊緣產(chǎn)生大小不一的鋸齒形狀，給人凹凸不平、粗糙的視覺效果。自由扭曲：選擇該命令，在打開的“自由扭曲”對(duì)話框中將為對(duì)象添加方形控制框，調(diào)整控制框的四角控制點(diǎn)的位置來使對(duì)象變形。知識(shí)準(zhǔn)備2．混合功能（1）創(chuàng)建混合創(chuàng)建混合有以下3種方式。使用工具：選擇“混合工具”為在兩條曲線上建立混合效果。右圖所示為在兩條曲線上建立混合效果。使用命令：選擇混合的兩個(gè)對(duì)象，選擇【對(duì)象】/【混合】/【建立】命令。使用快捷鍵：選擇混合的兩個(gè)對(duì)象，按【Alt+Ctrl+B】鍵。知識(shí)準(zhǔn)備2．混合功能（2）修改混合效果若自動(dòng)創(chuàng)建的混合效果不符合需要，可以選擇創(chuàng)建的混合對(duì)象，再選擇【對(duì)象】/【混合】/【混合選項(xiàng)】命令，打開“混合選項(xiàng)”對(duì)話框，設(shè)置混合參數(shù)后，單擊”確定“按鈕修改混合效果，“混合選項(xiàng)”對(duì)話框中的參數(shù)介紹如下。間距：用于設(shè)置對(duì)象之間的混合方式選項(xiàng)。其中，“平滑顏色”選項(xiàng)用于可以自動(dòng)計(jì)算混合步數(shù)，能夠?qū)崿F(xiàn)顏色平滑過渡。取向：用于設(shè)置對(duì)象混合的方向。單擊“對(duì)齊頁面”按鈕，可使混合垂直于頁面的X軸；單擊“對(duì)齊路徑”按鈕，可使混合垂直于路徑。知識(shí)準(zhǔn)備2．混合功能（3）反向混合若要反向混合路徑上的混合順序，可以選擇混合對(duì)象，然后選擇【對(duì)象】/【混合】/【反向混合軸】命令。右圖所示為反向混合軸后，首尾兩個(gè)對(duì)象發(fā)生調(diào)換。若要反向混合路徑上的疊放順序，可以選擇混合對(duì)象，然后選擇【對(duì)象】/【混合】/【反向堆疊】命令。左圖所示為反向堆疊后，首尾兩個(gè)對(duì)象的堆疊層次發(fā)生調(diào)換。任務(wù)實(shí)施1．添加“變換”和“扭轉(zhuǎn)”效果為強(qiáng)化作品設(shè)計(jì)感，米拉考慮制作放射扭曲背景，先為繪制的三角形添加“變換”效果，旋轉(zhuǎn)并復(fù)制圖形，快速得到放射狀圖形，然后為放射圖形添加“扭轉(zhuǎn)”效果，再將旋轉(zhuǎn)扭曲效果剪切到矩形中，具體操作如下。1創(chuàng)建徑向漸變背景2會(huì)在白色三角形3設(shè)置變換效果4擴(kuò)展變換效果任務(wù)實(shí)施1．添加“變換”和“扭轉(zhuǎn)”效果5添加扭轉(zhuǎn)效果6創(chuàng)建剪切蒙版效果7設(shè)置不透明度任務(wù)實(shí)施2．創(chuàng)建混合效果由于毛絨的邊緣具有類似鋸齒的形狀，因此米拉考慮在畫板外利用星形做為創(chuàng)建毛絨效果的基礎(chǔ)圖形。同時(shí)為使IP形象整體具有毛絨效果，而不是邊緣才有毛絨效果，米拉考慮混合中心的星形和外側(cè)星形，并在兩個(gè)星形之間創(chuàng)建100個(gè)星形，具體操作如下。1創(chuàng)建星形2設(shè)置圓角并添加徑向漸變3建立混合效果任務(wù)實(shí)施3．添加“收縮”與“粗糙”效果混合對(duì)象后，米拉考慮添加“收縮”效果和“粗糙”效果將鋸齒處理成毛絨效果，具體操作如下。1添加收縮效果2添加粗糙化效果3變形毛絨效果任務(wù)實(shí)施4．塑造與應(yīng)用IP形象米拉考慮在毛絨效果上添加眼鏡、嘴巴、手、眼鏡圖形，塑造一只活潑有趣的“‘可味’雞”IP形象，將其該形象應(yīng)用到海報(bào)購物袋上，具體操作如下。1添加眼鏡2制作投影效果4毛絨感IP形象購物袋效果3毛絨感IP形象海報(bào)效果目錄Contents任務(wù)7.1設(shè)計(jì)扭曲文字海報(bào)任務(wù)7.2

設(shè)計(jì)毛絨感IP形象綜合實(shí)戰(zhàn)設(shè)計(jì)海鮮火鍋Banner最近公司又接到了許多餐飲業(yè)訂單設(shè)計(jì)任務(wù)，由于“海鮮火鍋Banner”設(shè)計(jì)任務(wù)，臨近交稿，老洪將該任務(wù)交給米粒，并要求她盡快完成。本實(shí)戰(zhàn)的參考效果如右圖所示。綜合實(shí)戰(zhàn)

設(shè)計(jì)海鮮火鍋Banner某外賣平臺(tái)的“海鮮火鍋”店鋪委托公司為“海鮮火鍋”產(chǎn)品制作Banner，要求通過精美且富有創(chuàng)意的畫面促進(jìn)銷售額。目前已完成文案擬定、圖片拍攝，需要設(shè)計(jì)師運(yùn)用提供的文案和圖片設(shè)計(jì)Banner。實(shí)戰(zhàn)背景實(shí)戰(zhàn)描述①制作尺寸為750px×390px，分辨率為72像素/英寸的海鮮火鍋Banner。②利用波紋、圖形進(jìn)行Banner背景，渲染氛圍。③梳理文字信息層級(jí)，突出主題。④塑造獨(dú)特、創(chuàng)意的畫面視覺效果。實(shí)戰(zhàn)目標(biāo)知識(shí)要點(diǎn)“變換”效果、“扭轉(zhuǎn)”效果、“波浪”效果、擴(kuò)展外觀、“混合”效果、“自由扭曲”效果。設(shè)計(jì)海鮮火鍋Banner時(shí)，米拉考慮首先利用“變換”效果和“扭轉(zhuǎn)”效果設(shè)計(jì)旋轉(zhuǎn)扭曲效果的背景，增加畫面動(dòng)感，然后利用混合效果制作多條波浪線，營(yíng)造“海鮮”中的“?！钡姆諊?，利用“自由扭曲”效果制作部分文案效果，最后添加賣點(diǎn)文字、海鮮火鍋、波浪素材完善海報(bào)內(nèi)容，完成本例的制作，本例的設(shè)計(jì)思路如圖所示，參考步驟如下。思路及步驟（1）新建名稱為“海鮮火鍋Banner.ai”的文件，繪制畫板大小的矩形，取消描邊，為其設(shè)置徑向漸變填充，漸變色為“#E8887F”“#D7422C”。（2）選擇“鋼筆工具”繪制白色三角形，選擇【效果】/【扭曲和變換】/【變換】命令，打