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

ps制作掃描遮罩動畫GIF效果(3)

來源:775050517 作者:佚名 發(fā)布 學習:8082人次

效果圖如下:

Photoshop制作掃描遮罩動畫GIF效果,PS教程,

1.新建500X250的畫布。在畫布里新建三個組,在每個組里發(fā)一張圖片。然后裁剪一次(目的是讓多余的部分消除掉)如圖:

Photoshop制作掃描遮罩動畫GIF效果,PS教程,

2.新建圖層,命名為矩形,使用圓角矩形工具制作出如圖效果后把該圖層鎖定。

Photoshop制作掃描遮罩動畫GIF效果,PS教程,

Photoshop制作掃描遮罩動畫GIF效果,PS教程,

新建四個圖層,為每個圖層命名(方便記)然后alt+delete填充每個圖層。 填充好后擴大10倍畫布(圖像—畫布大小)將四個圖層擺成如下圖的樣子。

Photoshop制作掃描遮罩動畫GIF效果,PS教程,

將組1.2.3.矩形隱藏后,ctrl+alt+shift+e蓋印可見圖層。

然后將蓋印的圖層載入選區(qū)后選擇—反向,填充任意色(這里是十字架的顏色)這步就是為了做十字架。將圖層(左上) 跟蓋印的那個圖層,刪除掉。

如圖所示:

Photoshop制作掃描遮罩動畫GIF效果,PS教程,

Photoshop制作掃描遮罩動畫GIF效果,PS教程,

還原畫布大小,將右下復制一份。將左下、右下、右上拖到圖層組1,并拖到上方。把右下副本拖到圖層組2,并拖到上方。如圖:

Photoshop制作掃描遮罩動畫GIF效果,PS教程,

打開 左下、右下、右上,右下 的混合選項,將填充不透明度設置為0.挖空為淺如圖:

Photoshop制作掃描遮罩動畫GIF效果,PS教程,

上面說的

是將左下、右下、右上,右下副本的混合選項,將填充不透明度設置為0.挖空為淺,將左下、右下、右上,右下副本、十字架鏈接起來后,把十字架拉到左上角,打開動畫窗口,復制一幀,然后十字架拉到右下角,過渡12幀。在最后一幀復制一幀,把十字架又重新拉到左上角,過渡12幀。動畫制作完畢。

Photoshop制作掃描遮罩動畫GIF效果,PS教程,

Photoshop制作掃描遮罩動畫GIF效果,PS教程,

Photoshop制作掃描遮罩動畫GIF效果,PS教程,

最終效果!

Photoshop制作掃描遮罩動畫GIF效果,PS教程,

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
半。2012-06-11 01:00
那個。樓主,左下,右上,右下的那個連接起來要怎么連接啊
河邊的褲腳2012-04-28 10:35
不錯,正在學習
風の傷2012-04-23 10:33
辛苦樓主咯
qq12545822012012-04-21 11:03
呵呵回個帖
拽小堅2012-04-21 12:08
不懂呢,還有沒有自學到這個。

關注大神微博加入>>

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