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

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

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

　　享受它給我?guī)?lái)的樂趣，所以大家應(yīng)該帶著互相學(xué)習(xí)，批評(píng)指點(diǎn)的心態(tài)來(lái)看我這個(gè)教程。

　　這是本教程做出來(lái)的最終效果：

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

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

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

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

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

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

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

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

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

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

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

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

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

　　盡量保持圖層的簡(jiǎn)潔明了。

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

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

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

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

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

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

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

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

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

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

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

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

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

　　這是處理后的樣子。

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

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

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

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

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

　　我完成了~

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

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

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

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

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

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

　　利用動(dòng)作我非�？斓耐瓿闪诉@些工作。

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

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

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

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

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

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

　　我完成了~

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

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

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

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

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

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

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

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

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

　　靜態(tài)圖完成了，開始我的弱項(xiàng)，GIF制作。這里我是真的教不了你們什么東西，我對(duì)GIF不是很了解。不過(guò)也就是開開關(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í)間比較長(zhǎng)，偶爾會(huì)閃一下。

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

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

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

　　點(diǎn)擊第三幀的時(shí)候它會(huì)自動(dòng)亮起來(lái)�；蛘呶掖蛩阕孯在5幀開始慢慢的暗下去。點(diǎn)擊第五幀，將R組的透明度降低。

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

　　最后效果!