人工智能與視覺(jué)設(shè)計(jì)-課件 第5章 Photoshop設(shè)計(jì)基礎(chǔ)

5.1Photoshop概述ＰＳ概述一、Photoshop工作界面二、Photoshop常用圖像格式三、Photoshop圖層Photoshop概述Photoshop是應(yīng)用最廣泛的圖像處理軟件之一，具有強(qiáng)大的圖片處理功能。AdobePhotoshop2024版融入先進(jìn)AI技術(shù)。創(chuàng)意填充：依托Firefly核心引擎，簡(jiǎn)化復(fù)雜圖像處理步驟，將普通素材轉(zhuǎn)為視覺(jué)亮點(diǎn)。智能移除：通過(guò)創(chuàng)新交互，加速不必要元素的精確剔除。上下文敏感任務(wù)欄：優(yōu)化了蒙版編輯和裁剪流程，操作更為直觀(guān)快捷，是電商視覺(jué)設(shè)計(jì)的必備軟件。一、Photoshop工作界面二、Photoshop常用圖像格式PSD格式PSD是Photoshop默認(rèn)的文件格式，可以保留文檔中的所有圖層、蒙版、通道、路徑、未柵格化的文字、圖層樣式等。通常情況下，都將文件保存為PSD格式，便于后續(xù)繼續(xù)修改。其他Adode應(yīng)用程序，如Illustator、InDesign、Premiere等可以直接置入PSD文件。二、Photoshop常用圖像格式JPEG格式JPEG是由聯(lián)合圖像專(zhuān)家組開(kāi)發(fā)的文件格式。它采用壓縮方式，具有較好的壓縮效果，但是將壓縮品質(zhì)數(shù)值設(shè)置得較大時(shí)，會(huì)損失掉圖像的某個(gè)細(xì)節(jié)。JPEG格式支持RGB、CMYK和灰度模式。二、Photoshop常用圖像格式PNG格式PNG是用于無(wú)損壓縮在Web上顯示圖像。與GIF不同，PNG支持24位圖像并產(chǎn)生無(wú)鋸齒狀的透明背景，但某些早期的瀏覽器不支持該格式。二、Photoshop常用圖像格式GIF格式GIF是基于在網(wǎng)絡(luò)上傳輸圖像而創(chuàng)建的文件格式，支持透明背景和動(dòng)畫(huà)，被廣泛地應(yīng)用于網(wǎng)站傳輸。三、Photoshop圖層Photoshop圖層就如同堆疊在一起的透明紙，透過(guò)圖層的透明區(qū)域看到下面的圖層，一副圖像可以由一疊透明的紙組成。電商美工進(jìn)行視覺(jué)設(shè)計(jì)時(shí)經(jīng)常會(huì)使用到圖層的基本操作。三、Photoshop圖層三、Photoshop圖層圖層的基本操作主要在“圖層”面板中進(jìn)行，選擇“窗口”

“圖層”命令打開(kāi)“圖層”面板。單擊“圖層”面板中的相關(guān)命令可完成圖層的新建、刪除、顯示/隱藏、鎖定、鏈接，添加圖層樣式以及添加圖層蒙版等操作。三、Photoshop圖層常用的圖層操作包括以下內(nèi)容。1)復(fù)制圖層：按【CTRL+J】組合鍵可在該圖層上方得到復(fù)制的新圖層；按住鼠標(biāo)左鍵并拖動(dòng)圖層至“創(chuàng)建新圖層”按鈕上，釋放鼠標(biāo)后亦可復(fù)制該圖層。2)合并圖層：選擇兩個(gè)或兩個(gè)以上需要合并的圖層，選擇菜單“圖層”

“合并圖層”命令或使用【Ctrl+E】快捷鍵可將多個(gè)圖層合并為一個(gè)圖層。選擇菜單“圖層”

“合并可見(jiàn)圖層”命令或使用【Shift+Ctrl+E】快捷鍵合并可見(jiàn)圖層，其中隱藏圖層不進(jìn)行合并。三、Photoshop圖層3)蓋印圖層：若要將多個(gè)圖層的內(nèi)容合并到一個(gè)新的圖層中，同時(shí)保留原來(lái)的圖層不變，可執(zhí)行蓋印圖層操作。選擇需要蓋印的多個(gè)圖層，使用【Ctrl+Alt+E】快捷鍵將選擇的圖層蓋印到一個(gè)新的圖層中。4)利用圖層組管理圖層：當(dāng)圖層較多時(shí)，可使用圖層組對(duì)圖層進(jìn)行分類(lèi)管理，方便后期查找與修改。選擇需要移動(dòng)的圖層，使用【Ctrl+G】快捷鍵將選中的圖層移動(dòng)到圖層組中。雙擊圖層組名稱(chēng)或圖層名稱(chēng)可重命名圖層組或圖層；也可單擊“創(chuàng)建新組”按鈕新建圖層組，然后將圖層拖動(dòng)到該圖層組中。謝

謝

觀(guān)

看！5.1Photoshop概述ＰＳ概述一、Photoshop工作界面二、Photoshop常用圖像格式三、Photoshop圖層Photoshop概述Photoshop是應(yīng)用最廣泛的圖像處理軟件之一，具有強(qiáng)大的圖片處理功能。AdobePhotoshop2024版融入先進(jìn)AI技術(shù)。創(chuàng)意填充：依托Firefly核心引擎，簡(jiǎn)化復(fù)雜圖像處理步驟，將普通素材轉(zhuǎn)為視覺(jué)亮點(diǎn)。智能移除：通過(guò)創(chuàng)新交互，加速不必要元素的精確剔除。上下文敏感任務(wù)欄：優(yōu)化了蒙版編輯和裁剪流程，操作更為直觀(guān)快捷，是電商視覺(jué)設(shè)計(jì)的必備軟件。一、Photoshop工作界面二、Photoshop常用圖像格式PSD格式PSD是Photoshop默認(rèn)的文件格式，可以保留文檔中的所有圖層、蒙版、通道、路徑、未柵格化的文字、圖層樣式等。通常情況下，都將文件保存為PSD格式，便于后續(xù)繼續(xù)修改。其他Adode應(yīng)用程序，如Illustator、InDesign、Premiere等可以直接置入PSD文件。二、Photoshop常用圖像格式JPEG格式JPEG是由聯(lián)合圖像專(zhuān)家組開(kāi)發(fā)的文件格式。它采用壓縮方式，具有較好的壓縮效果，但是將壓縮品質(zhì)數(shù)值設(shè)置得較大時(shí)，會(huì)損失掉圖像的某個(gè)細(xì)節(jié)。JPEG格式支持RGB、CMYK和灰度模式。二、Photoshop常用圖像格式PNG格式PNG是用于無(wú)損壓縮在Web上顯示圖像。與GIF不同，PNG支持24位圖像并產(chǎn)生無(wú)鋸齒狀的透明背景，但某些早期的瀏覽器不支持該格式。二、Photoshop常用圖像格式GIF格式GIF是基于在網(wǎng)絡(luò)上傳輸圖像而創(chuàng)建的文件格式，支持透明背景和動(dòng)畫(huà)，被廣泛地應(yīng)用于網(wǎng)站傳輸。三、Photoshop圖層Photoshop圖層就如同堆疊在一起的透明紙，透過(guò)圖層的透明區(qū)域看到下面的圖層，一副圖像可以由一疊透明的紙組成。電商美工進(jìn)行視覺(jué)設(shè)計(jì)時(shí)經(jīng)常會(huì)使用到圖層的基本操作。三、Photoshop圖層三、Photoshop圖層圖層的基本操作主要在“圖層”面板中進(jìn)行，選擇“窗口”

“圖層”命令打開(kāi)“圖層”面板。單擊“圖層”面板中的相關(guān)命令可完成圖層的新建、刪除、顯示/隱藏、鎖定、鏈接，添加圖層樣式以及添加圖層蒙版等操作。三、Photoshop圖層常用的圖層操作包括以下內(nèi)容。1)復(fù)制圖層：按【CTRL+J】組合鍵可在該圖層上方得到復(fù)制的新圖層；按住鼠標(biāo)左鍵并拖動(dòng)圖層至“創(chuàng)建新圖層”按鈕上，釋放鼠標(biāo)后亦可復(fù)制該圖層。2)合并圖層：選擇兩個(gè)或兩個(gè)以上需要合并的圖層，選擇菜單“圖層”

“合并圖層”命令或使用【Ctrl+E】快捷鍵可將多個(gè)圖層合并為一個(gè)圖層。選擇菜單“圖層”

“合并可見(jiàn)圖層”命令或使用【Shift+Ctrl+E】快捷鍵合并可見(jiàn)圖層，其中隱藏圖層不進(jìn)行合并。三、Photoshop圖層3)蓋印圖層：若要將多個(gè)圖層的內(nèi)容合并到一個(gè)新的圖層中，同時(shí)保留原來(lái)的圖層不變，可執(zhí)行蓋印圖層操作。選擇需要蓋印的多個(gè)圖層，使用【Ctrl+Alt+E】快捷鍵將選擇的圖層蓋印到一個(gè)新的圖層中。4)利用圖層組管理圖層：當(dāng)圖層較多時(shí)，可使用圖層組對(duì)圖層進(jìn)行分類(lèi)管理，方便后期查找與修改。選擇需要移動(dòng)的圖層，使用【Ctrl+G】快捷鍵將選中的圖層移動(dòng)到圖層組中。雙擊圖層組名稱(chēng)或圖層名稱(chēng)可重命名圖層組或圖層；也可單擊“創(chuàng)建新組”按鈕新建圖層組，然后將圖層拖動(dòng)到該圖層組中。謝

謝

觀(guān)

看！5.1Photoshop概述ＰＳ概述一、Photoshop工作界面二、Photoshop常用圖像格式三、Photoshop圖層Photoshop概述Photoshop是應(yīng)用最廣泛的圖像處理軟件之一，具有強(qiáng)大的圖片處理功能。AdobePhotoshop2024版融入先進(jìn)AI技術(shù)。創(chuàng)意填充：依托Firefly核心引擎，簡(jiǎn)化復(fù)雜圖像處理步驟，將普通素材轉(zhuǎn)為視覺(jué)亮點(diǎn)。智能移除：通過(guò)創(chuàng)新交互，加速不必要元素的精確剔除。上下文敏感任務(wù)欄：優(yōu)化了蒙版編輯和裁剪流程，操作更為直觀(guān)快捷，是電商視覺(jué)設(shè)計(jì)的必備軟件。一、Photoshop工作界面二、Photoshop常用圖像格式PSD格式PSD是Photoshop默認(rèn)的文件格式，可以保留文檔中的所有圖層、蒙版、通道、路徑、未柵格化的文字、圖層樣式等。通常情況下，都將文件保存為PSD格式，便于后續(xù)繼續(xù)修改。其他Adode應(yīng)用程序，如Illustator、InDesign、Premiere等可以直接置入PSD文件。二、Photoshop常用圖像格式JPEG格式JPEG是由聯(lián)合圖像專(zhuān)家組開(kāi)發(fā)的文件格式。它采用壓縮方式，具有較好的壓縮效果，但是將壓縮品質(zhì)數(shù)值設(shè)置得較大時(shí)，會(huì)損失掉圖像的某個(gè)細(xì)節(jié)。JPEG格式支持RGB、CMYK和灰度模式。二、Photoshop常用圖像格式PNG格式PNG是用于無(wú)損壓縮在Web上顯示圖像。與GIF不同，PNG支持24位圖像并產(chǎn)生無(wú)鋸齒狀的透明背景，但某些早期的瀏覽器不支持該格式。二、Photoshop常用圖像格式GIF格式GIF是基于在網(wǎng)絡(luò)上傳輸圖像而創(chuàng)建的文件格式，支持透明背景和動(dòng)畫(huà)，被廣泛地應(yīng)用于網(wǎng)站傳輸。三、Photoshop圖層Photoshop圖層就如同堆疊在一起的透明紙，透過(guò)圖層的透明區(qū)域看到下面的圖層，一副圖像可以由一疊透明的紙組成。電商美工進(jìn)行視覺(jué)設(shè)計(jì)時(shí)經(jīng)常會(huì)使用到圖層的基本操作。三、Photoshop圖層三、Photoshop圖層圖層的基本操作主要在“圖層”面板中進(jìn)行，選擇“窗口”

“圖層”命令打開(kāi)“圖層”面板。單擊“圖層”面板中的相關(guān)命令可完成圖層的新建、刪除、顯示/隱藏、鎖定、鏈接，添加圖層樣式以及添加圖層蒙版等操作。三、Photoshop圖層常用的圖層操作包括以下內(nèi)容。1)復(fù)制圖層：按【CTRL+J】組合鍵可在該圖層上方得到復(fù)制的新圖層；按住鼠標(biāo)左鍵并拖動(dòng)圖層至“創(chuàng)建新圖層”按鈕上，釋放鼠標(biāo)后亦可復(fù)制該圖層。2)合并圖層：選擇兩個(gè)或兩個(gè)以上需要合并的圖層，選擇菜單“圖層”

“合并圖層”命令或使用【Ctrl+E】快捷鍵可將多個(gè)圖層合并為一個(gè)圖層。選擇菜單“圖層”

“合并可見(jiàn)圖層”命令或使用【Shift+Ctrl+E】快捷鍵合并可見(jiàn)圖層，其中隱藏圖層不進(jìn)行合并。三、Photoshop圖層3)蓋印圖層：若要將多個(gè)圖層的內(nèi)容合并到一個(gè)新的圖層中，同時(shí)保留原來(lái)的圖層不變，可執(zhí)行蓋印圖層操作。選擇需要蓋印的多個(gè)圖層，使用【Ctrl+Alt+E】快捷鍵將選擇的圖層蓋印到一個(gè)新的圖層中。4)利用圖層組管理圖層：當(dāng)圖層較多時(shí)，可使用圖層組對(duì)圖層進(jìn)行分類(lèi)管理，方便后期查找與修改。選擇需要移動(dòng)的圖層，使用【Ctrl+G】快捷鍵將選中的圖層移動(dòng)到圖層組中。雙擊圖層組名稱(chēng)或圖層名稱(chēng)可重命名圖層組或圖層；也可單擊“創(chuàng)建新組”按鈕新建圖層組，然后將圖層拖動(dòng)到該圖層組中。謝

謝

觀(guān)

看！5.2圖像編輯與修飾圖像編輯一、打開(kāi)圖像文件二、調(diào)整圖像大小三、調(diào)整畫(huà)布大小五、裁剪與重構(gòu)圖像四、保存圖像一、打開(kāi)圖像文件“打開(kāi)圖像”幾種方法菜單“文件-打開(kāi)”圖像拖至PS軟件快捷鍵Ctrl+O一、打開(kāi)圖像文件

二、調(diào)整圖像大小通過(guò)拍攝得到的商品圖像的寬度和高度基本都是3000像素以上，這樣的大尺寸圖片往往并不能直接用于電商平臺(tái)。因?yàn)檫^(guò)大的圖片不僅會(huì)降低網(wǎng)頁(yè)加載的速度，還會(huì)在合成、加工和制作圖像的過(guò)程中，使軟件的處理速度變慢，大大降低工作效率。二、調(diào)整圖像大小1）用Photoshop打開(kāi)一張商品圖像?！安僮饕I(lǐng)”二、調(diào)整圖像大小2）選擇菜單“圖像”

“圖像大小”，彈出“圖像大小”對(duì)話(huà)框?！安僮饕I(lǐng)”

二、調(diào)整圖像大小3）修改圖像的寬度為1600像素，則圖像的高度會(huì)自動(dòng)進(jìn)行修改。設(shè)置完成后，單擊“確定”按鈕，可以看到圖像效果?！安僮饕I(lǐng)”

二、調(diào)整圖像大小思考

如何解除比例鎖定，調(diào)整圖像大小為1600像素×1500像素？三、調(diào)整畫(huà)布大小畫(huà)布是繪制或編輯圖像的顯示區(qū)域。提示：圖像大小和畫(huà)布大小是兩個(gè)不同的對(duì)象。使用“圖像大小”命令可以調(diào)整圖像大小，同時(shí)也會(huì)調(diào)整畫(huà)布大小。使用“畫(huà)布大小”命令調(diào)整畫(huà)布大小，圖像大小不會(huì)隨之調(diào)整。因此，如果縮小畫(huà)布，則圖像周?chē)鷷?huì)被裁剪；如果擴(kuò)大畫(huà)布，則圖像四周會(huì)增加新的空白區(qū)域。三、調(diào)整畫(huà)布大小1）用Photoshop打開(kāi)一張商品圖像?！安僮饕I(lǐng)”

三、調(diào)整畫(huà)布大小2）選擇菜單“圖像”

“畫(huà)布大小”，彈出“畫(huà)布大小”對(duì)話(huà)框?！安僮饕I(lǐng)”

三、調(diào)整畫(huà)布大小3）修改畫(huà)布大小的寬度和高度都為1400像素。如新的畫(huà)布大小比原始畫(huà)布小，則會(huì)圖像剪切提示，按“繼續(xù)”按鈕，完成調(diào)整后，可以看到圖像效果?！安僮饕I(lǐng)”

三、調(diào)整畫(huà)布大小4）重新修改畫(huà)布大小的寬度和高度為1800像素，完成調(diào)整后，可以看到圖像效果?！安僮饕I(lǐng)”

四、保存圖像“操作要領(lǐng)”

1）在完成圖像編輯后，點(diǎn)擊“文件”菜單中的“存儲(chǔ)為”按鈕，彈出“另存為”對(duì)話(huà)框。五、裁剪與重構(gòu)圖像電商美工設(shè)計(jì)時(shí)，常常需要對(duì)商品圖像進(jìn)行二次構(gòu)圖，常用的工具是裁剪工具。Photoshop中的裁剪功能不僅可以對(duì)商品圖像進(jìn)行重新構(gòu)圖，還能通過(guò)使用拉直水平線(xiàn)讓商品得以端正展示。五、裁剪與重構(gòu)圖像“操作要領(lǐng)”

1）用Photoshop打開(kāi)一張商品圖片。五、裁剪與重構(gòu)圖像“操作要領(lǐng)”

2）使用“裁剪工具”在圖像窗口中單擊并拖曳,調(diào)整裁剪框的位置和大小，將商品框選到裁剪框中。

五、裁剪與重構(gòu)圖像在拍攝商品圖像的過(guò)程中，有時(shí)會(huì)因?yàn)榕臄z環(huán)境或拍攝器材的限制，導(dǎo)致拍出的圖像畫(huà)面傾斜?！安眉艄ぞ摺敝械睦惫δ芸梢钥焖僦匦露x商品圖像畫(huà)面的水平或垂直基線(xiàn)，以一定的角度對(duì)圖像進(jìn)行旋轉(zhuǎn)裁剪。五、裁剪與重構(gòu)圖像“操作要領(lǐng)”

1）用Photoshop打開(kāi)一張傾斜圖像。

五、裁剪與重構(gòu)圖像“操作要領(lǐng)”

2）在工具箱中選擇“裁剪工具”，再在選項(xiàng)欄中單擊按鈕。使用鼠標(biāo)在圖像中單擊并沿著畫(huà)面中的水平或垂直方向進(jìn)行拖拽，重新繪制畫(huà)面的水平或垂直基線(xiàn)。

五、裁剪與重構(gòu)圖像“操作要領(lǐng)”3）在圖像窗口中可以看到繪制的直線(xiàn)末端會(huì)顯示出旋轉(zhuǎn)裁剪的角度，釋放鼠標(biāo)后，Photoshop會(huì)根據(jù)繪制的基線(xiàn)創(chuàng)建一個(gè)帶有一定角度的裁剪框，此時(shí)裁剪框中的圖像將顯示出平穩(wěn)的視覺(jué)效果。

謝

謝

觀(guān)

看！5.2圖像編輯與修飾圖像編輯一、打開(kāi)圖像文件二、調(diào)整圖像大小三、調(diào)整畫(huà)布大小五、裁剪與重構(gòu)圖像四、保存圖像一、打開(kāi)圖像文件“打開(kāi)圖像”幾種方法菜單“文件-打開(kāi)”圖像拖至PS軟件快捷鍵Ctrl+O一、打開(kāi)圖像文件

二、調(diào)整圖像大小通過(guò)拍攝得到的商品圖像的寬度和高度基本都是3000像素以上，這樣的大尺寸圖片往往并不能直接用于電商平臺(tái)。因?yàn)檫^(guò)大的圖片不僅會(huì)降低網(wǎng)頁(yè)加載的速度，還會(huì)在合成、加工和制作圖像的過(guò)程中，使軟件的處理速度變慢，大大降低工作效率。二、調(diào)整圖像大小1）用Photoshop打開(kāi)一張商品圖像。“操作要領(lǐng)”二、調(diào)整圖像大小2）選擇菜單“圖像”

“圖像大小”，彈出“圖像大小”對(duì)話(huà)框?！安僮饕I(lǐng)”

二、調(diào)整圖像大小3）修改圖像的寬度為1600像素，則圖像的高度會(huì)自動(dòng)進(jìn)行修改。設(shè)置完成后，單擊“確定”按鈕，可以看到圖像效果?！安僮饕I(lǐng)”

二、調(diào)整圖像大小思考

如何解除比例鎖定，調(diào)整圖像大小為1600像素×1500像素？三、調(diào)整畫(huà)布大小畫(huà)布是繪制或編輯圖像的顯示區(qū)域。提示：圖像大小和畫(huà)布大小是兩個(gè)不同的對(duì)象。使用“圖像大小”命令可以調(diào)整圖像大小，同時(shí)也會(huì)調(diào)整畫(huà)布大小。使用“畫(huà)布大小”命令調(diào)整畫(huà)布大小，圖像大小不會(huì)隨之調(diào)整。因此，如果縮小畫(huà)布，則圖像周?chē)鷷?huì)被裁剪；如果擴(kuò)大畫(huà)布，則圖像四周會(huì)增加新的空白區(qū)域。三、調(diào)整畫(huà)布大小1）用Photoshop打開(kāi)一張商品圖像。“操作要領(lǐng)”

三、調(diào)整畫(huà)布大小2）選擇菜單“圖像”

“畫(huà)布大小”，彈出“畫(huà)布大小”對(duì)話(huà)框。“操作要領(lǐng)”

三、調(diào)整畫(huà)布大小3）修改畫(huà)布大小的寬度和高度都為1400像素。如新的畫(huà)布大小比原始畫(huà)布小，則會(huì)圖像剪切提示，按“繼續(xù)”按鈕，完成調(diào)整后，可以看到圖像效果。“操作要領(lǐng)”

三、調(diào)整畫(huà)布大小4）重新修改畫(huà)布大小的寬度和高度為1800像素，完成調(diào)整后，可以看到圖像效果。“操作要領(lǐng)”

四、保存圖像“操作要領(lǐng)”

1）在完成圖像編輯后，點(diǎn)擊“文件”菜單中的“存儲(chǔ)為”按鈕，彈出“另存為”對(duì)話(huà)框。五、裁剪與重構(gòu)圖像電商美工設(shè)計(jì)時(shí)，常常需要對(duì)商品圖像進(jìn)行二次構(gòu)圖，常用的工具是裁剪工具。Photoshop中的裁剪功能不僅可以對(duì)商品圖像進(jìn)行重新構(gòu)圖，還能通過(guò)使用拉直水平線(xiàn)讓商品得以端正展示。五、裁剪與重構(gòu)圖像“操作要領(lǐng)”

1）用Photoshop打開(kāi)一張商品圖片。五、裁剪與重構(gòu)圖像“操作要領(lǐng)”

2）使用“裁剪工具”在圖像窗口中單擊并拖曳,調(diào)整裁剪框的位置和大小，將商品框選到裁剪框中。

五、裁剪與重構(gòu)圖像在拍攝商品圖像的過(guò)程中，有時(shí)會(huì)因?yàn)榕臄z環(huán)境或拍攝器材的限制，導(dǎo)致拍出的圖像畫(huà)面傾斜?！安眉艄ぞ摺敝械睦惫δ芸梢钥焖僦匦露x商品圖像畫(huà)面的水平或垂直基線(xiàn)，以一定的角度對(duì)圖像進(jìn)行旋轉(zhuǎn)裁剪。五、裁剪與重構(gòu)圖像“操作要領(lǐng)”

1）用Photoshop打開(kāi)一張傾斜圖像。

五、裁剪與重構(gòu)圖像“操作要領(lǐng)”

2）在工具箱中選擇“裁剪工具”，再在選項(xiàng)欄中單擊按鈕。使用鼠標(biāo)在圖像中單擊并沿著畫(huà)面中的水平或垂直方向進(jìn)行拖拽，重新繪制畫(huà)面的水平或垂直基線(xiàn)。

五、裁剪與重構(gòu)圖像“操作要領(lǐng)”3）在圖像窗口中可以看到繪制的直線(xiàn)末端會(huì)顯示出旋轉(zhuǎn)裁剪的角度，釋放鼠標(biāo)后，Photoshop會(huì)根據(jù)繪制的基線(xiàn)創(chuàng)建一個(gè)帶有一定角度的裁剪框，此時(shí)裁剪框中的圖像將顯示出平穩(wěn)的視覺(jué)效果。

謝

謝

觀(guān)

看！5.2圖像編輯與修飾圖像編輯一、打開(kāi)圖像文件二、調(diào)整圖像大小三、調(diào)整畫(huà)布大小五、裁剪與重構(gòu)圖像四、保存圖像一、打開(kāi)圖像文件“打開(kāi)圖像”幾種方法菜單“文件-打開(kāi)”圖像拖至PS軟件快捷鍵Ctrl+O一、打開(kāi)圖像文件

二、調(diào)整圖像大小通過(guò)拍攝得到的商品圖像的寬度和高度基本都是3000像素以上，這樣的大尺寸圖片往往并不能直接用于電商平臺(tái)。因?yàn)檫^(guò)大的圖片不僅會(huì)降低網(wǎng)頁(yè)加載的速度，還會(huì)在合成、加工和制作圖像的過(guò)程中，使軟件的處理速度變慢，大大降低工作效率。二、調(diào)整圖像大小1）用Photoshop打開(kāi)一張商品圖像?！安僮饕I(lǐng)”二、調(diào)整圖像大小2）選擇菜單“圖像”

“圖像大小”，彈出“圖像大小”對(duì)話(huà)框?！安僮饕I(lǐng)”

二、調(diào)整圖像大小3）修改圖像的寬度為1600像素，則圖像的高度會(huì)自動(dòng)進(jìn)行修改。設(shè)置完成后，單擊“確定”按鈕，可以看到圖像效果?！安僮饕I(lǐng)”

二、調(diào)整圖像大小思考

如何解除比例鎖定，調(diào)整圖像大小為1600像素×1500像素？三、調(diào)整畫(huà)布大小畫(huà)布是繪制或編輯圖像的顯示區(qū)域。提示：圖像大小和畫(huà)布大小是兩個(gè)不同的對(duì)象。使用“圖像大小”命令可以調(diào)整圖像大小，同時(shí)也會(huì)調(diào)整畫(huà)布大小。使用“畫(huà)布大小”命令調(diào)整畫(huà)布大小，圖像大小不會(huì)隨之調(diào)整。因此，如果縮小畫(huà)布，則圖像周?chē)鷷?huì)被裁剪；如果擴(kuò)大畫(huà)布，則圖像四周會(huì)增加新的空白區(qū)域。三、調(diào)整畫(huà)布大小1）用Photoshop打開(kāi)一張商品圖像?！安僮饕I(lǐng)”

三、調(diào)整畫(huà)布大小2）選擇菜單“圖像”

“畫(huà)布大小”，彈出“畫(huà)布大小”對(duì)話(huà)框?！安僮饕I(lǐng)”

三、調(diào)整畫(huà)布大小3）修改畫(huà)布大小的寬度和高度都為1400像素。如新的畫(huà)布大小比原始畫(huà)布小，則會(huì)圖像剪切提示，按“繼續(xù)”按鈕，完成調(diào)整后，可以看到圖像效果?！安僮饕I(lǐng)”

三、調(diào)整畫(huà)布大小4）重新修改畫(huà)布大小的寬度和高度為1800像素，完成調(diào)整后，可以看到圖像效果?！安僮饕I(lǐng)”

四、保存圖像“操作要領(lǐng)”

1）在完成圖像編輯后，點(diǎn)擊“文件”菜單中的“存儲(chǔ)為”按鈕，彈出“另存為”對(duì)話(huà)框。五、裁剪與重構(gòu)圖像電商美工設(shè)計(jì)時(shí)，常常需要對(duì)商品圖像進(jìn)行二次構(gòu)圖，常用的工具是裁剪工具。Photoshop中的裁剪功能不僅可以對(duì)商品圖像進(jìn)行重新構(gòu)圖，還能通過(guò)使用拉直水平線(xiàn)讓商品得以端正展示。五、裁剪與重構(gòu)圖像“操作要領(lǐng)”

1）用Photoshop打開(kāi)一張商品圖片。五、裁剪與重構(gòu)圖像“操作要領(lǐng)”

2）使用“裁剪工具”在圖像窗口中單擊并拖曳,調(diào)整裁剪框的位置和大小，將商品框選到裁剪框中。

五、裁剪與重構(gòu)圖像在拍攝商品圖像的過(guò)程中，有時(shí)會(huì)因?yàn)榕臄z環(huán)境或拍攝器材的限制，導(dǎo)致拍出的圖像畫(huà)面傾斜?！安眉艄ぞ摺敝械睦惫δ芸梢钥焖僦匦露x商品圖像畫(huà)面的水平或垂直基線(xiàn)，以一定的角度對(duì)圖像進(jìn)行旋轉(zhuǎn)裁剪。五、裁剪與重構(gòu)圖像“操作要領(lǐng)”

1）用Photoshop打開(kāi)一張傾斜圖像。

五、裁剪與重構(gòu)圖像“操作要領(lǐng)”

2）在工具箱中選擇“裁剪工具”，再在選項(xiàng)欄中單擊按鈕。使用鼠標(biāo)在圖像中單擊并沿著畫(huà)面中的水平或垂直方向進(jìn)行拖拽，重新繪制畫(huà)面的水平或垂直基線(xiàn)。

五、裁剪與重構(gòu)圖像“操作要領(lǐng)”3）在圖像窗口中可以看到繪制的直線(xiàn)末端會(huì)顯示出旋轉(zhuǎn)裁剪的角度，釋放鼠標(biāo)后，Photoshop會(huì)根據(jù)繪制的基線(xiàn)創(chuàng)建一個(gè)帶有一定角度的裁剪框，此時(shí)裁剪框中的圖像將顯示出平穩(wěn)的視覺(jué)效果。

謝

謝

觀(guān)

看！5.3色彩校正與調(diào)色色彩校正一、調(diào)整偏色圖像二、替換圖像色彩一、調(diào)整偏色圖像當(dāng)使用數(shù)碼相機(jī)進(jìn)行商品圖像拍攝時(shí)，往往會(huì)因?yàn)樘鞖狻⒐庹?、環(huán)境等原因，導(dǎo)致拍攝的照片出現(xiàn)圖像顏色失真等現(xiàn)象。在Photoshop中，可以使用亮度和對(duì)比度命令、色階命令、曲線(xiàn)命令、白平衡工具以及色彩范圍命令，對(duì)顏色失真的圖像進(jìn)行色彩調(diào)整。一、調(diào)整偏色圖像(一)亮度和對(duì)比度命令調(diào)整圖像色彩“操作要領(lǐng)”1）用Photoshop打開(kāi)一張偏色圖像。一、調(diào)整偏色圖像“操作要領(lǐng)”2）單擊“圖像”

“調(diào)整”

“亮度/對(duì)比度”命令，打開(kāi)“亮度/對(duì)比度”對(duì)話(huà)框。通過(guò)滑塊調(diào)整圖像的亮度和對(duì)比度的值，觀(guān)察圖像的變化情況，單擊“確定”按鈕。一、調(diào)整偏色圖像(二)色階命令調(diào)整顏色偏色圖像“操作要領(lǐng)”1）用Photoshop打開(kāi)一張偏色圖像。一、調(diào)整偏色圖像“操作要領(lǐng)”2）單擊菜單“圖像”

“調(diào)整”

“色階”命令，打開(kāi)“色階”對(duì)話(huà)框，從直方圖可以看出，圖像的高光區(qū)域缺失。一、調(diào)整偏色圖像“操作要領(lǐng)”3）在“色階”對(duì)話(huà)框的“輸入色階”中直接拖拽滑塊調(diào)整參數(shù)，在調(diào)整的過(guò)程中查看圖像中圖像的明暗變化。一、調(diào)整偏色圖像在Photoshop中除了使用“色階”命令可以調(diào)整圖像的明暗和層次，還可以使用“亮度/對(duì)比度”、“曲線(xiàn)”、“曝光”、“高光/陰影”等命令有效改善商品圖像在曝光、對(duì)比度等方面存在的問(wèn)題。一、調(diào)整偏色圖像(三)曲線(xiàn)命令調(diào)整偏色圖像“操作要領(lǐng)”1）用Photoshop打開(kāi)一張偏色商品圖像。一、調(diào)整偏色圖像“操作要領(lǐng)”2）單擊“圖像”

“調(diào)整”

“曲線(xiàn)”命令，打開(kāi)“曲線(xiàn)”對(duì)話(huà)框。一、調(diào)整偏色圖像“操作要領(lǐng)”3）鼠標(biāo)拖動(dòng)曲線(xiàn)的曲度并向上調(diào)整，改變圖像的亮度，同時(shí)觀(guān)察圖像變化，完成后單擊“確定”按鈕。一、調(diào)整偏色圖像(四)白平衡工具恢復(fù)商品真實(shí)色彩“操作要領(lǐng)”1）用Photoshop打開(kāi)一張偏色圖像。一、調(diào)整偏色圖像“操作要領(lǐng)”2）單擊菜單“圖像”

“調(diào)整”

“色階”命令，打開(kāi)“色階”對(duì)話(huà)框。一、調(diào)整偏色圖像“操作要領(lǐng)”3）在“色階”對(duì)話(huà)框右邊有三個(gè)吸管，從左到右它們分別代表：黑色、灰色、白色，把圖像中的黑白灰三色調(diào)節(jié)準(zhǔn)確，圖像整體的色彩自然就準(zhǔn)確了。一、調(diào)整偏色圖像思考如何調(diào)整以下商品圖片的偏色？二、替換圖像色彩使用色彩范圍命令替換圖像色彩“操作要領(lǐng)”1）用Photoshop打開(kāi)商品圖像?！安僮饕I(lǐng)”2）單擊“選擇”

“色彩范圍”菜單命令。在“色彩范圍”對(duì)話(huà)框中使用“吸管工具”提取衣服表面的顏色，并根據(jù)灰度預(yù)覽圖中的顯示效果調(diào)整參數(shù)。單擊“確定”按鈕后，在圖像窗口中可以看到衣服表面被框選到了選區(qū)中。二、替換圖像色彩“操作要領(lǐng)”3）單擊調(diào)整面板中的“色相/飽和度”按鈕，創(chuàng)建“色相/飽和度”調(diào)整圖層。調(diào)整“色相”選項(xiàng)改變選區(qū)中衣服的顏色。二、替換圖像色彩謝

謝

觀(guān)

看！5.3色彩校正與調(diào)色色彩校正一、調(diào)整偏色圖像二、替換圖像色彩一、調(diào)整偏色圖像當(dāng)使用數(shù)碼相機(jī)進(jìn)行商品圖像拍攝時(shí)，往往會(huì)因?yàn)樘鞖?、光照、環(huán)境等原因，導(dǎo)致拍攝的照片出現(xiàn)圖像顏色失真等現(xiàn)象。在Photoshop中，可以使用亮度和對(duì)比度命令、色階命令、曲線(xiàn)命令、白平衡工具以及色彩范圍命令，對(duì)顏色失真的圖像進(jìn)行色彩調(diào)整。一、調(diào)整偏色圖像(一)亮度和對(duì)比度命令調(diào)整圖像色彩“操作要領(lǐng)”1）用Photoshop打開(kāi)一張偏色圖像。一、調(diào)整偏色圖像“操作要領(lǐng)”2）單擊“圖像”

“調(diào)整”

“亮度/對(duì)比度”命令，打開(kāi)“亮度/對(duì)比度”對(duì)話(huà)框。通過(guò)滑塊調(diào)整圖像的亮度和對(duì)比度的值，觀(guān)察圖像的變化情況，單擊“確定”按鈕。一、調(diào)整偏色圖像(二)色階命令調(diào)整顏色偏色圖像“操作要領(lǐng)”1）用Photoshop打開(kāi)一張偏色圖像。一、調(diào)整偏色圖像“操作要領(lǐng)”2）單擊菜單“圖像”

“調(diào)整”

“色階”命令，打開(kāi)“色階”對(duì)話(huà)框，從直方圖可以看出，圖像的高光區(qū)域缺失。一、調(diào)整偏色圖像“操作要領(lǐng)”3）在“色階”對(duì)話(huà)框的“輸入色階”中直接拖拽滑塊調(diào)整參數(shù)，在調(diào)整的過(guò)程中查看圖像中圖像的明暗變化。一、調(diào)整偏色圖像在Photoshop中除了使用“色階”命令可以調(diào)整圖像的明暗和層次，還可以使用“亮度/對(duì)比度”、“曲線(xiàn)”、“曝光”、“高光/陰影”等命令有效改善商品圖像在曝光、對(duì)比度等方面存在的問(wèn)題。一、調(diào)整偏色圖像(三)曲線(xiàn)命令調(diào)整偏色圖像“操作要領(lǐng)”1）用Photoshop打開(kāi)一張偏色商品圖像。一、調(diào)整偏色圖像“操作要領(lǐng)”2）單擊“圖像”

“調(diào)整”

“曲線(xiàn)”命令，打開(kāi)“曲線(xiàn)”對(duì)話(huà)框。一、調(diào)整偏色圖像“操作要領(lǐng)”3）鼠標(biāo)拖動(dòng)曲線(xiàn)的曲度并向上調(diào)整，改變圖像的亮度，同時(shí)觀(guān)察圖像變化，完成后單擊“確定”按鈕。一、調(diào)整偏色圖像(四)白平衡工具恢復(fù)商品真實(shí)色彩“操作要領(lǐng)”1）用Photoshop打開(kāi)一張偏色圖像。一、調(diào)整偏色圖像“操作要領(lǐng)”2）單擊菜單“圖像”

“調(diào)整”

“色階”命令，打開(kāi)“色階”對(duì)話(huà)框。一、調(diào)整偏色圖像“操作要領(lǐng)”3）在“色階”對(duì)話(huà)框右邊有三個(gè)吸管，從左到右它們分別代表：黑色、灰色、白色，把圖像中的黑白灰三色調(diào)節(jié)準(zhǔn)確，圖像整體的色彩自然就準(zhǔn)確了。一、調(diào)整偏色圖像思考如何調(diào)整以下商品圖片的偏色？二、替換圖像色彩使用色彩范圍命令替換圖像色彩“操作要領(lǐng)”1）用Photoshop打開(kāi)商品圖像。“操作要領(lǐng)”2）單擊“選擇”

“色彩范圍”菜單命令。在“色彩范圍”對(duì)話(huà)框中使用“吸管工具”提取衣服表面的顏色，并根據(jù)灰度預(yù)覽圖中的顯示效果調(diào)整參數(shù)。單擊“確定”按鈕后，在圖像窗口中可以看到衣服表面被框選到了選區(qū)中。二、替換圖像色彩“操作要領(lǐng)”3）單擊調(diào)整面板中的“色相/飽和度”按鈕，創(chuàng)建“色相/飽和度”調(diào)整圖層。調(diào)整“色相”選項(xiàng)改變選區(qū)中衣服的顏色。二、替換圖像色彩謝

謝

觀(guān)

看！5.3色彩校正與調(diào)色色彩校正一、調(diào)整偏色圖像二、替換圖像色彩一、調(diào)整偏色圖像當(dāng)使用數(shù)碼相機(jī)進(jìn)行商品圖像拍攝時(shí)，往往會(huì)因?yàn)樘鞖?、光照、環(huán)境等原因，導(dǎo)致拍攝的照片出現(xiàn)圖像顏色失真等現(xiàn)象。在Photoshop中，可以使用亮度和對(duì)比度命令、色階命令、曲線(xiàn)命令、白平衡工具以及色彩范圍命令，對(duì)顏色失真的圖像進(jìn)行色彩調(diào)整。一、調(diào)整偏色圖像(一)亮度和對(duì)比度命令調(diào)整圖像色彩“操作要領(lǐng)”1）用Photoshop打開(kāi)一張偏色圖像。一、調(diào)整偏色圖像“操作要領(lǐng)”2）單擊“圖像”

“調(diào)整”

“亮度/對(duì)比度”命令，打開(kāi)“亮度/對(duì)比度”對(duì)話(huà)框。通過(guò)滑塊調(diào)整圖像的亮度和對(duì)比度的值，觀(guān)察圖像的變化情況，單擊“確定”按鈕。一、調(diào)整偏色圖像(二)色階命令調(diào)整顏色偏色圖像“操作要領(lǐng)”1）用Photoshop打開(kāi)一張偏色圖像。一、調(diào)整偏色圖像“操作要領(lǐng)”2）單擊菜單“圖像”

“調(diào)整”

“色階”命令，打開(kāi)“色階”對(duì)話(huà)框，從直方圖可以看出，圖像的高光區(qū)域缺失。一、調(diào)整偏色圖像“操作要領(lǐng)”3）在“色階”對(duì)話(huà)框的“輸入色階”中直接拖拽滑塊調(diào)整參數(shù)，在調(diào)整的過(guò)程中查看圖像中圖像的明暗變化。一、調(diào)整偏色圖像在Photoshop中除了使用“色階”命令可以調(diào)整圖像的明暗和層次，還可以使用“亮度/對(duì)比度”、“曲線(xiàn)”、“曝光”、“高光/陰影”等命令有效改善商品圖像在曝光、對(duì)比度等方面存在的問(wèn)題。一、調(diào)整偏色圖像(三)曲線(xiàn)命令調(diào)整偏色圖像“操作要領(lǐng)”1）用Photoshop打開(kāi)一張偏色商品圖像。一、調(diào)整偏色圖像“操作要領(lǐng)”2）單擊“圖像”

“調(diào)整”

“曲線(xiàn)”命令，打開(kāi)“曲線(xiàn)”對(duì)話(huà)框。一、調(diào)整偏色圖像“操作要領(lǐng)”3）鼠標(biāo)拖動(dòng)曲線(xiàn)的曲度并向上調(diào)整，改變圖像的亮度，同時(shí)觀(guān)察圖像變化，完成后單擊“確定”按鈕。一、調(diào)整偏色圖像(四)白平衡工具恢復(fù)商品真實(shí)色彩“操作要領(lǐng)”1）用Photoshop打開(kāi)一張偏色圖像。一、調(diào)整偏色圖像“操作要領(lǐng)”2）單擊菜單“圖像”

“調(diào)整”

“色階”命令，打開(kāi)“色階”對(duì)話(huà)框。一、調(diào)整偏色圖像“操作要領(lǐng)”3）在“色階”對(duì)話(huà)框右邊有三個(gè)吸管，從左到右它們分別代表：黑色、灰色、白色，把圖像中的黑白灰三色調(diào)節(jié)準(zhǔn)確，圖像整體的色彩自然就準(zhǔn)確了。一、調(diào)整偏色圖像思考如何調(diào)整以下商品圖片的偏色？二、替換圖像色彩使用色彩范圍命令替換圖像色彩“操作要領(lǐng)”1）用Photoshop打開(kāi)商品圖像?！安僮饕I(lǐng)”2）單擊“選擇”

“色彩范圍”菜單命令。在“色彩范圍”對(duì)話(huà)框中使用“吸管工具”提取衣服表面的顏色，并根據(jù)灰度預(yù)覽圖中的顯示效果調(diào)整參數(shù)。單擊“確定”按鈕后，在圖像窗口中可以看到衣服表面被框選到了選區(qū)中。二、替換圖像色彩“操作要領(lǐng)”3）單擊調(diào)整面板中的“色相/飽和度”按鈕，創(chuàng)建“色相/飽和度”調(diào)整圖層。調(diào)整“色相”選項(xiàng)改變選區(qū)中衣服的顏色。二、替換圖像色彩謝

謝

觀(guān)

看！5.4文字編排與圖形繪制文字圖形一、

文字的添加與設(shè)置三、繪制自定義形狀的修飾圖形二、

繪制規(guī)則形狀的修飾圖形

使用“橫排文字工具”和“直排文字工具”為網(wǎng)店裝修設(shè)計(jì)圖添加上所需的文字。一、文字的添加與設(shè)置“1）用Photoshop打開(kāi)商品圖像。““操作要領(lǐng)”一、文字的添加與設(shè)置2）選擇工具箱中的“橫排文字工具”。在“文字工具”選項(xiàng)欄中，選擇字體，并設(shè)置為“Bold”，文字大小為72點(diǎn)，選擇文字顏色。在文檔中輸入文字內(nèi)容?！啊安僮饕I(lǐng)”一、文字的添加與設(shè)置3）在控制面板中，打開(kāi)“字符”面板，調(diào)整文字字符間距，使得字符之間寬度更加適宜。““操作要領(lǐng)”一、文字的添加與設(shè)置4）選擇工具箱中的“橫排文字工具”，在段落文字區(qū)域拖拽創(chuàng)建文本框。在“文字”工具選項(xiàng)欄中，選擇字體，并設(shè)置為“Regular”，文字大小為50點(diǎn)，文字顏色為黑色，在文檔中輸入文字內(nèi)容。““操作要領(lǐng)”一、文字的添加與設(shè)置“操作要領(lǐng)”

5）選中輸入的文字，打開(kāi)“字體”屬性面板，可以設(shè)置行間距、字間距、文字顏色等更多屬性?！耙?、文字的添加與設(shè)置修飾圖形是網(wǎng)店裝修設(shè)計(jì)中的一個(gè)尤為重要的部分，用來(lái)輔助表現(xiàn)商品的一種設(shè)計(jì)元素。添加修飾圖形要根據(jù)實(shí)際的需求出發(fā)?！岸⒗L制規(guī)則形狀的修飾圖形修飾圖形是用于輔助表現(xiàn)商品的一種設(shè)計(jì)元素。在商品詳情頁(yè)中，通過(guò)修飾圖形來(lái)增加頁(yè)面的藝術(shù)感，增加消費(fèi)者的閱讀興趣，使商品產(chǎn)生較強(qiáng)的視覺(jué)效果，獲得消費(fèi)者的好感。這些圖形包括矩形、圓形、圓角矩形、多邊形等等。我們可以使用Photoshop的形狀工具來(lái)繪制規(guī)則形狀。“二、繪制規(guī)則形狀的修飾圖形通過(guò)修飾圖形來(lái)增加頁(yè)面的藝術(shù)感，增加消費(fèi)者的閱讀興趣，為商品產(chǎn)生較強(qiáng)的視覺(jué)效果，獲得消費(fèi)者的好感?！岸⒗L制規(guī)則形狀的修飾圖形1)首先新建Photoshop文檔。2)選擇工具箱中的“矩形”工具，在“形狀”工具欄中，可以設(shè)置繪制形狀的大小、比例、樣式、顏色等參數(shù)。按住Shift健，可以繪制正方形形狀?！啊安僮饕I(lǐng)”二、繪制規(guī)則形狀的修飾圖形3)選擇工具箱中的“橢圓”工具，在“形狀”工具欄中，可以設(shè)置繪制形狀的大小、比例、樣式、顏色等參數(shù)。按住Shift健，可以繪制正圓形狀?！啊安僮饕I(lǐng)”二、繪制規(guī)則形狀的修飾圖形4)選擇工具箱中的“圓角矩形”工具，在“形狀”工具欄中，可以設(shè)置繪制形狀的大小、比例、樣式、顏色等參數(shù)?！啊安僮饕I(lǐng)”二、繪制規(guī)則形狀的修飾圖形5)選擇工具箱中的“多邊形”工具，在“形狀”工具欄中，設(shè)置星形復(fù)選框，可以設(shè)置繪制“邊”值為5，繪制五角星形狀?！啊安僮饕I(lǐng)”二、繪制規(guī)則形狀的修飾圖形在網(wǎng)店裝修設(shè)計(jì)圖中，純粹使用規(guī)則的形狀來(lái)進(jìn)行裝飾和布局無(wú)法滿(mǎn)足網(wǎng)店裝修要求，我們可以使用Photoshop的自定義形狀工具來(lái)繪制不規(guī)則形狀。三、繪制自定義形狀的修飾圖形“1)首先新建Photoshop文檔。2)選擇工具箱中的“自定形狀”工具，點(diǎn)擊“形狀”右側(cè)的下拉框，點(diǎn)擊形狀面板右側(cè)的箭頭，在菜單下方選擇需要載入的預(yù)設(shè)形狀類(lèi)型，并選擇需要繪制的自定形狀，在畫(huà)布上繪制。““操作要領(lǐng)”三、繪制自定義形狀的修飾圖形“操作要領(lǐng)”

“三、繪制自定義形狀的修飾圖形對(duì)于繪制出的自定義形狀，如果想要更改其外觀(guān)，可以使用“直接選擇”工具，單擊形狀邊線(xiàn)以顯示出形狀錨點(diǎn)，單擊錨點(diǎn)可顯示錨點(diǎn)的方向控制桿。此時(shí)單擊錨點(diǎn)并拖動(dòng)，可移動(dòng)錨點(diǎn)位置；單擊方向控制桿的端點(diǎn)并拖動(dòng)，可調(diào)整形狀的外觀(guān)。“小貼士三、繪制自定義形狀的修飾圖形謝

謝

觀(guān)

看！5.4文字編排與圖形繪制文字圖形一、

文字的添加與設(shè)置三、繪制自定義形狀的修飾圖形二、

繪制規(guī)則形狀的修飾圖形

使用“橫排文字工具”和“直排文字工具”為網(wǎng)店裝修設(shè)計(jì)圖添加上所需的文字。一、文字的添加與設(shè)置“1）用Photoshop打開(kāi)商品圖像?！啊安僮饕I(lǐng)”一、文字的添加與設(shè)置2）選擇工具箱中的“橫排文字工具”。在“文字工具”選項(xiàng)欄中，選擇字體，并設(shè)置為“Bold”，文字大小為72點(diǎn)，選擇文字顏色。在文檔中輸入文字內(nèi)容。““操作要領(lǐng)”一、文字的添加與設(shè)置3）在控制面板中，打開(kāi)“字符”面板，調(diào)整文字字符間距，使得字符之間寬度更加適宜?！啊安僮饕I(lǐng)”一、文字的添加與設(shè)置4）選擇工具箱中的“橫排文字工具”，在段落文字區(qū)域拖拽創(chuàng)建文本框。在“文字”工具選項(xiàng)欄中，選擇字體，并設(shè)置為“Regular”，文字大小為50點(diǎn)，文字顏色為黑色，在文檔中輸入文字內(nèi)容?！啊安僮饕I(lǐng)”一、文字的添加與設(shè)置“操作要領(lǐng)”

5）選中輸入的文字，打開(kāi)“字體”屬性面板，可以設(shè)置行間距、字間距、文字顏色等更多屬性。“一、文字的添加與設(shè)置修飾圖形是網(wǎng)店裝修設(shè)計(jì)中的一個(gè)尤為重要的部分，用來(lái)輔助表現(xiàn)商品的一種設(shè)計(jì)元素。添加修飾圖形要根據(jù)實(shí)際的需求出發(fā)?！岸⒗L制規(guī)則形狀的修飾圖形修飾圖形是用于輔助表現(xiàn)商品的一種設(shè)計(jì)元素。在商品詳情頁(yè)中，通過(guò)修飾圖形來(lái)增加頁(yè)面的藝術(shù)感，增加消費(fèi)者的閱讀興趣，使商品產(chǎn)生較強(qiáng)的視覺(jué)效果，獲得消費(fèi)者的好感。這些圖形包括矩形、圓形、圓角矩形、多邊形等等。我們可以使用Photoshop的形狀工具來(lái)繪制規(guī)則形狀?！岸⒗L制規(guī)則形狀的修飾圖形通過(guò)修飾圖形來(lái)增加頁(yè)面的藝術(shù)感，增加消費(fèi)者的閱讀興趣，為商品產(chǎn)生較強(qiáng)的視覺(jué)效果，獲得消費(fèi)者的好感?！岸⒗L制規(guī)則形狀的修飾圖形1)首先新建Photoshop文檔。2)選擇工具箱中的“矩形”工具，在“形狀”工具欄中，可以設(shè)置繪制形狀的大小、比例、樣式、顏色等參數(shù)。按住Shift健，可以繪制正方形形狀?！啊安僮饕I(lǐng)”二、繪制規(guī)則形狀的修飾圖形3)選擇工具箱中的“橢圓”工具，在“形狀”工具欄中，可以設(shè)置繪制形狀的大小、比例、樣式、顏色等參數(shù)。按住Shift健，可以繪制正圓形狀?！啊安僮饕I(lǐng)”二、繪制規(guī)則形狀的修飾圖形4)選擇工具箱中的“圓角矩形”工具，在“形狀”工具欄中，可以設(shè)置繪制形狀的大小、比例、樣式、顏色等參數(shù)?！啊安僮饕I(lǐng)”二、繪制規(guī)則形狀的修飾圖形5)選擇工具箱中的“多邊形”工具，在“形狀”工具欄中，設(shè)置星形復(fù)選框，可以設(shè)置繪制“邊”值為5，繪制五角星形狀?！啊安僮饕I(lǐng)”二、繪制規(guī)則形狀的修飾圖形在網(wǎng)店裝修設(shè)計(jì)圖中，純粹使用規(guī)則的形狀來(lái)進(jìn)行裝飾和布局無(wú)法滿(mǎn)足網(wǎng)店裝修要求，我們可以使用Photoshop的自定義形狀工具來(lái)繪制不規(guī)則形狀。三、繪制自定義形狀的修飾圖形“1)首先新建Photoshop文檔。2)選擇工具箱中的“自定形狀”工具，點(diǎn)擊“形狀”右側(cè)的下拉框，點(diǎn)擊形狀面板右側(cè)的箭頭，在菜單下方選擇需要載入的預(yù)設(shè)形狀類(lèi)型，并選擇需要繪制的自定形狀，在畫(huà)布上繪制?！啊安僮饕I(lǐng)”三、繪制自定義形狀的修飾圖形“操作要領(lǐng)”

“三、繪制自定義形狀的修飾圖形對(duì)于繪制出的自定義形狀，如果想要更改其外觀(guān)，可以使用“直接選擇”工具，單擊形狀邊線(xiàn)以顯示出形狀錨點(diǎn)，單擊錨點(diǎn)可顯示錨點(diǎn)的方向控制桿。此時(shí)單擊錨點(diǎn)并拖動(dòng)，可移動(dòng)錨點(diǎn)位置；單擊方向控制桿的端點(diǎn)并拖動(dòng)，可調(diào)整形狀的外觀(guān)?！靶≠N士三、繪制自定義形狀的修飾圖形謝

謝

觀(guān)

看！5.4文字編排與圖形繪制文字圖形一、

文字的添加與設(shè)置三、繪制自定義形狀的修飾圖形二、

繪制規(guī)則形狀的修飾圖形

使用“橫排文字工具”和“直排文字工具”為網(wǎng)店裝修設(shè)計(jì)圖添加上所需的文字。一、文字的添加與設(shè)置“1）用Photoshop打開(kāi)商品圖像。““操作要領(lǐng)”一、文字的添加與設(shè)置2）選擇工具箱中的“橫排文字工具”。在“文字工具”選項(xiàng)欄中，選擇字體，并設(shè)置為“Bold”，文字大小為72點(diǎn)，選擇文字顏色。在文檔中輸入文字內(nèi)容。““操作要領(lǐng)”一、文字的添加與設(shè)置3）在控制面板中，打開(kāi)“字符”面板，調(diào)整文字字符間距，使得字符之間寬度更加適宜。““操作要領(lǐng)”一、文字的添加與設(shè)置4）選擇工具箱中的“橫排文字工具”，在段落文字區(qū)域拖拽創(chuàng)建文本框。在“文字”工具選項(xiàng)欄中，選擇字體，并設(shè)置為“Regular”，文字大小為50點(diǎn)，文字顏色為黑色，在文檔中輸入文字內(nèi)容。““操作要領(lǐng)”一、文字的添加與設(shè)置“操作要領(lǐng)”

5）選中輸入的文字，打開(kāi)“字體”屬性面板，可以設(shè)置行間距、字間距、文字顏色等更多屬性。“一、文字的添加與設(shè)置修飾圖形是網(wǎng)店裝修設(shè)計(jì)中的一個(gè)尤為重要的部分，用來(lái)輔助表現(xiàn)商品的一種設(shè)計(jì)元素。添加修飾圖形要根據(jù)實(shí)際的需求出發(fā)?！岸⒗L制規(guī)則形狀的修飾圖形修飾圖形是用于輔助表現(xiàn)商品的一種設(shè)計(jì)元素。在商品詳情頁(yè)中，通過(guò)修飾圖形來(lái)增加頁(yè)面的藝術(shù)感，增加消費(fèi)者的閱讀興趣，使商品產(chǎn)生較強(qiáng)的視覺(jué)效果，獲得消費(fèi)者的好感。這些圖形包括矩形、圓形、圓角矩形、多邊形等等。我們可以使用Photoshop的形狀工具來(lái)繪制規(guī)則形狀?！岸⒗L制規(guī)則形狀的修飾圖形通過(guò)修飾圖形來(lái)增加頁(yè)面的藝術(shù)感，增加消費(fèi)者的閱讀興趣，為商品產(chǎn)生較強(qiáng)的視覺(jué)效果，獲得消費(fèi)者的好感?！岸⒗L制規(guī)則形狀的修飾圖形1)首先新建Photoshop文檔。2)選擇工具箱中的“矩形”工具，在“形狀”工具欄中，可以設(shè)置繪制形狀的大小、比例、樣式、顏色等參數(shù)。按住Shift健，可以繪制正方形形狀。““操作要領(lǐng)”二、繪制規(guī)則形狀的修飾圖形3)選擇工具箱中的“橢圓”工具，在“形狀”工具欄中，可以設(shè)置繪制形狀的大小、比例、樣式、顏色等參數(shù)。按住Shift健，可以繪制正圓形狀?！啊安僮饕I(lǐng)”二、繪制規(guī)則形狀的修飾圖形4)選擇工具箱中的“圓角矩形”工具，在“形狀”工具欄中，可以設(shè)置繪制形狀的大小、比例、樣式、顏色等參數(shù)?！啊安僮饕I(lǐng)”二、繪制規(guī)則形狀的修飾圖形5)選擇工具箱中的“多邊形”工具，在“形狀”工具欄中，設(shè)置星形復(fù)選框，可以設(shè)置繪制“邊”值為5，繪制五角星形狀。““操作要領(lǐng)”二、繪制規(guī)則形狀的修飾圖形在網(wǎng)店裝修設(shè)計(jì)圖中，純粹使用規(guī)則的形狀來(lái)進(jìn)行裝飾和布局無(wú)法滿(mǎn)足網(wǎng)店裝修要求，我們可以使用Photoshop的自定義形狀工具來(lái)繪制不規(guī)則形狀。三、繪制自定義形狀的修飾圖形“1)首先新建Photoshop文檔。2)選擇工具箱中的“自定形狀”工具，點(diǎn)擊“形狀”右側(cè)的下拉框，點(diǎn)擊形狀面板右側(cè)的箭頭，在菜單下方選擇需要載入的預(yù)設(shè)形狀類(lèi)型，并選擇需要繪制的自定形狀，在畫(huà)布上繪制。““操作要領(lǐng)”三、繪制自定義形狀的修飾圖形“操作要領(lǐng)”

“三、繪制自定義形狀的修飾圖形對(duì)于繪制出的自定義形狀，如果想要更改其外觀(guān)，可以使用“直接選擇”工具，單擊形狀邊線(xiàn)以顯示出形狀錨點(diǎn)，單擊錨點(diǎn)可顯示錨點(diǎn)的方向控制桿。此時(shí)單擊錨點(diǎn)并拖動(dòng)，可移動(dòng)錨點(diǎn)位置；單擊方向控制桿的端點(diǎn)并拖動(dòng)，可調(diào)整形狀的外觀(guān)。“小貼士三、繪制自定義形狀的修飾圖形謝

謝

觀(guān)

看！5.5特效制作特效制作一、制作圖像融合效果二、制作圖像景深效果三、調(diào)整圖像清晰度五、修補(bǔ)圖像缺陷四、智能填充修復(fù)圖像“一、制作圖像融合效果圖層蒙版好比在當(dāng)前圖層上覆蓋了一層玻璃片，這種玻璃片有透明的、半透明的、完全不透明的。用繪圖工具在圖層蒙版上用黑色、白色或灰色進(jìn)行涂色。涂黑色的地方，圖層蒙版會(huì)變?yōu)橥耆该?。涂白色的地方，圖層蒙版會(huì)變?yōu)橥耆煌该?。涂灰色的地方，圖層蒙版會(huì)變?yōu)榘胪该?，透明的程度由灰度深淺決定?！啊安僮饕I(lǐng)”在Photoshop中打開(kāi)一張風(fēng)景圖像。一、制作圖像融合效果““操作要領(lǐng)”2）單擊“文件”

“置入嵌入對(duì)象”，將荷花圖像素材置入場(chǎng)景中。一、制作圖像融合效果““操作要領(lǐng)”3）選擇荷花圖層，單擊圖層面板下方的“添加圖層蒙版”按鈕。為荷花圖層添加一個(gè)圖層蒙版。一、制作圖像融合效果““操作要領(lǐng)”4）選擇“畫(huà)筆工具”。在工具選項(xiàng)欄中，設(shè)置畫(huà)筆的大小。設(shè)置前景色為黑色。一、制作圖像融合效果““操作要領(lǐng)”5）在圖層蒙版的上方，用黑色畫(huà)筆繪制。繪制的部分將顯示出背景圖片中的藍(lán)天效果。一、制作圖像融合效果“二、制作圖像景深效果

Photoshop提供了“模糊畫(huà)廊”中的“光圈模糊”、“場(chǎng)景模糊”和“傾斜模糊”三個(gè)濾鏡來(lái)構(gòu)造景深的效果。1)首先在Photoshop中打開(kāi)商品圖像。2)點(diǎn)擊“濾鏡”

“模糊畫(huà)廊”

“光圈模糊”菜單，打開(kāi)光圈模糊設(shè)置對(duì)話(huà)框。在圖像中調(diào)整模糊光圈的大小和位置，同時(shí)設(shè)置光圈模糊的值。““操作要領(lǐng)”二、制作圖像景深效果經(jīng)過(guò)“光圈濾鏡”調(diào)整后，照片中的玉器周?chē)鷪D形進(jìn)行了適當(dāng)?shù)哪：?，使商品與周?chē)膱D形形成了對(duì)比，構(gòu)建出明顯的景深效果，使商品的表現(xiàn)更加突出。“小貼士二、制作圖像景深效果“USM銳化”濾鏡:“USM銳化”濾鏡將根據(jù)指定的量增強(qiáng)鄰近像素的對(duì)比，使得較亮的像素變得更亮，而較暗的像素變得更暗?！叭?、調(diào)整圖像清晰度1)首先在Photoshop中打開(kāi)商品圖像。2)點(diǎn)擊“濾鏡”

“銳化”

“USM銳化”菜單，打開(kāi)USM銳化對(duì)話(huà)框，并設(shè)置其中的參數(shù)?！啊安僮饕I(lǐng)”三、調(diào)整圖像清晰度“四、智能填充修復(fù)圖像內(nèi)容識(shí)別填充是一種快捷的圖像修復(fù)方法，Photoshop會(huì)根據(jù)選擇區(qū)域的周邊圖像對(duì)選區(qū)進(jìn)行智能識(shí)和填充。““操作要領(lǐng)”1）在Photoshop中打開(kāi)商品圖像。四、智能填充修復(fù)圖像““操作要領(lǐng)”2）選擇“移除工具”，在英文輸入狀態(tài)下，按鍵盤(pán)【[】鍵或者【]】鍵放大或者縮小移除工具的筆觸大小。四、智能填充修復(fù)圖像““操作要領(lǐng)”3）在圖像上將需要移除的對(duì)象，用畫(huà)筆進(jìn)行涂抹。松開(kāi)鼠標(biāo)左鍵，Photoshop將自動(dòng)將需要移除的對(duì)象進(jìn)行處理。四、智能填充修復(fù)圖像五、修補(bǔ)圖像缺陷“工具選擇污點(diǎn)修復(fù)畫(huà)筆工具仿制圖章工具“五、修補(bǔ)圖像缺陷瑕疵1：污點(diǎn)修復(fù)畫(huà)筆工具選擇工具箱中的“污點(diǎn)修復(fù)畫(huà)筆工具”，并對(duì)其選項(xiàng)欄中進(jìn)行設(shè)置，調(diào)節(jié)畫(huà)筆的大小、硬度、間距，并選擇“內(nèi)容設(shè)別”?！拔濉⑿扪a(bǔ)圖像缺陷選擇工具箱中的“污點(diǎn)修復(fù)畫(huà)筆工具”

在有瑕疵的串珠圖像上進(jìn)行涂抹，直到得到較為滿(mǎn)意的修復(fù)效果?！拔?、修補(bǔ)圖像缺陷瑕疵2：仿制圖章工具

選擇“仿制圖章工具”，設(shè)置“仿制圖章工具”選項(xiàng)欄?！拔濉⑿扪a(bǔ)圖像缺陷瑕疵2：仿制圖章工具

先按住Alt+左鍵在瑕疵附近取樣，然后按鼠標(biāo)左鍵對(duì)劃痕進(jìn)行涂抹，經(jīng)過(guò)多次取樣修復(fù)，串珠圖像紋理清晰、表面光滑，如右圖所示?！拔?、修補(bǔ)圖像缺陷謝

謝

觀(guān)

看！5.5特效制作特效制作一、制作圖像融合效果二、制作圖像景深效果三、調(diào)整圖像清晰度五、修補(bǔ)圖像缺陷四、智能填充修復(fù)圖像“一、制作圖像融合效果圖層蒙版好比在當(dāng)前圖層上覆蓋了一層玻璃片，這種玻璃片有透明的、半透明的、完全不透明的。用繪圖工具在圖層蒙版上用黑色、白色或灰色進(jìn)行涂色。涂黑色的地方，圖層蒙版會(huì)變?yōu)橥耆该鳌Ｍ堪咨牡胤?，圖層蒙版會(huì)變?yōu)橥耆煌该鳌Ｍ炕疑牡胤?，圖層蒙版會(huì)變?yōu)榘胪该?，透明的程度由灰度深淺決定?！啊安僮饕I(lǐng)”在Photoshop中打開(kāi)一張風(fēng)景圖像。一、制作圖像融合效果““操作要領(lǐng)”2）單擊“文件”

“置入嵌入對(duì)象”，將荷花圖像素材置入場(chǎng)景中。一、制作圖像融合效果““操作要領(lǐng)”3）選擇荷花圖層，單擊圖層面板下方的“添加圖層蒙版”按鈕。為荷花圖層添加一個(gè)圖層蒙版。一、制作圖像融合效果““操作要領(lǐng)”4）選擇“畫(huà)筆工具”。在工具選項(xiàng)欄中，設(shè)置畫(huà)筆的大小。設(shè)置前景色為黑色。一、制作圖像融合效果““操作要領(lǐng)”5）在圖層蒙版的上方，用黑色畫(huà)筆繪制。繪制的部分將顯示出背景圖片中的藍(lán)天效果。一、制作圖像融合效果“二、制作圖像景深效果

Photoshop提供了“模糊畫(huà)廊”中的“光圈模糊”、“場(chǎng)景模糊”和“傾斜模糊”三個(gè)濾鏡來(lái)構(gòu)造景深的效果。1)首先在Photoshop中打開(kāi)商品圖像。2)點(diǎn)擊“濾鏡”

“模糊畫(huà)廊”

“光圈模糊”菜單，打開(kāi)光圈模糊設(shè)置對(duì)話(huà)框。在圖像中調(diào)整模糊光圈的大小和位置，同時(shí)設(shè)置光圈模糊的值?！啊安僮饕I(lǐng)”二、制作圖像景深效果經(jīng)過(guò)“光圈濾鏡”調(diào)整后，照片中的玉器周?chē)鷪D形進(jìn)行了適當(dāng)?shù)哪：股唐放c周?chē)膱D形形成了對(duì)比，構(gòu)建出明顯的景深效果，使商品的表現(xiàn)更加突出。“小貼士二、制作圖像景深效果“USM銳化”濾鏡:“USM銳化”濾鏡將根據(jù)指定的量增強(qiáng)鄰近像素的對(duì)比，使得較亮的像素變得更亮，而較暗的像素變得更暗?！叭⒄{(diào)整圖像清晰度1)首先在Photoshop中打開(kāi)商品圖像。2)點(diǎn)擊“濾鏡”

“銳化”

“USM銳化”菜單，打開(kāi)USM銳化對(duì)話(huà)框，并設(shè)置其中的參數(shù)?！啊安僮饕I(lǐng)”三、調(diào)整圖像清晰度“四、智能填充修