- 淘寶天貓網店美工:商品拍攝 店鋪裝修 視頻制作(視頻指導版 第2版)
- 何葉 馬小紅 李淑君主編
- 4593字
- 2021-07-28 17:37:44
1.2 熟悉Photoshop圖像處理軟件
一般來說,具有強烈視覺效果的圖片會更加吸引消費者點擊查看,也更有利于提高店鋪的流量與轉化率。對于網店美工人員而言,則需要通過Photoshop制作出精美、具有吸引力的圖片,來提升店鋪的視覺效果。當然,作為一個網店美工新手,了解并掌握Photoshop的基本使用方法是進行其他操作的前提。下面將對Photoshop CS6的基礎知識進行介紹,主要包括工作界面、常用工具、“圖層”面板和圖層樣式。
1.2.1 認識Photoshop CS6的工作界面
選擇【開始】/【所有程序】/【Adobe Photoshop CS6】菜單命令,啟動Photoshop CS6,打開圖1-6所示的工作界面。該工作界面主要由標題欄、菜單欄、工具箱、工具屬性欄、面板組、圖像窗口、狀態欄組成。下面對Photoshop CS6工作界面的各組成部分進行詳細講解。
?菜單欄:用于將Photoshop所有的操作進行分類,包括文件、編輯、圖像、圖層、文字、選擇、濾鏡、3D、視圖、窗口、幫助共11個菜單,每個菜單項下內置了多個相關的菜單命令。
?標題欄:用于顯示當前打開文件的名稱,當打開多個文件時,文件將以選項卡的方式排列顯示,以便切換、查看和使用。
?工具箱:集合了繪制圖像、修飾圖像、創建選區、調整圖像顯示比例等工具按鈕。若工具按鈕右下角有黑色小三角形,表示該工具位于一個工具組中,在該工具按鈕上按住鼠標不放,將顯示隱藏的工具。

圖1-6 Photoshop CS6工作界面
?工具屬性欄:當用戶選擇工具箱中的某個工具時,工具屬性欄將變成對應的工具屬性欄,可在工具屬性欄中進行設置。
?面板組:默認顯示在工作界面的右側,是工作界面中非常重要的一個組成部分,用于選擇顏色、編輯圖層、新建通道、編輯路徑、撤銷編輯等操作。選擇“窗口”菜單命令,在打開的子菜單中選擇相應的菜單命令,可顯示或隱藏對應的面板。
?圖像窗口:瀏覽和編輯圖像的主要場所,所有的圖像處理操作都是在圖像窗口中進行的。?狀態欄:位于圖像窗口的底部,最左端顯示當前圖像窗口的顯示比例,在其中輸入數值并按“Enter”鍵可改變圖像的顯示比例,中間將按新的顯示比例顯示當前文件。
1.2.2 認識Photoshop CS6的常用工具
在Photoshop CS6中制作或處理圖像經常需要使用一些工具,如圖1-7所示。下面分別進行介紹。

圖1-7 Photoshop CS6的常用工具
?規則選框工具組:包括矩形選框工具、橢圓選框工具、單行選框工具、單列選框工具;用于在文件中創建各種類型的選區;創建后,操作只對選區內的內容有效,選區外不受任何影響。
?套索工具組:包括套索工具、多邊形套索工具、磁性套索工具;用于建立復雜的幾何形狀的選區。
?魔棒工具組:包括快速選擇工具和魔棒工具;用于選取圖像中顏色相近或有大色塊單色區域的圖像;通過圖像中相鄰像素的顏色近似程度來創建選區。
?橡皮擦工具組:包括橡皮擦工具、背景橡皮擦工具、魔術橡皮擦工具,用于擦除不需要的顏色。
?移動工具:用于移動選區內容、輔助線或層的內容,也可以將選擇內容移至其他文件中。
?鋼筆工具組:包括鋼筆工具、自由鋼筆工具、轉換點工具、添加錨點工具、刪除錨點工具,用于繪制與編輯路徑。
?形狀工具組:包括橢圓工具、矩形工具、圓角矩形工具、多邊形工具、直線工具和自定義形狀工具,用于繪制不同的形狀或路徑。
?裁剪與切片工具組:包括裁剪工具、透視裁剪工具、切片工具、切片選擇工具,用于將圖像裁剪成需要的大小或將圖像切割成多個部分保存。
?畫筆工具組:包括畫筆工具、鉛筆工具、顏色替換工具、混合器畫筆工具,用于繪制各種圖形、圖案或為選區上色、描邊。
?圖像修復工具組:包括修復畫筆工具、污點修復畫筆工具、修補工具、紅眼工具和內容感知移動工具,用于去除圖像中的污點或修補圖像。
?圖章工具組:包括仿制圖章工具、圖案圖章工具,用于吸取圖像中的一部分或用圖像中的圖案修補圖像的其他部分。
?減淡與加深工具組:包括加深工具、減淡工具、海綿工具,用于使涂抹過的區域顏色加深變暗或減淡變亮,或降低部分圖像的飽和度。
?涂抹工具組:包括涂抹工具、模糊工具、銳化工具,分別用于涂抹圖像中的顏色,模糊部分圖像,或提高部分圖像的清晰度;常用于首飾珠寶圖像的修飾。
?文本工具組:包括橫排文字工具、直排文字工具、橫排文字蒙版工具、直排文字蒙版工具,用于輸入橫排文字、豎排文字、文字選區、段落文本。
?前景色/背景色色塊:前景色是插入、繪制圖形的顏色,背景色是需要處理的圖片底色,背景色默認為白色。按“Ctrl+Delete”組合鍵可以用背景色填充當前圖形,按“Alt+Delete”組合鍵可以用前景色填充當前圖形。單擊對應的色塊可以打開顏色設置對話框,在其中可選擇顏色。
1.2.3 認識Photoshop CS6的“圖層”面板
圖層好比是一張透明的醋酸紙,層與層之間是疊加的。若上層無任何圖像,則對當前層無影響,若上層有圖像,則上層圖像會遮住與當前層重疊的圖像。單擊“圖層”,將顯示圖層信息,如圖1-8所示。

圖1-8 “圖層”面板
“圖層”面板的部分選項與常用操作介紹如下。
?圖層混合模式:用于創建圖層的各種特殊效果,包括溶解、變暗、正片疊底、顏色加深、線性加深、疊加、柔光、亮光、強光等。
?圖層不透明度、圖層填充:圖層填充針對的是圖層上的填充顏色,對圖層上添加的一些描邊、投影、斜面和浮雕等特效不起作用;圖層不透明度則針對的是整個圖層,包括圖層特效。
?圖層鎖定欄:用于設置選擇圖層的鎖定方式,其中包括“鎖定透明像素”按鈕、“鎖定圖像像素”按鈕
、“鎖定位置”按鈕
、“鎖定全部”按鈕
。不能對鎖定的對象進行編輯。
?“創建新圖層”按鈕:用于創建一個新的空白圖層。
?“刪除圖層”按鈕:用于刪除選擇的圖層。
?顯示/隱藏圖標:單擊可切換顯示和隱藏圖層,若按“Alt”鍵單擊該圖標,可切換顯示或隱藏其他圖層。
?“鏈接圖層”按鈕:用于鏈接兩個或兩個以上的圖層,方便同時進行縮放或透視等操作。
?“添加圖層樣式”按鈕:用于選擇和設置圖層的樣式。
?“添加圖層蒙版”按鈕:單擊該按鈕,可為選擇的圖層添加蒙版。
微課堂——圖層常用的操作
認識了Photoshop CS6的“圖層”面板后,我們還需要了解有關圖層的常用操作,提高Photoshop的實際操作技能。圖層的常用操作包括復制、移動、合并和蓋印等。

1.2.4 認識與應用圖層樣式
為了使圖像更加立體,可通過設置圖層樣式創建出各種特殊的圖像效果,如光澤、內陰影、斜面、浮雕等。圖層樣式的設置需要打開“圖層樣式”對話框,如圖1-9所示。打開該對話框的方法主要有3種,分別介紹如下。

圖1-9 “圖層樣式”對話框
?選擇【圖層】/【圖層樣式】菜單命令,在打開的子菜單中選擇一種效果命令。
?在“圖層”面板中單擊“添加圖層樣式”按鈕,在打開的下拉列表中選擇一種效果選項。
?直接雙擊需要添加效果的圖層右側的空白部分。
打開“圖層樣式”對話框后,單擊選中“圖層樣式”對話框左側的復選框可切換到對應的設置面板。常用圖層樣式介紹如下。
?混合選項:可以控制當前圖層與其下面的圖層混合的模式。圖層混合模式包括濾色、溶解、疊加、強光、變亮、顏色加深等,圖1-10所示為濾色混合模式效果。



圖1-10 濾色混合模式效果
?斜面和浮雕:可以使圖層中的圖像產生凸起和凹陷的斜面和浮雕效果,還可以添加不同組合方式的高光和陰影。
?等高線:可以勾畫在浮雕處理中圖像被遮住的起伏、凹陷、凸起的線,且設置不同等高線生成的浮雕效果也不同。
?紋理:可以為應用斜面和浮雕圖層樣式的圖案填充效果。
?描邊:可以沿圖像邊緣填充顏色圖案。
?內陰影:可以在緊靠圖層內容的邊緣內添加陰影,使圖層圖像產生凹陷效果。
?內發光:可以沿圖像的邊緣向內產生發光效果。
?光澤:可以在圖像中產生游離的發光效果。
?顏色疊加:可以在圖層上疊加指定的顏色,通過設置顏色的混合模式和不透明度來控制疊加效果。
?漸變疊加:可以在圖層上疊加指定的漸變顏色。
?圖案疊加:可以在圖層上疊加指定的圖案,并且可以縮放圖案,設置圖案的不透明度和混合模式。
?外發光:可以沿圖像邊緣向外產生發光效果。
?投影:用于模擬物體受光后產生的投影效果,可以增加圖像的層次感。
1.2.5 實戰——制作促銷標簽

制作促銷標簽
下面以制作促銷標簽為例,講解Photoshop的基礎操作方法,包括新建、打開、保存圖像文件,使用橫排文字工具、多邊形工具、漸變工具等。在設計標簽時,以紅色為主色調,加上文字的運用,烘托促銷氛圍,再將制作的標簽放置在主圖上,參考效果如圖1-11所示。


圖1-11 促銷標簽效果
下面進行促銷標簽的制作,其具體操作如下。
步驟 01 在“開始”菜單中選擇“Adobe Photoshop CS6”菜單命令,啟動PhotoshopCS6。選擇【文件】/【新建】菜單命令,打開“新建”對話框,設置名稱為“標簽”,寬度和高度均為“1000像素”,其他屬性保持默認設置,單擊按鈕,如圖1-12所示。

圖1-12 新建文件
步驟 02 選擇“多邊形工具”,在工具屬性欄中設置邊為“12”,單擊“設置”按鈕
,在打開的面板中單擊選中“星形”復選框,并將“縮進邊依據”設置為“20%”,在畫布上拖動鼠標繪制多邊形,效果如圖1-13所示。


圖1-13 設置并繪制多邊形
步驟 03 在多邊形工具屬性欄中單擊“填充”欄后的色塊,在打開的面板中單擊“漸變”按鈕,分別雙擊色標打開“拾色器(色標)”對話框,分別設置漸變顏色為“#ff0000”“#edda70”,如圖1-14所示。


圖1-14 設置漸變填充
步驟 04 在“圖層”面板中選擇剛才繪制的多邊形圖層,按“Ctrl+J”組合鍵復制該圖層,如圖1-15所示。


圖1-15 復制圖層
步驟 05 選擇復制的多邊形圖層,在工具屬性欄中取消填充,設置描邊顏色為“白色”,描邊寬度為“5點”,先按“Ctrl+T”組合鍵打開變換框,再按住“Shift+Alt”組合鍵并拖動變換框四角的控制點縮小多邊形,如圖1-16所示。


圖1-16 設置多邊形
步驟 06 選擇“多邊形1副本”圖層,按“Ctrl+J”組合鍵復制該圖層,在工具屬性欄設置描邊選項為第2項,描邊寬度為“3點”,使用相同的方法縮小多邊形,如圖1-17所示。


圖1-17 設置多邊形
步驟 07 選擇“背景”圖層,選擇“鋼筆工具”,在工具屬性欄中單擊
按鈕,在打開的下拉列表中選擇“形狀”選項,并設置填充顏色為“#ff0503”,取消描邊,繪制絲帶形狀,如圖1-18所示。

圖1-18 繪制絲帶形狀
步驟 08 選擇形狀1圖層,按“Ctrl+J”組合鍵復制該圖層,選擇復制的圖層,按“Ctrl+T”組合鍵打開變換框,在圖像中單擊鼠標右鍵,在彈出的快捷菜單中選擇“水平翻轉”命令,并將翻轉后的形狀移動到多邊形右側,效果如圖1-19所示。

圖1-19 復制并調整形狀
步驟 09 選擇“橫排文字工具”,在工具屬性欄設置文本格式為“黑體、190點、白色”,輸入“熱銷”文本,繼續輸入“HOT SALE”文本,更改字號為“60點”,調整位置,效果如圖1-20所示。

圖1-20 輸入文本
步驟 10 選擇“鋼筆工具”,設置填充顏色為白色,在文本上方繪制皇冠形狀,如圖1-21所示。

圖1-21 繪制皇冠形狀
步驟 11 選擇“熱銷”文本圖層,在“圖層”面板底部單擊“添加圖層樣式”按鈕,在打開的對話框中單擊選中“投影”復選框,設置投影參數如圖1-22所示。

圖1-22 添加投影
步驟 12 單擊按鈕返回工作界面查看投影效果,按住“Alt”鍵拖動“熱銷”文本圖層后側的“圖層樣式”圖標
到“HOT SALE”文本圖層上,復制投影效果,效果如圖1-23所示。

圖1-23 復制圖層樣式
步驟 13 單擊“背景”圖層前面的“顯示/隱藏”圖標,隱藏該圖層,效果如圖1-24所示。


圖1-24 隱藏圖層
步驟 14 選擇【文件】/【存儲為】菜單命令,打開“存儲為”對話框,在“格式”下拉列表中選擇“PNG(*.PNG;*.PNS)”選項,單擊按鈕,如圖1-25所示。保存文件完成制作(配套資源:\效果文件\第1章\標簽.png)。

圖1-25 存儲文件
新手試練
為了更加了解網店美工的工作內容,可瀏覽淘寶網中各式各樣的店鋪,當發現某些店鋪中有精美的圖片時,可以將圖片保存下來。圖1-26所示為一些精美淘寶標簽。

圖1-26 精美淘寶標簽
為了使制作的標簽符合要求,需要注意以下兩個方面。
?標簽的外觀、顏色、字體要符合商品圖的風格與主題。
?標簽中的文本應清晰、易識別。