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

ps CS6利用智能對(duì)象制作移動(dòng)圖像GIF動(dòng)(5)

來(lái)源:府右街一號(hào) 作者:佚名  學(xué)習(xí):13969人次

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

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

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

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

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

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

  執(zhí)行非破壞性變換。可以對(duì)圖層進(jìn)行縮放、旋轉(zhuǎn)、斜切、扭曲、透視變換或使圖層變形,而不會(huì)丟失原始圖像數(shù)據(jù)或降低品質(zhì),因?yàn)樽儞Q不會(huì)影響原始數(shù)據(jù)。

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

  非破壞性應(yīng)用濾鏡。可以隨時(shí)編輯應(yīng)用于智能對(duì)象的濾鏡。

  編輯一個(gè)智能對(duì)象并自動(dòng)更新其所有的鏈接實(shí)例。

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

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

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

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

  效果圖:

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

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

  1

按此在新窗口瀏覽圖片

  2

按此在新窗口瀏覽圖片

  3

按此在新窗口瀏覽圖片

  摳好的PNG

按此在新窗口瀏覽圖片

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

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

按此在新窗口瀏覽圖片

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

按此在新窗口瀏覽圖片

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

按此在新窗口瀏覽圖片

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

按此在新窗口瀏覽圖片

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

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

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

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

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

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

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

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

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

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

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

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

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

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

按此在新窗口瀏覽圖片

  完成!

按此在新窗口瀏覽圖片

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

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

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

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