下載吧 - 綠色安全的游戲和軟件下載中心

          軟件下載吧

          當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > ps cs6制作霓虹燈閃字動(dòng)畫教程

          ps cs6制作霓虹燈閃字動(dòng)畫教程

          時(shí)間:2024-03-01 10:30作者:下載吧人氣:19

            在開始制作之前我獻(xiàn)給大家看幾張有關(guān)霓虹燈的圖片,讓大家對(duì)霓虹燈的結(jié)構(gòu),特別是工作方式有個(gè)詳細(xì)的了解。

            最后我還要強(qiáng)調(diào)一下,我不是專業(yè)的PS人員,我只是個(gè)PS愛好者,我的工作跟PS可以說是牛頭不對(duì)馬嘴,我只是在工作之余學(xué)習(xí)PS,

            享受它給我?guī)淼臉啡ぃ源蠹覒?yīng)該帶著互相學(xué)習(xí),批評(píng)指點(diǎn)的心態(tài)來看我這個(gè)教程。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

          ps cs6制作霓虹燈閃字動(dòng)畫教程

          ps cs6制作霓虹燈閃字動(dòng)畫教程

          ps cs6制作霓虹燈閃字動(dòng)畫教程

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            這是本教程做出來的最終效果:

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            下面正式開始這個(gè)教程,打開我提供的背景圖:

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            我不想就這樣正面對(duì)著一堵墻,我沒有做什么虧心事需要面壁,呵呵~~ 玩笑。我想要一個(gè)透視的效果,比如稍稍側(cè)一點(diǎn)。

            PS里有個(gè)“透視”功能,非常強(qiáng)大,但是它還滿足不了我。如果你不相信我的話你可以用“透視”來做我下面的效果,估計(jì)你會(huì)非常困難。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            如果我沒估計(jì)錯(cuò)的話,你還在糾結(jié)之中,因?yàn)槟愕膱D跟我不一樣。你的會(huì)是這樣:

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            看出兩張圖片之間的區(qū)別了沒有? 地板! 為題出在地板上。地板的透視角度根本不科學(xué)~不是說像上面這個(gè)的背景圖就不能繼續(xù)

            跟著這個(gè)教程做下去,我沒有這樣的意思。我只是想盡量讓一切看上去都那么真實(shí)。如果你跟我一樣也是這個(gè)態(tài)度,我們重新開始做這個(gè)背景圖。

            回到PS,按CTRL+J復(fù)制一層背景圖,用矩形選框把地板再復(fù)制出來備用,最好先隱藏掉地板。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            繼續(xù)用自由變換調(diào)節(jié)磚墻的角度。不用透視!

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            我感覺這個(gè)角度非常順眼。當(dāng)然地板不行。點(diǎn)開地板,照樣用自由變換調(diào)整一下。

            現(xiàn)在你的背景圖也應(yīng)該是這樣:

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            霓虹燈一般只在夜晚工作,所以這個(gè)場景顯然太亮了。我用色階工具把它變暗點(diǎn)。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            再給一點(diǎn)冷色系。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            OK 現(xiàn)在這個(gè)背景符合我的要求了。既然我們不在需要修正背景圖,最好把它們都合并起來,因?yàn)榈胶竺鏁?huì)有非常非常多的圖層,

            盡量保持圖層的簡潔明了。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            輸入大小為50的ADOBE默認(rèn)黑體。最好是英文,筆畫越簡單越好。中文顯然不好處理。這里非常重要,就像你們昨天看到的那樣,

            我的霓虹燈GIF不是所有的字都一起變化,而是單獨(dú)的。有時(shí)這個(gè)字是亮的,有時(shí)相反。所以我們必須要讓每個(gè)字母單獨(dú)成為一個(gè)層。

            這里我只輸入一個(gè)字母,然后復(fù)制N層,你需要幾個(gè)字母就復(fù)制幾層。然后用移動(dòng)工具把它們均勻的排列開來。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            把字母修改成你需要的,再將每個(gè)字母按排列位置給相對(duì)應(yīng)的層重新命名,這個(gè)很重要,以后找起來方便啊, 對(duì)不對(duì)?

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            點(diǎn)擊最上面的圖層,按SHIFT再點(diǎn)最下面的字母圖層,右鍵把全部字母格柵化。現(xiàn)在字母還要調(diào)整一下,它們的透視跟磚墻顯然不一致。

            保持所有字母層處于被選中狀態(tài),用自由變換工具來模擬透視。注意到磚墻上的橫向縫隙嗎? 它就是參考線。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            下面的工作會(huì)非常的繁瑣,我希望你會(huì)有跟我一樣的耐心來完成。

            就像從前面我提供的圖片上看到的一樣,霓虹燈沒有直角,也就是說它們轉(zhuǎn)彎的地方都帶有一定的圓弧。而這里的字母不符合這個(gè)要求。

            下面我要把這些字母處理一下,讓它們尖銳的直角變得圓滑一點(diǎn)。選中第一個(gè)字母,高斯模糊5。然后挨個(gè)按CTRL+F給同樣的處理。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            最后應(yīng)該是這樣。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            現(xiàn)在的字母還不是我想要的,它們的邊緣應(yīng)該非常清晰,因?yàn)槲乙盟鼈兊倪x框來描邊做霓虹燈的燈管。

            它們需要銳化,點(diǎn)擊濾鏡-USM銳化。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            邊緣還是有點(diǎn)虛,繼續(xù)銳化一次,覺得滿意后把全部字母都處理一遍,做起來很簡單,你只需要給每個(gè)字母按兩次CTRL+F。

            這是處理后的樣子。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            下面開始做霓虹燈的燈管。在此之前還有工作要做,建立N個(gè)組,把字母放入各個(gè)組里,重新按字母排列命名組的名字。

            再把填充減低,讓后面的工作好做點(diǎn)。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            按CTRL+左鍵獲取選框,在字母組里新建給個(gè)7像素的描邊,任何顏色都可以,挨個(gè)都做一次。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            這是完成后的效果。接著我還要處理這些燈管,你注意到了,霓虹燈沒有封閉的,它有開始和結(jié)尾的地方,就是說有空隙。我要模擬這個(gè)。

            其實(shí)很簡單,用橡皮擦一下就行了。但是兩頭好像要稍微粗點(diǎn)。擦出一個(gè)口子,然后用畫筆把燈管頭描粗點(diǎn),就這么干。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            我完成了~

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            接下來我用圖層樣式模擬熄滅時(shí)的燈管效果。很簡單,內(nèi)陰影加浮雕幾乎可以完美的模擬這個(gè)效果。

          ps cs6制作霓虹燈閃字動(dòng)畫教程ps cs6制作霓虹燈閃字動(dòng)畫教程

            后面簡單了,復(fù)制圖層樣式,給所有的燈管都黏貼一次,把后面的字母先隱藏掉,面前我們還不需要它們,ok了~

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            繼續(xù) 按CTRL+左鍵獲取燈管選區(qū),在對(duì)應(yīng)的組里新建一層填充淡藍(lán)色。每個(gè)字母都要操作一次。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            這個(gè)我打算用來制作發(fā)光的燈管,只是發(fā)光,還不包括周圍的光輝。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            繼續(xù)深化這個(gè)效果,復(fù)制每一個(gè)新建的字母,也就是淡藍(lán)色的字母。在新建的每個(gè)字母層里CTRL+左鍵得到選區(qū),收縮2個(gè)像素,

            羽化1個(gè)像素,填充白色,模擬燈管的高光。這個(gè)過程非常繁瑣,不過也有捷徑,打開動(dòng)作可以錄制,我不再講解怎么錄制動(dòng)作了。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            利用動(dòng)作我非常快的完成了這些工作。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            現(xiàn)在我要整理一下圖層欄。選擇那些加了圖層樣式的層,也就是我準(zhǔn)備用來做熄滅時(shí)的燈管的層全部拉出來放在一個(gè)單獨(dú)的組內(nèi)。

            我們不用再去理睬他們了,因?yàn)椴还苁菬袅林€是熄滅,他們都應(yīng)該在那里。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            字母組里現(xiàn)在清凈多了,一個(gè)發(fā)光的燈管層,一個(gè)藍(lán)色的我要用來做光暈的藍(lán)色描邊層,還有一個(gè)白色的字母。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            我要開始做光暈了,很簡單,高斯模糊就行了當(dāng)然要改下模式。顧忌到工作量的龐大程度,我打開動(dòng)作來錄制過程,像剛才給燈管加高光那樣,

            我只需要制作一個(gè)就行了,后面用動(dòng)作來完成。點(diǎn)擊藍(lán)色描邊層,高斯模糊8.5,感覺有點(diǎn)淡,復(fù)制一層。合并之后把模式改為“濾色”。

            注意籃框里的動(dòng)作過程接下來你直接可以按播放鍵重復(fù)后面的工作了。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            我完成了~

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            這里開始做投射到墻上的亮光,現(xiàn)在那些白色的字母派上用場了。打開隱藏的白色字母,按CTRL+鼠標(biāo)左鍵點(diǎn)擊所有的白色字母層,

            往右邊稍稍移動(dòng)一些距離。霓虹燈不是貼在墻上的,它跟墻之間還有不遠(yuǎn)也不近的距離。所以墻上的光跟霓虹燈會(huì)有些透視效果。

            不知道你們理解我的意思沒有。我的文字表達(dá)能力比我的PS水平要差好多。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            開始做墻上的光。點(diǎn)擊白色字母,按CTRL+鼠標(biāo)左鍵得到選區(qū),填充跟發(fā)光燈管一樣的藍(lán)色。取消選區(qū),高斯模糊63.0,復(fù)制一層,

            合并之后把模式改為“顏色減淡”,ok了~用錄制好的動(dòng)作完成后面所有的字母改造工程。藍(lán)色框內(nèi)是我錄制的制作流程。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            把這些經(jīng)過嚴(yán)重高斯模糊的光暈圖層移到最上面,現(xiàn)在效果更逼真了~

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            靜態(tài)圖完成得差不多了。還有地板,當(dāng)霓虹燈亮起來的時(shí)候地板上也有點(diǎn)光。復(fù)制墻上的光暈,逐個(gè)移到地板上。減低填充百分百,

            差不多到70就行了。這里還有個(gè)問題,我感覺熄滅時(shí)的燈管顏色太亮了,好像還通著電一樣,

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            用色階稍微調(diào)暗點(diǎn)。也用動(dòng)作錄制方法快速高效的完成后面的工作。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            靜態(tài)圖完成了,開始我的弱項(xiàng),GIF制作。這里我是真的教不了你們什么東西,我對(duì)GIF不是很了解。不過也就是開開關(guān)關(guān)的效果。

            打開時(shí)間軸,首先頭腦里有個(gè)概念,我想讓它們以按什么樣的次序開閉。我的思路是這樣的:P,V還有J還有中間的A運(yùn)轉(zhuǎn)正常,

            R字估計(jì)不行了,偶爾會(huì)亮一下,而且亮度會(huì)經(jīng)常變化。O字閃個(gè)不停。最后一個(gè)A還好點(diǎn),亮的時(shí)間比較長,偶爾會(huì)閃一下。

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            打開時(shí)間軸,除了R字以外全部點(diǎn)亮,因?yàn)樗皇桥紶柫恳幌隆?fù)制一幀,點(diǎn)擊下面的“過渡動(dòng)畫幀”增加到25幀。

            現(xiàn)在一共有27幀了~

          ps cs6制作霓虹燈閃字動(dòng)畫教程

            接下來幾乎不用我來說說明了,只要你按著你想的思路來開關(guān)各個(gè)幀就行了。比如我要在第二幀里讓O字閃一下,就點(diǎn)擊圖層欄的眼睛狀圖標(biāo)。

            點(diǎn)擊第三幀的時(shí)候它會(huì)自動(dòng)亮起來。或者我打算讓R在5幀開始慢慢的暗下去。點(diǎn)擊第五幀,將R組的透明度降低。

            然后點(diǎn)擊“過渡動(dòng)畫幀”過度個(gè)3,4幀就差不多了。

            最后效果!

          ps cs6制作霓虹燈閃字動(dòng)畫教程

          標(biāo)簽字效,詳細(xì),教程,霓虹燈,效果,制作,一款,真實(shí),_proj

          相關(guān)下載

          查看所有評(píng)論+

          網(wǎng)友評(píng)論

          網(wǎng)友
          您的評(píng)論需要經(jīng)過審核才能顯示

          公眾號(hào)

          主站蜘蛛池模板: 日本韩国黄色一区二区三区| 亚洲天堂一区在线| 亚欧免费视频一区二区三区| 冲田杏梨高清无一区二区| 夜夜高潮夜夜爽夜夜爱爱一区| 亚洲国产激情在线一区| 无码精品人妻一区二区三区免费看| 日本一区视频在线播放| 国产精品伦子一区二区三区| 成人精品一区二区不卡视频| 成人精品视频一区二区| 精品不卡一区中文字幕| 国产一区二区三区在线观看影院| 国产aⅴ一区二区三区| 日本精品视频一区二区三区| 一区在线观看视频| 精品一区二区三区东京热| 奇米精品视频一区二区三区| 麻豆va一区二区三区久久浪| 无码人妻一区二区三区在线水卜樱| 一区三区三区不卡| 亚洲视频免费一区| 日本在线视频一区| 亚洲国产一区国产亚洲| 国产大秀视频一区二区三区| 亚洲啪啪综合AV一区| 无码日本电影一区二区网站| 国产在线观看一区二区三区精品| 麻豆aⅴ精品无码一区二区| 人妻夜夜爽天天爽一区| 精品久久久久一区二区三区| 日韩精品无码一区二区三区免费| 99国产精品欧美一区二区三区| 色噜噜一区二区三区| 国产精品一区二区毛卡片| 国产在线观看一区二区三区精品| 国产SUV精品一区二区四| 精品无码综合一区| 日韩久久精品一区二区三区 | 亚洲线精品一区二区三区影音先锋| 男女久久久国产一区二区三区|