Creative Effects Challenge No. 180 - Neon Sign Effect
Jul 23, 2022 6:24:32 GMT
zman, kdcintx, and 1 more like this
Post by Tpgettys on Jul 23, 2022 6:24:32 GMT
This is a fun and instructive Neon Sign effect. The following video tutorial for Photoshop Elements will show you how create it. I have also written out the steps for you, but you probably should watch the video at least once. One caution though, it does have steps that are not relevant to the actual effect, so don't worry overly much about duplicating every little detail!
Video tutorial: How You Can Make Neon Text
The instructions for making the Neon Effect begin about 5 minutes into the video. The first 5 minutes are about making the background layer. The neon effect is more striking if the background is dark. Here are the steps for the background suggested in the video:
- Choose a suitable background image (a stone or brick wall are good choices)
- Duplicate your background (Ctrl-J) and change the blend mode to Multiply or Linear Burn
- On the main menu, Layer | New Fill Layer | Solid Color... and choose black (000000 in the bottom box of the Color Picker)
- Reduce the Opacity to 40% to reveal the background
- Add a vignette to darken the corners: Filter | Correct Camera Distortion (I set the Amount to -90, Midpoint to +40)
Some Fonts you might like to try out:
Here is my result:That's Font Folks! (used in the video)
FYI: The numbers suggested in the steps below may need to be adjusted depending on the resolution of your file.
- Create a new layer at the top of the layer stack
- In the Color Picker set the foreground color to FFE1FF
- Select a thick font, size 80 pt, leading 100 pt
- Type in your text, then resize, reposition and rotate it as desired
- Once you are satisfied, right-click and choose Simplify Layer
- Select the text (control-click on the text layer thumbnail)
- On the main menu, Select | Modify | Contract... and choose 7 pixels
- Copy the selection to a new layer (Ctrl-J) and name it Highlight
- On the main menu, Filter | Blur | Gaussian Blur... and chose about 2 pixels
- Hide the Highlight layer and select the text layer
- Set the foreground color to FD4AFF and change the text color using the Paint Bucket Tool
- On the main menu, Layer | Layer Style | Style Settings... and click Glow then Outer
- Set the glow Size to 43, the Opacity to 80 and change the color of the glow to FD4AFF
- Unhide the Highlight layer
- Select the text (control-click on the text layer thumbnail)
- On the main menu, Select | Modify | Expand... and choose 34 pixels
- Make a new layer below the text layer and name it Shadow
- Set the foreground color to C102C3 and use the Paint Bucket Tool to fill the expanded text region
- Apply a Gaussian Blur of 60 to the Shadow layer and change the blend mode to Linear Light
Here is my layer stack
I look forward to seeing your results! Any questions welcome.