0

logo

How do I make a text look like this? This is a logo with a white text and a reflection of it, which I can do. I was wondering how to make the grey shadow that looks like an ellipse over the first half part of the text (which also covers the reflection below the text). I tried to cover the text with a grey ellipse after outlining it first. But I failed. Any ideas? Thanks!

0
3

I would use the Knockout Group Option. Here is my result:

enter image description here

*) Create white rectangle (background) and put it into the separate layer:

enter image description here

*) Create a new layer (e.g. text) and draw black rectangle:

enter image description here

*) Put your text over the black rectangle (the same layer):

enter image description here

*) Set Text Fill and Stroke Colors to None:

enter image description here

*) Go to Appearance Panel > Add New Fill:

enter image description here

*) Drag the new fill below the Characters:

enter image description here

*) Click on the Opacity link (below the new fill) and set Opacity to 0%:

enter image description here

*) Go back to your artboard, select the black rectangle and the text and group it (Object > Group)

*) Go to Appearance Panel > Click on the Opacity link > and check the Knockout Group option:

enter image description here

*) The Knockout has been made. Create a new layer (e.g. text bgnd) and start drawing the grey ellipse. Adjust its position and size:

enter image description here

*) Note that this method doesn’t expand your text – you can freely change the string content and Adobe Illustrator will recalculate your work fully automatically. Like this:

enter image description here

*) Of course, you can also easily change the background, text background and ellipse colors:

enter image description here

1

Here is how I would do it.

Expand the black text. Draw your oval shape OVER where you want it to go. Colour it grey. draw over the top

Select all of those items, then go to your pathfinder toolbar and click divide (first icon on the bottom row).

enter image description here

After clicking, use the direct selection tool to select the bottom bit of the oval then hit delete. This will leave you with what you want. Be careful to delete and holes in the words.

enter image description here

Hope this helps, C

0
0

I'd prefer appling this effect by creating any grey oval/circular etc shape above the text and setting its transparency to 30% or any other sufficient value. This preserve the text, keep the effect "live", thus you can adjust whenever you want in any way you want, i.e. changing the shape, its place, hue etc.

1
  • I already tried this, it seems to be working, although I don't know what to do with the extra ellipse that goes beyond the text...
    – Amra
    Aug 11 '14 at 9:40

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.