photoshop逐幀動(dòng)畫(huà)實(shí)例教程:圖層樣式打造霓虹閃耀 (1)
2008-08-27 17:44:49 作者:耶菜 來(lái)源:中國教程網(wǎng)論壇 瀏覽次數:0 評論
簡(jiǎn)介:本例為photoshop CS3逐幀動(dòng)畫(huà)實(shí)例基礎教程:運用圖層樣式打造霓虹閃耀動(dòng)畫(huà)效果,用圖層樣式來(lái)控制動(dòng)畫(huà)是比較容易掌握的,對本文感興趣的朋友可以到這里提交作業(yè)~~
本文由中國教程網(wǎng) 耶菜 原創(chuàng ),轉載請保留此信息!
用樣式來(lái)控制動(dòng)畫(huà)是比較容易做到的,今天我們來(lái)學(xué)一個(gè)簡(jiǎn)單的效果
先看效果圖:
新建背景為黑色的文檔,新建一層,用一個(gè)像素的畫(huà)筆在畫(huà)布中間點(diǎn)一下,填充值調到0
為這一層添加樣式,外發(fā)光,漸變發(fā)光,根據需要調整各個(gè)數值的大小
單擊漸變條,彈出漸變編輯器.選擇你喜歡的漸變方式,可以點(diǎn)開(kāi)小三角追加各種漸變,也可以自己編輯
photoshop逐幀動(dòng)畫(huà)實(shí)例教程:圖層樣式打造霓虹閃耀 (1)
2008-08-27 17:44:49 作者:耶菜 來(lái)源:中國教程網(wǎng)論壇 瀏覽次數:0 評論
簡(jiǎn)介:本例為photoshop CS3逐幀動(dòng)畫(huà)實(shí)例基礎教程:運用圖層樣式打造霓虹閃耀動(dòng)畫(huà)效果,用圖層樣式來(lái)控制動(dòng)畫(huà)是比較容易掌握的,對本文感興趣的朋友可以到這里提交作業(yè)~~
本文由中國教程網(wǎng) 耶菜 原創(chuàng ),轉載請保留此信息!
用樣式來(lái)控制動(dòng)畫(huà)是比較容易做到的,今天我們來(lái)學(xué)一個(gè)簡(jiǎn)單的效果
先看效果圖:
新建背景為黑色的文檔,新建一層,用一個(gè)像素的畫(huà)筆在畫(huà)布中間點(diǎn)一下,填充值調到0
為這一層添加樣式,外發(fā)光,漸變發(fā)光,根據需要調整各個(gè)數值的大小
單擊漸變條,彈出漸變編輯器.選擇你喜歡的漸變方式,可以點(diǎn)開(kāi)小三角追加各種漸變,也可以自己編輯
photoshop逐幀動(dòng)畫(huà)實(shí)例教程:圖層樣式打造霓虹閃耀 (2)
2008-08-27 17:44:49 作者:耶菜 來(lái)源:中國教程網(wǎng)論壇 瀏覽次數:0 評論
簡(jiǎn)介:本例為photoshop CS3逐幀動(dòng)畫(huà)實(shí)例基礎教程:運用圖層樣式打造霓虹閃耀動(dòng)畫(huà)效果,用圖層樣式來(lái)控制動(dòng)畫(huà)是比較容易掌握的,對本文感興趣的朋友可以到這里提交作業(yè)~~
打開(kāi)窗口/動(dòng)畫(huà),新建一幀,雙擊"外發(fā)光"
選擇另一個(gè)漸變方式,(其它數值不動(dòng))
以此類(lèi)推,新建幀,改發(fā)光樣式 .........
然后執行文件/WEB格式/GIF格式進(jìn)行保存
還可以添加別的樣式 ,比如內發(fā)光等
photoshop逐幀動(dòng)畫(huà)實(shí)例教程:圖層樣式打造霓虹閃耀 (3)
2008-08-27 17:44:49 作者:耶菜 來(lái)源:中國教程網(wǎng)論壇 瀏覽次數:0 評論
簡(jiǎn)介:本例為photoshop CS3逐幀動(dòng)畫(huà)實(shí)例基礎教程:運用圖層樣式打造霓虹閃耀動(dòng)畫(huà)效果,用圖層樣式來(lái)控制動(dòng)畫(huà)是比較容易掌握的,對本文感興趣的朋友可以到這里提交作業(yè)~~
與本文相關(guān)討論請到這里與作者交流:http://bbs.jcwcn.com/viewthread.php?tid=198319
也可以改變發(fā)光模式或透明度,比如溶解
練習素材(鼠標右鍵點(diǎn)擊圖片,圖片另存為)
利用樣式控制動(dòng)畫(huà)(二)
控制發(fā)光量的大小也是很容易做到的
photoshop逐幀動(dòng)畫(huà)實(shí)例教程:圖層樣式打造霓虹閃耀 (4)
2008-08-27 17:44:49 作者:耶菜 來(lái)源:中國教程網(wǎng)論壇 瀏覽次數:0 評論
簡(jiǎn)介:本例為photoshop CS3逐幀動(dòng)畫(huà)實(shí)例基礎教程:運用圖層樣式打造霓虹閃耀動(dòng)畫(huà)效果,用圖層樣式來(lái)控制動(dòng)畫(huà)是比較容易掌握的,對本文感興趣的朋友可以到這里提交作業(yè)~~
先把圖摳出來(lái),設置外發(fā)光樣式.先把發(fā)光量調小
打開(kāi)窗口/動(dòng)畫(huà),并新建一幀,然后雙擊外發(fā)光樣式
把發(fā)光量調大
然后點(diǎn)過(guò)渡按鈕,設定過(guò)渡值,值越大,過(guò)渡越平滑,但生成的文件也相對來(lái)說(shuō)要大些
photoshop逐幀動(dòng)畫(huà)實(shí)例教程:圖層樣式打造霓虹閃耀 (5)
2008-08-27 17:44:49 作者:耶菜 來(lái)源:中國教程網(wǎng)論壇 瀏覽次數:0 評論
簡(jiǎn)介:本例為photoshop CS3逐幀動(dòng)畫(huà)實(shí)例基礎教程:運用圖層樣式打造霓虹閃耀動(dòng)畫(huà)效果,用圖層樣式來(lái)控制動(dòng)畫(huà)是比較容易掌握的,對本文感興趣的朋友可以到這里提交作業(yè)~~
現在點(diǎn)播放看看效果
由于只做了從小到大的設置,沒(méi)有做從大到小的設置,所以看起來(lái)感覺(jué)中間會(huì )跳一下很不自然
要怎么樣才能讓它的發(fā)光量再從大變到小呢.再修改發(fā)光量嗎?雖然可行,但還有更簡(jiǎn)便的方法
點(diǎn)開(kāi)動(dòng)畫(huà)面板上的小三角,選擇全部幀
再點(diǎn)新建幀按鈕,這下就復制了所有的幀
與本文相關(guān)討論請到這里與作者交流:http://bbs.jcwcn.com/viewthread.php?tid=198319
再次打開(kāi)小三角,反向幀.將我們剛才復制的這些幀反向
photoshop逐幀動(dòng)畫(huà)實(shí)例教程:圖層樣式打造霓虹閃耀 (6)
2008-08-27 17:44:49 作者:耶菜 來(lái)源:中國教程網(wǎng)論壇 瀏覽次數:0 評論
簡(jiǎn)介:本例為photoshop CS3逐幀動(dòng)畫(huà)實(shí)例基礎教程:運用圖層樣式打造霓虹閃耀動(dòng)畫(huà)效果,用圖層樣式來(lái)控制動(dòng)畫(huà)是比較容易掌握的,對本文感興趣的朋友可以到這里提交作業(yè)~~
再看看效果是不是出來(lái)了?
OK,保存吧,打開(kāi)文件/WEB格式/GIF格式進(jìn)行保存
不一定非要用外發(fā)光才能做動(dòng)畫(huà),別的樣式也可以嘗試一下,比如漸變疊加、圖案疊加等、可以做出很多簡(jiǎn)單又好玩的效果,下面再放幾個(gè)運用圖層樣式制作的動(dòng)畫(huà)效果
外發(fā)光制作的奧運五環(huán)霓虹燈效果
photoshop逐幀動(dòng)畫(huà)實(shí)例教程:圖層樣式打造霓虹閃耀 (7)
2008-08-27 17:44:49 作者:耶菜 來(lái)源:中國教程網(wǎng)論壇 瀏覽次數:0 評論
簡(jiǎn)介:本例為photoshop CS3逐幀動(dòng)畫(huà)實(shí)例基礎教程:運用圖層樣式打造霓虹閃耀動(dòng)畫(huà)效果,用圖層樣式來(lái)控制動(dòng)畫(huà)是比較容易掌握的,對本文感興趣的朋友可以到這里提交作業(yè)~~
顏色疊加制作的環(huán)繞動(dòng)畫(huà)效果
圖案疊加制作的閃圖動(dòng)畫(huà)效果
photoshop逐幀動(dòng)畫(huà)實(shí)例教程:圖層樣式打造霓虹閃耀 (8)
2008-08-27 17:44:49 作者:耶菜 來(lái)源:中國教程網(wǎng)論壇 瀏覽次數:0 評論
簡(jiǎn)介:本例為photoshop CS3逐幀動(dòng)畫(huà)實(shí)例基礎教程:運用圖層樣式打造霓虹閃耀動(dòng)畫(huà)效果,用圖層樣式來(lái)控制動(dòng)畫(huà)是比較容易掌握的,對本文感興趣的朋友可以到這里提交作業(yè)~~
漸變疊加制作的跳動(dòng)的音符動(dòng)畫(huà)效果
投影樣式制作的彈起的小球動(dòng)畫(huà)效果
漸變疊加制作的雷達掃描動(dòng)畫(huà)效果
與本文相關(guān)討論請到這里與作者交流:http://bbs.jcwcn.com/viewthread.php?tid=198319