- Photoshop CC平面設(shè)計(jì)基礎(chǔ)教程(移動(dòng)學(xué)習(xí)版)
- 董慶帥 劉濤 孫楊高主編
- 895字
- 2024-01-15 11:37:38
1.3.4 課堂案例——制作淘寶主圖
案例說(shuō)明:某服裝旗艦店為了在淘寶網(wǎng)中上架一款新T恤,需要將提供的素材制作成符合平臺(tái)規(guī)則的主圖文件(尺寸為800像素×800像素),且為了突出T恤本身,應(yīng)盡量將T恤置于主圖中央,參考效果如圖1-43所示。

圖1-43 參考效果

高清彩圖
知識(shí)要點(diǎn):打開(kāi)文件;裁剪工具;“圖像大小”命令;保存文件。
素材位置:素材\第1章\服裝.png、背景.psd
效果位置:效果\第1章\淘寶主圖.psd、淘寶主圖.jpg
設(shè)計(jì)素養(yǎng)
在淘寶網(wǎng)中,主圖是商品的第一展示窗口,其作用主要是“吸引、傳達(dá)、點(diǎn)擊、記憶”,商品頁(yè)面頂部、搜索結(jié)果頁(yè)、商品推薦頁(yè)中都有顯示主圖。淘寶網(wǎng)要求主圖大小不超過(guò)3MB,建議在200KB以內(nèi),格式一般為JPEG或PNG。PC端主圖尺寸一般為800像素×800像素,移動(dòng)端主圖尺寸一般為600像素×600像素。
制作淘寶主圖的具體操作步驟如下。

視頻教學(xué):
制作淘寶主圖
步驟01 啟動(dòng)Photoshop,打開(kāi)“背景.psd”素材,選擇【文件】/【置入嵌入對(duì)象】命令,打開(kāi)“置入嵌入對(duì)象”對(duì)話框,選擇“服裝.png”素材,單擊按鈕,拖動(dòng)素材周圍的定界框調(diào)整素材的位置和尺寸,按【Enter】鍵確認(rèn)置入,效果如圖1-44所示,此時(shí)畫(huà)面四周仍有多余的圖像,不符合淘寶主圖的要求。

圖1-44 置入素材
步驟02 在工具箱中選擇“裁剪工具”,在工具屬性欄的“比例”下拉列表中選擇“1∶1(方形)”選項(xiàng),此時(shí)可發(fā)現(xiàn)圖像編輯區(qū)已出現(xiàn)方形裁剪框,將鼠標(biāo)指針移至裁剪框中的圖像中,按住鼠標(biāo)左鍵不放向右輕微拖曳,以移動(dòng)裁剪框中的圖像,將商品圖像置于裁剪框中央,如圖1-45所示。

圖1-45 裁剪圖像
步驟03 按【Enter】鍵,將兩邊多余的圖像裁剪掉,裁剪的效果如圖1-46所示。

圖1-46 裁剪的效果
步驟04 選擇【圖像】/【圖像大小】命令,打開(kāi)“圖像大小”對(duì)話框,設(shè)置寬度、高度均為“800像素”,如圖1-47所示。

圖1-47 調(diào)整圖像大小
步驟05 單擊按鈕,得到調(diào)整大小后的圖像,然后選擇【文件】/【導(dǎo)出】/【存儲(chǔ)為Web所用格式(舊版)】命令,打開(kāi)“存儲(chǔ)為Web所用格式”對(duì)話框,在“預(yù)設(shè)”選項(xiàng)區(qū)域中設(shè)置格式為“JPEG”,其他參數(shù)設(shè)置如圖1-48所示。單擊
按鈕,打開(kāi)“將優(yōu)化結(jié)果存儲(chǔ)為”對(duì)話框,在其中選擇存儲(chǔ)路徑,將文件名、格式分別設(shè)置為“淘寶主圖”“僅限圖像”,單擊
按鈕。最后按【Ctrl+S】組合鍵保存為PSD文件。

圖1-48 導(dǎo)出主圖
- 社會(huì)工作者《社會(huì)工作綜合能力(中級(jí))》(2010年修訂版)筆記和考研真題詳解
- 電子商務(wù)案例分析(第2版)
- 管理信息系統(tǒng)項(xiàng)目式案例教程
- Protel 99 SE應(yīng)用教程
- 大學(xué)物理實(shí)驗(yàn)
- 燃燒與阻燃實(shí)驗(yàn)
- 廣告與消費(fèi)心理學(xué):第二版(新時(shí)代高等院校新聞傳播學(xué)系列教材)
- 服飾配件藝術(shù)(第4版)
- 2020年山東公務(wù)員錄用考試專項(xiàng)教材:數(shù)量關(guān)系【考點(diǎn)精講+典型題(含歷年真題)詳解】
- 容器設(shè)計(jì)
- 浙江醫(yī)政史
- 郭錫良《古代漢語(yǔ)》(修訂本)課后習(xí)題詳解
- 機(jī)器視覺(jué)原理及應(yīng)用教程
- 財(cái)務(wù)管理:理論與應(yīng)用(第2版)
- 戰(zhàn)國(guó)秦漢考古