當(dāng)前位置:首頁(yè)>ps入門教程>動(dòng)圖教程>動(dòng)畫教程>教程內(nèi)容

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程(5)

來(lái)源:未知 作者:佚名 學(xué)習(xí):5541人次

16xx8提示:教程所用軟件版本是CS2,如果你用的是CS6以后的版本,后來(lái)第十三步用到的窗口-動(dòng)畫就改成窗口-時(shí)間軸

1、打開Photoshop軟件后,按Ctrl+N新建快捷鍵,新建一個(gè)100*100像素、分辨率為72、顏色模式為RGB、背景內(nèi)容為透明的文件

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn

  2、建議選取你店里銷售商品的照片來(lái)制作,在Photoshop中將挑選好的照片打開

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  3、用裁切工具將照片切出相同的尺寸和精彩內(nèi)容,裁好后點(diǎn)擊工具箱中的移動(dòng)工具將這些照片拖動(dòng)到新建的透明文件中。每張照片就是一個(gè)圖層,調(diào)整好圖片順序,為后面的Imageready制作動(dòng)畫的序

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  4、點(diǎn)擊背景圖層制作背景畫面,使用選取制作如圖所示的顏色條,然后用圓形制作選區(qū)將多余的刪掉,再與背景層合并

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  5、可點(diǎn)選工具箱中的魔棒工具,吸取每個(gè)小玩具圖層的白色背景制作選區(qū),白色底圖按Delete刪掉就可以了

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  6、復(fù)制一個(gè)背景圖層移至最上一層,將圖層名稱修改為圖層10,然后使用漂亮的彩色手寫文字,添加一些小裝飾。這里的制作步驟是根據(jù)動(dòng)畫的變化來(lái)制作的,也就是每層顯示的內(nèi)容就是后面動(dòng)畫每幀的內(nèi)容,如圖所示的順序最后變換內(nèi)容制作個(gè)性的店名

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  7、店名完全變換完成后,新建一個(gè)圖層使用工具箱中的套索工具制作如圖所示的選區(qū),填充為白色,然后將不透明度設(shè)為50%

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  8、以此類推,按照如圖所示的樣式制作出另外3個(gè)閃光的形式

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  9、隱藏剛制作的閃光的4個(gè)圖層,新建一個(gè)圖層21,按Ctrl+Alt+Shift+E蓋印圖像

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  10、將圖像保存,存為“.psd”格式

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  11、打開之前制作的PSD圖像,然后按Alt背景圖層,這時(shí)除背景圖層外其他的圖層都隱藏了起來(lái)

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 
12、點(diǎn)擊工具箱中最下方的按鈕,可以切換至Imageready軟件中來(lái)繼制作動(dòng)畫

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  13、在窗口菜單調(diào)出“動(dòng)畫”面板配合圖層的顯示和隱藏功能

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  14、首先設(shè)置第一幀,如圖保留顯示的照片,然后設(shè)置延遲時(shí)間為0.1秒,圖層的顯示和隱藏全靠圖層面板中小眼睛圖標(biāo)來(lái)完成

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  15、點(diǎn)擊動(dòng)畫調(diào)板下方的“復(fù)制當(dāng)前幀”按鈕,這時(shí)調(diào)整第2幀的顯示畫面,其它設(shè)置同上

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  16、以此類推,如圖一直重復(fù)前面的設(shè)置到第九幀最后一個(gè)小人出現(xiàn)為止

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  17、再次復(fù)制當(dāng)前幀為第十幀時(shí),顯示畫面為“圖層10”,同樣設(shè)置動(dòng)畫的延遲時(shí)間為0.1秒

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  18、以此類推,如圖至“圖層16”為止

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  19、復(fù)制當(dāng)前幀為第17幀,將顯示圖層17,同樣設(shè)置動(dòng)畫延遲的時(shí)間為0.1秒

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  20、復(fù)制當(dāng)前幀為第十八幀,將圖層17隱藏,顯示圖層18,同樣設(shè)置動(dòng)畫的延遲時(shí)間為0.1秒

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  21、同上設(shè)置后面的幀,最后顯示圖層21即可,點(diǎn)擊動(dòng)畫畫板下方的播放按鈕就可以觀看動(dòng)畫效果了

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn 

  22、最后存儲(chǔ)為優(yōu)化后的Gif格式的小動(dòng)畫就可以發(fā)布到你得網(wǎng)店上了

動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程_m.tgudhdp.cn

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!