Illustrator平面設(shè)計(jì)立體化教程（Illustrator 2021）（微課版）課件 項(xiàng)目8 圖像描摹與風(fēng)格化

Illustrator平面設(shè)計(jì)立體化教程（微課版）新形態(tài)立體化精品系列教材項(xiàng)目8圖像描摹與風(fēng)格化目錄Contents任務(wù)8.1

圖像描摹與風(fēng)格化任務(wù)8.2

設(shè)計(jì)節(jié)能燈泡淘寶主圖綜合實(shí)戰(zhàn)

設(shè)計(jì)耳機(jī)輪播圖“漁小館”品牌委托公司進(jìn)行Logo設(shè)計(jì)，老洪將該任務(wù)交給米拉，米拉接過該任務(wù)，開始與客戶進(jìn)行溝通，了解“漁小館”品牌的相關(guān)信息后，擬定以“魚”為主題，主題交給客戶反饋，在得到客戶認(rèn)可的情況下，才開始進(jìn)行Logo的設(shè)計(jì)工作。本任務(wù)的參考效果如圖所示。任務(wù)8.1

設(shè)計(jì)“漁小館”品牌Logo任務(wù)描述任務(wù)背景Logo能起到品牌識(shí)別和推廣的作用，一個(gè)出色的Logo設(shè)計(jì)不僅能在有限的空間內(nèi)準(zhǔn)確傳達(dá)出品牌的特點(diǎn)，甚至還能在消費(fèi)者的心中留下深刻的記憶?！皾O小館”是一家主營魚類美食的餐飲品牌，委托公司為設(shè)計(jì)符合品牌文化、新穎別致的Logo來推廣品牌，能夠使人們深刻地記憶“漁小館”品牌的形象。任務(wù)描述任務(wù)目標(biāo)知識(shí)要點(diǎn)創(chuàng)建圖像描摹、擴(kuò)展圖像描摹、“素描”效果。①制作尺寸為500px×500px，分辨率為300像素/英寸，CMYK模式的“漁小館”Logo。②Logo標(biāo)志“漁小館”品牌的中英文名稱，以及中文拼音名稱，方便各國消費(fèi)者識(shí)別。③Logo視覺沖擊力強(qiáng)、便于識(shí)別、記憶。④Logo符合行業(yè)特征，有引導(dǎo)、促進(jìn)消費(fèi)以及產(chǎn)生美好聯(lián)想的作用。知識(shí)準(zhǔn)備1．認(rèn)識(shí)圖像描摹圖像描摹功能可以將JPEG、PNG、PSD等格式的位圖圖像轉(zhuǎn)換成矢量圖像。其具體操作方法為：選擇圖像后，選擇【對(duì)象】/【圖像描摹】/【建立】命令，采用默認(rèn)方式快速描摹圖像。上圖所示為描摹像素圖標(biāo)，將其轉(zhuǎn)換為矢量圖形，然后擴(kuò)展描摹結(jié)果，更改填充色，輸入文字和繪制裝飾線，設(shè)計(jì)成Logo的效果。知識(shí)準(zhǔn)備2．“圖像描摹”面板選擇圖像后，選擇【窗口】/【圖像描摹】命令，將打開“圖像描摹”面板，如下圖所示。預(yù)設(shè)：與在控制欄中單擊按鈕，在彈出的下拉列表中提供的預(yù)設(shè)描摹效果選項(xiàng)相同。視圖：用于設(shè)置描摹對(duì)象的視圖方式。模式：用于設(shè)置描摹結(jié)果的顏色模式。路徑：用于設(shè)置控制描摹形狀和原始像素形狀間的差異。邊角：用于設(shè)置邊角以及彎曲處變?yōu)榻屈c(diǎn)的可能性，值越大則角點(diǎn)越多。雜色：用于設(shè)置描摹時(shí)忽略的區(qū)域，值越大則雜色越少。方法：用于設(shè)置一種描摹方法。創(chuàng)建：黑白描摹模式時(shí)，該設(shè)置被激活。描邊：黑白描摹模式下，可激活“描邊”復(fù)選框。忽略白色：單擊選中該復(fù)選框，在圖像描摹時(shí)白色區(qū)域?qū)⒈缓雎?。知識(shí)準(zhǔn)備3．“素描”效果除了使用“圖像描摹”命令能得到黑白素描效果的圖形外，還可選擇【效果】/【素描】命令，在彈出的子菜單中為圖像添加多種素描風(fēng)格的效果，如圖所示。任務(wù)實(shí)施1．添加素描效果米拉準(zhǔn)備直接對(duì)搜集的魚圖像進(jìn)行黑白描摹，但由于細(xì)節(jié)缺失嚴(yán)重，得到的效果并不理想老洪告訴米拉可以先為該圖像添加“疊印”素描效果，然后再進(jìn)行黑白圖像描摹，效果更佳，細(xì)節(jié)更豐富，具體操作如下。1置入魚圖像2創(chuàng)建“疊印”素描效果3素描效果任務(wù)實(shí)施2．描摹圖像Logo中的圖形要求簡潔、易于識(shí)別。為提高繪圖效率，米拉考慮采用黑白描摹的方式描摹魚圖像，然后擴(kuò)展描摹效果，修改圖形顏色，具體操作如下。1快速描摹魚圖像效果2增加圖像描摹細(xì)節(jié)顯示3修改圖像顏色任務(wù)實(shí)施3．創(chuàng)建路徑文本米拉考慮創(chuàng)建路徑文字，使文字環(huán)繞魚圖像，增強(qiáng)視覺效果，具體操作如下。1圖形Logo效果2移動(dòng)路徑文字3翻轉(zhuǎn)輸入的路徑文字目錄Contents任務(wù)8.1圖像描摹與風(fēng)格化任務(wù)8.2設(shè)計(jì)節(jié)能燈泡淘寶主圖綜合實(shí)戰(zhàn)

設(shè)計(jì)耳機(jī)輪播圖通過米拉的不斷努力，其設(shè)計(jì)能力得到了明顯提升，老洪放心地將設(shè)計(jì)節(jié)能燈泡淘寶主圖的任務(wù)資料交給她。米拉拿到節(jié)能燈泡主圖資料后，開始仔細(xì)瀏覽與分析，從中挑選高清、視覺獨(dú)特、細(xì)節(jié)精美、紋理清晰的節(jié)能燈泡作為主圖的素材，然后根據(jù)客戶提供的商品信息，構(gòu)思主圖中需要展示的文案，以及設(shè)計(jì)發(fā)光背景，完成淘寶主圖的制作。本任務(wù)的參考效果如圖所示。任務(wù)8.8設(shè)計(jì)節(jié)能燈泡淘寶主圖任務(wù)描述任務(wù)背景某五金店鋪流量較少，因此委托公司對(duì)銷售較好的節(jié)能燈泡主圖進(jìn)行優(yōu)化設(shè)計(jì)，促進(jìn)節(jié)能電燈泡的銷售量，從而引流給店鋪內(nèi)其他商品任務(wù)目標(biāo)①制作尺寸為800px×800px，分辨率為72像素/英寸的主圖。②優(yōu)化、精細(xì)處理節(jié)能燈泡圖像，提升節(jié)能燈泡的視覺吸引力。③突出節(jié)能燈泡特性、賣點(diǎn)，畫面簡潔美觀。知識(shí)要點(diǎn)外發(fā)光效果、羽化效果、內(nèi)發(fā)光效果。知識(shí)準(zhǔn)備1．“內(nèi)發(fā)光”效果“內(nèi)發(fā)光”效果可以在對(duì)象的內(nèi)部邊緣或中心位置創(chuàng)建發(fā)光的外觀效果。其具體操作方法未：選中要添加內(nèi)發(fā)光效果的對(duì)象，選擇【效果】/【風(fēng)格化】/【內(nèi)發(fā)光】命令，打開“內(nèi)發(fā)光”對(duì)話框，設(shè)置內(nèi)發(fā)光參數(shù)，單擊“確定”按鈕，如圖所示。模式：用于設(shè)置發(fā)光的混合模式。不透明度：用于設(shè)置發(fā)光的不透明度。中心：單擊選中該單選項(xiàng)，光暈從中心向外發(fā)散。邊緣：單擊選中該單選項(xiàng)，光暈從邊緣到向內(nèi)發(fā)光。模糊：用于設(shè)置發(fā)光的模糊程度，值越大，發(fā)光效果的范圍越大，顏色越淺，視覺效果越模糊。知識(shí)準(zhǔn)備2．“圓角”效果圓角是指用一段圓弧與已有一個(gè)角的兩條邊相切，圓角半徑就是指該段圓弧的半徑，“圓角”效果可以使對(duì)象的棱角變圓潤。其具體操作方法為：選中要添加圓角效果的對(duì)象，選擇【效果】/【風(fēng)格化】/【圓角】命令，打開“圓角”對(duì)話框，設(shè)置圓角半徑為“25pt”，單擊“確定”按鈕，如下圖所示。知識(shí)準(zhǔn)備3．“外發(fā)光”效果“外發(fā)光”效果可以在對(duì)象外部創(chuàng)建發(fā)光的外觀效果。其具體操作方法為：選中要添加外發(fā)光效果的對(duì)象，選擇【效果】/【風(fēng)格化】/【外發(fā)光】命令，打開“外發(fā)光”對(duì)話框，設(shè)置外發(fā)光參數(shù)，單擊“確定”按鈕，對(duì)象外發(fā)光效果如圖所示。知識(shí)準(zhǔn)備4．“投影”效果“投影可以為對(duì)象添加投影，使對(duì)象更加立體、逼真。選中要添加投影的對(duì)象，選擇【效果】/【風(fēng)格化】/【投影】命令，打開“投影”對(duì)話框，設(shè)置投影參數(shù)，單擊按鈕，如右圖所示。“投影”對(duì)話框參數(shù)介紹如下。模式：用于設(shè)置投影的混合模式。不透明度：用于設(shè)置投影的不透明度。X位移/Y位移：用于設(shè)置投影偏移對(duì)象的距離，負(fù)值向左或向上偏移，正值向右或向下偏移。模糊：用于設(shè)置模糊程度，值越大，投影的范圍越大，顏色越淺視覺效果就越模糊。顏色：單擊選中該單選項(xiàng)，單擊其后的色塊可設(shè)置投影的顏色。暗度：單擊選中該單選項(xiàng)，可為投影設(shè)置不同百分比的黑色。知識(shí)準(zhǔn)備5．“涂抹”效果“涂抹”效果可以為對(duì)象添加隨意涂抹的外觀效果。其具體操作方法為：選中要添加涂抹效果的對(duì)象，選擇【效果】/【風(fēng)格化】/【涂抹】命令，打開“涂抹選項(xiàng)”對(duì)話框，設(shè)置涂抹參數(shù)，單擊“確定”按鈕，如圖所示。設(shè)置：用于選擇預(yù)設(shè)的涂抹模式。角度：用于設(shè)置涂抹的筆觸的角度。路徑重疊：用于控制涂抹線條與對(duì)象邊界的距離。變化：用于控制涂抹線條之間的長度差異。描邊寬度：用于設(shè)置涂抹線條的寬度。曲度：用于設(shè)置涂抹線條在改變方向前的曲度差。間距：用于設(shè)置涂抹線條之間的折疊距離。（間距）變化：用于設(shè)置涂抹線條彼此之間的間距差異量。知識(shí)準(zhǔn)備6．“羽化”效果“羽化”效果可以將對(duì)象的邊緣從實(shí)心顏色逐漸過渡為無色，可用于商品圖片投影、高光、陰影的制作。其具體操作方法為：選中要羽化的對(duì)象，選擇【效果】/【風(fēng)格化】/【羽化】命令，打開“羽化”對(duì)話框，設(shè)置羽化半徑參數(shù)，值越大，羽化效果越強(qiáng)烈，單擊“確定”按鈕，如上圖所示。任務(wù)實(shí)施1．制作發(fā)光背景在設(shè)計(jì)與電子商品相關(guān)的作品時(shí)，為渲染科技感，經(jīng)常需要制作炫彩的發(fā)光效果。因此，米拉在設(shè)計(jì)電燈泡主圖時(shí)，考慮使用徑向漸變來突出高光部分，繪制并羽化白色橢圓，得到白色發(fā)光效果，通過疊加更改發(fā)光顏色，通過復(fù)制、縮小與疊加表現(xiàn)發(fā)光效果的層次感，具體操作如下。1制作漸變填充背景2為橢圓添加羽化效果3制作逐步變亮的發(fā)光效果任務(wù)實(shí)施2．設(shè)計(jì)燈泡發(fā)光效果使用燈具圖像時(shí)通常需要呈現(xiàn)光感，來增強(qiáng)氛圍感，由于燈泡素材不具有發(fā)光效果，米拉考慮為燈泡添加內(nèi)發(fā)光和外發(fā)光效果，具體操作如下。1置入素材2添加內(nèi)發(fā)光效果3添加外發(fā)光效果任務(wù)實(shí)施3．排版主圖文案完成燈泡發(fā)光效果的設(shè)計(jì)后，主圖左側(cè)空白部分較多，可在該區(qū)域添加并排版文案，為增加設(shè)計(jì)感，米拉考慮設(shè)置光感線條裝飾文字，并利用羽化效果來表現(xiàn)暖黃光、暖白光、白光3種類型的光源，具體操作如下。1疊加白色羽化線條2繪制白色圓角矩形3添加并設(shè)置文字目錄Contents任務(wù)8.1圖像描摹與風(fēng)格化任務(wù)8.2

設(shè)計(jì)節(jié)能燈泡淘寶主圖綜合實(shí)戰(zhàn)設(shè)計(jì)耳機(jī)輪播圖數(shù)碼類商品豐富，市場也十分廣闊，老洪接到了許多數(shù)碼類商品的設(shè)計(jì)任務(wù)，老洪將設(shè)計(jì)“耳機(jī)輪播圖”任務(wù)分配給了米拉，米拉接過任務(wù)，先與客戶溝通確定了尺寸和風(fēng)格要求，以及需要展示的文案、商品信息，然后展開耳機(jī)輪播圖的設(shè)計(jì)。將耳機(jī)描摹成耳機(jī)圖標(biāo)豐富細(xì)節(jié)，修飾畫面。本實(shí)戰(zhàn)的參考效果如右圖所示。綜合實(shí)戰(zhàn)

設(shè)計(jì)耳機(jī)輪播圖輪播圖是一種常見的電商類設(shè)計(jì)作品，用于展示一系列圖像或內(nèi)容，使消費(fèi)者看到更多的商品或者廣告圖片，從而達(dá)到對(duì)商品寶貝的信息傳播作用。某淘寶店鋪上新了一款耳機(jī)需要進(jìn)行宣傳，需要在輪播圖區(qū)域中添加一張關(guān)于耳機(jī)宣傳的輪播圖。目前已完成耳機(jī)圖片拍攝與處理、文案擬定，需要設(shè)計(jì)師運(yùn)用提供的圖片和文案設(shè)計(jì)輪播圖。實(shí)戰(zhàn)背景實(shí)戰(zhàn)描述①輪播圖色彩、字體搭配和諧，內(nèi)容簡潔明了，視覺效果美觀。②制作尺寸為950px×300px，分辨率為72像素/英寸的耳機(jī)輪播圖。③商品光影合理、外觀精美、清晰，能夠吸引顧客。實(shí)戰(zhàn)目標(biāo)知識(shí)要點(diǎn)創(chuàng)建投影效果、創(chuàng)建圖像描摹、擴(kuò)展圖像描摹。設(shè)計(jì)耳機(jī)輪播圖時(shí)，單調(diào)的背景缺乏創(chuàng)意，米拉首先考慮采用不同深淺的藍(lán)色圖形來分割背景，突出設(shè)計(jì)感，在制作主題文字時(shí)，同樣采用分割效果與背景呼應(yīng)，以此來增強(qiáng)設(shè)計(jì)感，并加寬字符間距，給人舒適的視覺感受。然后置入耳機(jī)素材，添加投影效果增強(qiáng)立體感，再次置入耳機(jī)素材，并采用圖像描摹的方式得到耳機(jī)圖標(biāo)剪影，用于豐富畫面細(xì)節(jié)，修飾畫面，本例的設(shè)計(jì)思路如圖所示，參考步驟如下。思路及步驟思路及步驟（1）新建名稱為“耳機(jī)輪播圖”的文件，選擇“鋼筆工具”繪制兩個(gè)梯形，分別設(shè)置填充色為“#303C95”“#7ECEF4”。（2）打開“耳機(jī)文案.ai”文件，復(fù)制相關(guān)文字到文件中，設(shè)置文字屬性，排版設(shè)計(jì)文案，利用“橡皮擦工具”進(jìn)行文字筆畫的分割，注意調(diào)整文字筆畫的顏色，使文字具有設(shè)計(jì)感。（3）選擇【文件】/【置入】命令，打開“置入”對(duì)話框，選擇“耳機(jī).png”素材，取消選中“鏈接”復(fù)選框，單擊“置入”按鈕，拖曳鼠標(biāo)指針置入素材，調(diào)整素材大小和位置。思路及步驟（4）選擇耳機(jī)圖像，選擇【效果】/【風(fēng)格化】/【投影】命令，打開“投影”對(duì)話框，設(shè)置模式、不透明度、X位移、Y位移、模