Screenshots + Notes = Blog Visuals

February 11, 2010 ·

Jing is a really easy way to capture an image on your computer screen and write your own notes and visual cues on it. Add coloured boxes, text and arrows to explain or enhance your screenshot, then email it, tweet it, post to Flickr or on your website.

A blog adds personality to your website content, Jing adds personality to the images you post.

Ways to Use Screencasts

Use Jing for Instructions -You will see from the screenshot below that it is a great way for me to show you an aspect of WordPress,then explain visually how to use it. This took me 3 minutes to create and save. You can also view here – http://www.screencast.com/users/CreativeWebIdeas/folders/Jing/media/74c805d0-8eb0-4027-8924-2a3093abae31 on screencast.com.

NextGen-screencast

  • Add notes to a design project (multiple users can add to same file)
  • Show customers how to use your software
  • Share a snapshot of a document
  • Add comments to your holiday photos
  • Turn your blog photos into cartoon-style images
  • Comment on employees/contributors/syudents work
  • Post visuals of things you like on Twitter & Facebook

How to Get Jing

  1. Go to www.jingproject.com
  2. Download the software and install on your computer.

Once it is running, you’ll see half a yellow circle at the top middle of your computer screen. Hover over it and click on:

jing

  • Capture – to get a screenshot of something you’re looking at
  • History – to access files you’ve already captured
  • More – to close Jing or create custom buttons to share your data

Once you capture an image on your screen:

  1.  Drag a grid over the portion you want to use. 
  2. Click on bottom-left icon to capture image. 
  3. Use the icons on the left of your screencast to add text, boxes and arrows. 
  4. When you have finished, click save, name your file and choose where you would like the image to save on your computer.

Sharing Your Visuals

Upload graphics to your blog/website – every image you capture downloads a copy to your computer. You can upload this file to your website or blog.

Send your Jing Visuals to Twitter 

  1. Hover over the sun and click on more, then preferences. 
  2. Under Sharing Buttons, click customise and click new
  3. Select the twitter icon from the icons at the top
  4. Enter your relevant twitter account details. 
  5. When you want to tweet with a link to a new screencast, just click on history, double-click on the screencast you want to share and click the twitter icon bottom right.
  6. Add your tweet to the link and send.
  7. You can create buttons for facebook, flickr and others in the same way.
  8. More info here…

Email or share the link only – when you are working on a new screencast, if you click on the share icon, the program uploads a copy of your screencast to screencast.com. The link address appears and you can copy this and paste into an email or forum to give people access to your image without having to load it to your own website.

Other Articles You Might Enjoy

Comments

2 Responses to “Screenshots + Notes = Blog Visuals”

  1. rosemary neave on February 13th, 2010 7:41 pm
    rosemary neave

    amazing – fantastic – great, I just had a quick go and it seems such a great way to both teach people the features of a website, and to collaborate on design – and it works for macs too!!!

  2. Keith Davis on February 17th, 2010 6:29 am
    Keith Davis

    Hi Jo
    looks as though this could save me a lot of time.
    When I want a screenshot I press ctrl + print screen then paste the screenshot into a graphiocs program and then edit it.
    Jing looks lots faster.

    BTW I’ve just installed CommentLuv on my site, pay me a visit if you fancy a link back to your latest post.

Post your questions and feedback below or contact me on Twitter.
To receive an email when I reply to comments or add updates to this post, tick the box at the bottom of this form.