Flickr Photos

Using Photoshop Blending Effects To Make Your Graphics Stand Out

Web Development Add comments

If you’ve never used blending effects in Photoshop you really need to hop on board. Blending effects can be particularly handy when creating the same effect over and over. This is especially beneficial when making graphics for a website that holds a set standard. Save a psd with layer effects applied to it and you can re-create the same look and feel time and time again without re-inventing the wheel.

Today we’ll be adding effects to textual graphics.

1. First off create a new text layer with a font of your choosing. I’m using my standard site font, “Dirty Ego“.

Using Photoshop Blending Effects To Make Your Graphics Stand Out

2. Blending Options Palette: Open the blending options palette. To do this right click on the layer you wish to apply effects to and select, “Blending Options”. This will open the palette up. Here you will have a number of effects to play with.

Using Photoshop Blending Effects To Make Your Graphics Stand Out

3. Drop Shadow: Select drop shadow from the blending options palette. You can keep the default settings where they are, but I find I like just a touch less of a drop shadow on my graphics. So I have the distance and size turned down from 5’s to 3’s.

Using Photoshop Blending Effects To Make Your Graphics Stand Out

4. Stroke: Select stroke from the same palette Here you will have the option to choose your outline color as well as thickness. By default it’s set to 3 pts red, but simply click on the color box to select a new color and reduce the line size in the same palette.

Using Photoshop Blending Effects To Make Your Graphics Stand Out

5. Inner Glow: Again in the blending options palette make your effect selections. Choose Inner Glow. By default the color is set to #ffffbe, but once again you can choose what ever color you wish to choose from the color palette. Select, “Blend Mode”, at the top to get a more controlled inner glow effect. Choose Normal instead of Screen.

Using Photoshop Blending Effects To Make Your Graphics Stand Out

Before
Using Photoshop Blending Effects To Make Your Graphics Stand Out

After
Using Photoshop Blending Effects To Make Your Graphics Stand Out

Rate this:
2.8
Add to Social Networks:
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • StumbleUpon
  • del.icio.us
  • Technorati
  • Google
  • TwitThis
  • Facebook
  • Reddit
  • Simpy
  • Blue Dot
  • Bumpzee
  • Ma.gnolia
  • Furl
  • Live
  • YahooMyWeb
  • SphereIt
  • Mixx
  • Sphinn
  • BlinkList
  • Netvouz
  • NewsVine
  • E-mail this story to a friend!

If you enjoyed this post, make sure you subscribe to my RSS feed!

3 Responses to “Using Photoshop Blending Effects To Make Your Graphics Stand Out”

  1. MyAvatars 0.2 no imageRichard Butler (Check me out!) Says:

    Thank you for posting again a very informative article…Til your next post

    Rate this:
    3.3 (1 person)
  2. MyAvatars 0.2 no imageweb design leicester (Check me out!) Says:

    These effects are great, i’ve never used blending effects before, im going to go and try this out right now. Thanks for posting.

    Rate this:
    2.5
  3. MyAvatars 0.2 no imagen8 (Check me out!) Says:

    No sweat folks. I will be posting more Photoshop tips soon. Glad to help :)

    Rate this:
    3.0

Leave a Reply



Artist Blogs - Blog Catalog Blog Directory 2k Bloggers Blogger's Choice Awards Blogs Record Creative Commons License page counter Check Out My Lens Save the Net Directory of Web Design Blogs
Join My Community at MyBloglog! Bumpzee BlogBurst.com StumbleUpon BRDTracker My Zimbio  Technology Blogs - Blogged Blog Directory