Archivio per la tag 'editor'

Web Paint: scrivere e disegnare su qualsiasi pagina web e catturare uno screenshot

Web Paint è un’estensione per Chrome in grado di scrivere, annotare e disegnare su qualsiasi pagina web e catturare uno screenshot.

Il plugin, una volta attivato, fornisce semplici strumenti di disegno molto facili da usare che consentono di disegnare forme, linee e aggiungere testo a pagine web per poi acquisire lo screenshot da condividere.

Per abilitare gli strumenti, basta fare clic sull’icona dell’estensione in alto a destra del browser una volta installata.

Ecco gli strumenti supportati:

  • Strumento matita: disegna una linea personalizzata con lo spessore e il colore della linea selezionati.
  • Strumento contagocce: sceglie un colore dalla pagina web o dai tuoi disegni e usalo per disegnare.
  • Strumento Testo: inserisce il testo nella pagina web con il colore e la trasparenza selezionati.
  • Strumento Linea: traccia una linea retta con lo spessore, la trasparenza e il colore selezionati.
  • Curva quadratica: disegna una curva quadratica con la larghezza della linea, la trasparenza e il colore selezionati.
  • Curva di Bézier: disegna una curva di Bézier con la larghezza della linea, la trasparenza e il colore selezionati.
  • Strumento Poligono: disegna un poligono con lo spessore della linea, la trasparenza e il colore selezionati.
  • Strumento Ellisse: disegna un’ellisse o un cerchio con lo spessore della linea, la trasparenza e il colore selezionati.
  • Strumento Secchiello: riempie un’area con il colore e la trasparenza selezionati.
  • Selettore colore: seleziona un colore per il testo e la linea.
  • Strumento cursore: per tornare a interagre con la pagina web.
  • Strumento gomma: per cancellare le azioni svolte nei disegni.
  • Strumento Screenshot: per catturare uno screenshot della pagina web corrente con i disegni e le annotazioni.
  • Pulsante Esci: cancella i disegni e disabilita gli strumenti.

Altri strumenti ottenuti con pulsante a scorrimento sono:

  • Trasparenza: seleziona una trasparenza per il testo e la linea. 
  • Dimensione: seleziona una dimensione per il testo e la linea

Una volta acquisita la schermata è possibile scaricare il file immagine JPG ottenuto, copiarlo nella clipboard, stamparlo oppure ritagliarlo selezionando un’area specifica (crop).

Molto interessante anche la funzione che consente di selezionare un riquadro di una pagina web e nascondere tutto il resto attraverso il secchiello.

Utile in generale per tutti e anche per chi ha bisogno di uno strumento simile nella didattica a distanza.

Historic Tale Construction Kit: web app per creare storie medievali a fumetti e meme

Historic Tale Construction Kit è un sito dove creare facilmente storie medievali a fumetti.

Si tratta di un editor di meme che consente di aggiungere edifici, bestie, persone, soldati vivi e morti e molto altro ancora.

Si possono aggiungere pagine per realizzare un vero racconto a fumetti e quindi è adatto allo storytelling anche in ambito scolastico.

Lo strumento permette di creare una sorta di arazzo classico dove aggiungere e modificare scritte e contenuti.

Si possono cambiare le ambientazioni di sfondo, sovrapporre figure, ingrandirle e ruotarle, renderle opache, in modo da ottenere effetti di profondità.

Il suo funzionamento è molto semplice, l’accesso è gratuito, non è richiesta registrazione e, sebbene sembri un gioco, l’editor semplificato per disegnare e scrivere è molto potente.

I disegni e i fumetti possono essere salvati in file immagine PNG (o come file proprietari HCTK che possono essere ricaricati successivamente nella web app ed editati nuovamente.

Se sono state create più pagine (ed è possibile anche duplicarle), esse possono essere esportate come animazione GIF, come nell’esemplo sotto.

Volendo questo generatore di contenuti  può essere utilizzato offline scaricando un pacchetto software gratuito.

Semplice, utile, divertente.

Dinopixel: ottimo strumento per creare grafiche e animazioni in pixel art

Dinopixel è uno strumento basato sul web per creare grafiche e animazioni in pixel art davvero completo e ben fatto.

Le principali funzioni della web app sono le seguenti:

  • creare un’immagine in pixel art da 64×64 pixel a 1024×512
  • disponibilità di griglie già pronte
  • tavolozza di colori completa per ogni pixel art
  • spostare un disegno facilmente in alto, in basso, a sinistra e a destra
  • ritagliare l’immagine prima di scaricarla
  • salvataggio di un disegno per ricaricarlo durante una prossima visita
  • realizzare un’immagine GIF animata con le pixel art create

Dinopixel, inoltre, fornisce una galleria dei lavori degli utenti che possono essere utilizzati, votati e scaricati a piacere.

Tra le altre importanti caratteristiche dell’editor online è possibile ritagliare l’immagine prima di scaricarla in formato PNG in varie risoluzioni.

È possibile inoltre scegliere tra vari tipi di griglie dove disegnare, dalle più semplici alle più complesse, cambiare il colore di sfondo della pixel art, zoomare sul lavoro scegliere i colori dei pixel (anche inserendo i codici esadecimali specifici), cancellare, selezionare il colore dello sfondo.

Le griglie a più densità di pixel offrono la possibilità di realizzare sfondi personalizzati per computer, tablet e smartphone.

L’aspetto più interessante dello strumento, tuttavia, è che si possono realizzare animazioni GIF con i nostri disegni semplicemente salvando una serie di pixel art magari cambiando i colori di un lavoro o applicando piccole modifiche in sequenza. Sotto un esempio di ciò che possiamo realizzare.

Dinopixel è uno strumento gratuito che non richiede registrazione obbligatoria.

Vedi anche: Coding unplugged e Pixel Art: lista di software, applicazioni web, editor online, app per Android e iOS per creare immagini 8-bit

Brush Ninja: una fantastica app per disegnare gif animate personalizzate

Brush Ninja è una fantastica app che consente di disegnare gif animate personalizzate in modo molto semplice ed intuitivo.

Si tratta di un’applicazione gratuita che non richiede la registrazione di un account, che funziona in html e javascript tramite qualsiasi browser web. Si avvierà dunque su pc desktop, notebook, dispositivi mobili senza problemi indipendentemente dal sistema operativo. Al momento è fornita anche un app specifica per MAC.

Brush Ninja ha ricevuto interesse anche da educatori e insegnanti visto che si tratta di uno strumento efficiente e creativo che consente di essere usato anche in progetti di tipo didattico.

Ecco un breve semplicissimo video tutorial che mostra le sue potenzialità:

Le animazioni ottenute con Brush Ninja possono essere condivise facilmente via Twitter e ci sono professori che la hanno usata per stimolare l’impegno degli studenti, la loro creatività e il pensiero critico.

Per farla funzionare basta creare una serie di disegni attraverso il semplice editor grafico e l’app costruirà da sola l’animazione della quale è possibile visualizzare un’anteprima. Essa può essere esportata come GIF oppure si possono salvare i frame di cui è composta come se fossero i singoli disegni a fumetto di un cartone animato.

Ovviamente Brush Ninja dà il meglio di sé tramite dispositivi touch con una stilo e quindi anche tramite la LIM di classe, pertanto può essere usata a scuola senza problemi anche dagli studenti più piccoli per creare animazioni, presentazioni o per spiegare concetti dimostrativi alla lavagna di cui non è necessaria una scrittura dettagliata.

Per la maggior parte degli utenti la versione web è perfetta dal momento che è gratuita e con tutte le funzionalità necessarie. Si tratta di un software libero che non richiede nessuna licenza o hardware specifico: si apre il navigatore internet e funziona senza nemmeno effettuare login.

Non c’è inoltre tracciamento di dati personali o pubblicità, non è dunque necessario preoccuparsi della privacy o delle informazioni personali e quindi è perfetta per un uso scolastico.

La versione mobile funziona molto bene e pertanto può essere usata al meglio anche su su schermi di piccole dimensioni di tablet e smartphone. 

Attraverso le impostazioni si possono scegliere il numero dei frame per secondo, il colore dello sfondo della GIF, l’hashtag del watermark e addirittura il colore dell’editor da utilizzare. Si può anche facilmente scegliere la dimensione del tratto,  l’intensità dei colori con cui disegnare, inserire forme e righe e, naturalmente, cancellare.

Brush Ninja include un motore di ricerca integrato con il quale cercare e selezionare immagini di background e presto sarà aggiunta anche la possibilità di caricare immagini di sfondo personalizzate.

L’app è in continua fase di miglioramento e, sulla base del feedback degli degli insegnanti, Ben Gillbanks, il suo sviluppatore, ha aggiunto anche lo strumento testo.

Brush Ninja, infine, fornisce anche un sistema di scelta rapida degli strumenti tramite comandi della tastiera.

ProcessOn: creare grafici e diagrammi di flusso online in forma collaborativa

ProcessOn è un sito strutturato come una rete sociale dove è possibile creare grafici e diagrammi di flusso online in forma collaborativa.

Sviluppato in HTML5 offre un editor molto completo e ricco di strumentazioni. Si tratta di un vero e proprio software da gestire online singolarmente o con altri utenti invitati a partecipare alla creazione.

Tutto avviene rapidamente in tempo reale.

ProcessOn offre un file magener per organizzare i lavori e un vero e proprio social team network professionale dove gestire i contatti e costruire e scoprire gruppi di lavoro.

In buona sostanza ProcessOn è un ottimo strumento gratuito per professionisti ed insegnanti dove accedere tramite registrazione.

L’editor di ProcessOn, tuttavia può anche essere provato e utilizzato liberamente qui ed è disponibile anche come app per Chrome.

Realizzare mappe mentali, grafici e diagrammi di flusso online con DiagramLy

DiagramLy (o Diagram.ly che dir si voglia) è un’ottima applicazione web che consente di creare mappe mentali, grafici e diagrammi di flusso facilmente direttamente online.

Si tratta essenzialmente di uno strumento di disegno che contiene tutte le funzioni per generare diagrammi all’interno del browser senza installare alcun software aggiuntivo.

Si presenta come un vero e proprio editor con le barre degli strumenti poste sulla sidebar a sinistra e un testata. La grafica ricorda i programmi di Microsoft Office.

I tool sono reperibili facilmente perché il servizio è rilasciato interamente in Italiano.

Si possono inserire, muovere e modificare forme di vario genere e una grandissima quantità di clipart suddivise per categorie.

Ovviamente si possono inserire connettori, frecce, scritte, vari tipi di font, colorare e formattare il testo.

I grafici possono essere salvati come immagini PNG, JPG e SVG ed esportati in formato XML.

Ciò significa che essi potranno essere ricaricati per sottoporli ad ulteriori modifiche quando vogliamo.

DiagramLy è un servizio gratuito che non richiede registrazione e che permette la condivisione dei lavori realizzati nelle reti sociali con un click.

Via | maestroalberto | web 2.0 scuola nuove tecnologie