Buon inizio settimana a tutti, cominciano a sentirsi sempre di più i rumors intorno all’uscita della prossima suite Adobe Cs5 e in giro sul web cominciano ad apparire qua e là notizie interessanti sulle prime novità. In particolare il programma della suite Cs5 per ora più chiacchierato è sicuramente Flash, che porterà nel mondo dello sviluppo web non poche innovazioni.

Tralasciando per ora il discorso della probabile e progressiva scomparsa del formato .fla a favore del formato .xfl che per ora, Flash è solo in grado di leggere ma non di generare (gli unici programmi che lo generano sono After Effects e Indesign), la prossima versione di Flash Cs5 porterà alcune innovazioni davvero favolose.

Novità in Flash Cs5

Alcune delle novità presenti in Adobe Flash C5 sono davvero favolose, da quello che ho potuto vedere, per ora le implementazioni più interessanti per i designer sono quelle legate alla gestione dei testi e dei pennelli ad effetto in grado di generare numerose forme preimpostate, inoltre un nuovo pannello con funzioni e azioni preimpostate toglierà di torno un bel pò di mal di testa a chi di programmazione sa davvero poco…ma andiamo con ordine.

Schermata introduttiva a Flash Cs5

Tra tutte le novità spicca sicuramente la voce “crea nuovo documento per iPhone”, ultimamente si sta parlando molto dell’interazione di Flash con il favoloso iPhone della Apple.

Nuova gestione incorporamento dei font

La finestra per la gestione dei font incorporati è decisamente più ampia rispetto alla versione di Flash Cs4 e permetterà al Flasher di avere una rosa di possibilità di gestione molto più ampia rispetto a prima.

Salvataggio in formato XFL

Il nuovo formato di salvataggio consigliato dall’Adobe è il file XFL che a differenza di file .fla genererà una serie di cartelle e gruppi di file che permetteranno allo sviluppatore di intervenire in maniera molto più “aperta” sul progetto. Infatto il salvataggio in .xfl genera una serie di file tra cui file .xml che contengono una serie di informazioni davvero utili per l’edit completo del progetto.

Swf History

Il pannello della storia del file swf è una sorta di log nel quale viene registrato ciò che avviene con il file swf. Immaginiamo ad esempio di importare in flash Cs5 un immagine che fa raddoppiare il peso del file, il punto esclamativo nella palette storia ti avvisa anche di questo.

Funzioni per dummies

Flash Cs5 contiene una finestra dalla quale basterà scegliere il tipo di funzione che ci serve, ad esempio un Drag and Drop e avremo subito a disposizione il codice bello e pronto da essere utilizzato oppure editato a piacere, una vera manna dal cielo per chi non va molto d’accordo con la programmazione!

Effetti di disegno in Flash Cs5

Questa è una vera novità in Flash Cs5, una finestra con una serie di effetti pronti per essere utilizzati. Fondamentalmente sono una sorta di pennelli che generano i simboli descritti nel menu che vedete. Quanto sarà utile? Temo non tantissimo…ma vedremo.

Aree di testo concatenate!

Flash Cs5 integra una nuovissima modalità per quanto riguarda il testo: TLF text. Chi usa programmi di impaginazione come Indesign sa benissimo che vantaggio enorme si ha nel avere più aree di testo concatenabili tra di loro in modo da poter gestire il testo come meglio si vuole. Proprio così, ora si potrà frae anche in Flash! Ma non è tutto, avremo anche una gestione delle colonne per gestire al meglio l’impaginazione!!!

Direi che per ora posso fermarmi qua, vi lascio sognare queste nuovissime e utilissime funzioni della prossima versione di flash, ossia la Cs5 e appena ho novità, creerò un nuovo post di modo che possiate seguire insieme a me le novità di questo favoloso programma!

“Dont’ make me think” è un concetto quasi biblico dell’usabilità nel mondo del design ed in particolare, sempre di più, del web design di oggi. Per fortuna le cose stanno cambiando, il web 2.0 con le sue regole e validazioni W3C hanno portato molte cose buone, ci hanno riacceso la luce sul cammino dell’utilità, dell’immediato, della cosa più importante: far capire agli utenti di un sito web quale è l’azione che devono fare o meglio, cosa possono fare sul sito web.

Facile a dirsi…

Lo so che quello che ho detto ti potrà sembrare ovvio e scontato ma non lo è. Tenta di metterti nei panni di una persona che non ha idea di come funzioni internet, di cosa sia un browser, di come si usino i menu e che non sappia dove si può fare click e dove no. In poche parole dimentica tutto ciò che sai di internet, qualsiasi tua conoscenza informatica; ora prova ad accendere il computer e a trovare le informazioni che cerchi su internet;ti assicuro che nella mente di una persona che non ha familiarità con questi concetti, la parola internet suona in maniera davvero alquanto confusa.

Prima di arrivare al sito

Come si cercano informazioni su internet? Semplice: tramite Google o altri motori di ricerca. Certo, corretto…supponiamo per un istante che qualcuno ti abbia spiegato come si arriva su Google e come funziona, digiti la tua prima combinazione di parole chiave, concetto anche questo che meriterebbe una bella spiegazione, vedrai davanti a te una lista di risultati.
Pensi che sia finità qui? Pensi che ognuno di qui risultati ti porta a quello che cerchi? Ma non davvero, alcune sosno pubblicità, altri sono siti web che non ti portano veramente a quello che cerchi, devi imparare a leggere tra la lista dei risultati, devi leggere il Titolo, la descrizione e infine, l’indirizzo del sito web sul quale verrai portato se farai click sul titolo del risultato, eh si perchè si fa click sul titolo o sulla url, ops, perdonami, sul nome del sito web, quella frase che inizia con www.

Come vedi. se ti metti nei panni di una persona che inizia da zero, le cose non sono così semplici e credimi, una volta che riesci a orientarti in questa giungla ed arrivare al sito web che stavi cercando viene il bello: trovare le informazioni che cerchi.

Trovare quello che cerchi

Fatica e coraggio, sei arrivato al sito web della tua palestra e vuoi vedere gli orari della lezione di spinning di martedi prossimo. In quanto tempo troverai questa informazione? La troverai? Cliccherai per sbaglio su qualche link vagante che ti porta fuori dal sito della palestra per farti perdere nel chaos di internet o l’esperienza di navigare il sito web sarà piacevole senza intoppi, chiara e rilassante? Riuscirai a registrati al sito anche se non hai idea di cosa sia un indirizzo e-mail?

La luce si sta accendendo?

Si parlo proprio a te, web designer, stai cominciando a capire di cosa parlo? Stai capendo quanto sia importante pensare agli utenti in maniera seria e metodica, con competenze concrete? Per fortuna molti web designer già adottano questi ragionamenti ma molti ancora no. Ci sono tantissimi siti web in giro che sono molto belli, sicuramente utili per gli utenti più “navigati” ma asolutamente ostili verso l’utenza nuova, quella non esperta, non cresciuta con internet, non abitiuata a questo genere di concetti.

Se cominci a progettare i siti web tenenedo a mente che anche una persona assolutamente non esperta dovrebbe essere in grado di trovare quello che cerchi arriverai alla massima usabilità possibile. Sicuramente dovrai sacrificare qualche aspetto grafico ma, ricorda  che il design deve essere utile e aiutare l’utente a trovare le informazioni che cerca o compiere l’atto (call to action) che deve fare, prenotare ad esempio un volo aereo.

Questo vuol dire che i siti web sono fatti male?

Direi “ni”. Purtroppo spesso un sito web che va on-line è il risultato di ottima progettazione e design ma anche imposizioni da parte del cliente. Raramente il cliente ti lascia fare e non mette bocca sulla fase di progettazione e questo è uno dei motivi per cui spesso viene sacrificata l’usabilità, semplicemente perchè cozza con il gusto estetico del cliente. Chiaramente il web designer che deve portare a casa lo stipendio non può imporre ogni volta le sue idee e rovinarsi il fegato combattendo a spada tratta contro i suoi clienti.
Un cliente è pur sempre un cliente e va soddisfatto nel miglior modo possibile.

Questione di mediazione

Spesso quindi il sito web presente sulla rete è il risultato di una vera e propria mediazione della volontà del cliente e l’abilità del web designer di portarlo sulla strada giusta, altre volte quello che vediamo su internet è un lavoro fatto coi piedi da una persona assolutamente incompetente che non ha la più pallida idea di cosa voglia dire PROGETTARE un sito web. Altre rare volte si trovano anche dei clienti che si lasciano guidare ed il web designer bravo potrà e avrà la libertà di progettare una soluzione davvero vincente.

Cosa considero usabile?

Secondo me uno dei siti web più usabili che ci sono, sono quelli sullo stile di Firefox di cui allego la schermata.

Nel sito in questione si capisce subito cosa si deve fare: scaricare il programma; mentre intorno in maniera davvero semplice ed intuitiva viene spiegato perchè usare Firefox con, in posizione strategica e non invasiva, qualche link che porta ad approfondimenti. per gli utenti più esperti.

Come vedi il sito citato è fatto per due tipologie di utenti, sia quelli che non sono pratici e anche per coloro che vanno più a fondo nelle loro ricerche e consultazioni.

Buono ma potrebbe essere fatto meglio

Un sito web buono ma che potrebbe essere curato meglio negli aspetti legati all’usabilità è ad esempio, quello dell’Alitalia.
Sicuramente nella progettazione di un sito del genere entrano in gioco numerosi fattori e la capacità di mediazione non si limita più al solo web designer ma ad un intero esercito di dirigenti e persone coinvolte in questa lavorazione.

Quello che principalmente non va in questo sito web è l’area di ricerca dei voli perchè caratteri sono molto piccoli e le parole e i campi di ricerca sono troppo vicini tra di loro non consentendo all’utente di avere chiarezza visivia.

La cosa si risolverebbe creando zone di bianco per dare aria e magari aumentando il carattere del font di quell’area. L’icona del calendario va bene per gli utenti più raffinati ma per quelli non abituati a questi sistemi, servirebbe una spiegazione, un qualcosa che in poche parole spieghi come usare la selezione delle date. Il pulsante “Cerca” potrebbe essere più grande ed evidente. L’area superiore del box meno caotica risolverebbe il timore di combinare guai usando quest’area.
Lo spazio pubblicitario dei voli Roma-Milano proposto in alto potrebbe creare non pochi problemi agli utenti non smaliziati e non abituati ad usare le prenotazioni on-line. Sarebbe meglio posizionare questo richiamo in un luogo separato, non confondibile con la funzione “cerca” del motore di ricerca. Un utente poco pratico potrebbe scambiare il tasto “Vai” con il tasto “Cerca” ignorando che “Vai” si riferisce alla scritta Roma-Milano.

Conclusione

Tralasciando quindi per qualche istante l’aspetto puramente visivo,prendi in considerazione l’usabilità vera di un sito web che, per essere davvero usabile, deve rispettare una sorta di buon senso, deve essere amichevole con l’utente, non gli deve far venire il mal di testa…in poche parole, non lo deve far pensare a come o quale azione compiere.

Oggi spiego un’altra di quelle cose che sono molto semplici da realizzare ma che molti non sanno come automatizzare: creazione di uno sfondo ripetuto con Photoshop.
Gli sfondi possono essere utilizzati sia nelle soluzioni grafiche classiche come volantini, brochure oppure nei siti web, quindi nel web design.

Affronterò questo tutorial in due fasi, in maniera progressiva partendo dallo sfondo più semplice a quello più complesso, che richiederà parecchio lavoro di fotoritocco, quindi conoscenze piuttosto approfondite di Photoshop. La prima parte del tutorial background sarà quindi dedicata per lo più ai principianti, mentre la seconda, nella quale darò per scontate alcune nozioni, ai più abili con Photoshop.

Far diventare una fotografia uno sfondo ripetuto

Scegli una fotografia da usare come esempio. Io ne ho presa una di Marlyn Monroe trovata casualmente su internet. Salva la fotografia e tramite il menu superiore “File”->”Apri” visualizza la foto all’interno di Photoshop.

Sicuramente noterai che il mio layout di Photoshop  è diverso dal tuo. Questo è dovuto al fatto che io l’ho personalizzato in base alle mie esigenze quando lavoro nel web design. Affronterò in un altro post l’argomento della personalizzazione del layout di Photoshop.

Una volta inserita la fotografia in Photoshop ne puoi correggere i colori, ritagliare l’area di visibilità della foto stessa, eliminare qualche imperfezione, ecc.
Quando sei soddisfatto con la tua immagine è ora di trasformarla in uno sfondo ripetuto. Uno sfondo ripetuto non è altro che una serie di immagini affiancate ce vengono ripetute sull’asse delle X, riga per riga.

In questa fase quindi hai creato il primo “tassello” del tuo sfondo ripetuto.

Creare il pattern

Per trasformare l’immagine che hai davanti in uno sfondo ripetuto vai nel menu superiore “Modifica”->”Definisci pattern” (Edit->Define pattern).
Appena una finestra che ti fa vedere la preview del pattern con la possibilità di associargli un nome. Associare un nome al pattern non è obbligatorio ma sicuramente utile.

Quando premi su Ok la finestra che ti ho incolalto sopra si chiuderà e vedrai di nuovo il tuo file iniziale sullos chermo, come se nulla fosse accaduto; questo perchè quando premi su “Ok”, Photoshop salva e memorizza il pattern nel sistema in maniera silenziosa senza fare troppo rumore.

Quindi abbiamo finito? Si, abbiamo finito. Ora puoi chiudere la tua fotografia. Puoi anche decidere di non salvarla se non ti serve per altri usi.

Usare il patterm (Creare il background ripetuto)

Ora crea il documento del tuo layout grafico o apri il file nel quale vuoi inserire lo sfondo. Io creerò un nuovo file delle dimensioni casuali di 800 x 800 pixel a 72 dpi.

Il mio documento è vuoto. Ora lo riempiremo con il pattern.

Vai nel menu superiore Modifica->Riempi (“Fill” per chi ha la versione inglese). Si aprirà una finestra.

Come puoi vedere nell’area chiamata “Contenuto” hai la possibilità di scegliere, nel menu “Usa”, varie opzioni tra cui “Colore di primo piano”, “Colore di sfondo” oppure quello che cerchiamo noi:”Pattern”.

Bene, seleziona la voce Pattern e subito sotto, si accenderà la voce “Pattern personale” e nella linguetta accanto compariranno una serie di Pattern predefiniti o da te creati.

L’ultimo patter corrisponde all’ultimo realizzato. Come vedi io ne ho vari, realizzati durante i corsi di grafica e web design ai quali insegno.

Clicca quindi sull’ultimo pattern oppure se ne vuoi vedere altri, quelli predefiniti di Photoshop, seleziona la freccina in alto a destra per accedere al menu dei pattern.

Una volta che hai cliccato e quindi selezionato il pattern da utilizzare, premi “ok” e vedrai quasi come per magia riempire lo sfondo del tuo progetto con l’immagine scelta.

Se volevi che il tuo pattern fosse più piccolo, dovevi ridimensionare l’immagine prima di convertirla in pattern.

Per farlo vai nel menu Immagine->Dimensione immagine

Quindi risalva il pattern e riempi lo sfondo di nuovo.

Spero che questo tutorial background su come creare sfondi ripetuti con Photoshop ti sia stato utile e ti consiglio di non perderti il prossimo, più avanzato, che sto preparando nel quale affronterò i seguenti temi:

• Creare pattern che si ripete senza notare lo stacco tra le immagini
• Fare in modo che i bordi combacino tra di loro per creare un effetto uniforme
• Ripetere il pattern solo in un’area del progetto
• Adattare i pattern al web design
• Creare sfondi complessi con i pennelli utilizzando i pattern
• Come usare i pattern nel fotoritocco della pelle

Ci vediamo al prossimo tutorial!

Come creare le gif animate non sarà un argomento molto professionale ma è uno degli argomenti che incuriosisce di più. Photoshop Cs4 ha un ottimo sistema di animazione per cui ho deciso di ripubblicare un tutorial su come si può creare una gif animata utilizzando Photoshop Cs4.

Fase 1: Progettare il banner

Prima di realizzare il banner devi pensare a come sarà fatto, lo scopo che si vuole raggiungere, che tipo di animazione creare, quali elementi ti serviranno. Ad esempio immagina di dover realizzare un banner per la promozione delle offerte di Capodanno di un’agenzia di viaggio.

Probabilmente ti serviranno i seguenti elementi:

• foto di alcune destinazioni di viaggio
• il logo dell’agenzia
• materiale testuale come frasi e slogan ad effetto

Una volta raccolto tutto si crea una cartella del progetto e si archivia tutto con ordine.

Fase 2: Preparazione del file

Decidi il formato del banner e crea un nuovo file, importando tutto gli elementi dell’animazione. Ognuno su un livello diverso.
Io creo un’area di lavoro di dimensioni 320×240, quindi apro dal menu file tutte le foto che fanno parte del progetto e poi tramite il copia ed incolla le porto sul mio file 320×240.

Scriverò sullo stesso documento anche tutte le frasi e slogan che mi servono.

Fase 3: Animazione

Dal menu Finestra (window) scegli la voce Animazione e in basso apparirà una palette orizzontale che ti permetterà di animare gli elementi appena creati. Assicurati che sia attiva la visuale a fotogrammi. Se così non fosse clicca sul pulsante in basso a destra della palette come indicato sotto:

Nella stessa palette Animazione puoi vedere che c’è un solo fotogramma. Il tuo obiettivo ora è creare altri fotogrammi, uno per ogni schermata dell’animazione. In particolare la mia sarà composta da 5 fotogrammi:

• foto
• foto + scritta 1
• foto + scritta 1 + scritta 2
• foto + scritta 1
• foto + scritta 1 + scritta 2

Scegli quindi quali elementi se vedono al primo fotogramma. Io ho nascosto tutti i livelli tranne quello della foto. Ora premi il bottone “Crea nuovo fotogramma” (l’iconcina vicino al cestino) e nella palette Livelli, decidi quale elemento si vede e quale no, procedendo avanti in questo modo, di fotogramma in fotogramma.

Fase 4: Tempi

Ora dobbiamo impostare i tempi dell’animazione. Se premi il pulsante Play, noterai che l’animazione è troppo veloce.
Sotto ogni fotogramma c’è una casella con la scritta 0 sec., al posto dello zero inseriamo il valore che ci sembra più adatto.

Nel mio caso voglio che la scritta gialla alla fine lampeggi, in quel punto quindi, inseriò un tempo più breve.

Assicurati che la voce “per sempre” o “forever” sia attiva, in questo modo il banner si animerà senza mai fermarsi.

Fase 5: Esportazione per il web

Vai nel menu File->Salva per web

Nella finestra che compare scegli il formato gif e la quantità di colori sufficiente a garantire una buona resa cromatica, quindi salva.

Hai creato la tua gif animata.

Anche il famoso sito DaFont.com dal quale si possono scaricare font gratuitamente  ha cambiato il proprio pulsante che chiama all’azione. Prima si poteva scegliere tra “Per Pc” o “Per Mac”, oggi sulla colonna sinistra è presente un unico pulsante che invita a scaricare tramite l’apposita dicitura “Download”, viene specificata la restizione d’utilizzo non commerciale e la possibilità di fare una donazione all’autore del font.

Trovo questo ultimo passaggio ben pensato perchè lega alla perfezione con la sensazione “di gratitudine” da parte dell’utente che si genera utilizzando il sito web per scaricare GRATUITAMENTE i font. Primo o poi arriverà il momento in cui tende a scattare nella testa del consumatore una vocina che dice:”questi mi hanno dato tante cose gratis, che faccio non gli dono almeno 50 centesimi?”

Buon download su Dafont!

Oggi pubblico un lavoro fatto da un mio allievo del corso di Illustrator; Fabrizio ha realizzato questa mela utilizzando in maniera favolosa lo strumento Trama (Mesh Tool) di Adobe Illustrator Cs4. Se vi dicessi che abbiamo ottenuto questo risultato partendo da zero in sole due lezioni? I nuovi corsi di Illustrator si svolgono qui!

Sembra incredibile che si possa ottenere un risultato del genere in sole due lezioni, partendo completamente da zero non è così?
Il segreto sta nella passione, nell’applicarsi in maniera seria e mettere in pratica quanto appreso durante le lezioni…il mio metodo di insegnamento va subito al punto e affronto da subito le problematiche reali legate alla grafica, che sia illustrazione, fotoritocco o progettazione grafica. Applico un mio metodo personale che permette a chi segue i miei corsi di essere efficace e attivo da subito, fin dalla prima lezione.

Noto con piacere che ci siamo! Rinnovo i miei complimenti a Fabrizio.

Vuoi partecipare al corso di Illustartor che tengo? Visita la pagina del corso di Illustrator!

Oggi mi ha chiamato una persona perchèvoleva una consulenza per la realizzazione del suo sito web personale e quindi sapere i costi. Quando siamo arrivati alle quotazioni orientative sono stato subito fermato in quanto i prezzi dei quali parlavo io, erano troppo alti…

“Posso sapere quanto aveva intenzione di spendere?” – chiedo io

“… beh, per un sito web professionale, con gestionale e tutto, pensavo un massimo di 250 euro…anche perchè ho un amico che me lo farebbe…” – dice lui

Senza la minima esitazione ecco la mia risposta:”Guardi, se ha un suo amico che è in grado di realizzarle un sito web efficace e con tutte le funzioni che le servono, le consiglio di rivolgersi al suo amico, anzi, se me lo fa conoscere mi farebbe piacere…”

Il tutto con toni estremamente amichevoli…una volta finita la conversazione, mi sono fatto 4 risate, tanto so già, che tornerà con la coda tra le gambe….con 250 euro in meno nelle tasche…e un sito web che non serve a nulla…

Torno a parlare ancora una volta di comunicazione visiva e di design, quello con la “D” maiuscola inteso come progettazione al fine di rendere la nostra vita più comoda e piacevole. Qualcuno forse si chiederà che cosa c’entri tutto questo con il web design rimanendo un pò perplesso.

Il web design oggi più che mai deve essere inteso come progettazione vera e propria dedicando molta attenzione all’aspetto “utile” del mezzo. Un sito web deve essere fruibile, gli utenti devono trovare ciò che cercano, non devono perdere secondi a capire e decifrare l’interfaccia grafica per quanto bella essa possa essere…

Grande attenzione all’aspetto SEO (Search Engine Optimization) quindi e all’usabilità di ciò che realizzate. Vi esorto a prendere un foglio di carta e una matita e disegnare prima la vostra idea, capire gli spazi, organizzare i contenuti e solo dopo realizzare in digitale ciò che avete in mente.

Dal bozzetto…

…al digitale, completamente realizzato da zero in Photoshop.

Per chi volesse apprendere le mie tecniche si può rivolgere alla MassiveSkill.

Come molti di voi sapranno all’interno di Aobe Flash Cs3 abbiamo la distinzione gerarchica di vari tipi di oggetti. A cominciare dalle forme (shape), passando per i simboli grafici, pulsanti e quindi le clip filmato (movie clip o mc).

Senza entrare nei dettagli e nelle differenze di utilizzo di questi oggetti  molti manuali di Flash indicano quando utilizzare i simboli grafici e quando le clip filmato. 

Bene, secondo la mia persona visione potete anche dimenticarvi dell’esistenza dei simboli grafici, anzi, spesso sono solo di intralcio e complicano l’apprendimento di Flash e la strutturazione di un progetto. Qualcuno potrebbe dirmi che è un pò azzardata come affermazione ma io ripeto che tutto ciò che vi basta sono le forme, i pulsanti e le clip filmato.

Perchè?

Semplice! Essendo questi oggetti suddivisi in scala gerchica ne deriva che il simbolo grafico è una sorta di contenitore con determinate proprietà ma è subordinato alla clip filmato il che vuol dire che la stessa clip filmato ha le stesse proprietà del simbolo grafico più altre (filtri, motodi di fusione, ecc).

Se quindi le movie clip sono contenitori migliori rispetto ai simboli grafici e ne hanno tutte le proprietà perchè continuare a distinguere tral’uso dei simboli grafici  e clip filmato? E’ come dire che per andare al mare ci andate con la Panda e per andare in montagna ci andate con il Bmw. Prendete direttamente il Bmw e fate prima! Il Bmw è un mezzo di trasporto così come lo è la Panda, ha 4 ruote, le porte, il volante, il bagagliaio, il motore…ma è molto più comodo, più versatile, più spazioso, più bello e più versatile e arrivi prima!

Mi sento quindi di affermare che da oggi potete anche dimenticarvi dei simboli grafici e quando dovrete convertire qualcosa in un simbolo, usate direttamente il movie clip senza esitazione (a meno che non stiate facendo un’area cliccabile e  questo vale solo per chi usa l’As 2.0, nel 3.0 le cose sono ben diverse).

La scuola di formazione Abc Formazione mi ha chiesto se poteva assistere ad una delle mie lavorazioni di progettazione grafica di un sito web registrando a video alcune fasi di lavorazione in diretta; ecco quindi la prima parte del video nel quale sto realizzando il header di un sito web orientato al turismo.

Il video è disponibile sul blog della scuola 

Come potete notare realizzare la grafica di un sito web non vuol dire solo mettere insieme due immagini ma alcune volte parliamo di vera e propria manipolazione dell’mmagine e pittura digitale!