photoshop-fluorescence-font-effect-1

大家經常問這個效果怎么做,@Veles?帥哥如及時雨一般把最近很火的熒光燈字體做成了教程(請戳大圖),希望你們看完能學習到一點兒做字技巧,人生的意義在于分享,希望大家一起進步。

第一步

新建畫板 寬度(W):1000像素 高度(H):800像素

分辨率(R):72像素/英寸 顏色模式:RGB顏色 8位 背景:白色

5tg20151012

第二步

1.快捷鍵(T) 輸入文字

2.文字填充基礎色 黃色 色值:fae475

3.底色填充黑色漸變

2tg20151012

第三步

1.新建2個空心矩形,分別命名 (外框)(內框)

2.不知道空心矩形如何設置?那一步一步說一下吧~

3.把上面的參數調成下面的就可以得到 邊為6點 的空心矩形(外框)

同理制作一個小一些的 (內框)邊為3點。

3tg20151012

第四步

1.基本圖形已經弄出來了 下面準備開始弄效果,就是混合選項的設置。

先看看效果先如下:

4tg20151012

2.圖層樣式如下:

用到描邊,顏色疊加,外發光

斜面和浮雕

5tg20151012

3.(外框)混合圖層 具體參數如下:

6tg20151012

7tg20151012 8tg20151012

到這里 (外框)基本設置完畢啦~~繼續下一步。

4.(內框)混合圖層 具體參數如下:

9tg20151012

10tg2015101211tg20151012

噔噔噔噔~!是不是已經完成了,有以下的畫面呢?

是的話成功一半啦,繼續往下看。

12tg20151012

第五步

在背景下面 增加一個鐵絲網,讓熒光字在鐵絲網上面,增加一些質感,效果如下圖:

13tg20151012

14tg20151012

此時你的圖層是不是這樣的?好吧一定要有整理的習慣好好分類。哈哈~此時網格又不知道怎做嘛~

我繼續說說 制作網格的原理~~好吧 其實就是傻瓜式的~

15tg20151012

01.新建一個長方形矩形,然后快捷鍵 (CTRL+J) 復制一層,這時你的圖層會多了一個 矩形拷貝的圖層,對不對?

16tg20151012

02.點擊圖層 矩形拷貝 (CTRL+T)一下,然后按著SHIT鍵 再按一下方向鍵向右 移動(移動多少距離你們隨意,我移動了兩下)

17tg20151012

然后按下回車鍵?。。?!最后,歷史時刻!按下shit+ctrl+alt+t ,按一下你發現多一層,最后形成上邊的樣子,對不對?

18tg20151012

03.最后通過上述方法 得到這個網 (看不懂的用笨方法自己排也行)最后 右鍵點擊這個網的圖層 – 混合選項,設置一些參數如上圖。

19tg20151012

04.最后通過上述方法,你就會得到最后這個效果啦!已經有點兒效果的吧~然后下面開始 弄字體啦!

第六步

這時到做字體質感樣式的時候啦~先看看下面的效果圖。

20tg20151012

21tg20151012

VELESBOX 調節參數

22tg20151012 25tg20151012 24tg20151012 23tg20151012

2015 D&G 調節參數

26tg20151012 28tg20151012 27tg20151012

copyright 調節參數

29tg20151012 30tg20151012

第七步

基本大體已經完成,開始刻畫細節,填充下字體一些閃光元素。

31tg20151012

閃光用圓形工具做出,然后添加投影+發光,參數如下

32tg20151012 33tg20151012

34tg20151012

在上面補多了一個框框,然后增加了一下邊緣的細節,熒光燈通常是一節一節的,所以要增加一些間隔如上圖。

間隔做法就是一個矩形,放在上面顏色如下:

35tg20151012

第八步

深入刻畫細節,一些小夾子,電線之類的感覺,還有通常熒光燈應該不是閉合的,所以中間要斷開下加點感覺:

36tg20151012

這里先把 (外框)(內框)變成智能圖層然后添加蒙版,把中間一些用黑色擦一擦,去掉后 繼續下一步

37tg20151012

38tg20151012 39tg20151012

再來看看圖,最后三個細節,小鐵架+電線+螺絲釘這里就分解來說,應該會比較容易懂:

40tg20151012

螺絲釘的做法如上圖所展示,大概就兩個圖層,加上一些樣式就可以達到效果啦~ 樣式參數如下:

41tg20151012 42tg20151012

然后繼續分解下小鐵夾是如何組成的呢~基本就是3層,加上漸變疊加 弄出一些金屬質感出來~

43tg20151012 44tg20151012

最后就是裝飾電線的做法了~電線就是比較隨意穿插的線條~具體怎么做呢?繼續往下看~

45tg20151012 46tg20151012

電線的做法很多,看你想快,還是想要矢量的。

01.矢量的,直接用鋼筆畫,沒什么技巧可言多運用就可以啦~

02.也是用鋼筆畫一個路徑,畫完之后,對著路徑右鍵,有一個描邊路徑選擇,會根據你的畫筆。大小來沿著你的路徑畫出一條線。畫完線記得把路徑刪除喔~

47tg20151012

畫完了線,右鍵添加樣式-鞋面和浮雕看看是不是馬上有立體效果了,一些穿插效果,可以用蒙版遮罩一下~基本技巧就到這里了!

48tg20151012 50tg20151012 49tg20151012

最后在畫好的電線下面 記得加一些投影,在一些地方可以適當加上一些光暈柔和下畫面~讓整體更加通透一些~

菜鳥寫一下設計心得,寫得不太好,希望對你們有點兒幫助,你們的支持是繼續分享心得的力量,謝謝

更多學習交流可以微博 聊聊~謝謝大家啦~

【優設熱門字體教程合集】

效果以假亂真的牛仔布縫字教程!
《PS進階教程!手把手教你繪制牛仔布上縫字的效果》

初中時火遍QQ空間的字體效果有木有?
《PS新手教程!手把手教你創建星光閃爍的文字效果》

鋼鐵俠家里的字體效果教程!
《PS新手教程!手把手教你創建未來科技感的掃描字體效果》

投稿者:@Veles

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量102萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏 6

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏