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

[IR動(dòng)圖教程] Photoshop制作動(dòng)畫霓虹效果

來源:不詳 作者:佚名 學(xué)習(xí):755人次
Photoshop制作動(dòng)畫霓虹效果

雖然在FLASH也是可以做出類似的效果...不過在PS里面做還是挺有趣的。也許大家通過這個(gè)教程也能開動(dòng)腦筋...做出可以跟FLASH相交量的動(dòng)畫哦!

先看一下效果吧.....

按此在新窗口瀏覽圖片

1.新建一個(gè)文件..背景為黑為.大小自定(我這里用的是500*200),

點(diǎn)擊"橫排文字蒙版工具"輸入design 也可自定.

按此在新窗口瀏覽圖片

2.剛才輸入文字忘了新建個(gè)層...現(xiàn)在補(bǔ)建一個(gè)(圖層1),

點(diǎn)擊編輯-描邊..參數(shù)如圖.最后確定

按此在新窗口瀏覽圖片

3.濾鏡-高斯模糊...半徑也1像素..確定.

按此在新窗口瀏覽圖片

4.在圖層1添加圖層樣式...設(shè)置外發(fā)光....參數(shù)自定也可...只要達(dá)到想要的效果就行了..如圖

按此在新窗口瀏覽圖片

5.再勾先內(nèi)發(fā)光....顏色要比外發(fā)光的淡.(有發(fā)亮的感覺吧),

注意:混合模式要調(diào)為正常.顏色才看得出來哦..

按此在新窗口瀏覽圖片

6.按CTRL 圖層1,加載選區(qū),

選擇-修改-擴(kuò)展...20像素,確定

選擇-羽毛-像素為15,確定

保留選區(qū),新建一個(gè)空白圖層(圖層2) 如圖

按此在新窗口瀏覽圖片

7.把前景色也改成同你剛才外發(fā)光相同的顏色(這里的是綠色),

按ALT DEL填充上顏色....再把圖層的不透明度改為60%,

現(xiàn)在的霓虹燈就算是初步完成的,,,接下來重頭戲才慢慢開始.

按此在新窗口瀏覽圖片

8.新建一個(gè)空圖層...切換到路徑面板,

點(diǎn)擊自定形狀工具.再選擇相應(yīng)的形狀...在工作區(qū)接出一個(gè)路徑,然后可以用工具條上的直接選擇工具對路徑進(jìn)行變形(按照自己愛好就行了)...如圖

按此在新窗口瀏覽圖片

9.點(diǎn)畫筆畫工具...在筆畫預(yù)設(shè)-筆畫筆尖形狀,把筆畫的間距設(shè)置成如圖.

按此在新窗口瀏覽圖片

10.再勾選"顏色動(dòng)態(tài)",設(shè)置顏色如圖

按此在新窗口瀏覽圖片

11.因顏色動(dòng)態(tài)里我們勾先了前景/背景抖動(dòng)....所以畫筆掃描出來的路徑顏色是根據(jù)前景和背景進(jìn)行抖動(dòng)的,所以再把背景把改成黃色

讓抖動(dòng)的效果更鮮艷...(用其他顏色也可)

按此在新窗口瀏覽圖片

12.在路徑面板下點(diǎn)擊用筆畫掃描路徑..效果如圖

按此在新窗口瀏覽圖片

13.按住CTRL點(diǎn)掃描出來的圖層(圖層3),載入選區(qū),

點(diǎn)擊選擇-修改-收縮,收縮量為2個(gè)像素.確定.

按此在新窗口瀏覽圖片

14.點(diǎn)擊選擇-羽化.1個(gè)像素,確定

再選擇圖像-調(diào)整-亮度/對比度.把亮度提高,確定

取消選區(qū).

按此在新窗口瀏覽圖片

15.這里少了個(gè)載圖.只好幾個(gè)步驟一起說了.

合并圖層1到圖層2.把圖層2復(fù)制一個(gè)副本.

在圖層2中新建調(diào)整圖層-色彩平衡.在窗口中把滑塊移向綠色...(量自定就行了..)確定

因我用的是PS2里面就有一個(gè)動(dòng)畫,如果是其他老版本的就得轉(zhuǎn)到ImageReady里處理了..操作方法是一樣的,這里就以PS2為例了

找開動(dòng)畫面板,默認(rèn)里面有一個(gè)幀,再復(fù)制2個(gè).如圖

按此在新窗口瀏覽圖片

16.把動(dòng)畫里的1幀對應(yīng)圖層2前的眼睛勾掉;

把動(dòng)畫里的2幀對應(yīng)圖層2副本眼睛勾掉

我想大家對幀都有一定的了解..我這里就不作說明了

按此在新窗口瀏覽圖片

17.將第3幀設(shè)置跟第1幀一樣..如圖

按此在新窗口瀏覽圖片

18.點(diǎn)擊第一個(gè)幀按動(dòng)畫幀過渡...參數(shù)如圖

按此在新窗口瀏覽圖片

19.確定后在原有的3個(gè)幀上增加了2個(gè)幀.如圖

按此在新窗口瀏覽圖片

20.點(diǎn)擊第4個(gè)幀按動(dòng)畫幀過渡...參數(shù)同第1個(gè)幀一樣.如圖

按此在新窗口瀏覽圖片

21.確定后同樣的增加了2個(gè)幀.如圖

按此在新窗口瀏覽圖片

22.點(diǎn)擊圖層3(周邊圓點(diǎn)),復(fù)制6個(gè)副本.如圖

按此在新窗口瀏覽圖片

23.在第1個(gè)幀上把對應(yīng)的圖層3眼睛顯示..其他圖層3副本眼睛關(guān)掉.在圖層3上按CTRL U...在色相/飽和度中對色相進(jìn)行調(diào)整.如圖

按此在新窗口瀏覽圖片

24.把第2個(gè)幀對應(yīng)的圖層3副本旁的眼睛顯示,其他圖層3和圖層3的副本都眼睛都關(guān)掉,

再在圖層3上按CTRL U,對色相/飽和度中對色相進(jìn)行調(diào)整,參數(shù)對剛才的稍大.如圖

以此類推,其他圖層3也根據(jù)幀的變化而進(jìn)行變化調(diào)整......

最后補(bǔ)充...把所有動(dòng)畫幀的幀延遲時(shí)間都改為0.1秒.如圖

完成

按此在新窗口瀏覽圖片

...點(diǎn)擊動(dòng)畫欄中的播放按鍵.現(xiàn)在我們就讓它動(dòng)起來吧......

按此在新窗口瀏覽圖片


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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
依然嘟嘟2010-09-25 06:13
“濾鏡-高斯模糊...半徑也1像素..確定.”這一步根本沒辦法完成。老是說所選為空、
依然嘟嘟2010-09-25 06:08
那個(gè)排字用的是蒙板根本沒進(jìn)行其他的。每次選擇都提示所選為空

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

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