網站首頁 趣味美術 生活小製作 兒童製作 親子互動 陶藝製作 傳統手工 民間手藝 歲月綻放 創意與設計

Photoshop打造非常夢幻的紫色連寫霓虹字

欄目: 設計教程 / 發佈於: / 人氣:1.52W

霓虹字製作重點是把文字筆畫的發光效果渲染出來。方法有很多,最常用的就是用圖層樣式來製作。這裏介紹一種手工製作的方法,需要把文字分成多段,然後逐一渲染光感,做出更爲逼真的霓虹效果。

最終效果

Photoshop打造非常夢幻的紫色連寫霓虹字

1、新建一個1024*768像素的畫布,選擇漸變工具,顏色設置如圖1,然後由左下角向右上角拉出圖2所示的線性漸變作爲背景。

Photoshop打造非常夢幻的紫色連寫霓虹字 第2張

<圖1>

Photoshop打造非常夢幻的紫色連寫霓虹字 第3張

<圖2>

2、新建一個圖層,先大致的畫出自己想要的連寫字(簽名,圖形都可以)。可以使大致的草圖或示意圖,只要自己明白構造就可以了。這一步是製作參考圖,顏色可以適當鮮豔一點,方便後面做參照。

Photoshop打造非常夢幻的紫色連寫霓虹字 第4張

<圖3>

3、新建一個圖層,下面開始渲染光感。文字較長,我們需要分段來完成效果。這樣做的好處就是文字筆畫疊加的部分或有較好的疊加效果,整體看上去更真實。

選擇鋼筆工具,沿着文字的筆畫勾出下圖所示的第一段閉合路徑,路徑特點就是兩端尖,中間厚。

Photoshop打造非常夢幻的紫色連寫霓虹字 第5張

<圖4>

4、按Ctrl+Enter把路徑轉爲選區,按Ctrl+Alt+D把選區羽化6個像素如圖5。確定後把選區填充紫色:#DB3FE0,效果如圖6。這一步羽化的數值可以根據文字筆畫大小自行設定,邊緣看上去自然即可。爲了便於參考,可以先影藏上面的文字圖層。

Photoshop打造非常夢幻的紫色連寫霓虹字 第6張

<圖5>

Photoshop打造非常夢幻的紫色連寫霓虹字 第7張

<圖6>

5、調出當前圖層選區,選擇菜單:選擇>修改>收縮,數值爲1,如圖7,確定後新建一個圖層,填充相同的紫色:#DB40E0,取消選區後把圖層混合模式改爲“顏色減淡”,效果如圖8。

Photoshop打造非常夢幻的紫色連寫霓虹字 第8張

<圖7>

Photoshop打造非常夢幻的紫色連寫霓虹字 第9張

<圖8>

6、調出當前圖層選區,選擇菜單:選擇>修改>收縮,數值爲1,如圖9,確定後新建一個圖層,填充淡紫色:#FFB5FF,混合模式改爲“顏色減淡”,效果如圖10。

Photoshop打造非常夢幻的紫色連寫霓虹字 第10張

<圖9>

Photoshop打造非常夢幻的紫色連寫霓虹字 第11張

<圖10>

7、取消選區後添加圖層蒙版,用黑色畫筆把兩端部分擦掉,只保留中間局部,效果如下圖。到這一步第一段基本渲染完成,過渡不自然的部分可以適當調整。

Photoshop打造非常夢幻的紫色連寫霓虹字 第12張

<圖11>

8、把文字圖層顯示出來,現在製作第二段效果。用鋼筆勾出圖12所示的路徑。勾的路徑要跟第一段銜接起來。

Photoshop打造非常夢幻的紫色連寫霓虹字 第13張

<圖12>

9、新建一個圖層,同第一段的方法相同,轉爲選區後適當羽化,填充紫色底色,然後再縮小選區填色後再渲染高光,過程如圖13,14。

Photoshop打造非常夢幻的紫色連寫霓虹字 第14張

<圖13>

Photoshop打造非常夢幻的紫色連寫霓虹字 第15張

<圖14>

10、同上的方法制作第三段效果,至於分多少段爲宜,可以根據文字的難易程度規劃,繁瑣的文字就多分幾段。

Photoshop打造非常夢幻的紫色連寫霓虹字 第16張

<圖15>

Photoshop打造非常夢幻的紫色連寫霓虹字 第17張

<圖16>

11、同上的方法制作剩餘的幾段,選區羽化的數值需要根據每段的粗細靈活變化。過程如圖17-19。

Photoshop打造非常夢幻的紫色連寫霓虹字 第18張

<圖17>

Photoshop打造非常夢幻的紫色連寫霓虹字 第19張

<圖18>

Photoshop打造非常夢幻的紫色連寫霓虹字 第20張

<圖19>

12、把背景圖層隱藏。在圖層的最上面新建一個圖層,按Ctrl+Alt+Shift+E蓋印圖層。圖層不透明度改爲:20%,把背景圖層顯示出來,效果如下圖。

Photoshop打造非常夢幻的紫色連寫霓虹字 第21張

<圖20>

13、在圖層的最上面新建一個圖層,按Ctrl+Alt+Shift+E蓋印圖層。按Ctrl+Shift+U去色。執行:濾鏡>其它>自定,數值默認,確定後把圖層混合模式改爲“柔光”,效果如下圖。

Photoshop打造非常夢幻的紫色連寫霓虹字 第22張

<圖21>

14、可根據實際需要,稍微用亮度/對比度調整圖層,加大對比度,大致效果如下圖。

Photoshop打造非常夢幻的紫色連寫霓虹字 第23張

<圖22>

15、新建一個圖層,用畫筆點上一些小點裝飾一下,效果如下圖。

Photoshop打造非常夢幻的紫色連寫霓虹字 第24張

<圖23>

最後調整一下細節,完成最終效果。

Photoshop打造非常夢幻的紫色連寫霓虹字 第25張


感謝作者Sener分享原創教程。