create account

How to create a Neon effect in Illustrator 2018 by aqib-ashiq

View this thread on: hive.blogpeakd.comecency.com
· @aqib-ashiq ·
$1.41
How to create a Neon effect in Illustrator 2018
# <center>In this tutorial I will explain you how make an neon effect on the text</center> 
![](https://i.imgur.com/24QJ7cG.png)

---
<br>

# <center>**Lets start on Illustrator 2018**</center>

> **Open Illustrator take you have. Take a new page of size A4 and then the sizes are automatically selected by default. And select the RBG color mode and 300dpi image resolution for best HD Image. Then click the Create button**
> 
![](https://i.imgur.com/DJVr225.png)

---
# **Taking Black Box background and Text of NEON**

> **Now take black background for clean vision. And then choose the "Quicksand Font family" and write what you want in Neon effect. And then go to the right in swatches to select the color here. The Swatches are very cool If they apply to the text when you change the color of it. Then its whole effect change its color. Just click on the Swatches and click the color two times a popup appears you just need to select the global then color over change when its change anywhere!**
> 
![](https://i.imgur.com/L2ivKy9.png)

---
# **Now taking the copy of NEON text**

> **Now first press Right button and then select the "create outline". Then go to the Edit menu and take a copy of the text and the placed it in front of it.**

![](https://i.imgur.com/QO8aS2P.png)

---
# **Now change the color of the copy**

> **After copying change its color from "Color guide" menu same in the option of "swatches". And choose the lighter color from the previous.** 
> 
![](https://i.imgur.com/LMHfLB7.png)

---
# **Now apply Effects on NEON text**

> **First go to "Effect menu" Then go to the path and then Select the offset path. Now the pop-up menu appears in which the size of the offset is mentioned. Then first click the preview checkbox and then decreased the value of the offset as you can see the size of front text appear much bolder as it previous and less as much its reaches to appears in between lower text which is in back of it.** 

![](https://i.imgur.com/nTFZAYL.png)

![](https://i.imgur.com/kFE8Gdz.png)

---
# **Tip!** 
**reduce up to minus like -2 and see!**

![](https://i.imgur.com/at6uFDh.png)

---
# **Now expand appearance**

> **After expanding it then select the lower text which is dark cyan goto the "Edit menu" take a copy of it.** 


![](https://i.imgur.com/2nGLAZW.png)

---

# **Now Applying Gaussian Blur From Effect Menu**

> **Apply the Gaussian Blur on the copy of the text up to 4 points and then goto again in the "Edit Menu" and placed the copy of the text behind I first picture its look when you apply the effects on it and then its look change quit because it placed in back on it and then the blur effect appears on its back as you can see here.**

![](https://i.imgur.com/wYg5LUr.png)
![](https://i.imgur.com/ZYnxmG3.png)

---

# **Now Applying the Gaussian Blur again on back copy**

> **Now apply once more time the Gaussian blur to give you complete the awesome look of it. In same way apply to it. But Increased its value up to 15 points for this time now.To produce the neon effect on it.**


![](https://i.imgur.com/v74hZRW.png)

---

# **Now Applying the Gaussian to Upper text**

> **Now select the upper text and then go to "Effect Menu" and goto the Gaussian blur and  in same way you apply the apply it once more time on the upper text and this time you have to set the value up to 1.6 points to give you the perfect Neon effect.** 

![](https://i.imgur.com/b4GwpyN.png)

---

# **Now it will look like that!**

**Now your NEON effect is ready as you can see** 
![](https://i.imgur.com/Z666AzL.png)

---

# **Now I show the use of Swatches that I mention earlier**

> ** You can the see that there is three copy of the Neon text that you have created so far to complete the whole effect.  You just go to the Swatches and change the color of the text then the whole three color text are change**. 

# For Example "let' s say I choose Magenta"

> **Now its turns into Magenta color by choosing it into the Swatches menu If you select the Global checkbox in the popup menu of that** 
![](https://i.imgur.com/PPzNGBM.png)

---
<br>

# **NEON EFFECT!**
![](https://i.imgur.com/RBI4Fzq.png)

---
<br>

# <center>**Hopefully you Like this short and simple trick to change the simple text into the Neon text look!**</center>

# **<center>Special thanks for Steemit Education initiative, @cryptokraze @qasimwaqar @adsactly @princessmewmew @techblogger @imagica-studio and all the students of SEI and desired technologies channels and my Rainbow Warriors and Cross Technology for your huge support and motivation for work</center>**

# <center>Because I'm here to showcase my talent in front of you guys need your huge support and motivation. If you guys keep in touch with me and support my work. I surely gonna rock-on the steemit</center>


# <center>Please share your valuable feedback about this post So in future I will make better as I can. Thanks for your precious time to reading this post</center>


<br>

**_Regards: Aqib Ashiq_**
**CEO of "Graphics Channel, Rainbow Warriors, Cross Technology"**

https://www.fiverr.com/aqib_ashiq
https://www.facebook.com/aqib.ashiq.31
👍  , , , , , , , , , , , , , , , , , , ,
properties (23)
authoraqib-ashiq
permlinkhow-to-create-a-neon-effect-in-illustrator-2018
categorylife
json_metadata{"tags":["life","art","design","steemedcuate","adsactly"],"users":["cryptokraze","qasimwaqar","adsactly","princessmewmew","techblogger","imagica-studio"],"image":["https://i.imgur.com/24QJ7cG.png","https://i.imgur.com/DJVr225.png","https://i.imgur.com/L2ivKy9.png","https://i.imgur.com/QO8aS2P.png","https://i.imgur.com/LMHfLB7.png","https://i.imgur.com/nTFZAYL.png","https://i.imgur.com/kFE8Gdz.png","https://i.imgur.com/at6uFDh.png","https://i.imgur.com/2nGLAZW.png","https://i.imgur.com/wYg5LUr.png","https://i.imgur.com/ZYnxmG3.png","https://i.imgur.com/v74hZRW.png","https://i.imgur.com/b4GwpyN.png","https://i.imgur.com/Z666AzL.png","https://i.imgur.com/PPzNGBM.png","https://i.imgur.com/RBI4Fzq.png"],"links":["https://www.fiverr.com/aqib_ashiq","https://www.facebook.com/aqib.ashiq.31"],"app":"steemit/0.1","format":"markdown"}
created2018-02-16 20:05:15
last_update2018-02-16 20:05:15
depth0
children6
last_payout2018-02-23 20:05:15
cashout_time1969-12-31 23:59:59
total_payout_value1.105 HBD
curator_payout_value0.301 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length5,136
author_reputation9,984,982,527,887
root_title"How to create a Neon effect in Illustrator 2018"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id38,083,698
net_rshares239,718,711,170
author_curate_reward""
vote details (20)
@jkrandroidtips ·
Good
properties (22)
authorjkrandroidtips
permlinkre-aqib-ashiq-how-to-create-a-neon-effect-in-illustrator-2018-20180217t180340087z
categorylife
json_metadata{"tags":["life"],"app":"steemit/0.1"}
created2018-02-17 18:03:39
last_update2018-02-17 18:03:39
depth1
children1
last_payout2018-02-24 18:03:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length4
author_reputation289,066,645,201
root_title"How to create a Neon effect in Illustrator 2018"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id38,315,208
net_rshares0
@aqib-ashiq ·
Thanks Dear for your huge support
properties (22)
authoraqib-ashiq
permlinkre-jkrandroidtips-re-aqib-ashiq-how-to-create-a-neon-effect-in-illustrator-2018-20180217t194338018z
categorylife
json_metadata{"tags":["life"],"app":"steemit/0.1"}
created2018-02-17 19:43:48
last_update2018-02-17 19:43:48
depth2
children0
last_payout2018-02-24 19:43:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length33
author_reputation9,984,982,527,887
root_title"How to create a Neon effect in Illustrator 2018"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id38,335,640
net_rshares0
@mendissteemer ·
Awesome one dude...Keep it up @aqib-ashiq
properties (22)
authormendissteemer
permlinkre-aqib-ashiq-how-to-create-a-neon-effect-in-illustrator-2018-20180217t092723847z
categorylife
json_metadata{"tags":["life"],"users":["aqib-ashiq"],"app":"steemit/0.1"}
created2018-02-17 09:27:33
last_update2018-02-17 09:27:33
depth1
children1
last_payout2018-02-24 09:27:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length41
author_reputation5,025,878,329
root_title"How to create a Neon effect in Illustrator 2018"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id38,215,350
net_rshares0
@aqib-ashiq ·
thanks bro <3
properties (22)
authoraqib-ashiq
permlinkre-mendissteemer-re-aqib-ashiq-how-to-create-a-neon-effect-in-illustrator-2018-20180217t103028304z
categorylife
json_metadata{"tags":["life"],"app":"steemit/0.1"}
created2018-02-17 10:30:39
last_update2018-02-17 10:30:39
depth2
children0
last_payout2018-02-24 10:30:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length13
author_reputation9,984,982,527,887
root_title"How to create a Neon effect in Illustrator 2018"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id38,226,180
net_rshares0
@steemeducate ·
Congratulations ! @aqib-ashiq, Your post has been selected as #postoftheday by #SEI

Join us in our [Discord channel](https://discord.gg/fq6G6Du) and post in our post promotion page. Dont' forget to use tags #sei or #steemeducate and #adsactly.
👍  
properties (23)
authorsteemeducate
permlinkre-aqib-ashiq-how-to-create-a-neon-effect-in-illustrator-2018-20180217t075443719z
categorylife
json_metadata{"tags":["life","postoftheday","sei","steemeducate","adsactly"],"users":["aqib-ashiq"],"links":["https://discord.gg/fq6G6Du"],"app":"steemit/0.1"}
created2018-02-17 07:54:45
last_update2018-02-17 07:54:45
depth1
children1
last_payout2018-02-24 07:54:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length244
author_reputation202,048,928,337
root_title"How to create a Neon effect in Illustrator 2018"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id38,199,251
net_rshares2,109,965,455
author_curate_reward""
vote details (1)
@aqib-ashiq ·
Thanks for your great motivation and supporting my work. Its really pleasure for me to be a part of such nice community <3
properties (22)
authoraqib-ashiq
permlinkre-steemeducate-re-aqib-ashiq-how-to-create-a-neon-effect-in-illustrator-2018-20180217t081111866z
categorylife
json_metadata{"tags":["life"],"app":"steemit/0.1"}
created2018-02-17 08:11:21
last_update2018-02-17 08:11:21
depth2
children0
last_payout2018-02-24 08:11:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length122
author_reputation9,984,982,527,887
root_title"How to create a Neon effect in Illustrator 2018"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id38,202,012
net_rshares0