Archivio per la tag 'webdesign'

Carrd: creare eleganti mini siti di una sola pagina navigabili da qualsiasi dispositivo

Carrd è un servizio che permette di creare eleganti mini siti di una sola pagina navigabili da qualsiasi dispositivo.

I mini siti costruiti con Carrd, infatti, sono di tipo responsitive, vale a dire che si adattano alla dimensione dello schermo con cui sono aperti, dai telefoni, ai tablet ai computer desktop.

Sebbene si possa partire da un canvas vuoto, esistono tanti ottimi modelli da cui iniziare che consentono di realizzare siti per qualsiasi necessità e di qualsiasi tipo: un profilo personale, un portfolio immagini, un form da compilare, una landing page o anche qualcosa di un po’ più elaborato.

Carrd richiede registrazione, è molto semplice dea utilizzare, non richiede conoscenze di programmazione web,  è totalmente gratuito e fornisce una versione pro a prezzi contenuti con funzionalità aggiuntive.

Creare la foto realistica di un volto a partire da un semplice disegno grazie all’intelligenza artificiale

Face Maker AI di Massless è un’applicazione web che permette di creare la foto realistica di un volto a partire da un semplice disegno grazie all’intelligenza artificiale.

La creazione di volti realistici grazie all’AI è già molto diffusa. Esistono infatti già tanti siti web in grado di creare volti inventati in pochi click.

Face Maker AI offre la possibilità di creare visi finti a partire da un semplice strumento di disegno con cui inserire le caratteristiche desiderate.

Tramite l’apposito editor, infatti, possiamo disegnare nasi, bocche, occhi e tutti gli altri elementi di una faccia usando il colore appropriato per ogni area.

Possiamo dipingere e disegnare liberamente (meglio con un dispositivo touch) come se fosse un programma di disegno per bambini.

In questo modo otterremo il volto generato dall’Intelligenza Artificiale pronto per essere scaricato come immagine PNG ed utilizzato nei nostri progetti.

Storyset (Freepik Stories): tantissime fantastiche illustrazioni gratuite da personalizzare, animare e utilizzare gratuitamente

Freepik Stories e Storyset (vi consiglio di andare direttamente al secondo link) sono più o meno lo stesso sito, anche se puntano a URL diversi, in quanto forniti proprio da Freepik, un sito di risorse grafiche che offre foto, immagini vettoriali, PSD, illustrazioni 3D.

La sostanza è che vi si possono reperire tantissime illustrazioni gratuite di qualità da personalizzare, animare e utilizzare in qualsiasi tipo di progetto.

Tutte le immagini disponibili sono personalizzabili, è possibile rimuovere elementi, cambiare lo sfondo, modificare i colori per poi procedere al download nei formati SVG e PNG e attribuire la licenza fornita per copyright.

Si tratta di una funzione geniale e molto pratica che permette di realizzare in pochi semplici click una grafica del del tutto personalizzata e ideale per i nostri progetti professionali e didattici (vedi esempio sopra e sotto della stessa immagine).

Ma non finisce qui! È possibile infatti anche ottenere delle vere e proprie animazioni e scaricarle come GIF, in formato video MP4 o prelevare il codice HTML.

Una funzione assolutamente geniale, che consente di ottenere il massimo da una illustrazione e di personalizzarla in modo estremo molto facilmente.

Storyset include un motore di ricerca interno e una barra laterale per filtrare le ricerche in base alla tipologia delle immagini.

Immagini perfette da utilizzare quando si tratta di comunicare idee o messaggi rapidamente, per rafforzare un concetto e evidenziare esattamente ciò che si vuole trasmettere poiché con le illustrazioni è più semplice attirare l’attenzione e distinguersi dalla concorrenza.

A mio avviso Storyset può tornare molto utile anche agli insegnanti per reperire materiale grafico da includere in PowerPoint e, meglio ancora, in Google Presentazioni o addirittura in Jamboard.

Picfont: aggiungere scritte alle foto (anche con testo ricurvo), trasformare una scritta in un’immagine, creare banner e loghi facilmente

Picfont è una pratica web app che consente di aggiungere scritte alle foto (anche con testo ricurvo), trasformare una scritta in un ‘immagine e creare banner e loghi in modo molto semplice ed intuitivo.

Da quando l’ho recensita, appena uscita nell’ormai lontano 2008, l’applicazione è migliorata e si è evoluta in meglio inserendo la funzione della curvatura del testo e tanto altro ancora.

Con essa, non solo si possono creare scritte personalizzate in un infinità di modi, scegliendo font, colori, sfondi, dimensioni e mille altri effetti, ma anche grafiche, banner e loghi da inserire in documenti o pagine web sfruttando le numerose opzioni a disposizione.

Per ottenere l’effetto curvatura, una volta creata la scritta, basta fare clic sulla rotella dell’ingranaggio e selezionare l’apposita opzione. È possibile modificare la curva da Normale a Media o Forte.

Se vogliamo che il nostro testo si ricurvi verso il basso invece che verso l’alto, bisogna scegliere l’opzione Inverti.

Se si disabilita lo sfondo, si può salvare l’immagine PNG con uno sfondo trasparente e quindi si integrerà perfettamente nei nostri lavori.

Picfont non richiede di effettuare il login, basta visitare il sito web e iniziare a creare.

Sono a disposizione una serie di modelli le cui dimensioni si adattano perfettamente per le testate di nostri social: YouTube, Instagram, Facebook, Twitter, ecc.

Si tratta di uno strumento gratuito che mostra pubblicità non troppo invadente ma che non include fortunatamente orribili filigrane (watermark) sull’immagine creata come invece fanno di solito siti di questo genere.

Picfont funziona bene anche nei dispositivi mobili. Ecco alcuni rapidi esempi di quello che si può realizzare in pochi minuti:

Excalidraw: ottima lavagna virtuale per disegnare schemi come se fossero disegnati a mano

Excalidraw è un’ottima lavagna virtuale per disegnare schemi come se fossero disegnati a mano.

Interamente basato sul Web, crittografato end-to-end e completamente opensource, si tratta di uno strumento per  disegnare come si fa in un foglio di carta in modo da appuntare pensieri o per spiegare qualcosa in modo schematico.

Per iniziare basta recarsi sul sito e procedere a disegnare. Nessun caricamento, nessuna registrazione, pronto subito all’uso e questo è già un grande vantaggio.

Le forme sono semplici in modo che l’applicazione sia sempre veloce da usare. Il testo può essere aggiunto facendo doppio clic in un  punto desiderato. I colori del testo, delle forme e dello sfondo possono essere selezionati da una tavolozza o tramite i codici esadecimali che consentono una personalizzazione infinita. 

Un’altra caratteristica importantissima di Excalidraw è la sicurezza e la facilità di condivisione dei disegni. La web app infatti memorizza tutti i disegni sul server come elementi crittografati, ciò significa che anche se i dati sono conservati in remoto, nessuno può vederne il contenuto.

L’ultimo disegno fatto rimane memorizzato nel sito alla prossima visita. I lavori  possono essere esportati come file immagine PNG, vettoriale SVG o anche solo come link condivisibile.

La collaborazione in tempo reale è eccellente. Sin da subito è possibile generare un URL da condividere con altri per farli accedere e contribuire al disegno come se fossimo in un taccuino virtuale. In tempo reale possiamo vedere il lavoro di tutti e tutto quanto viene aggiunto.

Lo spazio di lavoro è infinito, espandibile in base alle esigenze così come l’archiviazione digitale nel cloud. Il tutto viene offerto in modo completamente gratuito e sicuro, lontano da occhi indiscreti.

Excalidraw non è un sostituto di applicazioni simili e più complesse come Lucidchart, Creately, Draw.io, i Disegni di Google, ecc. ma qualcosa di molto più semplice ma efficiente soprattutto quando si tratta di realizzare cose semplici, proprio come si fa con carta e penna.

Progetto opensource fornito in anche in Italiano, si distingue per gli ottimi menù contestuali che favoriscono azioni rapide assieme alle scorciatoie di tastiera.

Superfluo dire che funziona alla grande con dispositivi touch screen, che siano notebook, chromebook, tablet o iPad.

Consigliato non solo per i professionisti come strumento di produttività ma anche agli insegnanti che lo vogliono utilizzare come funzionale lavagna virtuale basata sul web.

PhotoScissors: web app per eliminare lo sfondo delle foto automaticamente in pochi secondi e aggiungere un nuovo scenario personalizzato

PhotoScissors è una web app che permette di eliminare lo sfondo delle foto automaticamente in pochi secondi molto facilmente e aggiungere un nuovo scenario personalizzato.

Il suo funzionamento è molto simile alla più conosciuta remove.bg, basta andare sul sito e caricare l’immagine che si desidera modificare (anche trascinandola sulla pagina web).

Lo strumento supporta l’upload di file in formato JPG e PNG , di 10 mb di dimensione massima e risoluzione massima dell’immagine a 4,2 mpx.

Dopo aver caricato la foto si aprirà una una schermata di modifica, un vero e proprio editor con un pennello verde per indicare le parti dell’immagine che si vuole conservare e tutta una serie di altre opzioni per selezionare la parte precisa dell’immagine che si vuole mantenere.

Durante l’editing si vedrà un’anteprima in tempo reale dell’immagine modificata. Se si rimuove troppo o troppo poco si può tornare indietro o riutilizzare il pennello verde.

Si può scegliere tra uno sfondo trasparente, colorato o caricare un’immagine per aggiungere un nuovo scenario. Finito il lavoro si può scaricare gratuitamente l’immagine ottenuta priva di sfondo in formato PNG.

Se vogliamo ottenere immagini ad alta risoluzione è necessario registrarsi e acquistare crediti.

PhotoScissors  funziona benissimo con oggetti in primo piano, ritratti di persone ma anche di animali, come potete evincere da mio esempio.

Le sagome ricavate in ogni caso possono essere usate in atri contesti ed inserite in altri scenari a piacere, anche attraverso altri software o web app come per esempio in questo mio tutorial su Presentazioni di Google.

Se non siete grafici di professione o non avete tempo da perdere con complicati software alla Photoshop, vi consiglio di provare questi semplici ed efficaci strumenti gratuiti.

Seguimi

Pixel Art

Pixel Art

Coding

Coding

Maestro Alberto Scuola Primaria

Maestro Alberto albertopiccini.it
Se cerchi notizie sulla Scuola Primaria clicca sopra