《平面設(shè)計(jì)Photoshop》課件-PhotoshopCS4第8章

第八章動(dòng)畫和三維圖像在PhoshopCS4中，有兩種動(dòng)畫制作技術(shù)，一種是所謂的逐幀動(dòng)畫，你可以設(shè)定動(dòng)畫中的每個(gè)畫面。另一種就是時(shí)間軸動(dòng)畫，即所謂的“過渡動(dòng)畫”。它只需要你指定動(dòng)畫始末兩端的畫面，而中間的動(dòng)畫畫面則由計(jì)算機(jī)計(jì)算而成。在PhotoshopCS4中讓人眼睛一亮的是它新增了處理3D圖像的功能。AdobePhotoshopCS4Extended支持多種3D文件格式?？梢蕴幚砗秃喜F(xiàn)有的3D對(duì)象、創(chuàng)建新的3D對(duì)象、編輯和創(chuàng)建3D紋理，及組合3D對(duì)象與2D圖像。我們可以設(shè)置3D的場(chǎng)景、光源、材質(zhì)?？梢院芊奖愕膶⑵胀ǖ亩S圖像包裹在3D對(duì)象上，也可以導(dǎo)入用其他三維圖像制作軟件做成的3D素材。8.1動(dòng)畫制作知識(shí)點(diǎn)和技能本節(jié)內(nèi)容我們介紹二維動(dòng)畫制作。動(dòng)畫的制作主要是在動(dòng)畫面板上完成的。將動(dòng)畫的各靜態(tài)部分分別放到不同的層上，在每一層上，無內(nèi)容的區(qū)域就讓它空著，不用管它。每個(gè)動(dòng)畫靜態(tài)幀可以都在一層上，也可在幾層上，只要你弄得清哪些層同時(shí)顯示，就能組成哪一個(gè)動(dòng)畫靜態(tài)幀。當(dāng)作完組成動(dòng)畫的所有靜態(tài)圖層后（并不需要圖層和動(dòng)畫靜態(tài)幀成為一對(duì)一的關(guān)系，組成某一靜態(tài)幀的，可以是幾個(gè)圖層，只要你弄得清即可。并且，某一圖層允許被不同的靜態(tài)幀公用），就可以從容地將具體內(nèi)容分別放入各靜態(tài)幀中，所謂放入，其實(shí)只是當(dāng)你選中某一個(gè)動(dòng)畫幀時(shí)，使反映這一幀的那一層或幾層為可見，而讓其它層不可見。然后，到下一幀，再使反映這一幀的那一層或幾層為可見，而讓其它層不可見。范例分析——制作“海寶”動(dòng)畫圖像設(shè)計(jì)思路

本項(xiàng)目的關(guān)鍵在于“動(dòng)畫”面板的使用。通過操作，我們可以了解逐幀動(dòng)畫的原理。

大致的解題方案如下：（１）首先我們導(dǎo)入制作動(dòng)畫的素材。（２）通過“動(dòng)畫”面板。開始逐幀制作和調(diào)整。（３）最后調(diào)整動(dòng)畫的播放速度。導(dǎo)入素材

逐幀制作

調(diào)整速度

初露鋒芒——“蝴蝶紛飛”動(dòng)畫制作設(shè)計(jì)思路

本設(shè)計(jì)的解題方案為：將蝴蝶從素材中摳出，然后合成到背景圖像中，利用時(shí)間軸動(dòng)畫制作技術(shù)，在時(shí)間軸上產(chǎn)生不同蝴蝶圖像透明度的“關(guān)鍵幀”，使得畫面在兩個(gè)關(guān)

鍵幀之間變化，形成動(dòng)畫效果。“蝴蝶紛飛”項(xiàng)目示意圖

設(shè)置蝴蝶2的漸隱效果設(shè)置蝴蝶的漸出效果8.2用平面素材生成三維圖像知識(shí)點(diǎn)和技能

Photoshop一直被認(rèn)為是平面設(shè)計(jì)的大師。其實(shí)，在PhotoshopCS4中新增和加強(qiáng)了三維圖像的設(shè)計(jì)功能，利用Photoshop，我們可以生成基本的三維形狀，包括常用的易拉罐、酒瓶、帽子以及常見的其他一些基本形狀。用戶不但可以使用平面材質(zhì)進(jìn)行貼圖，還可以直接使用畫筆和圖章等工具在三維對(duì)象上繪畫，以及與時(shí)間軸配合完成三維動(dòng)畫。尤其值得注意的是，PhotoshopCS4特別新增的3D面板，使得2D和3D的結(jié)合更為完美、操作更為方便。在該面板中，我們可以通過眾多的參數(shù)來控制、添加、修改場(chǎng)景、燈光、網(wǎng)格、材質(zhì)以及觀察圖像的視角。范例分析——“我的可樂有點(diǎn)甜”易拉罐包裝及廣告設(shè)計(jì)設(shè)計(jì)思路首先打開事先準(zhǔn)備好的圖像素材，然后執(zhí)行“3D（D）/從圖層新建形狀”命令，指定其生成“易拉罐”形狀。通過對(duì)3D對(duì)象的旋轉(zhuǎn)、光源調(diào)整、光照強(qiáng)度的設(shè)置等操作，使得本廣告的主體—易拉罐制作完成。其次，將另一幅廬山風(fēng)光照片作為廣告的背景圖像襯在易拉罐畫面的下方。最后，通過添加漸變疊加樣式的文字，使廣告主題突出。項(xiàng)目示意圖

初露鋒芒——制作“金屬圓柱體”三維圖像效果設(shè)計(jì)思路本設(shè)計(jì)的解題方案為：將圖片通過PhotoshopCS4的3D功能變換為三維圖像，在前面的實(shí)踐中我們已經(jīng)有所體會(huì)。本任務(wù)將利用3D面板中的三維物體材質(zhì)的設(shè)置以及紋理的選擇，使得我們所創(chuàng)建的三維圖像的外觀具有金屬光澤。項(xiàng)目示意圖

8.3三維對(duì)象的導(dǎo)入和編輯知識(shí)點(diǎn)和技能

在PhotoshopCS4中，我們除了可以生成基本的三維形狀外，還可以直接導(dǎo)入一些現(xiàn)成的3D素材，譬如3DStudio的3ds格式文件；Collada的DAE格式文件以及GoogleEarth的KMZ格式文件等。這就使得Photoshop與其他多媒體軟件更加有機(jī)地集合了起來，用戶可以充分利用和發(fā)揮各種軟件的各自特點(diǎn)，制作出更好的平面設(shè)計(jì)作品。通過PhotoshopCS4的3D面板，我們可以對(duì)導(dǎo)入的3D素材進(jìn)行各種加工?？梢赃x用不同的視角、不同的材質(zhì)、不同的照射光線來對(duì)3D素材進(jìn)行編輯。范例分析——“寧?kù)o思遠(yuǎn)，志行萬里”汽車廣告設(shè)計(jì)設(shè)計(jì)思路

首先打開作為背景的圖像素材，然后執(zhí)行“3D（D）/從圖層新建形狀”命令，導(dǎo)入事先準(zhǔn)備好的3D素材。對(duì)該3D對(duì)象進(jìn)行旋轉(zhuǎn)、環(huán)繞、縮放操作以及通過3D面板，對(duì)該3D素材進(jìn)行光源調(diào)整以及光源色彩和強(qiáng)度的調(diào)整。最后，通過添加陰影圖層以及建立文字層，完成整個(gè)汽車廣告的制作。

項(xiàng)目示意圖

旋轉(zhuǎn)光源

光源色彩

填充投影區(qū)