【設計趨勢】霓虹天際教程

霓虹字體 | NEON FONT

概念解析: 這種風格的特點是色彩明麗，多用冷暖對比色，有夜景的光感，兼具復古和摩登雙重感受。有明確的光源和光的路徑，還有光暈和高光，並運用漸變和虛實關係強調了光的感受，是用來表現科技感、速度感的不二選擇。

設計工具: ILLUSTRATOR

運用範圍: 可運用於平面設計中，字體設計，場景設計，創意圖形

案例說明:製作過程

流行熱度:

創作難度:

這次以字母S為例， 我們來製作一幅霓虹字體的作品。

首先，新建Ai文件，畫版大小這裡是45cm-45cm的方形。

大家可根據畫面內容及構圖，進行設計，這裡沒有具體要求。

選擇一組顏色， 其中三個顏色是主色，兩個是漸變色。

三個主色的選擇分別為兩個對比色，

我們選擇了高明度的藍色和橘色用於表現霓虹光色效果，

一個深色背景色，這裡我們選擇了接近黑色的藍色。

兩個漸變色是霓虹光色與背景色的漸變過渡色塊。

將顏色放在AI畫板外，使用時吸管直接吸取很方便。

用鋼筆工具繪製S的變化形狀，可事先在紙上畫好成品效果圖。

在貝塞爾曲線操控點的位置，用圓形形狀工具畫出如圖所示的圓點，

這裡圓點直徑為60PX(Control+R,在標尺位置右鍵可選擇像素為標記單位）。

再雙擊混合工具，在對話框選擇【平滑顏色】和【對齊路徑】選項。

之後依次點擊5個點。

用鋼筆工具調整曲線形狀，

由於描邊變粗S形狀可與最初設計形狀有所不同，

以看著舒服為準。

在塗層區打開S混合形狀的下拉菜單，

選擇S形路徑，複製並粘貼（複製後的路徑放在混合群組外面）， 向下移動到邊沿位置。

另下拉菜單中五個圓點可調整顏色，

由於變化會很大難以控制，

盡量還是在最初設計好。

複製後的S形狀描邊6px,

選擇對象下拉菜單，擴展選項，

勾選填充描邊，點擊確定。

根據整體的漸變顏色，為複製的S調出一個漸變色，

突出亮色，相當於一條高光線。

這裡是霓虹光色效果的秘籍所在，

兩種發光效果， 以及它們的混合使用方式。

第一種發光效果用於背景色朦朧光效。

用形狀工具畫直徑120PX圓形，填充漸變色，

選擇效果下拉菜單，風格化選項下外發光效果。

在彈出菜單中選擇顏色減淡模式，

這裡做一個藍色發光點， 不透明度50%，模糊40PX，

點擊確定。

將圓形漸變色透明度調整為0%，

這樣只保留柔和的發光效果。

第二種發光效果用於表現物體表面反光，明亮跳躍。

用形狀工具繪製一個直徑240PX的圓形，漸變填充類型選擇徑向，

中心這裡用藍色透明度100%，外側為背景色透明度0%。

在透明度面板，選擇顏色減淡模式。

圖示兩種發光點組合使用效果。

調整S形狀比例，使兩端消失在背景中。

在S形截面處，用形狀工具繪製橢圓形直徑58px-30px。

透明度可根據位置想要展示的發光效果調整80%-40%。

在截面端繪製長方形漸變條，

如圖。 一端消失在背景中，透明度0%。

為截面處橢圓形設置外發光效果（效果-風格化-外發光），

可在外觀面板中找到已添加的外發光效果，並進行調整。

如圖，為背景添加徑向漸變效果，

增加發光點，添加橢圓形漸變光圈。

根據發光區域添加藍色和橘色散布小點，

烘托畫面氣氛。

存檔並導出JPG格式文件。

這裡說兩個小技巧，

第一：繪製過程中複製的S形狀亮線漸變消失效果，

可以用不透明蒙版解決。

方法是： 繪製從白色到黑色徑向漸變圓形，

白色為可見區域，灰色漸變區域是變透明的，黑色區域不可見。

調整漸變邊緣位置。

選中圓形漸變和下層複製的S形狀亮線，

在透明度面板右上角點擊菜單圖標，選擇建立不透明蒙版。

第二：當繪製的形狀重疊不好選擇的時候，

可以切換到輪廓線模式，快捷鍵 contron+Y,

方便看清並選擇元素。

教程就到這裡咯(o^^o)