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

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

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

效果圖如下:

Photoshop制作掃描遮罩動(dòng)畫GIF效果,PS教程,

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

Photoshop制作掃描遮罩動(dòng)畫GIF效果,PS教程,

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

Photoshop制作掃描遮罩動(dòng)畫GIF效果,PS教程,

Photoshop制作掃描遮罩動(dòng)畫GIF效果,PS教程,

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

Photoshop制作掃描遮罩動(dòng)畫GIF效果,PS教程,

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

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

如圖所示:

Photoshop制作掃描遮罩動(dòng)畫GIF效果,PS教程,

Photoshop制作掃描遮罩動(dòng)畫GIF效果,PS教程,

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

Photoshop制作掃描遮罩動(dòng)畫GIF效果,PS教程,

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

Photoshop制作掃描遮罩動(dòng)畫GIF效果,PS教程,

上面說的

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

Photoshop制作掃描遮罩動(dòng)畫GIF效果,PS教程,

Photoshop制作掃描遮罩動(dòng)畫GIF效果,PS教程,

Photoshop制作掃描遮罩動(dòng)畫GIF效果,PS教程,

最終效果!

Photoshop制作掃描遮罩動(dòng)畫GIF效果,PS教程,

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

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

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

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