- 淘寶天貓網(wǎng)店美工實戰(zhàn)教程(微課版)
- 王昂 胡敏
- 3119字
- 2021-01-15 12:01:30
任務(wù)3 其他常用的圖像制作與處理軟件
任務(wù)目標(biāo)
① 掌握利用矢量圖制作軟件Illustrator制作圖形的方法
② 掌握使用美圖秀秀美化商品圖像的方法
一、任務(wù)描述
在處理或制作店鋪需要的圖像時,網(wǎng)店美工可選擇的軟件較多,除了Photoshop外,還包括Illustrator、CorelDRAW、Painter、3ds Max、美圖秀秀、光影魔術(shù)手和可牛影像等。本例將選擇兩款較為常用的軟件Illustrator和美圖秀秀進行介紹。
? Illustrator:Illustrator是一款強大的矢量繪圖軟件,因為矢量圖像放大不會出現(xiàn)馬賽克,所以可用于Logo、店標(biāo)、網(wǎng)頁按鈕和促銷標(biāo)簽等小圖形的制作。本例將利用Illustrator制作一款上新的吊牌。在制作時為了突出“新”的特點,主要以“綠色”為主色,代表春日萬物復(fù)蘇,從而與上新的時間吻合,使用斜線和三角形來增加吊牌的動感,使吊牌更加靈動,制作后的效果如圖1-30所示。

圖1-30 上新吊牌效果
? 美圖秀秀:美圖秀秀是一款簡單、易操作的圖片處理軟件,具有獨有的美化、美容、拼圖、場景、邊框和飾品等功能,能輕松對拍攝的圖片進行美化與修飾。本例將利用美圖秀秀制作海報拼圖。因為是兒童毛巾,商品自身的色彩比較淡雅、素靜,所以在制作時選擇明度較高的黃色背景作為拼圖的底色,增加畫面的鮮艷度,處理前后的效果如圖1-31所示。

圖1-31 海報拼圖效果
二、相關(guān)知識
(一)認識Adobe Illustrator CS6
選擇【開始】/【所有程序】/【Adobe Illustrator CS6】菜單命令,啟動 Illustrator CS6后,將打開圖1-32所示的工作界面,因為同屬于Adobe旗下產(chǎn)品,所以Illustrator CS6界面的組成與各部分的作用與Photoshop CS6工作界面相似。

圖1-32 Illustrator工作界面
(二)認識美圖秀秀
選擇【開始】/【所有程序】/【美圖】/【美圖秀秀】菜單命令,啟動美圖秀秀,并打開美圖秀秀的工作界面。在美圖秀秀的工作界面單擊首頁中的按鈕,打開需要處理的圖片,即可進行圖片的處理。如單擊“美化”選項卡,在界面左側(cè)向右略微拖動“亮度”與“對比度”滑塊,在右側(cè)的“特效”欄中選擇“HDR”特效,素材圖片即可得到美化,效果如圖1-33所示。

圖1-33 美化圖片
三、任務(wù)實施
(一)使用Illustrator制作吊牌
下面使用Illustrator中的鋼筆工具、橢圓工具、直線工具繪制吊牌,結(jié)合漸變填充、輪廓設(shè)置面板,以及混合模式潤色與修飾吊牌,其具體操作如下。

使用Illustrator制作吊牌
步驟01 啟動Illustrator CS6,選擇【文件】/【新建】菜單命令,打開“新建”對話框,設(shè)置名稱為“吊牌”,寬度和高度均為500像素,其他保持默認設(shè)置,單擊按鈕,如圖1-34所示。

圖1-34 新建文件
步驟02 選擇“鋼筆工具”,在畫布中單擊增加錨點,移動到合適位置繼續(xù)單擊并拖動錨點,最后單擊起點封閉圖形,使用“直接選擇工具”
拖動曲線或錨點編輯繪制的圖形,效果如圖1-35所示。

圖1-35 繪制吊牌
經(jīng)驗之談
在使用鋼筆工具繪制圖形的過程中,按住鼠標(biāo)左鍵不放,在錨點位置處進行拖動,可調(diào)整曲線弧度。
步驟03 單擊選擇吊牌,在左側(cè)的面板組中單擊“漸變”按鈕,在打開的“漸變”面板中設(shè)置填充方式為“線性”,角度為“-35.8°”,分別雙擊色標(biāo),在打開的面板中分別設(shè)置漸變顏色CMYK為“57.38、0、75.83、0”“89、49、100、13.5”,如圖1-36所示。

圖1-36 設(shè)置漸變填充
步驟04 單擊“描邊”選項卡,將描邊粗細設(shè)置為“0”,取消描邊,效果如圖1-37所示。

圖1-37 取消描邊
步驟05 選擇“直線工具”,設(shè)置粗細為“3pt”,在吊牌左上角和右下角繪制斜線,在“漸變”面板中單擊
按鈕,設(shè)置輪廓顏色CMYK分別為“71、14、80、0”“90、52、96、20”,如圖1-38所示。

圖1-38 繪制斜線
步驟06 選擇“選擇工具”,按住“Shift”鍵分別選擇繪制的兩條斜線,選擇【對象】/【混合】/【混合選項】菜單命令,打開“混合選項”對話框,設(shè)置間距為“指定的距離,6px”,單擊
按鈕,按“Alit+Ctrl+B”組合鍵進行混合,如圖1-39所示。

圖1-39 進行混合
步驟07 按“Ctrl+C”組合鍵復(fù)制吊牌,按“Ctrl+V”組合鍵粘貼,將其移動到混合線條上方,同時選擇混合后的斜線與復(fù)制的吊牌,單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“建立剪切蒙版”命令,蒙版效果如圖1-40所示。

圖1-40 建立剪切蒙版
步驟08 選擇“橢圓工具”,按住“Shift”鍵繪制寬度與高度為“42.5px”的圓形,設(shè)置描邊粗細為“5px”,如圖1-41所示。

圖1-41 繪制圓形
步驟09 單擊選擇圓形,在“漸變”面板中設(shè)置如圖1-42所示的漸變填充與輪廓漸變填充。

圖1-42 設(shè)置圓形的漸變填充與輪廓填充
步驟10 復(fù)制兩個圓,選擇“選擇工具”,拖動四角來縮小圓,更改描邊粗細、填充顏色與描邊顏色,將其移動到吊牌左右上角;使用“鋼筆工具”
繪制粗細為0.5pt的吊繩,在工具屬性欄將畫筆定義為“圓點”,取消填充,輪廓色設(shè)置為“淺灰色”,如圖1-43所示。

圖1-43 復(fù)制圓并繪制吊繩
步驟11 選擇“文字工具”,在工具屬性欄設(shè)置字體為“方正粗圓簡體、白色”,輸入文本“3.1日新品上市”,調(diào)整字號,選擇“選擇工具”
,單擊文本,將鼠標(biāo)移至文本框右上角,當(dāng)出現(xiàn)雙箭頭旋轉(zhuǎn)符號時,旋轉(zhuǎn)文本框至合適位置;然后使用“鋼筆工具”
繪制白色三角形,如圖1-44所示。

圖1-44 輸入文本并繪制三角形
步驟12 選擇最底層的吊牌圖形,選擇【效果】/【風(fēng)格化】/【投影】菜單命令,打開“投影”對話框,設(shè)置投影參數(shù),如圖1-45所示,單擊按鈕。

圖1-45 設(shè)置投影參數(shù)
步驟13 返回工作界面查看添加投影后的效果,如圖1-46所示。全選吊牌圖形,選擇【文件】/【導(dǎo)出】菜單命令,打開“導(dǎo)出”對話框,設(shè)置格式為“png”,單擊按鈕,完成本例的操作(配套資源:\效果文件\項目1\吊牌.png)。

圖1-46 添加投影效果
(二)使用美圖秀秀制作海報拼圖
下面將使用一鍵美化功能快速美化商品圖片,然后利用美圖秀秀提供的模板將美化后的照片制作成海報拼圖,其具體操作如下。

使用美圖秀秀制作海報拼圖
步驟01 啟動美圖秀秀,單擊“美化”選項卡,在打開的界面中單擊按鈕,如圖1-47所示。

圖1-47 打開處理的圖片
步驟02 打開“打開圖片”對話框,選擇素材保存路徑,選擇“毛巾(1)”文件(配套資源:\素材文件\項目1\毛巾(1).jpg),單擊按鈕,如圖1-48所示。

圖1-48 選擇打開的圖片
步驟03 在美圖秀秀界面打開素材圖片,在左側(cè)單擊“基礎(chǔ)”選項卡,單擊按鈕,如圖1-49所示。

圖1-49 一鍵美化圖片
步驟04 單擊界面右上角的按鈕,打開“保存與分享”對話框,設(shè)置保存路徑與保存名稱,單擊
按鈕即可完成保存,效果如圖1-50所示。

圖1-50 保存美化后的圖片
步驟05 使用相同的方法美化“毛巾(2).jpg、毛巾(3).jpg”(配套資源:\素材文件\項目1\毛巾(2)~(3).jpg)。在界面頂端單擊“拼圖”選項卡,在左側(cè)選擇“海報拼圖”選項,如圖1-51所示。
經(jīng)驗之談
使用美圖秀秀的特效可以很方便地為圖片進行調(diào)色,除了單獨應(yīng)用某一特效外,也可疊加多種特效得到意想不到的效果。

圖1-51 選擇“海報拼圖”選項
步驟06 打開海報拼圖界面,在左側(cè)單擊“添加多張圖片”按鈕,添加美化后的“毛巾(1)~(2).jpg”圖片,在右側(cè)的模板窗格中選擇如圖1-52所示的模板。

圖1-52 添加海報拼圖模板
步驟07 在界面中拖動圖片到其他位置可更改圖片在拼圖中的位置,若只是在框內(nèi)拖動,可控制圖片在該區(qū)域的顯示范圍;單擊圖片,打開“圖片設(shè)置”對話框,在其中可更改圖片大小與角度,效果如圖1-53所示。

圖1-53 編輯模板中的圖片
步驟08 編輯完成后的效果如圖1-54所示。單擊按鈕,選擇保存路徑,設(shè)置保存名稱為“海報拼圖”,單擊
按鈕即可完成保存(配套資源:\效果文件\項目1\海報拼圖.jpg)。
經(jīng)驗之談
在應(yīng)用海報模板時,可根據(jù)圖片的風(fēng)格、產(chǎn)品的類型選擇合適的模板。

圖1-54 最終效果
四、新手試練
某淘寶店鋪拍攝了一些商品圖片,但是在該商品圖片中出現(xiàn)了光線處理不當(dāng),部分圖片顯得昏暗的現(xiàn)象,老師要求學(xué)生使用美圖秀秀進行美化處理,此外該店鋪還需要一些圖標(biāo)來裝飾店鋪,老師組織學(xué)生進行繪制,由于圖標(biāo)的大小并沒有特定的要求,考慮放大后不影響圖像的清晰度,所以使用矢量圖軟件Illustrator進行繪制,要求繪制的圖標(biāo)與店鋪的風(fēng)格一致。圖1-55所示為淘寶店鋪中卡通氣球與一些功能圖標(biāo)的效果。

圖1-55 卡通氣球與功能圖標(biāo)
在老師的安排下,采用美圖秀秀美化圖片,使用Illustrator繪制卡通人物,從而熟悉美圖秀秀和Illustrator的使用方法,任務(wù)安排及要求如表1-4所示。
表1-4 任務(wù)3試練

- 豎屏:短視頻營銷品效合一硬核方法論
- 無界資本:互聯(lián)網(wǎng)+時代的資本重生之路
- 抖音電商從入門到精通:直播與短視頻數(shù)據(jù)分析和運營
- 從零開始做抖音短視頻
- 電子商務(wù)視覺營銷(第2版·微課版)
- 社群營銷
- 微商開店與運營一冊通:技巧+工具+實踐
- 精通區(qū)塊鏈編程:加密貨幣原理、方法和應(yīng)用開發(fā)(原書第2版)
- 玩轉(zhuǎn)微商:商業(yè)分析+運營推廣+營銷技巧+實戰(zhàn)案例
- 直播運營實戰(zhàn)技能(慕課版)
- 私域流量:從0到1搭建私域流量池的方法論
- 互聯(lián)網(wǎng)+:整合與跨界
- 中老年人智能手機應(yīng)用快易通(第2版)
- 從零開始玩轉(zhuǎn)抖音:視頻制作+漲粉引爆+內(nèi)容運營+引流變現(xiàn)
- 區(qū)塊鏈DAPP開發(fā)入門、代碼實現(xiàn)、場景應(yīng)用