I really need to know how to achieve this effect in Illustrator/Photoshop. I tried outer glow in Illustrator but it doesn't match.

enter image description here

Here's what I've tried:

enter image description here

| improve this question | | | | |
  • 2
    There are a few effects in that image. Can you be more specific about which effect(s) you are struggling with and maybe share an image of what you have so far? – Westside Mar 1 '17 at 11:34
  • Hi,The light effect on the text – Johny Mar 1 '17 at 11:46
  • Sorry, that's not very specific, as there are multiple light effects going on here. Do you have a screenshot of what you have so far? – Vincent Mar 1 '17 at 11:48
  • Yes,Let me attach. – Johny Mar 1 '17 at 11:49
  • I've attached the version i tried @Vincent – Johny Mar 1 '17 at 11:58

I see there's a bit of disagreement on the validity of your question, but I believe it's a good occasion to show how you have to decompose an effect into its components. It's a super important skill.

For a task like this, that's how you'll have to work – figuring out each individual piece of the look you're after.

Cool! Let's break it down:

First, your text is burgundy over gray, and both have a slight gradient (darker at the bottom).

Step 1

Your text has a light outline (which also has a bit of a gradient, darker on the bottom).

Step 2

Then it has an inset shadow. It's not angled straight, the light source is top left. The shadows are very dark, which makes the outline useful to keep all letters readable.

The shadow is blurred large enough to show up a bit in the bottom right, where it is the furthest from the letters' edges.

Step 3

Let's see about the lights. How well can I fit some white circles in this type?

Step 4

Hm, not very. Good thing I didn't need to outline or rasterize my font at this point!

Let's try a thinner weight, which will allow me to use smaller circles proportionally (this means more control over how they're distributed, length-wise).

Step 5

Not a work of art by any measure, but that's much better!

The lights, obviously, will have an off-white glow to them. Not too big, just enough to turn the circles' clear-cut outlines into something that looks like it's giving off light.

Step 6

Two more details I can see about the lights: we tend to see the middle of light sources as a bit darker than the edges. Since they're lightbulbs, I'll use a yellowish hue.

Also, they have a small dark shadow right under them (as screwed-in lightbulbs would have). Let's add these:

Step 7

Nice! That should get you pretty close to your goal.

Note that I'm not diving too deep into what to do in which tool. In my case, I picked Photoshop because I know my way around it. This look can definitely be realized in Sketch, Acorn, Pixelmator, Photoshop or Illustrator, probably with three layers in all:


| improve this answer | | | | |
  • 1
    Thank you very much @Lalabadie You saved my life ....I appreciate your help – Johny Mar 1 '17 at 16:00

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.