• Home
  • Tutorials
  • Contact
  • About
Menu
  • Home
  • Tutorials
  • Contact
  • About
  • Home
  • Tutorials
  • Contact
  • About
Menu
  • Home
  • Tutorials
  • Contact
  • About

How To Create Neon Light Effect In Photoshop | Manipulation | Concept

2021 01 31 13 35 38

Hey guys welcome to pixim fix. as you already know, today we will be creating this neon light effect in Photoshop. and of course, you can use exactly the same method to create for example light saber, or anything that looks like a neon light. so without any further ado lets the fun begin 

 

Wall min

today i will be using this brick wall background, and i will add here our model, and type his name, and turn that name in neon lights  

Screenshot 47

as you can see, this background is not enough to fill this canvas 

Screenshot 48

so i make a few copy’s of this wall, and fill it 

Screenshot 49

I use mask and clone stamp tool for remove edges to make the copy’s real  

Screenshot 50

now this wall looks lot bigger for our consept, so first i convert this background in to a smart object, and i press ctrl + T and adjust the size of the background

So the next step is  make the background littel bit darker. because now  its too brightr for this effect. 

Screenshot 51

to make the background darker i use adjustment layer so that i can make changes anytime 

make the backgroud darker

Adjustment layers

  • vibrance

    First i have desaturate the image for that i use vibrance

  • exposure

    now its time to make the background little bit darker, so i take the exposure adjustment layer, and take the exposure slider to the left side

  • curves

    now i add some contrast on it by using curves adjustment layer

  • gradient

    i want some vignette effect on this background so i use gradient

extract the subject

Screenshot 52

i extract him by using pen tool and refine adge tool.

Screenshot 53

then i insert him into the background

 

after that, i use levels and couple of  curves adjustment layers to match him with the background 

Screenshot 54

shadows is the most important things in any photoshop manipulation. so i use drop shadow for this image 

Now let's create neon lights

Screenshot 56

to create this neon light text first you have download this font 

Neon Font

Neon fonts is perfect for your project and allows you to create designs, headlines, posters, logos, badges, t-shirts and many more that are beautiful. It is also best used for posts, logos, posters, certificates, labels and more.

Go To The Downloading Page
Screenshot 55

Now type your text 

Screenshot 57

then duble click on the text layer this will open up a layer style box 

 

inner glow
Outer Glow
Drop Shadows
inner glow

Structure

 

select any brighter color. for blending mode just keep at normal 

 

Elements

 

make sure in the source selected edge, because i don’t want center to be blue. i want center to be white. because that’s where, the lights are brightest

 

Quality

 

now i will play with this sliders. we have choke, size and range. first lets change the size, like 4-3, lets use 6. and for choke maby 5-10 is  good. and with the range basically soft and effect 

Outer Glow

Structure

 

I will use exactly the same colors for this 

 

Elements

 

of course you can make the size bigger 

 

Quality

 

with the range you can  soften this effect  

Drop Shadows

Structure

 

agin use the same color

and i don’t want distance, i want distance to be zero pixels. and i want size to be bigger. we can also use spread,  if you want, i leave the spread to be 8 pixles, and change the blending mode normal to color dodge

note

of course you don't need to use the exactly the same number, I'm doing here, you can use anything that you want, create your own style, and remember guys' that those number are not universal. those numbers depend of the text size. so you will have different numbers if you have bigger or smaller text in it

How to create circles

Screenshot 60

now i will use shape tool, and the circular one. and for the stroke color i will be chose white, and for fill color is none. and now i press and hold shift key and create this kind of shape. then i will duplicate this shape, by pressing ctrl+J on keyboard

and now i press ctrl+t and make this shape little bit smaller, like this.

Screenshot 61

after that i want to delete those portion of the circles because i don’t want to overlap with the text. so i will create layer mask on both layers, now i take brush with black color, and make the brush size bigger and Harder. now just dab on it where text is overlapping  

Screenshot 63

then i copy the effect from the text layer and paste it on the circles 

So how to copy the effect

Just hold the alt or option key and move the effect to one by one to both circles

 

but now i don’t want all the letters and circles to be in the same color so i will change the colors

Screenshot 65

to change the color, double click on the effects, and change colors from inner glow, outer glow and drop shadow with any bright color 

now let’s add some lights on wall

Screenshot 66

press crtl+shift+N this will open the layer box. change the mode normal to color dodge and make sure fill color box check then hit okay. then move this layer just above the background layer.

Screenshot 67

Then take the brush with white color, and flow 5-10%, and just paint around the text and circles.

 

 

Now you can add even more details to the image to add little bit more realism to it for example you can add some wires  

Screenshot 68

there are few ways to create wires. let’s first create a new layer just above the background, and now i will use pen tool, and create a shape of wire. then i take brush with 100% hardness, and i will use black color for brush, and chose a brush size according to your wires 

Screenshot 69

Now i go back to pen tool, and right click and select stroke path.

Screenshot 70

then just hit okay, 

Screenshot 71

press delete, to delete path. now i have first wier.  now we need to play with some settings to make this wire more realistic. so how to do that ?

Screenshot 72

double click on the wire layer, and first i add some drop shadow, then inner shadow and play according to your need.

Screenshot 73

similarly, you can create more wires like that and thats how you can create wires  

Screenshot 74

then i create a highlights for my subject. To create a highlights, i chose hue/saturation. then clip this adjustment layer in to your subject. now check the colorize box, then mach the color with your neon light color. then invert the layer mask by pressing ctrl + I. now select a brush, and soft, not too big with white color, and and just paint on him Where you should have highlights.

Screenshot 75

Now, i marge everything together in to one layer. and do a final color correction and finish this tutorial.  

Download Stocks

Speed art

0Like
0Dislike
50% LikesVS
50% Dislikes
PrevPreviousHorse Concept In Photoshop 2020 | Manipulation
NextDark Side Concept in photoshop | ManipulationNext
Share on facebook
Facebook
Share on twitter
Twitter
Share on pinterest
Pinterest

Latest Tutorials

Photoshop

republic day photo manipulation In Photoshop 2021

Read More »
Photoshop

Vector Art Painting In Photoshop 2021 (without pen tool )

Read More »
attractive nature photo manipulation
Photoshop

Attractive Nature Photo Manipulation In Photoshop CC 2021

Read More »
how-to-speed-up-photoshop
Photoshop

How To Speed Up Photoshop Faster Than Ever 2021

Read More »
mafiya-logo

PIXIMFIX

Piximfix regularly publishes video tutorials, blogs and more. If you also want to publish your articles on Pisimfix, then you are welcome

Guest Post
  • About
  • Contact
  • Privacy Policy
  • disclaimer
Menu
  • About
  • Contact
  • Privacy Policy
  • disclaimer
  • Guest Post
  • My Posts
  • Draft Posts
  • Pending Posts
Menu
  • Guest Post
  • My Posts
  • Draft Posts
  • Pending Posts

protected by DMCA

DMCA.com Protection Status

Copyright © 2020 Piximfix - All Rights Reserved All Logo, Trademark &  Files Belong To Their Respective Owners

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Cookie settingsACCEPT
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled

Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.

Non-necessary

Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.

SAVE & ACCEPT

Join PIXIMFIX


Login to PIXIMFIX


Lost Password?


Loading...

Don't have an account? Sign Up Already have an account? Login