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

ps霓虹燈文字(3)

來(lái)源:網(wǎng)絡(luò) 作者:pconline 么么茶 學(xué)習(xí):8070人次

  PS翻譯教程將為大家介紹使用Photoshop時(shí)間軸制作帶動(dòng)畫效果的霓虹燈文字特效。希望大家喜歡!

  最終效果圖

PhotoShop制作光影流動(dòng)的霓虹燈文字特效 教程

  圖00

  Step 1

  打開(kāi)Photoshop,新建一個(gè)畫布,按“Shift+F5”填充黑色。然后選擇“圖層>圖層樣式>漸變疊加”,設(shè)置漸變樣式為徑向,漸變顏色為中心#38556f到周邊黑色。設(shè)置完成后,回車確定。

圖01

  圖01

  Step 2

  然后在主畫布新建一個(gè)圖層,按“Shift+F5”,選擇用剛才下載的圖案填充,圖層混合模式選擇柔光。

圖02

  圖02

  Step 3

  點(diǎn)擊這里下載Major Snafu字體。

  然后按“T”選擇文字工具,輸入“A”。

圖03

  圖03

  Step 4

  下面利用圖層樣式設(shè)置為字體制作一些發(fā)光效果。

  選擇“圖層>圖層樣式>斜面和浮雕”,設(shè)置結(jié)構(gòu)深度為105%、大小32像素、軟化5像素;陰影角度128°、高光模式為顏色減淡、高光模式不透明度50%、暗調(diào)模式為顏色減淡、暗調(diào)模式不透明度63%。

圖04

  圖04

  選擇“圖層>圖層樣式>內(nèi)陰影”,設(shè)置混合模式為顏色減淡、不透明度44%、角度180°、距離4像素、大小16像素,其余默認(rèn)。

圖05

  圖05

  選擇“圖層>圖層樣式>內(nèi)發(fā)光”,設(shè)置混合模式為顏色減淡、不透明度60%、顏色為白色、源為居中、大小38像素,其余默認(rèn)。

圖06

  圖06

  選擇“圖層>圖層樣式>顏色疊加”,設(shè)置混合模式為顏色減淡、不透明度20%,其余默認(rèn)。

圖07

  圖07

  選擇“圖層>圖層樣式>外發(fā)光”,設(shè)置混合模式為顏色減淡、不透明度72%、顏色為白色、大小106像素,其余默認(rèn)。

圖08

  圖08

  選擇“圖層>圖層樣式>陰影”,設(shè)置不透明度41%、距離42像素、大小35像素,其余默認(rèn)。

圖08

  圖08

  Step 5

  按“Ctrl+J”復(fù)制文字圖層,然后將圖層樣式取消掉。

  選擇“圖層>圖層樣式>內(nèi)陰影”,設(shè)置混合模式為顏色減淡、不透明度43%、角度180°、距離14像素、大小13像素,其余默認(rèn)。

圖09

  圖09

  選擇“圖層>圖層樣式>內(nèi)發(fā)光”,設(shè)置混合模式為顏色減淡、不透明度34%、顏色為白色、角度180°、源為居中、大小65像素,其余默認(rèn)。

圖10

  圖10

  Step 6

  將圖層樣式設(shè)置完成后,一個(gè)霓虹燈效果的文字特效已經(jīng)完成。這種文字特效已經(jīng)非常常見(jiàn)了,這篇PS翻譯教程介紹的是帶有動(dòng)畫效果的霓虹燈文字特效。

  霓虹燈文字特效如下圖所示。

圖11

  圖11

  Step 7

  在圖層面板的頂端新建兩個(gè)圖層,分別命名為“right” 和“left”。將“right” 和“left”兩個(gè)圖層放在一個(gè)組里面,并且將這個(gè)組的混合模式改為顏色減淡。然后按“B”選擇筆刷工具,設(shè)置白色軟筆刷,分別在“right” 和“left”圖層繪制出下圖所示的光點(diǎn)。

圖12

  圖12

  Step 8

  選擇“窗口>時(shí)間軸”,在時(shí)間軸對(duì)話框中將“right” 圖層和“left”圖層放到0幀位置。然后點(diǎn)擊“Position”增加關(guān)鍵幀。

圖13

  圖13

  Step 9

  移動(dòng)時(shí)間軸到1:00,然后按照創(chuàng)作的需要移動(dòng)這些圖層。

圖14

  圖14

  Step 10

  下圖所示光點(diǎn)的另外一個(gè)位置。

圖15

  圖15

  Step 11

  這時(shí)再移動(dòng)時(shí)間軸和創(chuàng)建關(guān)鍵幀。

圖16

  圖16

  Step 12

  繼續(xù)完成光點(diǎn)的運(yùn)動(dòng)軌跡,效果如下圖所示。

圖17

  圖17

  時(shí)間軸

  下圖所示是整個(gè)圖案的時(shí)間軸,需要注意的是每個(gè)關(guān)鍵幀的位置。

  圖18

  總結(jié)

  到這里,這篇PS翻譯教程已經(jīng)結(jié)束了。需要注意的是只有Photoshop CS3以上才有時(shí)間軸工具,童鞋們下載PS版本的時(shí)候要看清楚啦。

  最終效果圖

圖19(請(qǐng)點(diǎn)擊打開(kāi)大圖查看動(dòng)畫效果)

  圖19(請(qǐng)點(diǎn)擊打開(kāi)大圖查看動(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)論
瑤瑤1994332017-05-28 12:40
6666666666666
梔虞heart2017-05-28 12:27
想仔細(xì)了解一下
misster2017-05-28 11:15
贊贊贊
鳳樓火鳳凰2017-05-28 01:29
大神

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

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