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

ps CS6利用智能對象制作移動圖像GIF動(5)

來源:府右街一號 作者:佚名  學(xué)習(xí):13969人次

教大家用PhotoShop CS6制作移動的圖像GIF動態(tài)效果,主要利用智能對象來制作。

  智能對象是包含柵格或矢量圖像(如 Photoshop 或 Illustrator 文件)中的圖像數(shù)據(jù)的圖層。智能對象將保留圖像的源內(nèi)容及其所有原始特性,

  從而讓您能夠?qū)D層執(zhí)行非破壞性編輯。

  可以用以下幾種方法創(chuàng)建智能對象:

  使用“打開為智能對象”命令;置入文件;從 Illustrator 粘貼數(shù)據(jù);將一個或多個 Photoshop 圖層轉(zhuǎn)換為智能對象。

  可以利用智能對象執(zhí)行以下操作:

  執(zhí)行非破壞性變換?梢詫D層進行縮放、旋轉(zhuǎn)、斜切、扭曲、透視變換或使圖層變形,而不會丟失原始圖像數(shù)據(jù)或降低品質(zhì),因為變換不會影響原始數(shù)據(jù)。

  處理矢量數(shù)據(jù)(如 Illustrator 中的矢量圖片),若不使用智能對象,這些數(shù)據(jù)在 Photoshop 中將進行柵格化。

  非破壞性應(yīng)用濾鏡?梢噪S時編輯應(yīng)用于智能對象的濾鏡。

  編輯一個智能對象并自動更新其所有的鏈接實例。

  應(yīng)用與智能對象圖層鏈接或未鏈接的圖層蒙版

  無法對智能對象圖層直接執(zhí)行會改變像素數(shù)據(jù)的操作(如繪畫、減淡、加深或仿制),除非先將該圖層轉(zhuǎn)換成常規(guī)圖層(將進行柵格化)。

  要執(zhí)行會改變像素數(shù)據(jù)的操作,可以編輯智能對象的內(nèi)容,在智能對象圖層的上方仿制一個新圖層,編輯智能對象的副本或創(chuàng)建新圖層。

  注: 當(dāng)變換已應(yīng)用智能濾鏡的智能對象時,Photoshop 會在執(zhí)行變換時關(guān)閉濾鏡效果。變換完成后,將重新應(yīng)用濾鏡效果。請參閱關(guān)于智能濾鏡。

  效果圖:

PhotoShop CS6利用智能對象制作移動圖像GIF動畫教程 三聯(lián)教程

  下面把素材及制作過程分享給大家(我用的是cs6)

  1

按此在新窗口瀏覽圖片

  2

按此在新窗口瀏覽圖片

  3

按此在新窗口瀏覽圖片

  摳好的PNG

按此在新窗口瀏覽圖片

  要用到手,我隨便找了一個,可以用自己喜歡的。

  建一個文件,導(dǎo)入素材1作背景,導(dǎo)入摳好的手,用鋼筆畫一個破玻璃形狀,填黑色復(fù)制一份

按此在新窗口瀏覽圖片

  給其中一個添加DP圖層樣式(軟件自帶)

按此在新窗口瀏覽圖片

  將素材2導(dǎo)入放在如圖位置,創(chuàng)建剪貼蒙板

按此在新窗口瀏覽圖片

  把圖層1 2 3 轉(zhuǎn)換為智能對象并且鏈接

按此在新窗口瀏覽圖片

  開始制作動畫,打開時間軸,創(chuàng)建時間軸動畫,幀速率 12 長度4秒(加長時間,加大幀速率效果會更好,文件也會變得很大)

  在第一幀處,點擊箭頭處的小鬧鐘設(shè)置關(guān)鍵幀,同時在圖層面板調(diào)整圖層3和5的不透明度為30%和15%

按此在新窗口瀏覽圖片
按此在新窗口瀏覽圖片

  將時間滑塊移動到第6幀,打開箭頭所指的小鬧鐘,同時調(diào)整圖層3 5的不透明度為100%

按此在新窗口瀏覽圖片
按此在新窗口瀏覽圖片

  時間拖到 1秒 2幀處,水平向右拖移圖層3(由于1 2 3是相互鎖定的,所以會同時移動)到一個適當(dāng)?shù)奈恢?/p>

按此在新窗口瀏覽圖片
按此在新窗口瀏覽圖片

  時間1秒6幀,向左拖移圖層3到恰當(dāng)位置

按此在新窗口瀏覽圖片
按此在新窗口瀏覽圖片

  時間2秒,打開箭頭處圖層5的小鬧鐘,同時ctrl+t圖層3適當(dāng)放大

按此在新窗口瀏覽圖片
按此在新窗口瀏覽圖片

  時間2秒6幀,繼續(xù)ctrl+t放大圖層3,并且把圖層5向上移動一些

按此在新窗口瀏覽圖片
按此在新窗口瀏覽圖片

  時間3秒,ctrl+t圖層3移動到畫面外并且將不透明度調(diào)為0

按此在新窗口瀏覽圖片

  完成!

按此在新窗口瀏覽圖片

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
梨渦千淺笑2018-05-13 10:55
好好看啊
維他命蕃茄2017-05-28 03:02
很好,頂一下樓主
包子VS餅子2017-05-28 11:46
做的不好
喃明離火2017-05-28 04:30
研表究明,漢字序順并不定一影閱響讀!事證實明了也許當(dāng)你看這完句話之后才發(fā)字現(xiàn)都亂...
葒荼綠茶2017-05-28 01:37
頂上

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

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