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

glossywhite

macrumors 65816
Original poster
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: 160
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: 127
  • MacRumorsEmbossedCS4StyleDefinedOuterEdgeOfBadge.png
    MacRumorsEmbossedCS4StyleDefinedOuterEdgeOfBadge.png
    139.6 KB · Views: 111
  • MattsAiBadgeCropped.png
    MattsAiBadgeCropped.png
    178.2 KB · Views: 118
Another demo:
 

Attachments

  • LetterPressDemoGreen.png
    LetterPressDemoGreen.png
    1 MB · Views: 119
  • AppleEmbosser.png
    AppleEmbosser.png
    293.9 KB · Views: 153
  • BrushedMetalAppleLogoSpotlight.jpg
    BrushedMetalAppleLogoSpotlight.jpg
    481 KB · Views: 105
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.