Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
Marquee Sign Text Effect in Photoshop
  • By Design Bundles
  • 02 Aug 2018
  • 9 Mins
  • Photoshop Tutorials

Marquee Sign Text Effect in Photoshop

For this Tutorial, we are going to use the image of a “Light Bulb”, one that has a “Concrete” Texture, a “Bold” Font of your choice (we used “Blackoack Std”) and some “Spark” and/or “Flare” Brushes.

1 - In Photoshop, create a “New Document” and make sure Black is the color chosen for “Background”.

2 - Click on the small Black and White circular button at the bottom of the “Layers Panel” to create a “New Gradient Fill” layer. Use a “Radial Gradient” with a 90° Angle and a 120% “Scale”. Use the colors #393939 and #191919.

3 - Select the “Type Tool” (T), select your font (we used “Blackoack Std”), and type your text. Set the “Tracking” to 50 in the “Character Panel”. Fill your text with a deep dark red (we used #3f0914).

4 - Duplicate the text layer “Command/Control + J” and double-click on the duplicate to apply the following “Layer Styles”:

Bevel & Emboss: (Gloss Contour: Ring)

Contour: (Contour: Rolling Slope - Descending)

Stroke: (#2b060f)

Inner Shadow:

Drop Shadow:

Click on the “Plus” sign in the “Drop Shadow” tab to add another instance.

Drop Shadow:

5 - Double-click on the original text layer to apply the following “Layer Styles”:

Outer Glow: (#9f9455)

6 - Open the image of your “Light Bulbs”, select the “Elliptical Marquee Tool” and while holding the “Alt/Option” and “Shift” keys click in the center of the bulb and drag out to make a circle as big as your bulb.

7 - “Copy” and “Paste” it (Command/Control + C and Command/Control + V) into your original document. Name it “Bulb On”, do the same with a bulb that is not working and name it “Bulb Off”.

8 - Use “Free Transform” (Command/Control + T) to resize your bulbs to the proper size. Duplicate them (Command/Control + J) and place as many as you can, lined inside your letters. Don’t forget to add a few “Off” Bulbs. Do this with all your letters.

9 - Once you are done, select all your “Bulbs On” (use the “Shift” key) and click on the small “Folder” button at the bottom of the “Layers Panel” to create a “Group”, name it “Bulbs On” and do the same for the “Bulbs Off”. To make it easier to select some specific bulb check the “Auto-Select” box on the Top Menu and choose “Layer”.

10 - Double-click one of your “Bulbs On” and apply the following “Layer Styles”:

Inner Shadow: (#b8a23d)

Inner Glow: (#f7e26b)

Outer Glow: (#eec710, Contour: Rolling Slope - Descending)

Drop Shadow: (#eec710)

11 - Right-click on to top of its Thumbnail and choose “Copy Layer Style”, select the other layers, right-click on top of their Thumbnails and choose “Paste Layer Style”.

12 - Double-click one of your “Bulbs On” and change some values on the following tabs in the “Layer Styles”:

Outer Glow: (#eec710, Contour: Rolling Slope - Descending)

Drop Shadow: (#eec710)

“Copy” that “Layer Style”, select some of your bulbs and “Paste” to them.

13 - Go to the “Adjustments Panel” and create a “New Hue/Saturation Adjustment Layer” on top of everything using the following values:

14 - Open the file that has the “Concrete” texture and drag it into your file, place it on top of the “Background” and “Gradient Fill” Layers. Use “Free Transform” (Command/Control + T) to resize it if needed. Name it “Grunge”.

15 - Select the folder containing the “Bulbs On”, right-click on top of its Thumbnail and choose “Convert to Smart Object”. Do the same with the one containing the “Bulbs Off”.

16 - Select the “Brush Tool” (B), click on the small gear shaped Menu icon on the Top-right of the “Brushes Panel” and choose “Load Brushes” and navigate to where you saved the brushes you want to use. Select the .abr file and click “Open”.

17 - Create a “New Layer”, place it between the two “Bulb” layers, change the “Blending Mode” to “Soft Light” and name it “Flares”.

18 - Select one of the “Brushes” you just loaded, change the size to fit your work and use #d39202 as “Foreground” color. Paint some bursts of light on top of your letters. Change sizes and brushes until you are happy with the results.

19 - Go to the “Adjustments Panel” and create a “Gradient Map Adjustment Layer” on top of everything using the following colors: #d8a785 and # 927678 and check the “Reverse” box. Change the “Blending Mode” to “Soft Light” and the “Opacity” to 50%.

20 - Your text should look similar to this.

by @lornacane


6 Related Photoshop Tutorials

For this Tutorial, we are going to use a Bold and Rounded Font (we chose Myriad Pro Bold).1 - In Illustrator, create a “New Document”. Choose “Pixels” in the “Units” drop-down menu and click on the “More Settings” button. Change the “Color Mode” to RGB and click “Create Document”.2 - ...

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

In this tutorial, we are going to use the “3D Text” and “Patterns” created in Part 1 to add cake to your text.1 – Open the 3D text file you created in the first part of this tutorial. Delete the “Shadow” layer and merge all the other visible layers into a single ...

For this tutorial we will be using a canvas or paper background and Titin Script from Font Bundles.1 – In Photoshop create a new document or open the one with the background you wish to use.2 – Click the “Create a new fill or adjustment layer” button at bottom of the “Layers ...

For this tutorial, we will use a Background image containing an electronic device and the font “Vintage Jack”.1 - In Photoshop, open the image you chose as “Background”.2 - Create a “New Document”, make it 1 x 10 Pixels @ 300 dpi, RGB “Color Mode” and choose “Transparent” as “Background Contents”. Switch “Foreground” and “...

You may also like

Help Center
ol image