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

閃字教程,教你用ps做經(jīng)典的閃字動(dòng)圖教程

來(lái)源:ifeiwu 作者:飛屋睿UIdesign 學(xué)習(xí):29033人次

這種閃字效果已經(jīng)流行好幾年了,今天再介紹一下用最新版photoshop是怎樣做出來(lái)的。

前幾天的動(dòng)態(tài)文字教程,有同學(xué)反映操作有難度,今天來(lái)一篇比較容易上手的。很多新手不理解的動(dòng)畫(huà)原理方面,作者飛屋睿UIdesign 也特意挑出來(lái)講,生動(dòng)貼切,通俗易懂,一學(xué)即會(huì)。素材跟源文件都給備好了,鏈接:http://pan.baidu.com/s/1hq6BIxY 密碼:jadg

閃字教程,教你用ps做經(jīng)典的閃字動(dòng)圖教程

打開(kāi)PS,新建一個(gè)文檔。文檔大小我選用600px*800px。新建成功后,選用漸變工具,沿著畫(huà)筆的對(duì)角線畫(huà)出一個(gè)直線漸變背景。色值從#0a485a過(guò)渡到#1180a0。

閃字教程,教你用ps做經(jīng)典的閃字動(dòng)圖教程

這里的文字我選用了較為粗的字形,當(dāng)然,并不是細(xì)的字形就不適合。文字顏色設(shè)置為#08d7f0。將文字柵格化。這里我建議大家還是放大圖像處理一下文字的邊緣,讓邊緣變得更“clean”。

閃字教程,教你用ps做經(jīng)典的閃字動(dòng)圖教程

有人問(wèn),這里可以選用別的顏色嗎?完全可以!選用顏色時(shí)要注意的就是,首先,背景不能搶鏡。所以背景色一定要比文字的顏色更暗。其次,文字的顏色因?yàn)橐癸@“閃亮”,所以也不要選用太暗淡的顏色。整個(gè)畫(huà)面保持統(tǒng)一色系,由于閃光已經(jīng)足夠搶眼的效果,因此,不必再增加花哨的色彩搭配來(lái)“迷人眼”了。

三、理解基本的動(dòng)畫(huà)的原理

在做GIF小動(dòng)畫(huà)之前,我想和大家分享一下基本的動(dòng)畫(huà)的原理。很多人大概知道,我們看的動(dòng)畫(huà),都是由幀組成的。一般而言1秒有25幀,而對(duì)于普通的動(dòng)畫(huà)而言,6幀就需要一張?jiān)?huà)。我自己理解動(dòng)畫(huà),也就是類(lèi)似于魔術(shù)師,讓靜止的畫(huà)面以很快的速度切換,讓你的眼睛以為它在移動(dòng)。

因此,回到我們今天要做的動(dòng)畫(huà)效果這里來(lái),我們要做的是一個(gè)閃閃發(fā)光的動(dòng)畫(huà),那就是光點(diǎn)效果的變化。就像波光粼粼的湖面那種陽(yáng)光反射出的水光不斷星星點(diǎn)點(diǎn)閃爍的效果一樣。

經(jīng)過(guò)這樣一梳理,我們就知道,我們接下來(lái)要做的是就是創(chuàng)造出閃閃發(fā)光的不同效果圖,然后讓這些效果不斷切換。而與此同時(shí),文字保持不變。那么,這個(gè)閃光效果能變得真實(shí)可信。沒(méi)錯(cuò)。理解了原理,可以開(kāi)始動(dòng)手了!

將文字圖層復(fù)制兩個(gè),變成三個(gè)文字圖層。

閃字教程,教你用ps做經(jīng)典的閃字動(dòng)圖教程

進(jìn)入【濾鏡>雜色>添加雜色】,分別為三個(gè)文字圖層添加雜色濾鏡,在雜色濾鏡中分別為三個(gè)圖層設(shè)置雜色數(shù)量為15%、16%、17%,高斯分布,取消單色的單選框。

閃字教程,教你用ps做經(jīng)典的閃字動(dòng)圖教程

接下來(lái),我們?cè)诿總(gè)文字圖層的上方都分別新建一個(gè)圖層,然后用我們的星星畫(huà)筆來(lái)為每個(gè)文字添加字面閃閃發(fā)光效果。我曾經(jīng)對(duì)這個(gè)過(guò)程愛(ài)恨交加,因?yàn)樘杂,最終效果很難把握,但又足夠培養(yǎng)設(shè)計(jì)中的藝術(shù)感。

兩個(gè)星星畫(huà)筆資源安裝后都分別提供不同的畫(huà)筆,但是原來(lái)的畫(huà)筆可能不太適合我的要求,可以在畫(huà)筆中修改畫(huà)筆的大小以及畫(huà)筆方向。

閃字教程,教你用ps做經(jīng)典的閃字動(dòng)圖教程

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

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
雙色球體彩各中一注吧2019-03-12 09:19
學(xué)習(xí)看下。、。。。。。。。。。。。。。。。。采集
游客2018-07-18 08:07
學(xué)習(xí)看下。、。。。。。。。。。。。。。。。。采集
Xx2016-08-12 11:08
Xx2016-08-12 11:01
憂可2015-10-10 12:36
色值從#0a485a過(guò)渡到#1180a0怎么弄?CS9.0
憂可2015-10-10 12:10
色值從#0a485a過(guò)渡到#1180a0怎么弄?CS9.0
袁航2015-09-14 01:53
閃字交作業(yè)135126zch91i19131215mh.gif <奧特曼>
袁航2015-09-14 01:09
閃字交作業(yè)135126zch91i19131215mh.gif <奧特曼>
落燁無(wú)悔2015-01-30 12:58
樓主我想學(xué)<給力>
我就是伍月2015-01-29 07:36
我是新來(lái)的 多向大家學(xué)習(xí)啊 呵呵
放開(kāi)那女孩2015-01-29 04:11
感謝老師無(wú)私奉獻(xiàn)
牛奶sunnysky2015-01-29 02:48
第一次進(jìn)來(lái),學(xué)習(xí)一下。
浮躁邊緣2015-01-29 10:44
不錯(cuò)不錯(cuò)
HoganZhang2015-01-29 10:18
謝謝LZ.謝謝LZ.謝謝LZ.謝謝LZ.謝謝LZ.謝謝LZ.謝謝LZ.
湖底的心2015-01-29 06:08
這操作,簡(jiǎn)直是神乎其神。!

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

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