Archivio per la tag 'immagini'
piCSSel-art: applicazione web per disegnare figure in pixel art in codice CSS
Pubblicato da Maestro Alberto
piCSSel-art è una interessante applicazione web che permette di disegnare figure in pixel art e che converte automaticamente il lavoro in fogli di stile CSS, vale a dire (detto alla buona) nel linguaggio di programmazione che consente di modificare la grafica e la formattazione dei siti e della pagine web.
Si tratta di un esperimento di Kushagra Gour che può essere usato per generare grafiche personali da usare nei nostri progetti di coding e coding unpluigged.
Il servizio è molto completo e sono disponibili varie funzioni di personalizzazione: decidere la dimensione della griglia (numero dei pixel in orizzontale e verticale), decidere la dimensione dei pixel, correggere gli errori e ripulire, mostrare o nascondere la griglia, selezionare e salvare i colori da una palette (con il relativo codice esadecimale) e, ovviamente, salvare anche il codice HTML e CSS generato dal disegno.
Le immagini create possono essere salvate invece solo tramite uno screenshot.
Si tratta in buona sostanza di uno strumento interessante che, oltre a creare grafiche in pixel art, permette di far conoscere come funziona la grafica digitale associata ai linguaggi di programmazione tipici dello sviluppo di siti e pagine web.
piCSSel-art è un tool a codice aperto realizzato sotto licenza del celeberrimo MIT, è gratuito e non richiede registrazione.
Vedi anche la lista di software, applicazioni web, editor online, app per Android e iOS per creare immagini 8-bit
DIY, coding unplugged e pixel art: un semplice portachiavi a forma di cuore per la Festa della Mamma fatto con le perline Pyssla
Pubblicato da Maestro Alberto
Il Maestro Alberto propone una semplicissima attività DIY (fai da te) di conding unplugged e pixel art dedicata alla Festa della Mamma: un portachiavi a forma di cuore realizzato con le perline Pyssla.
Occorrente:
- perline stirabili Pyssla, Hama o simili
- piastre per le perline
- ferro da stiro
- carta da forno
- pezzetti di catena piccola
- anelli di acciaio
- scheda per realizzare il cuore in pixel art
Innanzitutto realizziamo il cuore.
Il disegno è composto da 3 colori solamente, incluso il bianco dello sfondo, che possono essere personalizzati a piacere in base ai gusti personali.
La figura è sviluppata in una griglia 6X7 ed è formata pertanto solo da 42 pixel.
Sotto si possono prelevare le schede in PDF con le griglie e il codice pronto.
A questo punto realizziamo il cuore con le perline e lo stiriamo per fissarlo appoggiandoci sopra la carta da forno per evitare che la plastica si attacchi al ferro rovente.
Una volta fissato aggiungeremo un anello all’interno della perlina centrale come da foto, la catena e l’altro anello per ottenere il ciondolo.
Si può anche collegare la catena senza anello al cuore durante la fase di stiratura ma è necessario essere precisi e il lavoro potrebbe risultare un po’ più difficile.
Considerata la semplicità del lavoretto se ne può fare più di uno variando sui colori e fissare i cuoricini sullo stesso anello o su un’altra catenina.
Questa tecnica per realizzare ciondoli vale ovviamente per altri lavori in pixel art da realizzare con le perline stirabili.
Si tratta di un lavoretto facile, adatto a tutte le classi di scuola primaria, ma che potrebbe essere preso a modello anche per divertirsi in famiglia a casa con un passatempo creativo ed istruttivo.
Ecco alcune foto dei lavori svolti in classe:
Lavoretti di Pasqua per bambini: un coniglio addobbo di carta plissettata da appendere
Pubblicato da Maestro Alberto
Il Maestro Alberto presenta un lavoretto della serie DIY, fai-da-te a costo zero, di sicuro impatto grafico per la festa di Pasqua: un coniglio di carta plissettata da appendere al soffitto e da usare come addobbo .
Si tratta di un’idea molto semplice da realizzare soltanto con cartoncino bianco, nero e rosa, un pennarello nero, forbici, colla stick e colla a caldo.
Bisogna partire da un foglio bianco tipo A4 o leggermente più grande da dividere in due o tre strisce verticali larghe uguali a seconda della dimensione finale che si vuol ottenere.
Le strisce vanno ripiegate più volte su se stesse e plissettate per ottenere una sorta di fisarmonica.
Esse vanno incollate insieme per formare una corona: due se si vuole realizzare un coniglietto piccolo, almeno tre se sono più larghe e si vuole un coniglio grande.
Si otterrà così, una volta schiacciata dall’interno verso l’esterno, la forma circolare della base.
Dovremo poi ritagliare dei dischetti bianchi aiutandosi con una forma, tipo un vecchio cd, da incollare sul davanti con la colla a caldo su cui possiamo disegnare il muso del coniglio aiutandosi con dei piccoli ritagli rosa e neri a forma di cerchietti (per gli occhi) e di triangolo (per il naso).
Successivamente disegneremo i baffi con un pennarello nero.
Le orecchie saranno fatte ripiegando in due verticalmente due strisce bianche più piccole e due rosa da incollare all’interno usando la tecnica della simmetria
A questo punto incolleremo alla base con la colla a caldo il muso al centro con sotto una parte delle orecchie in modo da stabilizzare il lavoro e ripeteremo questa fase per ottenere anche l’altra facciata in modo che girando, una volta appeso, avremo sempre ben in vista un musetto.
Una volta che tutto sarà asciutto faremo un piccolo buco per legare un cordino o una lenza e il gioco è fatto.
Sotto la galleria delle immagini delle varie fasi di quelle che abbiamo realizzato in classe.
Ecco il video del risultato finale:
Il lavoretto può essere svolto a scuola con le maestre o a a casa in famiglia per puro divertimento facendo qualcosa di originale e creativo.
Coding Unplugged e Pixel Art: la scheda di Pasqua del pulcino che rompe l’uovo e dell’anatroccolo
Pubblicato da Maestro Alberto
Il Maestro Alberto propone un’attività di condingunplugged e pixel art dedicata alla Pasqua: la scheda del pulcino che rompe l’uovo.
Si tratta di un quadro che comprende anche un anatroccolo su uno sfondo primaverile.
L’immagine è sviluppata in una griglia da 18X30 ed è formata pertanto da 540 pixel.
Il disegno è composto da da 6 colori che possono essere personalizzati a piacere nelle tonalità a seconda dei gusti personali. L’azzurro del cielo potrebbe essere sostituito dal bianco per facilitare lo svolgimento.
Ideale per un lavoretto di Pasqua delle classi di scuola primaria, ma anche per divertirsi in famiglia a casa con un passatempo creativo ed istruttivo
Sotto si possono prelevare le schede in PDF con le griglie e il codice pronti.
L’immagine è valida anche per un biglietto di auguri, per comporre un addobbo, per formare un cartellone o come schema per realizzare composizioni con le Pyssla e con le perline Hama.
Lavoretti di Pasqua per bambini: un biglietto colorato a forma di gallina
Pubblicato da Maestro Alberto
Ecco una simpatica idea per realizzare un biglietto colorato di Pasqua a forma di gallina.
Si tratta di un lavoretto fai-da-te davvero semplice da realizzare ma di sicuro impatto come si può vedere dalle immagini e dal video.
Occorre solamente dei fogli di carta colorata, una matita, forbici, colla e un pizzico di creatività.
Basta realizzare una base pieghevole ed incollare le parti del corpo della gallinella: il becco, la cresta, gli occhi, le ali, la coda e le zampe.
L’interno, ovviamente, può essere personalizzato con scritte a piacere.
Ideale per un lavoretto di carta a scuola con le maestre o a casa in famiglia per realizzare dei segnaposti o degli addobbi pasquali per puro svago.
I riferimenti per farlo possono essere trovati qui .
Coding e Pixel Art: la scheda e il biglietto di auguri per la Festa del Papà a forma di cuore con i baffi
Pubblicato da Maestro Alberto
Il Maestro Alberto propone un’attività di conding unplugged e pixel art dedicata alla Festa del Papà: la scheda e il biglietto di auguri da regalare al papà a forma di cuore con i baffi!
Sono partito da un disegno in pixel art a forma di cuore con cui ho realizzato uno smiley, una specie di faccina al cui interno ho disegnato gli occhi anch’essi a forma di cuore e due bei baffoni.
L’immagine è sviluppata in una griglia da 21X21 ed è composta quindi da 441 pixel.
Il disegno è formato da 4 colori, bianco incluso, che possono essere personalizzati o cambiati a piacere a seconda dei gusti personali.
Ho pensato di realizzare delle schede classiche con le griglie e il codice, ma anche dei modelli per un biglietto di carta già pronto o da colorare, da stampare e ritagliare.
Ecco come risultano le due facciate esterne da ripiegare, dove sulla sinistra si può inserire il codice.
L’interno può essere personalizzato con una scritta come questa per esempio.
Sotto ci sono tutti i file in PDF del biglietto da scaricare:
- biglietto tre cuori intero esterno svolto
- biglietto tre cuori intero esterno vuoto
- biglietto tre cuori intero interno scritta
- biglietto tre cuori intero interno vuoto
E quelli della scheda classica:
Ideale per un lavoretto per la festa de papà delle classi di scuola primaria, ma anche per divertirsi in famiglia a casa con un passatempo creativo ed istruttivo.
Ecco le foto dei biglietti svolti:
L’immagine principale è buona anche come schema per realizzare composizioni con le Pyssla e con le perline Hama.
