此類問題在網路上有挺多教材的,但是不好發連結,我從網上搜索了下,然後直接複製過來的,僅供參考:
背景圖素材(另存即可):
霓虹燈一般只在夜晚工作,所以這個場景顯然太亮了。我用色階工具把它變暗點。
再給一點冷色系。
OK 現在這個背景符合我的要求了。既然我們不再需要修正背景圖,最好把它們都合併起來,因為到後面會有非常非常多的圖層,儘量保持圖層的簡潔明瞭。
輸入大小為50的ADOBE預設黑體。最好是英文,筆畫越簡單越好。中文顯然不好處理。這裡非常重要,我的霓虹燈GIF不是所有的字都一起變化,而是單獨的。有時這個字是亮的,有時相反。所以我們必須要讓每個字母單獨成為一個層。這裡我只輸入一個字母,然後複製N層,你需要幾個字母就複製幾層。然後用移動工具把它們均勻的排列開來。
把字母修改成你需要的,再將每個字母按排列位置給相對應的層重新命名,這個很重要,以後找起來方便啊, 對不對?
下面的工作會非常的繁瑣,我希望你會有跟我一樣的耐心來完成。
霓虹燈沒有直角,也就是說它們轉彎的地方都帶有一定的圓弧。而這裡的字母不符合這個要求。下面我要把這些字母處理一下,讓它們尖銳的直角變得圓滑一點。選中第一個字母,高斯模糊5。然後挨個按CTRL+F給同樣的處理。
最後應該是這樣。
邊緣還是有點虛,繼續銳化一次,覺得滿意後把全部字母都處理一遍,做起來很簡單,你只需要給每個字母按兩次CTRL+F。
下面開始做霓虹燈的燈管。在此之前還有工作要做,建立N個組,把字母放入各個組裡,重新按字母排列命名組的名字。再把填充減低,讓後面的工作好做點。
如果你想學習最全面的Photoshop禮儀規範,強烈推薦這篇《WEB設計指南!PS禮儀白皮書》,是網頁設計師必須修煉的內功技法,更是不可或缺的WEB設計指南。
按CTRL+左鍵獲取選框,在字母組裡新建給個7畫素的描邊,任何顏色都可以,挨個都做一次。
這是完成後的效果。接著我還要處理這些燈管,你注意到了,霓虹燈沒有封閉的,它有開始和結尾的地方,就是說有空隙。我要模擬這個。其實很簡單,用橡皮擦一下就行了。但是兩頭好像要稍微粗點。擦出一個口子,然後用畫筆把燈管頭描粗點,就這麼幹。
接下來我用圖層樣式模擬熄滅時的燈管效果。很簡單,內陰影加浮雕幾乎可以完美的模擬這個效果。
後面簡單了,複製圖層樣式,給所有的燈管都黏貼一次,把後面的字母先隱藏掉,面前我們還不需要它們,ok了。
繼續 按CTRL+左鍵獲取燈管選區,在對應的組裡新建一層填充淡藍色。每個字母都要操作一次。
這個我打算用來製作發光的燈管,只是發光,還不包括周圍的光輝。
繼續深化這個效果,複製每一個新建的字母,也就是淡藍色的字母。在新建的每個字母層裡CTRL+左鍵得到選區,收縮2個畫素,羽化1個畫素,填充白色,模擬燈管的高光。這個過程非常繁瑣,不過也有捷徑,開啟動作可以錄製,錄製方法:
開啟介面右側(如果介面是預設的話)的動作控制面板,如果沒有,在窗口裡把它找出來。
如果要在其他圖片上播放,點剛才新建的動作播放就可以了,圖片就會被剛才新建的動作處理一遍,達到你想要的效果。
利用動作我非常快的完成了這些工作。
現在我要整理一下圖層欄。選擇那些加了圖層樣式的層,也就是我準備用來做熄滅時的燈管的層全部拉出來放在一個單獨的組內。我們不用再去理睬他們了,因為不管是燈亮著還是熄滅,他們都應該在那裡。
字母組裡現在清淨多了,一個發光的燈管層,一個藍色的我要用來做光暈的藍色描邊層,還有一個白色的字母。
我要開始做光暈了,很簡單,高斯模糊就行了當然要改下模式。顧忌到工作量的龐大程度,我開啟動作來錄製過程,像剛才給燈管加高光那樣,我只需要製作一個就行了,後面用動作來完成。點選藍色描邊層,高斯模糊8.5,感覺有點淡,複製一層。合併之後把模式改為“濾色”。注意藍框裡的動作過程接下來你直接可以按播放鍵重複後面的工作了。
完成效果:
把這些經過嚴重高斯模糊的光暈圖層移到最上面,現在效果更逼真了。
靜態圖完成得差不多了。還有地板,當霓虹燈亮起來的時候地板上也有點光。複製牆上的光暈,逐個移到地板上。減低填充百分百,差不多到70就行了。這裡還有個問題,我感覺熄滅時的燈管顏色太亮了,好像還通著電一樣,
用色階稍微調暗點。也用動作錄製方法快速高效的完成後面的工作。
靜態圖完成了,開始GIF製作。
開啟時間軸,首先頭腦裡有個概念,我想讓它們以按什麼樣的次序開閉。我的思路是這樣的:P,V還有J還有中間的A運轉正常,R字估計不行了,偶爾會亮一下,而且亮度會經常變化。O字閃個不停。最後一個A還好點,亮的時間比較長,偶爾會閃一下。
接下來幾乎不用我來說說明了,只要你按著你想的思路來開關各個幀就行了。比如我要在第二幀裡讓O字閃一下,就點選圖層欄的眼睛狀圖示。點選第三幀的時候它會自動亮起來。或者我打算讓R在5幀開始慢慢的暗下去。點選第五幀,將R組的透明度降低。然後點選“過渡動畫幀”過度個3,4幀就差不多了。
最終效果:
此類問題在網路上有挺多教材的,但是不好發連結,我從網上搜索了下,然後直接複製過來的,僅供參考:
背景圖素材(另存即可):
霓虹燈一般只在夜晚工作,所以這個場景顯然太亮了。我用色階工具把它變暗點。
再給一點冷色系。
OK 現在這個背景符合我的要求了。既然我們不再需要修正背景圖,最好把它們都合併起來,因為到後面會有非常非常多的圖層,儘量保持圖層的簡潔明瞭。
輸入大小為50的ADOBE預設黑體。最好是英文,筆畫越簡單越好。中文顯然不好處理。這裡非常重要,我的霓虹燈GIF不是所有的字都一起變化,而是單獨的。有時這個字是亮的,有時相反。所以我們必須要讓每個字母單獨成為一個層。這裡我只輸入一個字母,然後複製N層,你需要幾個字母就複製幾層。然後用移動工具把它們均勻的排列開來。
把字母修改成你需要的,再將每個字母按排列位置給相對應的層重新命名,這個很重要,以後找起來方便啊, 對不對?
下面的工作會非常的繁瑣,我希望你會有跟我一樣的耐心來完成。
霓虹燈沒有直角,也就是說它們轉彎的地方都帶有一定的圓弧。而這裡的字母不符合這個要求。下面我要把這些字母處理一下,讓它們尖銳的直角變得圓滑一點。選中第一個字母,高斯模糊5。然後挨個按CTRL+F給同樣的處理。
最後應該是這樣。
邊緣還是有點虛,繼續銳化一次,覺得滿意後把全部字母都處理一遍,做起來很簡單,你只需要給每個字母按兩次CTRL+F。
下面開始做霓虹燈的燈管。在此之前還有工作要做,建立N個組,把字母放入各個組裡,重新按字母排列命名組的名字。再把填充減低,讓後面的工作好做點。
如果你想學習最全面的Photoshop禮儀規範,強烈推薦這篇《WEB設計指南!PS禮儀白皮書》,是網頁設計師必須修煉的內功技法,更是不可或缺的WEB設計指南。
按CTRL+左鍵獲取選框,在字母組裡新建給個7畫素的描邊,任何顏色都可以,挨個都做一次。
這是完成後的效果。接著我還要處理這些燈管,你注意到了,霓虹燈沒有封閉的,它有開始和結尾的地方,就是說有空隙。我要模擬這個。其實很簡單,用橡皮擦一下就行了。但是兩頭好像要稍微粗點。擦出一個口子,然後用畫筆把燈管頭描粗點,就這麼幹。
接下來我用圖層樣式模擬熄滅時的燈管效果。很簡單,內陰影加浮雕幾乎可以完美的模擬這個效果。
後面簡單了,複製圖層樣式,給所有的燈管都黏貼一次,把後面的字母先隱藏掉,面前我們還不需要它們,ok了。
繼續 按CTRL+左鍵獲取燈管選區,在對應的組裡新建一層填充淡藍色。每個字母都要操作一次。
這個我打算用來製作發光的燈管,只是發光,還不包括周圍的光輝。
繼續深化這個效果,複製每一個新建的字母,也就是淡藍色的字母。在新建的每個字母層裡CTRL+左鍵得到選區,收縮2個畫素,羽化1個畫素,填充白色,模擬燈管的高光。這個過程非常繁瑣,不過也有捷徑,開啟動作可以錄製,錄製方法:
開啟介面右側(如果介面是預設的話)的動作控制面板,如果沒有,在窗口裡把它找出來。
如果要在其他圖片上播放,點剛才新建的動作播放就可以了,圖片就會被剛才新建的動作處理一遍,達到你想要的效果。
利用動作我非常快的完成了這些工作。
現在我要整理一下圖層欄。選擇那些加了圖層樣式的層,也就是我準備用來做熄滅時的燈管的層全部拉出來放在一個單獨的組內。我們不用再去理睬他們了,因為不管是燈亮著還是熄滅,他們都應該在那裡。
字母組裡現在清淨多了,一個發光的燈管層,一個藍色的我要用來做光暈的藍色描邊層,還有一個白色的字母。
我要開始做光暈了,很簡單,高斯模糊就行了當然要改下模式。顧忌到工作量的龐大程度,我開啟動作來錄製過程,像剛才給燈管加高光那樣,我只需要製作一個就行了,後面用動作來完成。點選藍色描邊層,高斯模糊8.5,感覺有點淡,複製一層。合併之後把模式改為“濾色”。注意藍框裡的動作過程接下來你直接可以按播放鍵重複後面的工作了。
完成效果:
把這些經過嚴重高斯模糊的光暈圖層移到最上面,現在效果更逼真了。
靜態圖完成得差不多了。還有地板,當霓虹燈亮起來的時候地板上也有點光。複製牆上的光暈,逐個移到地板上。減低填充百分百,差不多到70就行了。這裡還有個問題,我感覺熄滅時的燈管顏色太亮了,好像還通著電一樣,
用色階稍微調暗點。也用動作錄製方法快速高效的完成後面的工作。
靜態圖完成了,開始GIF製作。
開啟時間軸,首先頭腦裡有個概念,我想讓它們以按什麼樣的次序開閉。我的思路是這樣的:P,V還有J還有中間的A運轉正常,R字估計不行了,偶爾會亮一下,而且亮度會經常變化。O字閃個不停。最後一個A還好點,亮的時間比較長,偶爾會閃一下。
接下來幾乎不用我來說說明了,只要你按著你想的思路來開關各個幀就行了。比如我要在第二幀裡讓O字閃一下,就點選圖層欄的眼睛狀圖示。點選第三幀的時候它會自動亮起來。或者我打算讓R在5幀開始慢慢的暗下去。點選第五幀,將R組的透明度降低。然後點選“過渡動畫幀”過度個3,4幀就差不多了。
最終效果: