how to use awesome screenshot in firefox

Upload: ann-penaredondo

Post on 05-Apr-2018

232 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    1/50

    How to use

    in Mozilla Firefox

    1http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    2/50

    Heres another way of

    capturing screen shots!

    2http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    3/50

    You can use AwesomeScreenshots to capture images

    for your clients or share withyour friends!

    3http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    4/50

    Lets begin!

    4http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    5/50

    On your URL, typewww.awesomescreenshot.com

    5http://penarunziva.wordpress.com

    http://www.awesomescreenshot.com/http://www.awesomescreenshot.com/
  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    6/50

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    7/50

    You will have to download thisapp based on the browser

    youre using.

    Currently, its available in

    Mozilla Firefox, GoogleChrome and Safari.

    7http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    8/50

    In this case, lets download theFirefox version.

    8http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    9/50

    Click here.

    9

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    10/50

    Closer look

    10http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    11/50

    Wait for the add-on to finish itsdownload.

    11http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    12/50

    Click Install Now.

    12http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    13/50

    Closer look13http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    14/50

    Look at the upper right side of your Firefox window.

    14http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    15/50

    See this?

    15http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    16/50

    That is your AwesomeScreenshot icon.

    16http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    17/50

    You may now start capturing

    images!

    17http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    18/50

    Click the arrow down besidethe icon.

    18http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    19/50

    This appears.

    19http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    20/50

    Lets open another website.

    20http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    21/50

    As an example, I opened thesite Takbo.ph

    21http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    22/50

    22http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    23/50

    If I click Discover Similar Sites

    23http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    24/50

    Another window appears.

    11

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    25/50

    It shows the similar sites toTakbo.ph

    25http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    26/50

    Since Takbo.ph is a blog siteabout running

    26http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    27/50

    Similar sites that were givenare related to running, too!

    27

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    28/50

    Go back to the AwesomeScreenshot icon.

    28http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    29/50

    Click the arrow down besidethe icon.

    29http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    30/50

    Click Capture Visible Part

    30http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    31/50

    A new window appears.

    31

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    32/50

    This is the captured part of thesite.

    32http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    33/50

    See this on top?

    33http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    34/50

    This is your AwesomeScreenshot Toolbar.

    34http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    35/50

    Use it to crop, put a rectangleor circle, an arrow or a line, or even write on your captured

    image.

    35http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    36/50

    Click this

    36http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    37/50

    Drag the cursor to the area youwish to put the shape.

    37http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    38/50

    Like this.

    38http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    39/50

    Lets try to put an annotation

    to the image.

    39http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    40/50

    Click this.

    40http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    41/50

    This appears.

    41http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    42/50

    Choose a color for your textannotation.

    42http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    43/50

    Type your annotation to anypart of the captured image.

    43http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    44/50

    Closer look

    44http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    45/50

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    46/50

    I got it from here.

    46http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    47/50

    When you are finished,

    click Done.

    47http://penarunziva.wordpress.com

    h l

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    48/50

    Choose to Save Online or to SaveLocal (on your computer)

    48

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    49/50

    Closer look

    49http://penarunziva.wordpress.com

  • 8/2/2019 How to Use Awesome Screenshot in Firefox

    50/50

    Awesome, right?Now go and use it!