• rss
  • facebook
  • twitter
Your Ad Here

The golden rule of blogging is offer valuable content.  This tip trumps a good design, flashy graphics, twitter integration, powerful links, even advertisements.

However, quality content can be improved with an applicable and eye-catching screenshot.  Here are some tips and tools for creating awesome screenshots for your WordPress posts.

Choosing the format

  1. All screenshots should be the same format and size.  Pick a size that goes well with your theme and stick with it.
  2. If your screenshot will not be of the entire page, pick a section of the site that is applicable to the topic of your post.

Choosing the screenshot

  1. Pick a section of the site to screenshot that is descriptive of the topic and has something to look at.  For example, don’t choose blank space or a generic graphic to focus on.  Rather, choose a piece of the site that is unique and shows something about what the website is about.

Here’s and example of a good and bad screenshot of Mashable.com – one of our favorite blogs.  For this example, we chose a 200px square image in JPEG format.

A bad screenshot

A good screenshot

Notice the differences?  The bad screenshot doesn’t indicate the website or anything about it.  What is that blog about?

The good screenshot indicates the name of the blog, several categories, even the overall color scheme.  It doesn’t matter that the entire logo isn’t shown, people will get the idea.

Formatting your screenshot

  1. There are a few things you can do to improve the quality of your screenshot after you’ve chosen how and what to snapshot.  You can add effects like an angle, dropshadow or even the famous “shiny table effect”.  Here are some examples:

The original screenshot without effects


A screenshot with a -25 degree arbitrary rotation.

With an added dropshadow

These effects were all done in the GIMP, a free graphics editor.  If you want to add the shiny table effect, check out this tutorial.

Choose the right tools

There are lots of options out there for taking and manipulating screenshots.  Here are some of our favorites:

Firefox addons

  • Lightshot - a simple version without useless stuff
  • Fireshot – comes with built-in editing tools
  • Screenshot Pimp – a few more options, still simple though
  • Check out all the Firefox screenshot addons here.

The other option

  • If you don’t want another addon, just use the Print Screen button on your Windows machine which will add a screenshot to your clipboard.  Simply paste it into your selected graphics editor into a file of your preferred size.  Drag it until you’ve got a nice focus and you’re all set!

Graphics editors

  • Photoshop - the cadillac of image editing with virtually limitless options.
  • The GIMP – a free option that comes with many of Photoshop’s features.
  • Grabit - a handy screenshot tool but limited advanced options.  Built purely for screenshots.

A few more tips when taking screenshots

  • Choose color – bright, vibrant colors add energy to your blog post.
  • Keep them small – screenshots are just a taste of a site and shouldn’t encompass the whole thing.
  • Keep them natural – don’t resize if you can avoid it.
  • Keep them applicable – if you’re creating a showcase post, or list of multiple sites, choose the first list item as your screenshot.
  • Have your own tips for a screenshot?  Leave a comment below.
  •  

    Written by Dusty.

    Source: http://www.pingable.org/mini-tutorial-creating-awesome-screenshots/

     

     

    Tweet

Recommended Articles:

12 Responses so far.

  1. url submission says:

    I am regular reader, how are you everybody? This post posted at
    this site is actually fastidious.

  2. [...] yet it is important. Permalink is a specific link structure for an article. For instance, http://creativectors.com/2012/03/15/mini-tutorial-creating-awesome-screenshots…. Using WordPress, we can customize permalink to be more search engine friendly. And we can [...]

  3. Ronni Monarque says:

    I was studying some of your posts on this website and I conceive this internet site is really informative! Retain putting up.

  4. Back Pain Relief says:

    Sorry for my bad english. Thank you so much for your good post. Your post helped me in my college assignment, If you can provide me more details please email me.
    My site is [url=http://www.neckbackpainrelief.org/]Back Pain Relief[/url].

  5. Rey Lovas says:

    Some genuinely excellent content on this web site , thanks for contribution.

  6. free song download mp3 says:

    I saw a lot of website but I think this one holds something special in it. “Be kind, for everyone you meet is fighting a hard battle.” by Plato.

  7. Grover Sierra says:

    I’ll immediately clutch your rss feed as I can’t to find your e-mail subscription link or e-newsletter service. Do you’ve any? Please permit me recognise so that I could subscribe. Thanks.

Add a Comment


To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.

CAPTCHA Image
Refresh Image

https://kejari-wonosobo.kejaksaan.go.id/upload/slot88resmi/ https://disporapar.boyolali.go.id/upload/link-slot/ https://pariwisata.darmajaya.ac.id/upload/terbaru-2024/ https://museummultatuli.id/upload/link-slot/ https://kumelembuai.minselkab.go.id/upload/slot-terkuat/ https://disdik.munabarat.go.id/images/ggacor/ https://hima-if.teknokrat.ac.id/image/slot-gacor/ https://disporapar.boyolali.go.id/icon/slot/ https://2021.kinerja.ekon.go.id/halal/bet88 americaunraveled.com