動(dòng)畫教程,簡(jiǎn)單的制作動(dòng)態(tài)圖片教程(5)
16xx8提示:教程所用軟件版本是CS2,如果你用的是CS6以后的版本,后來第十三步用到的窗口-動(dòng)畫就改成窗口-時(shí)間軸
1、打開Photoshop軟件后,按Ctrl+N新建快捷鍵,新建一個(gè)100*100像素、分辨率為72、顏色模式為RGB、背景內(nèi)容為透明的文件
2、建議選取你店里銷售商品的照片來制作,在Photoshop中將挑選好的照片打開
3、用裁切工具將照片切出相同的尺寸和精彩內(nèi)容,裁好后點(diǎn)擊工具箱中的移動(dòng)工具將這些照片拖動(dòng)到新建的透明文件中。每張照片就是一個(gè)圖層,調(diào)整好圖片順序,為后面的Imageready制作動(dòng)畫的序
4、點(diǎn)擊背景圖層制作背景畫面,使用選取制作如圖所示的顏色條,然后用圓形制作選區(qū)將多余的刪掉,再與背景層合并
5、可點(diǎn)選工具箱中的魔棒工具,吸取每個(gè)小玩具圖層的白色背景制作選區(qū),白色底圖按Delete刪掉就可以了
6、復(fù)制一個(gè)背景圖層移至最上一層,將圖層名稱修改為圖層10,然后使用漂亮的彩色手寫文字,添加一些小裝飾。這里的制作步驟是根據(jù)動(dòng)畫的變化來制作的,也就是每層顯示的內(nèi)容就是后面動(dòng)畫每幀的內(nèi)容,如圖所示的順序最后變換內(nèi)容制作個(gè)性的店名
7、店名完全變換完成后,新建一個(gè)圖層使用工具箱中的套索工具制作如圖所示的選區(qū),填充為白色,然后將不透明度設(shè)為50%
8、以此類推,按照如圖所示的樣式制作出另外3個(gè)閃光的形式
9、隱藏剛制作的閃光的4個(gè)圖層,新建一個(gè)圖層21,按Ctrl+Alt+Shift+E蓋印圖像
10、將圖像保存,存為“.psd”格式
11、打開之前制作的PSD圖像,然后按Alt背景圖層,這時(shí)除背景圖層外其他的圖層都隱藏了起來
12、點(diǎn)擊工具箱中最下方的按鈕,可以切換至Imageready軟件中來繼制作動(dòng)畫
13、在窗口菜單調(diào)出“動(dòng)畫”面板配合圖層的顯示和隱藏功能
14、首先設(shè)置第一幀,如圖保留顯示的照片,然后設(shè)置延遲時(shí)間為0.1秒,圖層的顯示和隱藏全靠圖層面板中小眼睛圖標(biāo)來完成
15、點(diǎn)擊動(dòng)畫調(diào)板下方的“復(fù)制當(dāng)前幀”按鈕,這時(shí)調(diào)整第2幀的顯示畫面,其它設(shè)置同上
16、以此類推,如圖一直重復(fù)前面的設(shè)置到第九幀最后一個(gè)小人出現(xiàn)為止
17、再次復(fù)制當(dāng)前幀為第十幀時(shí),顯示畫面為“圖層10”,同樣設(shè)置動(dòng)畫的延遲時(shí)間為0.1秒
18、以此類推,如圖至“圖層16”為止
19、復(fù)制當(dāng)前幀為第17幀,將顯示圖層17,同樣設(shè)置動(dòng)畫延遲的時(shí)間為0.1秒
20、復(fù)制當(dāng)前幀為第十八幀,將圖層17隱藏,顯示圖層18,同樣設(shè)置動(dòng)畫的延遲時(shí)間為0.1秒
21、同上設(shè)置后面的幀,最后顯示圖層21即可,點(diǎn)擊動(dòng)畫畫板下方的播放按鈕就可以觀看動(dòng)畫效果了
22、最后存儲(chǔ)為優(yōu)化后的Gif格式的小動(dòng)畫就可以發(fā)布到你得網(wǎng)店上了
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 佚名
- 動(dòng)態(tài)圖片
- 動(dòng)畫閃字
- 動(dòng)畫教程
- 淘寶
學(xué)習(xí) · 提示
相關(guān)教程
- 果凍動(dòng)畫,用PS制作Q彈的果凍動(dòng)畫
- 下雨效果,通過PS制作唯美逼真的下雨動(dòng)態(tài)效果圖
- 動(dòng)態(tài)照片,用PS制作那種“動(dòng)”起來的“Cinemagraph”類型照片
- 動(dòng)畫教程,用PS做一個(gè)李小龍武術(shù)動(dòng)態(tài)圖
- 融合動(dòng)畫,用PS制作一個(gè)融合效果的動(dòng)態(tài)圖
- 融合動(dòng)圖,做一個(gè)圖形融合效果的圖片
- 動(dòng)圖教程,用PS制作一款動(dòng)態(tài)風(fēng)景照
- 動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片
- 動(dòng)圖教程,用PS制作一只萌萌噠動(dòng)態(tài)小飛機(jī)
- 煙花效果,用PS制作煙花綻放GIF動(dòng)畫效果
推薦教程
- [IR動(dòng)圖教程] PS實(shí)例教程:制作動(dòng)態(tài)GIF下雨圖片
- [IR動(dòng)圖教程] 蔚藍(lán)詭計(jì)系列教程新手學(xué)動(dòng)畫之三
- photoshop如何做河水流動(dòng)效果
- PS制作心電圖動(dòng)態(tài)效果圖
- [IR動(dòng)圖教程] PS IR把美女做成幻燈片動(dòng)畫效果
- photoshop置換濾鏡打造飄揚(yáng)的北京奧運(yùn)旗幟
- 照片加水波動(dòng)畫特效IR教程
- ps制作佛光閃耀GIF動(dòng)畫
- 融合動(dòng)圖,做圖形融合效果動(dòng)態(tài)圖
- [IR動(dòng)圖教程] 動(dòng)態(tài)漸隱簽名圖制作