Skip to main content

Awesome Screenshot - Tutorial

Nella preparazione dei tutorial dei Corsi Joomla!® o per gli articoli e guide utilizziamo molto spesso Awesome Screenshot.
Awesome Screenshot è il nome di un bellissimo componente aggiuntivo disponibile per Firefox, Chrome e Safari che serve a generare screenshot.
Ci sono molte alternative al suo impiego ma le funzioni accessorie di cui dispone, finestra intera e parziale, taglio, inserimento di frecce, testo e altro, lo rendono a mio parere uno strumento unico e prezioso per il lavoro quotidiano di un webmaster Joomla!®.

Molto spesso dobbiamo inviare via email o stampare bozze di pagine dei nostri siti Joomla!® oppure creare delle guide con foto di schermate del browser per corsi o per scopi personali. In tutti questi casi questo componente ci offre un grande aiuto con un notevole risparmio di tempo.

Awesome 1Il primo passo è inserirlo tra i componenti aggiuntivi del browser, nel nostro caso Firefox. Nella finestrella Esplora dei Componenti Aggiuntivi sarà sufficiente inserire le parole chiave: "awesome screenshot" e cliccare su "Installa" per averlo subito a disposizione nel browser.

Da una graziosa icona a forma di obiettivo fotografico potremo ora accedere ad un menù dal quale scegliere se catturare la parte visibile della finestra o la pagina intera o accedere alle "Options", un piccolo pannellino dal quale selezionare il formato preferito per salvare le immagini (jpg o png) ed eventuali scorciatoie da tastiera.

Awesome 2

 

Awesome 3Dopo aver scelto la tipologia di screenshot desiderata, si aprirà una finestra di anteprima con un comodo menù che ci consentirà di personalizzarlo prima di salvarlo definitivamente.

Strumento Crop

Questo strumento ci consente di ritagliare porzioni dell'immagine attraverso una finestra con comode maniglie per il dimensionamento. In un angolo vengono anche riportate le misure in pixel del riquadro selezionato, utilissimo nel caso si vogliano mantenere certe misure.

Awesome 4

 

Rettangoli, cerchi, frecce, linee e disegno a mano libera

Possiamo creare forme geometriche quali quadrati, rettangoli, cerchi ed ovali, inserire frecce, linee o disegnare a mano libera.
E' possibile anche selezionare il colore.

Awesome 5

 

Effetto sfumino

Utilissimo per nascondere dati sensibili dal testo o dai percorsi.

Awesome 6

 

Inserimento di testo

Cliccando sulla lettera "A" è possibile inserire del testo libero, magari per fare una domanda, un appunto o una correzione.

Awesome 7

 

Una volta terminate le operazioni sarà sufficiente cliccare su "Done" per passare alla schermata finale dalla quale salvare il lavoro fatto, in locale o addirittura online.

Awesome 8

 

Awesome 9In questa finestra è presente anche un link per effettuare una donazione di supporto agli sviluppatori
che in questo caso è sicuramente ben meritata.

I componenti aggiuntivi "indispensabili" sono un argomento trattato nel Corso Joomla!® Base.