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

動畫教程,簡單的制作動態(tài)圖片教程(5)

來源:未知 作者:佚名 學習:5541人次

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

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 
12、點擊工具箱中最下方的按鈕,可以切換至Imageready軟件中來繼制作動畫

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn 

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

動畫教程,簡單的制作動態(tài)圖片教程_theoat.com.cn

學習 · 提示

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

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

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