新媒體創(chuàng)意與作品設(shè)計(jì)（全彩慕課版）第3章新媒體圖片創(chuàng)意與設(shè)計(jì)

第3章新媒體圖片創(chuàng)意與設(shè)計(jì)新媒體創(chuàng)意與作品設(shè)計(jì)

（全彩慕課版）目錄圖像處理基礎(chǔ)01Photoshop的基礎(chǔ)操作02使用Photoshop設(shè)計(jì)新媒體圖片03Illustrator的基礎(chǔ)操作04使用Illustrator設(shè)計(jì)三折頁宣傳冊05案例導(dǎo)入海報(bào)設(shè)計(jì)融入國風(fēng)元素，彰顯文化自信近年來，隨著國內(nèi)市場的繁榮發(fā)展和文化自信，國風(fēng)成了很火的話題，越來越多的品牌在宣傳海報(bào)中融入國風(fēng)元素，即采用與傳統(tǒng)文化相關(guān)的圖案，如水墨山水、古典紋樣、瓷器花紋、工筆畫等，并注重版式的平衡和留白。這些國風(fēng)海報(bào)的用色不拘泥于某一種顏色，配色根據(jù)主體圖案的風(fēng)格來定，有時(shí)也會(huì)選用中國傳統(tǒng)配色。某房產(chǎn)公司發(fā)布的宣傳海報(bào)《慶余年》發(fā)布的宣傳海報(bào)01圖像處理基礎(chǔ)在學(xué)習(xí)Photoshop和Illustrator基礎(chǔ)操作之前，我們首先需要了解與圖像有關(guān)的基本概念，包括像素與分辨率、位圖與矢量圖、顏色模式和圖像文件格式等。像素與分辨率3.1.1像素是構(gòu)成位圖的基本單位，每個(gè)像素都是一個(gè)有顏色的小方塊，它們具有明確的位置和被分配的色彩數(shù)值。像素的數(shù)量和質(zhì)量直接影響著圖像的清晰度和質(zhì)量。一個(gè)圖像文件包含的像素越多，顏色信息就越豐富，圖像效果也會(huì)更好，但文件也會(huì)隨之增大。像素分辨率表示圖像中像素的數(shù)量或者密度，其通常以“水平像素?cái)?shù)×垂直像素?cái)?shù)”的形式來表示，單位為像素每英寸（PPI）。分辨率位圖與矢量圖3.1.2位圖也稱柵格圖像，是由一個(gè)個(gè)像素構(gòu)成的數(shù)字圖像。這些像素可以進(jìn)行不同的排列和染色，以構(gòu)成圖像的各種顏色和形狀。在對位圖進(jìn)行縮放或旋轉(zhuǎn)操作時(shí)，像素?cái)?shù)量不會(huì)發(fā)生變化，這往往會(huì)導(dǎo)致圖像在放大或縮小時(shí)出現(xiàn)清晰度下降的現(xiàn)象。一般情況下，Photoshop是處理位圖的不二之選。位圖位圖放大后的效果位圖與矢量圖3.1.2矢量圖是由矢量軟件通過數(shù)學(xué)的向量方式進(jìn)行計(jì)算得到的圖形，它與分辨率無關(guān)，可任意縮放或旋轉(zhuǎn)，不會(huì)影響圖形的清晰度，且文件占用的存儲(chǔ)空間較小。目前，常用的矢量圖處理軟件有Illustrator、CorelDRAW等。矢量圖矢量圖局部放大至500%后的效果顏色模式3.1.3RGB顏色模式是一種加色色彩模式，它通過紅（Red）、綠（Green）和藍(lán)（Blue）這3個(gè)基本顏色通道的變化與組合，以生成豐富多樣的色光。RGB顏色模式CMYK顏色模式是一種減色色彩模式，它通過青色（Cyan）、洋紅（Magenta）、黃色（Yellow）、黑色（Black）4種顏色的混合來得到不同的顏色效果。CMYK顏色模式RGB顏色模式CMYK顏色模式顏色模式3.1.3灰度顏色模式中的圖像只有灰度顏色，而沒有彩色顏色，它使用從0~255的不同灰度值來表示圖像中的每個(gè)像素。其中，0代表黑色，255代表白色，而介于這兩個(gè)值之間的數(shù)值則代表不同深淺的灰色。在Photoshop中，灰度顏色模式可以與RGB顏色模式直接轉(zhuǎn)換?；叶阮伾Ｊ綄GB顏色模式的圖像轉(zhuǎn)換為灰度顏色模式圖像文件格式3.1.4JPEG格式1TIFF格式2GIF格式3PNG格式4BMP格式502Photoshop的基礎(chǔ)操作Photoshop作為Adobe公司旗下重量級(jí)的圖像處理軟件，被廣泛應(yīng)用于平面廣告設(shè)計(jì)、數(shù)碼照片處理、網(wǎng)店美工、插畫繪制、UI設(shè)計(jì)、包裝設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)等領(lǐng)域，在各行各業(yè)中發(fā)揮著不可替代的重要作用。認(rèn)識(shí)PhotoshopCC2020工作界面3.2.1PhotoshopCC2020工作界面菜單欄工具箱圖像窗口狀態(tài)欄工具屬性欄面板基礎(chǔ)工具的運(yùn)用3.2.2選區(qū)是運(yùn)用各種工具和命令在圖像中選取的區(qū)域，在對圖像進(jìn)行編輯操作時(shí)僅選區(qū)內(nèi)的圖像會(huì)產(chǎn)生變化，而選區(qū)外的圖像不會(huì)受到影響。PhotoshopCC2020提供了3個(gè)創(chuàng)建選區(qū)的工具組，不同的工具組中又包含多個(gè)創(chuàng)建選區(qū)的工具。選區(qū)工具創(chuàng)建選區(qū)的工具組使用磁性套索工具創(chuàng)建選區(qū)基礎(chǔ)工具的運(yùn)用3.2.2選區(qū)是運(yùn)用各種工具和命令在圖像中選取的區(qū)域，在對圖像進(jìn)行編輯操作時(shí)僅選區(qū)內(nèi)的圖像會(huì)產(chǎn)生變化，而選區(qū)外的圖像不會(huì)受到影響。PhotoshopCC2020提供了3個(gè)創(chuàng)建選區(qū)的工具組，不同的工具組中又包含多個(gè)創(chuàng)建選區(qū)的工具。選區(qū)工具創(chuàng)建選區(qū)的工具組魔棒工具屬性欄容差值為5容差值為30基礎(chǔ)工具的運(yùn)用3.2.2污點(diǎn)修復(fù)畫筆工具仿制圖章工具漸變工具矩形工具圓角矩形工具修復(fù)與繪制工具使用仿制圖章工具復(fù)制或修復(fù)圖像基礎(chǔ)工具的運(yùn)用3.2.2污點(diǎn)修復(fù)畫筆工具仿制圖章工具漸變工具矩形工具圓角矩形工具修復(fù)與繪制工具漸變工具屬性欄線性漸變徑向漸變角度漸變對稱漸變菱形漸變基礎(chǔ)工具的運(yùn)用3.2.2污點(diǎn)修復(fù)畫筆工具仿制圖章工具漸變工具矩形工具圓角矩形工具修復(fù)與繪制工具圓角矩形工具“屬性”面板半徑為20像素半徑為100像素基礎(chǔ)工具的運(yùn)用3.2.2調(diào)整色階調(diào)整亮度/對比度調(diào)整可選顏色調(diào)整圖像的色調(diào)與色彩調(diào)整色階基礎(chǔ)工具的運(yùn)用3.2.2調(diào)整色階調(diào)整亮度/對比度調(diào)整可選顏色調(diào)整圖像的色調(diào)與色彩調(diào)整亮度/對比度基礎(chǔ)工具的運(yùn)用3.2.2調(diào)整色階調(diào)整亮度/對比度調(diào)整可選顏色調(diào)整圖像的色調(diào)與色彩調(diào)整可選顏色基礎(chǔ)工具的運(yùn)用3.2.2圖層蒙版實(shí)際上就是對某一圖層起遮蓋效果的一個(gè)遮罩，用于控制圖層的顯示區(qū)域、不顯示區(qū)域及透明區(qū)域。蒙版中出現(xiàn)的黑色表示在被操作圖層中的這塊區(qū)域是完全透明的，白色表示這塊區(qū)域會(huì)顯示出來，介于黑白之間的灰色表示這塊區(qū)域以一種半透明的方式顯示，而透明的程度由灰度來決定。圖層蒙版隱藏部分圖像03使用Photoshop設(shè)計(jì)新媒體圖片在數(shù)字化時(shí)代，新媒體圖片已經(jīng)成為信息傳遞和視覺表達(dá)的重要載體之一。下面將通過設(shè)計(jì)旅行App主頁和公益活動(dòng)海報(bào)兩個(gè)案例，讓用戶快速掌握使用Photoshop設(shè)計(jì)新媒體圖片的方法與技巧。使用Photoshop設(shè)計(jì)旅行App主頁3.3.1App主頁應(yīng)簡潔明了，避免信息過載和復(fù)雜的布局，以確保用戶能夠快速理解和便捷操作。本案例將設(shè)計(jì)一個(gè)既簡潔又美觀的旅行App主頁，為了營造清新、自然的視覺體驗(yàn)，采用了以白色和藍(lán)色為主題色、黃色為輔助色的配色方案。01制作導(dǎo)航欄和Banner使用Photoshop設(shè)計(jì)旅行App主頁3.3.101制作導(dǎo)航欄和Banner02制作內(nèi)容區(qū)App主頁應(yīng)簡潔明了，避免信息過載和復(fù)雜的布局，以確保用戶能夠快速理解和便捷操作。本案例將設(shè)計(jì)一個(gè)既簡潔又美觀的旅行App主頁，為了營造清新、自然的視覺體驗(yàn)，采用了以白色和藍(lán)色為主題色、黃色為輔助色的配色方案。使用Photoshop設(shè)計(jì)旅行App主頁3.3.101制作導(dǎo)航欄和Banner02制作內(nèi)容區(qū)03制作標(biāo)簽欄App主頁應(yīng)簡潔明了，避免信息過載和復(fù)雜的布局，以確保用戶能夠快速理解和便捷操作。本案例將設(shè)計(jì)一個(gè)既簡潔又美觀的旅行App主頁，為了營造清新、自然的視覺體驗(yàn)，采用了以白色和藍(lán)色為主題色、黃色為輔助色的配色方案。使用Photoshop設(shè)計(jì)公益活動(dòng)海報(bào)3.3.2公益活動(dòng)海報(bào)設(shè)計(jì)的思路主要圍繞活動(dòng)的主題和目的來展開，同時(shí)要注重視覺效果和吸引力，以引起用戶的關(guān)注和共鳴。本案例將制作“熄燈一小時(shí)”公益活動(dòng)海報(bào)，在制作時(shí)巧妙地將燈泡與植物這兩個(gè)元素相結(jié)合，使其成為視覺上的焦點(diǎn)，并傳達(dá)出人們在享受電力帶來便利的同時(shí)，也要關(guān)注其對環(huán)境的影響。01制作海報(bào)背景使用Photoshop設(shè)計(jì)公益活動(dòng)海報(bào)3.3.2公益活動(dòng)海報(bào)設(shè)計(jì)的思路主要圍繞活動(dòng)的主題和目的來展開，同時(shí)要注重視覺效果和吸引力，以引起用戶的關(guān)注和共鳴。本案例將制作“熄燈一小時(shí)”公益活動(dòng)海報(bào)，在制作時(shí)巧妙地將燈泡與植物這兩個(gè)元素相結(jié)合，使其成為視覺上的焦點(diǎn)，并傳達(dá)出人們在享受電力帶來便利的同時(shí)，也要關(guān)注其對環(huán)境的影響。01制作海報(bào)背景02合成圖像使用Photoshop設(shè)計(jì)公益活動(dòng)海報(bào)3.3.2公益活動(dòng)海報(bào)設(shè)計(jì)的思路主要圍繞活動(dòng)的主題和目的來展開，同時(shí)要注重視覺效果和吸引力，以引起用戶的關(guān)注和共鳴。本案例將制作“熄燈一小時(shí)”公益活動(dòng)海報(bào)，在制作時(shí)巧妙地將燈泡與植物這兩個(gè)元素相結(jié)合，使其成為視覺上的焦點(diǎn)，并傳達(dá)出人們在享受電力帶來便利的同時(shí)，也要關(guān)注其對環(huán)境的影響。01制作海報(bào)背景02合成圖像03添加主題文字04Illustrator的基礎(chǔ)操作Illustrator是Adobe公司推出的一款專業(yè)的矢量圖形編輯軟件，被廣泛應(yīng)用于印刷排版、宣傳畫冊設(shè)計(jì)、廣告海報(bào)設(shè)計(jì)、插畫設(shè)計(jì)、包裝設(shè)計(jì)、標(biāo)識(shí)設(shè)計(jì)、VI形象識(shí)別應(yīng)用設(shè)計(jì)、字體設(shè)計(jì)、圖標(biāo)設(shè)計(jì)等領(lǐng)域。認(rèn)識(shí)IllustratorCC2020工作界面3.4.1IllustratorCC2020工作界面菜單欄工具箱狀態(tài)欄控制欄面板文檔窗口基礎(chǔ)工具的運(yùn)用3.4.2矩形工具橢圓工具圓角矩形工具鋼筆工具圖形繪制工具精確繪制圓角矩形基礎(chǔ)工具的運(yùn)用3.4.2矩形工具橢圓工具圓角矩形工具鋼筆工具圖形繪制工具繪制直線路徑繪制曲線路徑基礎(chǔ)工具的運(yùn)用3.4.2IllustratorCC2020提供了7個(gè)創(chuàng)建文字工具，在不同的應(yīng)用場景中可以選擇合適的工具。創(chuàng)建點(diǎn)文字創(chuàng)建段落文字創(chuàng)建文字工具創(chuàng)建文字工具“字符”面板“段落”面板基礎(chǔ)工具的運(yùn)用3.4.2IllustratorCC2020提供了7個(gè)創(chuàng)建文字工具，在不同的應(yīng)用場景中可以選擇合適的工具。創(chuàng)建點(diǎn)文字創(chuàng)建段落文字創(chuàng)建文字工具創(chuàng)建點(diǎn)文字創(chuàng)建段落文字基礎(chǔ)工具的運(yùn)用3.4.2在Illustrator中，每一個(gè)繪制的對象都具有“填色”和“描邊”這兩個(gè)基本外觀屬性，用戶可以指定純色、漸變或圖案作為填充方式。填色與描邊工具設(shè)置填色與描邊顏色基礎(chǔ)工具的運(yùn)用3.4.2剪切蒙版可以利用蒙版圖形將對象的某些部分進(jìn)行隱藏。在建立剪切蒙版時(shí)，必須選擇一個(gè)圖形作為剪切蒙版，而被蒙版隱藏的對象則可以是任意類型的圖形或圖像。剪切蒙版建立剪切蒙版05使用Illustrator設(shè)計(jì)三折頁宣傳冊三折頁宣傳冊在保持便攜性的同時(shí)，能夠承載更多的信息內(nèi)容。本案例將使用Illustrator設(shè)計(jì)一個(gè)三折頁宣傳冊，在設(shè)計(jì)過程中主要以綠色為主色調(diào)，通過合理的排版營造出一種清新自然、回歸本真的視覺感受，與企業(yè)品牌形象相得益彰。01制作封面和封底01制作封面和封底02制作內(nèi)折頁01制作封面和封底02制作內(nèi)折頁03制作內(nèi)展開頁課堂實(shí)訓(xùn)1——使用Photoshop設(shè)計(jì)餐飲App主頁實(shí)訓(xùn)背景新媒體時(shí)代下，餐飲App不僅能夠滿足用戶線上便捷點(diǎn)餐的需求，還可以為餐飲企業(yè)實(shí)現(xiàn)高效引流，提升服務(wù)效率。餐飲企業(yè)可以打造自己專屬的餐飲App，通過餐飲App為每一位就餐用戶提供便捷的服務(wù)，并借此對用戶的飲食愛好、評論和反饋意見等數(shù)據(jù)進(jìn)行收集、統(tǒng)計(jì)和分析，從而對服務(wù)進(jìn)行優(yōu)化，提升服務(wù)質(zhì)量。實(shí)訓(xùn)要求打開“素材文件\第3章\課堂實(shí)訓(xùn)\設(shè)計(jì)餐飲App主頁”文件夾，按照全國大學(xué)生廣告藝術(shù)大賽（簡稱大廣賽）的作品標(biāo)準(zhǔn)為美食店鋪設(shè)計(jì)一款餐飲App主頁。實(shí)訓(xùn)思路（1）選擇主色調(diào)（2）界面設(shè)計(jì)和布局方式課堂實(shí)訓(xùn)2——使用Illustrator設(shè)計(jì)家裝三折頁宣傳冊實(shí)訓(xùn)背景在消費(fèi)復(fù)蘇、政策利好的推動(dòng)下，家居行業(yè)迎來了新的機(jī)遇期，企業(yè)不斷推陳出新，行業(yè)新趨勢顯現(xiàn)。隨著用戶需求的變化，“一站式家居美化”服務(wù)越來越受歡迎，并帶動(dòng)上游的家裝公司和定制家居等入口型企業(yè)不斷拓展品類的邊界。企業(yè)要想向用戶傳達(dá)全屋整裝服務(wù)理念，需要進(jìn)行多渠道的宣傳推廣，其中就要用到宣傳冊。實(shí)訓(xùn)要求打開“素材文件\第3章\課堂實(shí)訓(xùn)\設(shè)計(jì)家裝三折頁宣傳冊”文件夾，按照大廣賽的作品標(biāo)準(zhǔn)為美嘉裝飾公司設(shè)計(jì)一款全屋整裝三折頁宣傳冊。實(shí)訓(xùn)思路（1）規(guī)劃頁面主題（2）確定主調(diào)（3）確定排版課堂實(shí)訓(xùn)2——使用Illustrator設(shè)計(jì)家裝三折頁宣傳冊實(shí)訓(xùn)背景在消費(fèi)復(fù)蘇、政策利好的推動(dòng)下，家居行業(yè)迎來了新的機(jī)遇期，企業(yè)不斷推陳出新，行業(yè)新趨勢顯現(xiàn)。隨著用戶需求的變化，“一站式家居美化”服務(wù)越來越受歡迎，并帶動(dòng)上游的家裝公司和定制家居等入口型企業(yè)不斷拓展品類的邊界。企業(yè)要想向用戶傳達(dá)全屋整裝服務(wù)理念，需要進(jìn)行多渠道的宣傳推廣，其中就要用到宣傳冊。實(shí)訓(xùn)要求打開“素材文件\第3章\課堂實(shí)訓(xùn)\設(shè)計(jì)家裝三折頁宣傳冊”文件夾，按照大廣賽的作品標(biāo)準(zhǔn)為美嘉裝飾公司設(shè)計(jì)一款全屋整裝三折頁宣傳冊。實(shí)訓(xùn)思路（1）規(guī)劃頁面主題（2）確定主調(diào)（3）確定排版課堂實(shí)訓(xùn)2——使用Illustrator設(shè)計(jì)家裝三折頁宣傳冊實(shí)訓(xùn)背景在消費(fèi)復(fù)蘇、政策利好的推動(dòng)下，家居行業(yè)迎來了新的機(jī)遇期，企業(yè)不斷推陳出新，行業(yè)新趨勢顯現(xiàn)。隨著用戶需求的變化，“一站式家居美化”服務(wù)越來越受歡迎，并帶動(dòng)上游的家裝公司和定制家居等入口型企業(yè)不斷拓展品類的邊