Article / Blog

5 Ways to Make Post Thumbnails More Interesting

defaultAdding a little more visual intrigue to your post thumbnails, helps add variance and difference to your posts, thus making them easier to quickly scan and then hopefully read.

On the right is the image we will be using in this example.A simple picture of a lake with wooden platform floating in it.

#1 – Blur & Shadow Effect

With Blur & Shadow, you duplicate the image layer, and then blur the new layer. Then you erase the parts of the blurred image, where you want the users eyes to focus. After that, you add a slight shadow to the edges of the image, so the image doesn’t look so flat.

blur-shadow

#2 – Split Color Effect

To create the Split Color effect, you can either select half of the image and desaturate the color, or for a more unique look, you only remove the color on certain parts of the image. You can also add a white to transparent gradient from the center to the edge of the image, and the lower the opacity, to give it even more of a split effect.

split

#3 – Perspective & Rotation Effect

By playing with the perspective and rotation of the image, you can achieve a unique look.

perspective

#4 – Text Effect

You can add text to the image, to reinstate the post title or perhaps add a intriguing by-line.

text

#5- Border Effect

By adding a black border around the image, and then lowering the opacity. You can create a very simple, but nice border effect. You can see the technique over at Build Internet.

border

4 Comments

Show/Hide
  1. 10:13 am - Oct 17th, 09

    Preaty cool post there Matt. I might use some of those teqniques later on. But for now I just make all my pictures from scratch. That way it already is interesting.

  2. 12:18 pm - Oct 18th, 09

    Cool! I’ve been trying to make my post thumbnails more interesting lately, but I’m usually in such a rush to publish my posts, and the thumbnails are always the last thing I remember to upload.

    Good tips!

  3. Matt
    1:09 pm - Oct 18th, 09

    Thanks Guys :)

  4. 3:32 am - Oct 19th, 09

    Refreshing! Will try some of the techniques in my next posts.

3 Trackbacks

Show/Hide
  1. Date:
    9:00 pm - Oct 18th, 09
    Description:

    [...] This post was mentioned on Twitter by Roamlog Lee (漫步) and colaja, Matthew Skiles. Matthew Skiles said: New Blog Post: 5 Ways to Make Post Thumbnails More Interesting – http://bit.ly/EoVZc [...]

  2. Date:
    7:49 pm - Oct 19th, 09
    Description:

    [...] lista de 5 maneras para mejorar tus miniaturas… (vía Digital Visions) Posts relacionados 19 Octubre 20098 fuentes imprescindibles para tu próximo diseño 14 Octubre [...]

  3. Date:
    9:00 pm - Oct 24th, 09
    Description:

    [...] Kommen wir von der Entwicklung zum Design – 5 Wege Grafiken interessanter zu gestalten. [...]

Post a Comment

Why not join the conversation? Don't have an avatar? You might want to consider getting one.

Tasty Web Bits

Smoking Apples is giving away a couple of licenses for AppZapper 2.

AppZapper 2 has been released, and is sporting a brand new, very delicious looking UI.

Envato’s new iPhone News and App Review site, iPhone.AppStorm has launched.

Win a copy of 1Password via Mac.Appstorm.

Very cool tutorial on creating a Textured Grungy 3D Type Design over at Blog.SpoonGraphics.

MacUpdate is giving away Videobox & MainMenu for free.