Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

glossywhite

macrumors 65816
Original poster
Feb 28, 2008
1,120
3
Would someone be kind enough to explain what the embossing technique is called, that Adobe use in their CS4 suite apps?. I know it is embossing, but it is as if the letters are embossed but also cut out, and there is a dark, transparent gradient behind them. Very nice, and I should like to use this idea.

Thankyou. :)
 

Attachments

  • AI_Application_Icon.png
    AI_Application_Icon.png
    74.4 KB · Views: 122
There's more going on there than just a drop/inner shadow. I had a few free moments so I took a stab at it:

hi_test.gif


It's all about the details, such as that tiny little hint of depth along the edge of the letters. Obviously, my recreation isn't entirely accurate, but I think it's passable.

And just for reference, here are the bevel & emboss settings I used on "Hi". The inner shadow is pretty self explanatory so I won't post that:

settings.gif


Edit // Global Lighting isn't necessary. In fact, I turned it off for the inner shadow so that I could have it facing more downward.
 
There's more going on there than just a drop/inner shadow. I had a few free moments so I took a stab at it:

hi_test.gif


It's all about the details, such as that tiny little hint of depth along the edge of the letters. Obviously, my recreation isn't entirely accurate, but I think it's passable.

And just for reference, here are the bevel & emboss settings I used on "Hi". The inner shadow is pretty self explanatory so I won't post that:

settings.gif


Edit // Global Lighting isn't necessary. In fact, I turned it off for the inner shadow so that I could have it facing more downward.

Here is my interpretation. I think Adobe used a RADIAL gradient to paint the foreground, to give the illusion of the logo being slightly curved... so I shall post that once I complete it :)

AS near as I can get to Adobe's badge; don't know the font, but oh well:
 

Attachments

  • MacRumorsEmbossedCS4Style.png
    MacRumorsEmbossedCS4Style.png
    139.6 KB · Views: 91
  • MacRumorsEmbossedCS4StyleDefinedOuterEdgeOfBadge.png
    MacRumorsEmbossedCS4StyleDefinedOuterEdgeOfBadge.png
    139.6 KB · Views: 78
  • MattsAiBadgeCropped.png
    MattsAiBadgeCropped.png
    178.2 KB · Views: 80
Another demo:
 

Attachments

  • LetterPressDemoGreen.png
    LetterPressDemoGreen.png
    1 MB · Views: 76
  • AppleEmbosser.png
    AppleEmbosser.png
    293.9 KB · Views: 112
  • BrushedMetalAppleLogoSpotlight.jpg
    BrushedMetalAppleLogoSpotlight.jpg
    481 KB · Views: 77
can someone please tell me how i can create the type of gradient in the adobe cs4 loading screens using illustrator cs4? they don't look like the typical radial or linear gradients, but rather a shifted off center radial.
 
@definitive

Use the gradient palette to make a radial gradient. Then use the gradient tool in the tool palette to set a start and end point for it. It works much like photoshop's gradient tool does. Have fun!

-je
 
@definitive

Use the gradient palette to make a radial gradient. Then use the gradient tool in the tool palette to set a start and end point for it. It works much like photoshop's gradient tool does. Have fun!

-je

Also, try: RENDER >> LIGHTING EFFECTS in Ps
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.