login about faq

I believe that you are using Snag it for screen shots on your posts but is there any type of guide or educational resource (i.e. best practices, etc.) you would recommend for me to learn how to make mine as great as yours? :) Thanks!

asked Jun 17 '11 at 09:18

LaurenH's gravatar image

LaurenH
326147

edited Jun 20 '11 at 19:03

Steve's gravatar image

Steve
2.3k163055

I like this idea, but there is a lot involved with making things look good. It takes years of practice and hundreds of bananas eaten.

(Nov 29 '11 at 00:47) bananajoe bananajoe's gravatar image

Hey there Lauren! Glad to have you here on groovyAnswers! Here are a few tips I can give you from my personal experience in writing tutorials:

1) Writer-to-reader communication! - Make sure the reader can "feel" the writer-reader communication. You need to make readers feel like the article writer literally wants to talk to them and like everything is explained in an accessible way - not too advanced, but not too beginner style either.

2) Screenshots and images! - For even the slightest thing which you think the reader may find confusing, try making a few screenshots with annotations, arrows and notes. Every article and tutorial always becomes more pleasant to the eye with more graphics, images and pictures.

3) Organization! - For an easy to understand article or tutorial, everything must be organized neatly - it creates a background plan and schematic for the user (reader) to follow and allows most content to be understood with ease.

As for any Snagit tips - try to work out a personal theme or style if you're planning to use this for your own blog or website. By that I mean having all images with the same instructional style, same arrow colors, same annotation box colors and so on. The biggest advantage of Snagit is that you can take screenshots faster than ever, so take advantage of it and use as many screenshots as possible when needed (just like I mentioned in no. 2).

link

answered Nov 12 '11 at 13:28

DW96's gravatar image

DW96
1.2k91828

So, while programs like Snag It make it easy to take screenshots, I still prefer to use the good ol' Prnt Scrn button on my computer.

Just press the Prnt Scrn key on your keyboard, and it saves a snapshot of your screen right to your clipboard. From there open any image editing program (Paint, GIMP, Photoshop, etc) to alter and save your image. Paste the snapshot (Ctrl + V), and you're good to go! Also, if you just want to capture only one specific window instead of your whole computer screen, use Alt + Prnt Scrn. ^_^

link

answered Jun 17 '11 at 19:10

jshepp's gravatar image

jshepp
419111525

Tell ya what. I'll do a detailed How-To tutorial groovyPost style in a few days and post the link to it here. Hopefully that will get ya what you need. So stay tuned!

link

answered Jun 21 '11 at 01:30

Steve's gravatar image

Steve
2.3k163055

Looking forward to it, Mr. Groove. Thanks! jshepp's response was helpful for taking an actual screenshot but I'm looking for more on the "best practices" & design aspects of creating a great visual tutorial :)

(Jun 21 '11 at 09:02) LaurenH LaurenH's gravatar image

Hey, Mr. Groove- Just curious, did you ever get around to creating a How-to tutorial on creating tutorials? ;)

link

answered Nov 09 '11 at 10:54

LaurenH's gravatar image

LaurenH
326147

Umm..... Wow, is it to late to say I'm sorry?

OUCH!!!!

Ok -- I'm going to do this TODAY. I promise. I'll update you here.

:)

(Oct 27 '12 at 13:35) Steve Steve's gravatar image
Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Markdown Basics

  • *italic* or __italic__
  • **bold** or __bold__
  • link:
    [text](http://url.com/ "title")
  • image:
    ![alt text](/path/img.jpg "title")
  • numbered list:
    1. Foo
    2. Bar
  • Code:
    • Within a paragraph:
      `code`
      surround code with grave accents (backticks)
    • Code snippet:
      Select the text and use the button on the icon of zeros and ones
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Tags:

×18
×4
×1

Asked: Jun 17 '11 at 09:18

Seen: 5,291 times

Last updated: Oct 27 '12 at 13:35

groovyAnswers © 2007 - 2011 All Rights Reserved | Privacy | Contact