電子商務網(wǎng)站建設與管理-電子教案PPT版第四章.ppt

電子商務網(wǎng)站建設與管理 高職高專 十二五 電子商務系列規(guī)劃教材 這是一家廠商的 燒錄機 平面廣告 廣告詞為 沒有什么不能燒 1 創(chuàng)意這是典型的夸張型表現(xiàn)手法 以夸張的畫面吸引受眾眼球 突出產(chǎn)品特點 受眾無不被充滿震撼和趣味的畫面所吸引 在信息快餐化的時代 留住讀者的眼球就是成功 此則廣告即使不閱讀畫面下方的文案 也能通過 沒有什么不能燒 的廣告語讀懂一切 2 平面制作該作品制作方案較為簡單 首先通過實拍的方式拍下人物主體 然后在Photoshop中通過 EyeCandy外掛濾鏡 對人物辮子局部制作 火焰 效果 此廣告的制作重點在于火焰制作 見圖4 1和4 2 第四章PhotoshopCS6技術 沒有什么不能燒 引導案例 圖4 1火焰制作 圖4 2火焰制作 續(xù) 圖4 2火焰制作 續(xù) 第四章PhotoshopCS6技術 了解PhotoshopCS6的基本概念和功能 熟悉PhotoshopCS6的操作界面 掌握PhotoshopCS6的基礎操作 1 PhotoshopCS6的定義及發(fā)展史Photoshop是Adobe公司推出的一款使用廣泛 功能強大的圖形圖像處理軟件 1990年2月 Photoshop版本1 0 7正式發(fā)行 第一個版本只有一個800KB的軟盤 Mac 1991年6月 Adobe發(fā)布了Photoshop2 0 代號FastEddy 提供了很多更新的工具 如矢量編輯軟件Illustrator CMYK顏色及Pentool 鋼筆工具 1992年 Photoshop的可視化界面更加豐富 1994年 Photoshop3 0正式發(fā)布 代號為TigerMountain 而全新的圖層功能也在這個版本中嶄露頭角 1997年9月 AdobePhotoshop4 0版本發(fā)行 主要改進是用戶界面 1998年5月 AdobePhotoshop5 0發(fā)布 代號StrangeCargo 1999年 AdobePhotoshop5 5發(fā)布 主要增加了支持Web功能和包含ImageReady2 0 2000年9月 AdobePhotoshop6 0發(fā)布 代號VenusinFurs 經(jīng)過改進 Photoshop6 0與其他Adobe工具交換更為流暢 第四章PhotoshopCS6技術 一 PhotoshopCS6的定義與功能 2002年3月 AdobePhotoshop7 0發(fā)布 代號LiquidSky Photoshop7 0適時地增加了HealingBrush等圖片修改工具 還有一些基本的數(shù)碼相機功能 如EXIF數(shù)據(jù) 和文件瀏覽器等 2003年 Photoshop7 0 1發(fā)布 它加入了處理最高級別數(shù)碼格式RAW 無損格式 的插件 2003年10月 AdobePhotoshopCS 8 0 發(fā)布 2005年4月 AdobePhotoshopCS2發(fā)布 代號SpaceMonkey PhotoshopCS2是對數(shù)字圖形編輯和創(chuàng)作專業(yè)工業(yè)標準的一次重要更新 它是被作為獨立軟件程序或AdobeCreativeSuite2的一個關鍵構件來發(fā)布的 2006年 Adobe發(fā)布了一個開放的Beta版PhotoshopLightroom 這是一個巨大的專業(yè)圖形管理數(shù)據(jù)庫 2007年4月 AdobePhotoshopCS3發(fā)布 2008年9月 AdobePhotoshopCS4發(fā)布 套裝擁有一百多項創(chuàng)新 并特別注重簡化工作流程和提高設計效率 2008年 Adobe發(fā)布了基于閃存的Photoshop應用 提供有限的圖像編輯和在線存儲功能 第四章PhotoshopCS6技術 一 PhotoshopCS6的定義與功能 2009年 Adobe為Photoshop發(fā)布了iPhone 手機上網(wǎng) 版 PS從此登陸了手機平臺 2009年11月7日 PhotoshopExpress版本發(fā)布 以免費的策略沖擊移動手機市場 手機版的photoshop可以做些簡單的圖像處理 2010年5月12日 Adobe發(fā)行AdobePhotoshopCS5 這個版本加入了編輯 選擇性粘貼 原位粘貼 編輯 填充 編輯 操控變形功能 畫筆工具功能也得到加強 2012年3月22日 Adobe發(fā)行AdobePhotoshopCS6Beta公開測試版 其新特性包括PhotoshopCS6和PhotoshopCS6Extended的所有功能 2013年6月17日 Adobe在MAX大會上推出了最新版本的PhotoshopCC CreativeCloud 其新功能包括相機防抖動功能 CameraRAW功能改進 圖像提升采樣 屬性面板改進 Behance集成一集同步設置等 2 相關概念 1 像素和分辨率1 像素在計算機繪圖中 像素是構成圖像的最小單位 越高位的像素 擁有的色板越豐富 越能表達顏色的真實感 第四章PhotoshopCS6技術 一 PhotoshopCS6的定義與功能 2 分辨率常見的分辨率主要分為4類 圖像分辨率 輸出分辨率 位分辨率 顯示器分辨率 圖像分辨率 像分辨率是指圖像中每單位打印長度顯示的像素數(shù)目 通常用 像素 英寸 表示 輸出分辨率 輸出分辨率是指激光打印機或照排機等輸出設備在輸出圖像時每英寸所產(chǎn)生的油墨點數(shù) 單位通常用 像素 英寸 表示 位分辨率 位分辨率是用來衡量每個像素所保存的顏色信息的位元數(shù) 例如 一個24位的RGB圖像 表示其各原色R G B均使用8位 三原色之和為24位 RGB圖像中 沒一個像素記錄R G B三原色值 因此每一個像素所保存的位元數(shù)為24位 顯示器分辨率 顯示器分辨率是顯示器中每單位長度顯示的像素的數(shù)目 單位以 點 英寸 表示 常用普屏的顯示器分辨率為1024 768 寬屏的為1366 768 代表顯示器水平分布了1024或1366個像素 垂直分布了768個像素 2 矢量圖與位圖1 失量圖 第四章PhotoshopCS6技術 一 PhotoshopCS6的定義與功能 矢量圖也稱面向?qū)ο蟮膱D像或繪圖圖像 像AutoCAD CorelDRAW等軟件都是以矢量圖形為基礎進行創(chuàng)作的 矢量圖的優(yōu)點 文件小 圖像不可編輯 圖像放大或縮小不影響圖像的分辨率 圖像的分辨率不依賴于輸出設備 矢量圖的缺點 重畫圖像困難 逼真度低 要畫出自然度高的圖像需要很多的技巧 2 位圖位圖又稱光柵圖 也稱點陣圖像或繪制圖像 是由像素的單個點組成的 這些點可以進行不同的排列和染色 以構成圖樣 放大位圖時 可以看見賴以構成整個圖像的無數(shù)個方塊 位圖的優(yōu)點 圖像質(zhì)量高 圖像編輯修改較快 位圖的缺點 文件大 圖像元素對象編輯受限制較大 圖像質(zhì)量取決于分辨率 圖像的分辨率依賴于輸出設備 總之 矢量圖和位圖沒有好壞之分 只是用途不同而已 因此 整合位圖圖像和矢量圖形的優(yōu)點 才是處理數(shù)字圖像的最佳方式 至于到底是用矢量圖還是位圖 應該根據(jù)應用的需要而定 第四章PhotoshopCS6技術 一 PhotoshopCS6的定義與功能 3 常用圖像格式和圖像顏色模式1 常用圖像格式PSD格式 PSD格式是Photoshop的專用格式 它能保存圖像數(shù)據(jù)的每一個細節(jié) 包括圖像的層 通道等信息 還能確保圖層之間相互獨立以便以后進行修改 PDF格式 PDF格式是由AdobeSystems創(chuàng)建的一種文件格式 PDF格式允許在屏幕上查看電子文檔 PDF文件還可被嵌入Web的Html文檔中 JPEG格式 JPEG格式是常用的圖像格式 支持真彩色 CMYK RGB和灰度顏色模式 但不支持Alpha通道 GIF格式 GIF格式因其磁盤占用空間較少而多用于文件間傳輸 但此格式不支持Alpha通道 2 圖像顏色模式HSB模式 HSB模式以人類對顏色的感覺為基礎 描述了顏色的3種基本特征 色相 色相是從物體反射或透過物體傳播的顏色 在0 360 的標準色輪上 按位置度量色相 通常使用中 色相有顏色名稱識別 如紅色 橙色或綠色 第四章PhotoshopCS6技術 一 PhotoshopCS6的定義與功能 飽和度 飽和度 或彩度 是指顏色的強度或純度 飽和度表示色相中灰色分量所占的比例 它使用從0 灰色 100 完全飽和 的百分比來度量 在標準色輪上 飽和度從中心島邊緣遞增 亮度 亮度是顏色的相對明暗程度 通常使用從0 黑色 100 白色 的百分比來度量 RGB模式 由于RGB3種顏色以最大亮度顯示時產(chǎn)生的合成色是白色 反之則是黑色 因此它們也被稱為加色 RGB圖像通過3種顏色或通道可以在屏幕上重新生成多達1670萬種顏色 正因為RGB的色域或顏色范圍要比其他顏色模式寬廣得多 所以大多數(shù)顯示器均采用此種模式 CMYK模式 CMYK模式顏色合成可以產(chǎn)生黑色 因此它們也被稱為減色 較高 高光 顏色指定的印刷油墨顏色百分比較低 而較暗 暗調(diào) 顏色指定的百分比較高 LAB模式 RGB模式是一種發(fā)光屏幕的加色模式 CMYK模式是一種顏色反光的印刷減色模式 LAB模式由3個通道組成 但不是R G B通道 它的一個通道是亮度 即L 另外兩個是色彩通道 分別用A和B表示 A通道包括的顏色是從深綠色 底亮度值 到灰色 中亮度值 再到亮粉紅色 高亮度值 B通道則是從亮藍色 底亮度值 到灰色 中亮度值 再到黃色 高亮度值 因此 兩種色彩混合后將產(chǎn)生明亮的色彩 第四章PhotoshopCS6技術 一 PhotoshopCS6的定義與功能 3 PhotoshopCS6的功能 1 Photoshop的基本功能豐富的圖像文件格式選取功能圖案生成器濾鏡修飾圖像功能多種顏色模式色調(diào)與色彩功能旋轉(zhuǎn)與變形濾鏡功能圖層 通道與蒙版 2 PhotoshopCS6的新增功能1 內(nèi)容感知技術在繼續(xù)延展 補丁工具中增加了 內(nèi)容感知 的修補模式 如圖4 3所示 第四章PhotoshopCS6技術 一 PhotoshopCS6的定義與功能 圖4 3 內(nèi)容感知 的修補模式 工具箱中新增了混合工具 混合工具基本相當于內(nèi)容感知修補與內(nèi)容感知填充的結合體 在源位置進行內(nèi)容感知填充 在目標位置進行內(nèi)容感知修補 2 剪切工具裂變?yōu)槎?剪切工具和透視裁切工具就工具而言 剪切工具和形狀工具是變化最大的兩個工具 剪切工具的升級終于解決了該工具一直存在的一個重大問題 早期版本的剪切工具中 透視 僅僅是其中的一個選項 新版中將其獨立出來并使之成為專門的透視裁切工具 3 基于攝影的選區(qū)增強 魔棒工具中增加了 采樣大小 選項 使采樣值更趨合理 采樣大小 選項如圖4 4所示 色彩范圍命令中增加了 皮膚色調(diào) 選區(qū) 同時配套 刪除表面 選項 以自動檢測面部區(qū)域并獲得更加精確的皮膚選區(qū) 皮膚色調(diào) 選區(qū)如圖4 5所示 第四章PhotoshopCS6技術 一 PhotoshopCS6的定義與功能 圖4 4 采樣大小 選項 第四章PhotoshopCS6技術 一 PhotoshopCS6的定義與功能 圖4 5 皮膚色調(diào) 選區(qū) 4 濾鏡 增加了自動適應廣角濾鏡 油畫濾鏡及3個模糊濾鏡 焦點模糊 光圈模糊 移軸模糊 改進的濾鏡包括液化濾鏡 鏡頭校正濾鏡及光照效果濾鏡 液化濾鏡刪除了鏡像工具 湍流工具及重建模式 同時設置了 高級模式 復選項 即將液化分解為精簡和高級兩種模式 光照效果被改造為全新的 燈光效果 濾鏡 該濾鏡使用全新的AdobeMercury圖形引擎進行渲染 因此對GPU的要求很高 其界面表現(xiàn)為工作區(qū)的形式 如圖4 6所示 圖4 6光照效果濾鏡 濾鏡庫中濾鏡的分布機制進行了調(diào)整舊版中 濾鏡庫中的各個濾鏡同時出現(xiàn)在各個濾鏡組菜單中 新版中 用戶可以通過如圖4 7所示的選項將濾鏡庫中的濾鏡不再顯示在各個濾鏡組的級聯(lián)菜單中 第四章PhotoshopCS6技術 一 PhotoshopCS6的定義與功能 圖4 7濾鏡庫中濾鏡的分布機制選項 1 建立新圖像單擊File New命令或者按下CTRL N組合鍵 也可以按住鼠標左鍵雙擊Photoshop桌面 都可以新建圖像 1 Width 寬度 Height 高度 其單位有cm 厘米 mm 毫米 pixels 像素 inches 英寸 point 點 picas 派卡 和columns 列 2 Resolution 分辨率 設置分辨率時要注意 分辨率越大 圖像文件就越大 圖像就越清楚 存儲時占的硬盤空間就越大 在網(wǎng)上傳播的速度就越慢 其單位有pixels cm 像素 厘米 pixels inch 像素 英寸 3 Mode 模式 模式包括RGBColor RGB顏色模式 Bitmap 位圖模式 Grayscale 灰度模式 CMYKColor CMYK顏色模式 LabColor Lab顏色模式 4 Contents 文檔背景 設定新文件的這些各項參數(shù)后 單擊OK按鈕或按下回車鍵 就可以建立一個新文件 2 保存圖像 1 選擇文件菜單下的保存或者按CTRL S組合鍵 即可將圖像保存為Photoshop默認的格式PSD 第四章PhotoshopCS6技術 二 PhotoshopCS6基礎操作 2 選擇文件菜單下的保存為或者按SHIFT CTRL S組合鍵 可以將圖像保存為其他格式的文件 這些格式包括TIF BMP JPEG JPG JPE GIF等 3 關閉圖像 1 雙擊圖像窗口標題欄左側的圖標按鈕 2 單擊圖像窗口標題欄右側的關閉按鈕 3 單擊File Close命令 4 按下Ctrl W或Ctrl F4組合鍵 5 如果用戶打開了多個圖像窗口 并想把它們都關閉 則可以單擊Windows Documents CloseAll命令 4 打開圖像 1 單擊File Open命令或按Ctrl O組合鍵 或者雙擊屏幕 都可以打開圖像 如果想打開多個文件 可以按下Shift鍵 選擇連續(xù)的文件 如果按Ctrl鍵 可以選擇不連續(xù)的多個文件 2 打開最近打開過的圖像 執(zhí)行File OpenRecent命令 就可以打開最近用過的圖像 3 使用File Browse窗口或按下Ctrl Shift O組合鍵打開圖像 第四章PhotoshopCS6技術 二 PhotoshopCS6基礎操作 5 置入圖像Photoshop是一個位圖軟件 用戶可以將矢量圖形軟件制作的圖像插入到Photoshop中使用 如EPS AI PDF等 選擇需要置入的圖像 執(zhí)行 確定 即可置入圖像 置入進來的圖像中會出現(xiàn)一個浮動的對象控制符 雙擊即可取消該符 6 切換屏幕顯示模式PhotoshopCS6包含3種屏幕顯示模式 它們分別是標準屏幕模式 帶有菜單欄的全屏模式和全屏模式 連續(xù)按F鍵即可在3種屏幕模式之間進行切換 TAB鍵可以顯示 隱藏工具箱和各種控制面板 SHIFT TAB鍵可以顯示 隱藏各種控制面板 7 標尺和度量工具的運用 1 標尺 單擊視圖 標尺或按CTRL R組合鍵即可顯示 隱藏標尺 標尺的默認單位是厘米 2 度量工具 用來測量圖形任意兩點的距離 也可以測量圖形的角度 用戶可以用信息面版查看結果 其中X Y代表坐標 A代表角度 D代表長度 W H代表圖形的寬度與高度 測量長度 直接在圖形上拖動即可 按SHIFT鍵以水 第四章PhotoshopCS6技術 二 PhotoshopCS6基礎操作 平 垂直或45度角的方向操作 測量角度 首先畫出第一條測量線段 接著在第一條線段的終點處按ALT鍵拖出第二條測量的線段 即可測出角度 8 縮放工具的運用 Z 選擇工具后 變?yōu)榉糯箸R工具 按下ALT鍵可以變?yōu)榭s小工具 或者選擇視圖 放大或縮小 或按CTRL CTRL 按CTRL 0可以全屏顯示 按CTRL ALT 0則顯示實際大小 第四章PhotoshopCS6技術 二 PhotoshopCS6基礎操作 PhotoshopCS6的窗口由標題欄 菜單欄 工具欄 工具箱 圖像窗口 控制面板 狀態(tài)欄 Photoshop桌面組成 標題欄 位于窗口最頂端 菜單欄 位于標題欄下方 其中包括9個菜單 工具欄 位于菜單欄下方 可以隨著工具的改變而改變 工具箱 位于工具欄的左下方 圖像窗口 位于工具欄的正下方 用來顯示圖像的區(qū)域 用于編輯和修改圖像 控制面版 窗口右側的小窗口稱為控制面版 用于改變圖像的屬性 狀態(tài)欄 位于窗口底部 用來提供一些當前操作的幫助信息 Photoshop桌面 Photoshop窗口的灰色區(qū)域為桌面 其中包括顯示工具箱 控制面板和圖像窗口 第四章PhotoshopCS6技術 三 PhotoshopCS6高級技巧 1 PhotoshopCS6主界面認識 1 顏色主題通過桌面快捷方式或Windows開始菜單啟動PhotoshopCS6 用戶可以自行選擇界面的顏色主題 暗灰色的主題使界面更顯專業(yè) 界面如圖4 8所示 第四章PhotoshopCS6技術 三 PhotoshopCS6高級技巧 圖4 8PhotoshopCS6工作界面 2 顯示工具箱工具箱中集合了圖像處理過程中使用最頻繁的工具 是PhotoshopCS6中文版中比較重要的功能 執(zhí)行窗口菜單中的 工具 命令 可以隱藏和打開工具箱 單擊工具箱上方的雙箭頭 可以雙排顯示工具箱 再單擊一次按鈕 恢復工具箱單行顯示 在工具箱中可以單擊選擇所需要的工具 單擊并長按工具按鈕 可以打開該工具對應的隱藏工具 工具箱中各個工具的名稱及其對應的快捷鍵如圖4 9所示 是否顯示某信息及該信息相對于光標的方位通過該選項確定 如圖4 10所示 第四章PhotoshopCS6技術 三 PhotoshopCS6高級技巧 圖4 9顯示工具箱 圖4 10顯示轉(zhuǎn)化值選項 3 文本陰影該功能只對工具選項欄中的文字及標尺上的數(shù)字有效 而且只有在選擇亮灰色的顏色主題時才比較明顯 需要指出的是 所加的文字陰影并不是黑色的 而是白色的 相當于黑色的文字加上了一個白色的陰影 總體感覺刺眼 不如關了為好 啟用文本陰影界面如圖4 11所示 第四章PhotoshopCS6技術 三 PhotoshopCS6高級技巧 圖4 11啟用文本陰影 4 主界面更顯整潔PhotoshopCS6清理了舊版中主菜單右側的一堆雜碎 主界面更顯整潔 新舊界面的對比如圖4 12所示 通過對比可以發(fā)現(xiàn) 舊版的窗口布局選擇控件被非常合理地移到了窗口菜單中的 排列 命令中 屏幕模式選擇控件又回到了它誕生的地方 工具箱 工作區(qū)選擇控件被移到了選項欄的最右側 其余的啟動BR 啟動MB 顯示比例及CSLive等控件被一并清除 5 舊版中的 分析 菜單降級為 圖像 菜單中的一個命令舊版中的 分析 菜單降級為 圖像 菜單中的一個命令 取而代之的是 文字 菜單 足見此次升級對印刷設計的重視 這一變動如圖4 13所示 第四章PhotoshopCS6技術 三 PhotoshopCS6高級技巧 圖4 12Photoshop新舊界面的對比 第四章PhotoshopCS6技術 三 PhotoshopCS6高級技巧 圖4 13舊版中的 分析 菜單降級為 圖像 菜單中的一個命令 2 文件自動備份這一功能可以說是激動人心的功能之一 該功能的有關細節(jié)如下 1 后臺保存 不影響前臺的正常操作 2 保存位置 系統(tǒng)會在第一個暫存盤目錄中自動創(chuàng)建一個PSAutoRecover文件夾 備份文件便保存在此文件夾中 3 當前文件正常關閉時將自動刪除相應的備份文件 當前文件非正常關閉時將會保留備份文件 并在下一次啟動PS后自動打開 文件存儲選項如圖4 14所示 第四章PhotoshopCS6技術 三 PhotoshopCS6高級技巧 圖4 14文件存儲選項 3 圖層的改進 1 圖層組的內(nèi)涵發(fā)生了質(zhì)的變化PhotoshopCS6中 圖層組在概念上不再只是一個容器 還具有了普通圖層的意義 舊版中的圖層組只能設置混合模式和不透明度 而新版中的圖層組可以像普通圖層一樣設置樣式 填充不透明度 混合顏色帶及其他高級混合選項 新舊版雙擊圖層組打開的設置面板對比如圖4 15所示 由圖可以看出 其差異之大令人吃驚 在PS內(nèi)核功能升級空間越來越小的情況下 這一功能無疑具有極其重要的意義 第四章PhotoshopCS6技術 三 PhotoshopCS6高級技巧 圖4 15新舊版雙擊圖層組打開的設置面板對比 2 圖層效果的排列順序發(fā)生了變化舊版面板中圖層效果的排列順序與實際應用效果的排列順序有所不同 光澤 如圖4 16所示 新版中各面板效果的排列順序與舊版相比有較大不同 而且圖層樣式面板中效果的排列順序與圖層調(diào)板中實際的排列順序完全一致 新版面板中圖層效果的排列順序如圖4 17所示 第四章PhotoshopCS6技術 三 PhotoshopCS6高級技巧 圖4 16舊版面板中圖層效果的排列順序 3 圖層調(diào)板中新增了圖層過濾器與圖層調(diào)板中新增圖層過濾器相對應 選擇菜單中增加了 查找圖層 命令 其本質(zhì)就是根據(jù)圖層的名稱來過濾圖層 選擇菜單中增加的 查找圖層 命令如圖4 18所示 第四章PhotoshopCS6技術 三 PhotoshopCS6高級技巧 圖4 18 查找圖層 命令 4 圖層調(diào)板中各種類型的圖層縮略圖有了較大改變新版中 形狀圖層的縮略圖變化最大 而且矩形 圓角矩形 橢圓 多邊形的名稱也都直接使用具體的名稱 只有直線工具及自定義形狀工具仍然使用傳統(tǒng)的 形狀1 等命名 圖層組的標識在展開和折疊時也不同 新版中 選擇某個圖層或圖層蒙板的指示標識采用了更為突出的角線 而不再是以往不易識別的細框線 ALT設置剪貼蒙板的圖標也更加形象直觀 新版中的圖層縮略圖如圖4 19所示 第四章PhotoshopCS6技術 三 PhotoshopCS6高級技巧 圖4 19圖層縮略圖 4 插值方式 1 新增加了一種插值方式新版中增加了一種插值方式 即自動兩次立方 如圖4 20所示 第四章PhotoshopCS6技術 三 PhotoshopCS6高級技巧 圖4 20自動兩次立方的插值方式 2 插值方式的控制機制被做了調(diào)整PS中有兩處地方需要插值 一是調(diào)整圖像大小 二是變換 舊版中 調(diào)整圖像大小的插值方法在 圖像大小 對話框中進行選擇 而變換中的插值方式只能由首選項中的相應控件來控制 新版中 變換命令中的選項中也設置了插值方式的選擇控件 而不再受制于首選項中的插值方式 新版中的插值方式如圖4 21所示 由于新版中增加了 透視裁切 工具 而透視裁切同樣需要進行插值 因此首選項中的插值方式實際上只影響該工具 從