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

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

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

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

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

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

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

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

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