: CSS LetterPress Effect I can't seem to get the color values/names correct so that I can get a Letter Press Effect on the text To create the appearance of text that has been stamped, choose

I can't seem to get the color values/names correct so that I can get a Letter Press Effect on the text

To create the appearance of text that has been stamped, choose a text colour that is darker than the background, and then create a 1px text shadow with a 1px blur and offset it down 1px. Make the text-shadow slightly lighter than the background

background-color: rgba(255, 255, 255, 0.8);
color: #222 ;
text-shadow: 1px 1px 1px #FFFFFF ;

So far I get only this

How would I go about

Finding the text colour that is darker than the background. Background color is rgba (255, 255, 255, 0.8) and text color is #222 .
Finding the text shadow color that is ligher than the background. Background color is rgba (255, 255, 255, 0.8) and text shadow color is #FFFFFF;

I need to change the text color (currently #222) to a darker and text shadow color (currently #FFFFFF) to a lighter against a background color (currently rgba 255, 255, 255, 0.8). I can't change the background color to any other.

Have no designing skills and maybe someone would how what color values to change of the text as well as text shadow to have a letter press effect which is more obvious.

Thanks

10.02% popularity Vote Up Vote Down

: Font with transparent holes-fill in and outline in illustrator I'm using a font called Nashville. I want to outline only the most outside of the paths. If I try to use the outline tool, it

@Megan533

Posted in: #AdobeIllustrator #Fonts

3 Comments

: How to compute the radii (radiuses) of corners for concentric rounded rects I have a roundrect button that I want to contain within another roundrect. The containing roundrect should always be

@Megan533

Posted in: #AdobePhotoshop

2 Comments

: Adding textures to illustrator fonts I'm not sure where to look for these resources, but I'm trying to create an Art Nouveau style logo. What I would like to do is have the actual text be

@Megan533

Posted in: #AdobeIllustrator #LineArt #Typefaces #Vector

3 Comments

: Color management in Fireworks CS6 I'm using Fireworks for UI design. However, any saved png file from Fireworks shows different colors when opened in normal image viewers. Fireworks doesn't seem

@Megan533

Posted in: #AdobeFireworks #Color #Cs6

1 Comments

Login to post a comment!

2 Comments

Sorted by latest first Latest Oldest Best

@Pope1402555

You could also try an inset shadow "trick" to enhance the effect of the letterpress. The inset shadow will enhance the pseudo 3D a lot in comparison to only looking like a border.

A great example allowing you to tweak it is on jsFiddle. The only caveat is in this case that the background has to be solid, so no textures ;)

10% popularity Vote Up Vote Down

@Nimeshi706

R255 G255 B255 is White, and .8 indicates 80% opacity. So you could change the .8 to a .9 to go lighter and a .7 to go darker.

If you specifically need hex values. You could look at a simply HTML color table like this one.

Or you could open the color picker in Photoshop, input your existing Hex, and adjust sliders or the color target to find the next hex value.

10% popularity Vote Up Vote Down

Feed

: CSS LetterPress Effect I can't seem to get the color values/names correct so that I can get a Letter Press Effect on the text To create the appearance of text that has been stamped, choose

More posts by @Megan533

: Font with transparent holes-fill in and outline in illustrator I'm using a font called Nashville. I want to outline only the most outside of the paths. If I try to use the outline tool, it

: How to compute the radii (radiuses) of corners for concentric rounded rects I have a roundrect button that I want to contain within another roundrect. The containing roundrect should always be

: Adding textures to illustrator fonts I'm not sure where to look for these resources, but I'm trying to create an Art Nouveau style logo. What I would like to do is have the actual text be

: Color management in Fireworks CS6 I'm using Fireworks for UI design. However, any saved png file from Fireworks shows different colors when opened in normal image viewers. Fireworks doesn't seem

Login to post a comment!

2 Comments

Back to top | Use Dark Theme