Il 6 Febbraio a Milano si svolgerà  Go!WebDesign, il workshop organizzato da JuliusDesign dedicato alle strategie e tecniche per aumentare le proprie capacità e creatività  nel mondo del design.

Julius mi ha dato la possibilità di offrire alle prime 5 persone che lo richiederanno un super sconto per accedere all’evento e alle tante sorprese in programma.

Di seguito tutti i dettagli.

Le prime 5 persone che richiederanno questo super sconto, potranno accedere al workshop pagando solo il prezzo intero del biglietto di 200€ (iva esente) con la possibilità di portare un amico.

E’ possibile visionare il programma e la scheda di ciascun relatore sul sito dell’evento.

La sede sarà presso Young & Rubicam Brands in Via Tortona 37 Milano, una delle più importanti agenzie pubblicitarie del mondo.

Vi posso dire in esclusiva solo due piccole sorprese:

• potrai ottenere sconti esclusivi su prodotti LogoPro,
• e oltre 500 mega di risorse grafiche per web designer organizzate e catalogate da Julius in persona.

Il prossimo novembre tutti i professionisti ed amanti di Photoshop avranno la possibilità di seguire dal vivo uno dei massimi esponenti mondiali del digital imaging in anteprima assoluta in Italia: Katrin Eismann, Photoshop Hall of Fame 2005.

Katrin Eismann è autrice di numerosi libri di successo nel settore ha di recente pubblicato per la Apogeo Fotoelaborazione:

Creatività e tecnica con Duggan Seàn.

Katrin Sarà presente alla tappa conclusiva di “Arrivano i Guru”, insieme ad altri esperti di eccezione come:

Marianna Santoni, Tiziano Fruet, e Giuseppe Andretta.

Un’occasione unica nel suo genere, dato che Katrin viene in Italia per la prima volta in assoluto, confermando l’alto profilo della manifestazione, che l’anno scorso ha portato in Italia un altro indiscusso esperto di Photoshop: Martin Evening.

L’evento si terrà a Roma nei giorni 21 e 22 Novembre… per informazioni ed iscrizioni: Arrivanoiguru.com

Se andrai a questo evento, tienici informati, magari collaborando con me e facendo un live blogging da qui .

Come creare un pianeta con Photoshop in poche mosse con un risultato di sicuro effetto.

Vediamo il video:

Approfondimento del video tutorial su Photoshop

La prima cosa che devi fare è quella di procurarti una texture di base per la superficie del pianeta.
Quella che ho usato io nell’ esempio la trovi qui.

Una volta salvata e aperta, seleziona la texture e definisci un pattern (nell’ esempio io l’ho chiamato “texture pianeta”).

A questo punto sei in grado di cominciare il vero e proprio tutorial.

1. Visto che si tratta di un pianeta io ho scelto un background nero; al limite puoi anche provare con un gradiente nero à blu scuro.
2. Scegli il colore del tuo pianeta; nel nostro caso, è un pianeta roccioso, e quindi io ho preso un marrone; comincia con il tracciare il cerchio e riempilo con un gradiente che sfumi nel nero.
3. Applica al cerchio il pattern che hai creato all’ inizio; mi raccomando, metodo di fusione Multiply, in modo da mantenere visibili i colori di base del cerchio.
4. A questo punto entra in gioco il filtro Spherize; prima di poterlo applicare, devi però duplicare e raggruppare il livello del cerchio (questa operazione è necessaria perché il filtro Spherize non applicherebbe la distorsione al pattern, e quindo con questa operazione si crea un layer “normale” senza effetti speciali). Io ho applicato DUE volte lo Spherize (al 100%).
5. Ora devi dare le ombre e i rilievi al pianeta; per le ombre, basta il gradient overlay in bianco e nero; di nuovo, scegli Multiply come metodo di fusione.
6. Ora è il turno dei rilievi: duplica il livello e sul livello copia applica il filtro Emboss (io ho lasciato i paramerti a 135 gradi, 3px di altezza, e 500%); imposta il metodo di fusione del nuovo livello con i rilievi ad Overlay, e abbassa un poco l’opacità (io l’ho impostata al 70%).
7. Ora unisci il livello con i rilievi con quello sottostante ed applica l’effetto Inner Glow; io ho preso un azzurrino come colore (tu sperimenta pure altri colori se vuoi).
8. Per rifinire la zona d’ombra, di nuovo, duplica il livello e raggruppa; prendi un pennello sfumato e molto grande e e dai l’ombra (ovviamente nera) al pianeta.
9. Per finire, io mi sono divertito ad usare un lens flare al background per ottenere un “effetto sole”, che coi pianeti ci sta sempre bene J

Ovviamente, se vuoi ottenere pianeti diversi, basta scaricare le texture appropriate per la superficie che hai in mente (magari potresti provare a realizzare un pianeta d’acqua) ed applicare lo stesso metodo.

Spero che tu abbia gradito e alla prossima!

Autore: Mauro Cassani di easy-grafica.com, non è un architetto o un informatico, ma un chimico! Realizza siti internet, loghi, illustrazioni e tutto quello che può essere definito “grafica”.

In questop video tutorial dedicato questa volta a Photoshop, scoprirai come creare in pochi steps un bell’effetto legno con la versione CS2.

Di seguito il filmato con alcuni approfondimenti:

Come creare un effetto legno con Photoshop CS2

Approfondimento

1. Per l’effetto “nuvola”, mi raccomando di scegliere due colori molto diversi tra loro, uno molto scuro e uno molto chiaro. Al limite, puoi prendere il bianco e il nero e poi aggiustare il colore alla fine (passaggio 5) per rendere il marrone del legno.
2. Non esagerare con il livello del noise, e assicurati che sia monocromatico; nel video io ho usato un 15%.
3. Il motion blur è molto importante, perché hai la possiblità di deciderne quella che sarà l’inclinazione delle venature e dei nodi del legno: io ho usato una angolazione leggermente obliqua. Mi raccomando, come prima non esagerare con la sfocatura, altrimenti perdi l’effetto (usa sempre la funziona “preview” quando usi questi tools così ti regoli meglio).
4. Arriviamo al cuore di questo tutorial: il tool Liquify. Ricordati di selezionare la funzione Twirl, che serve per creare l’effetto dei nodi del legno. Comincia da sinistra o da destra, non ha importanza: quello che importa è che passi progressivamente  il pennello da un lato all’altro, senza esagerare (altrimenti otterrai una cosa senza forma!).
5. Ora che hai ottenuto l’effetto legno, gioca coi contrasti e le regolazioni dei colori: puoi ottenere un legno dai colori caldi, oppure un legno chiaro, oppure molto scuro. Ovviamente tutto dipende dal tuo gusto!
6. A questo punto quello che hai ottenuto puoi essere applicato come “clipping mask” a tutto quello che vuoi: nel mio caso, ho creato una semplice scritta (tu potresti disegnare tanti rettangoli e creare l’effetto parquet, per esempio) .

Reputi utile questo video tutorial di Photoshop?

A te la parola, e segui blographik tramite newsletter o feed rss per non perderti il prossimo “video appuntamento” .

Le favicon sono quelle iconcine che compaiono nella barra degli indirizzi del broswer. Sebbene non abbiano un’ effettiva utilità, è bene che un buon sito o blog ne abbia una.

Ecco i dettagli di seguito

Come creare una Favicon in photoshop

di Mauro Cassani

Il primo passo è quello di scaricare l’estensione .ICO per Photoshop.

Una volta scaricato, apri il file .zip e copia il file ICOFormat.8bi nella cartella Adobe\Adobe Photoshop CS2\Plug-Ins\File Formats.
Se avevi già aperto Photoshop, chiudilo e riavvialo.

Ora sei pronto per seguire i restanti step al seguente filmato:

Davvero importante, da ripetere di nuovo:
realizzate un disegno o una scritta molto semplice!

Qualsiasi logo troppo complicato ridotto alle dimensioni  16 x 16 pixel diventa una cosa indecifrabile.

Un giro sul Web per prendere ispirazione ti farà capire meglio di cosa sto parlando .
Il più delle volte noterai che le favicon sono fatte dalle iniziali del nome del sito.

Prova a guardare due siti a caso: Google e Yahoo!

Al prossimo video tutorial!

Autore: Mauro Cassani di easy-grafica.com, non è un architetto o un informatico, ma un chimico!

Realizza siti internet, loghi, illustrazioni e tutto quello che può essere definito “grafica”.

Con questo tutorial vedremo come applicare il fotoritocco sulla fotografia di una giovane donna.
La tecnica utilizzata è molto semplice, e con un po’ di applicazione tutti possono ottenere degli ottimi risultati.

Come migliorare il volto in una foto, con un pò di Photoshop-Make-Up 

di Gabriele Costamagna

Ecco la fotografia sulla quale andremo a lavorare ed il risultato finale:

Mettiamoci al lavoro!

Apri l’immagine originale e salvala con l’estensione .psd.
Questa sarà l’immagine che andremo a modificare.
Apri il .psd e con lo strumento Lazzo Magnetico (L) effettuate una selezione di tutta la pelle del soggetto.

Con la selezione attiva vai sul menu:

Selezione -> Salva

seleziona e dai il nome “pelle“.

Copia la selezione (Ctrl+C) e crea un nuovo livello immediatamente sopra lo sfondo.

Chiama il livello pelle.

Selezionate il nuovo livello e da:

Filtri -> Sfocatura -> Controllo Sfocatura

applica una sfocatura con raggio 5px.

Dovresti ottenere il risultato in figura:

Dal menu:

Selezione -> Carica Selezione (con il livello pelle selezionato)

carica la selezione pelle creata in precedenza.

Ancora sul menu:

Selezione->Inversa (Maiusc+Ctrl+I)

verrà selezionata tutta l’immagine ad esclusione del viso del vostro soggetto.

Premi Canc e verrà cancellato quell’alone che si era formato applicato la sfocatura.
Imposta l’opacità del livello pelle al 50%.

Dovremmo ora andare a rifinire le parti del viso e del corpo.

Selezioniamo lo strumento Gomma, grandezza 10px, metodo pennello opacità e flusso settate al 50%.
Passa quindi la gomma sulle parti da rifinire ovvero:

• gli occhi;
• la bocca;
• le sopraciglia;
• il naso.

Non dimenticare anche le pieghe del viso e sul collo.
Questo procedimento può cambiare da soggetto a soggetto, toccherà a te rifinire i particolari della fotografia in modo da renderla il più realistica possibile.

E’ arrivato il momento di dare un po’ di luce agli occhi!

Utilizza lo stesso metodo con cui hai selezionato la pelle anche per gli occhi.
Come fatto in precedenza salva la selezione chiamandola “occhi”, Ctrl+C per copiare, crea un nuovo livello e copia la selezione.

Posiziona il livello sopra lo sfondo e dal menu:

Immagine -> Regolazioni -> Luminosità/Contrasto impostate la luminosità a +25.

Procedimento identico per i denti, però quando dovrai impostare la luminosità è meglio che sia più bassa, diciamo +10.

Per concludere, trucchiamo con un leggero rosseto il nostro soggetto.

Con il solito metodo, selezionate sia il labbro inferiore che quello superiore.
Copia la selezione e incollala su un nuovo livello (chiamatelo “labbra”).
Con il livello “labbra” selezionato vai in:

Immagine -> Regolazioni -> Bilanciamento Colore con livelli di colore Cyan:+35, Magenta:-25, Giallo:-25.

Un saluto a tutti gli appassionati lettori di Blographik.it

Autore:  Gabriele Costamagna, neo Dottore laureato all’università di Torino in Informatica. Ha appena aperto un suo blog personale dedicato alla sua “passione per il design“.

In questo articolo un nuovo video tutorial di Salvatore Mancini, che mostra come utilizzare le maschere di livello con Photoshop CS4.

Di seguito, oltre al video potrai leggere anche una versione riassuntiva testale del tutorial.

Come Utilizzare le maschere di livello in Photoshop CS4

di Salvatore Mancini

Le maschere di livello ci consentono di eliminare gli elementi di un livello senza cancellarne effettivamente i pixel dell’immagine.

Il vantaggio è che sono modificabili in qualsiasi momento.

In Photoshop è possibile aggiungere maschere di livello in qualsiasi livello, ad eccezione dello sfondo.
Possiamo ovviare facilmente a questa restrizione cliccando 2 volte sul livello e scegliendo ok, oppure ci basta duplicarlo.

Dopo aver creato una maschera di livello è possibile modificarla con gli strumenti di disegno e pittura che conosciamo (filtri, pennelli, etc…).

Dobbiamo sempre ricordare una cosa:
con il nero andiamo a nascondere i pixel, con il bianco li riveliamo, con il grigio si creano livelli di trasparenza a seconda della percentuale di grigio utilizzata (un grigio 50% corrisponde ad un’ opacità del 50%, possiamo vedere un esempio nel video)

Con il tasto “Maiusc” possiamo disattivare la maschera in qualsiasi momento, con il tasto “Alt” si entra nella maschera, il che ci permette di effettuare modifiche agendo direttamente sulla stessa.

Possiamo agire sulla maschera selezionandone una parte o tutta, sfumando la selezione, cambiarne i bordi, le modifiche si ripercuoteranno sull’immagine in cui la maschera è applicata.

Si possono creare effetti speciali con lo strumento maschera testo orizzontale o verticale, basterà scrivere qualcosa all’interno per esempio di un’immagine e applicare la maschera, la parte selezionata avrà come riempimento l’immagine stessa.

Alcuni di questi esempi possiamo vederli nel video.

Ecco la terza parte della lista dei migliori tutorial del 2008 selezionati dai lettori di Blographik, che verrà aggiornata ogni volta che riceverò nuovo materiale che sarà filtrato e valutato da me.

Nelle prossime settimane offrirò agli abbonati della newsletter, un eBook con tutti i link divisi per categorie .

L’iniziativa è tutt’ora in pieno svolgimento, se vuoi partecipare leggi l’articolo per suggerire quali secondo te, sono stati i migliori tutorial del 2008.

Grafica Vettoriale & Effetti di Testo

06. Come creare curve perfette in vettoriale con Illustrator

Autore: David Leggett

Fondamentalmente niente di complicato o super elaborato.
Mostra un piccolo trucchetto sul come ottenere delle curve perfette in Illustrator, cosa che credo abbia fatto dannare molte persone.

07. 6 effetti di testo per Photoshop da creare velocemente e d’impatto

Autore: Collis

Una raccolta di 6 mini tutorial per ottenere degli effetti di testo d’impatto in velocità applicando solamente gli effetti di fusione di Photoshop al livello testo.

Testo oro, metallo, plasticato…

Di seguito le immagini dei risultati finali di tutti i tutorial segnalati nell’ unico articolo.

Tutorial suggeriti da Marco De Liso

Questa serie dei migliori tutorial selezionati dai lettori di questo blog, continuerà nei prossimi giorni.
Se non vuoi perdertela, iscriviti alla newsletter di Blographik.

Chi si occupa di grafica per il web sa bene che, purtroppo, esistono ancora grosse limitazioni nell’uso di immagini trasparenti. Sicuramente ti sarà capitato almeno una volta il fatidico dilemma:

usare una GIF dai bordi rudemente sgranati o affidarsi a una PNG, non supportata dai browser più vecchi?

Ebbene, Photoshop ci viene in aiuto con un trucco molto semplice, che ci permetterà di ottenere GIF trasparenti e dai bordi nitidi.

Creare GIF trasparenti a bordi nitidi con Photoshop

di Francesca Urbinati

Nell’esempio proposto ho utilizzato il mio logo, ma puoi provare con qualsiasi immagine che abbia un fondo abbastanza uniforme.

Il primo passo è separare l’elemento dallo sfondo, per esempio usando la funzione “selezione > intervallo colori”, che si presta benissimo al nostro caso.
Copiamo la selezione su un nuovo livello con CTRL+J.

(clicca per ingrandire l’immagine)

Otterremo così un secondo livello con all’interno solo l’elemento che ci interessa.
Nascondiamo o cestiniamo il livello sottostante, quello da cui siamo partiti.

A questo punto, solitamente si salva l’immagine col fondo trasparente, magari in formato GIF… ma se vogliamo evitare i bordi sgranati possiamo cavarcela con un semplice passaggio in più!

Il trucco è nell’applicazione delle “opzioni di fusione“, in particolare dell’effetto “traccia”.

Nel pannello degli stili di livello, scegliamo proprio l’ultimo: traccia.

Di default, otterremo un bordo rosso di 3 pixel attorno al nostro elemento trasparente.
Impostiamo un bordo di 1 pixel e, come colore, scegliamo quello che più si avvicina allo sfondo della pagina web o del contenitore che ospiterà l’immagine.

Possiamo addirittura usare un gradiente piuttosto che un colore uniforme, e decidere il metodo di fusione esattamente come facciamo normalmente per i livelli.

La traccia è quindi uno strumento molto potente, e se sperimenti un poco, ti sorprenderai di quante varianti siano possibili.

(clicca per ingrandire l’immagine)

Ora possiamo salvare l’immagine come una normale GIF trasparente.

Una volta inserita nel sito, il bordo che abbiamo aggiunto con l’effetto traccia si fonderà con lo sfondo della pagina web, “proteggendo” l’elemento dalla sgranatura dei bordi tipica delle GIF trasparenti.

Semplice, vero?

Francesca Urbinati si occupa di graphic design e comunicazione su diversi media. Oltre al Munia Blog & Linfa Creativa,  segue il progetto KobraCrea e il relativo blog.

Vuoi collaborare come guest poster su Blographik?
Ecco le linee guida per partecipare a questo progetto.

Domenica 20 e giovedì 31 luglio si terranno a Todi (Umbria) due seminari gratuiti di 6 ore su:
“La Fotografia Fine Art, il Bianco e Nero e il Diritto d’Autore”

I relatori:
Marianna Santoni, fotografa professionista e Adobe Guru;
Giuseppe Maio di Nikon;
Giovanni Pizzamiglio e Roberto Tedeschi di Epson.

Tutte le informazioni al seguente link:
mariannasantoni.biz/Angelo_Delle_Fratte_Seminari_Fine_Art.html
L’evento è totalmente gratuito, previa registrazione, e i posti disponibili si stanno rapidamente esaurendo.

Ecco la raccolta settimanale di blographik su articoli e risorse interessanti su web design, grafica e blog: da consultare ogni sabato. Gli argomenti di questa settimana riguardano:

01. WordPress: 1000 Temi WordPress tutti in un sito;

02. Web Design: Redesign del blog di Matt Mullenweg;

03. Plugin WordPress: visualizzare il numero di iscritti al feed a feedburner con Feedcount;

04. Web Design: 25 esempi di qualità;

05. SEO: Guida per web designer.

06. Editing Immagini: Photoshop Online.

Domenica 4 Maggio:

WordPress: 1000 Temi WordPress tutti in un sito.
Da geekissimo un ottimo sito di temi per wordpress. Oltre 1000 temi disponibili.

Lunedì 5 Maggio:

Web Design: Redesign del blog di Matt Mullenweg.
Il nuovo layout del blog di Matt Mullenweg (tra i fondatori di wordpress) realizzato dal web designer italiano Nicolò Volpato.
Ho avuto il piacere di pubblicare una sua intervista, proprio su blographik, assolutamente da non perdere, poichè molto interessante ed utile.

Plugin WordPress: visualizzare il numero di iscritti al feed a feedburner con Feedcount.
Se non si vuole utilizzare il classico chicklet di feedburner per visulazzare gli abbonati al feed del blog, questo plugin potrebbe essere utile. Inoltre, è possibile modificare l’aspetto del contatore grazie ai css.

Martedì 6 Maggio:

Web Design: 25 esempi di qualità.
Quali sono e perchè sono stati scelti questi 25 esempi di blog internazionali graifamente originali e di qualità, da parte di uno studio canadese di web design.

Venerdì 9 Maggio:

SEO: Guida per web designer.
Un articolo che espone in breve i punti fondamentali da seguire in ambito SEO dedicato sorpattutto ai web designer che non hanno competenze in questo settore così importante.

Editing Immagini on line: Photoshop Online.
Piattaforma open per l’editing delle immagini, prelevandole da varie fonti, Flickr compreso..interessante.

La quinta parte della mini serie di articoli dedicata alle risorse per web designer. Questo post approfondirà e ti consiglierà alcuni siti e blog di qualità riguardo il download di font gratuiti.

I precedenti post della serie:

• Ecco diverse risorse per web designer, ispirazioni e molto altro.
• Sei interessato al Web design ed ai CSS? Queste alcune risorse da non perdere.
• Guide e letture utili sullo stile ed il web design contemporaneo.
• Se non vuoi impazzire alla ricerca di risorse sui colori, ecco una lista di qualità.

Risorse e font gratuiti

Creamundo: è un ottimo punto di partenza per una ricerca di font organizzati in modo utile e facile.

ShowFont: ha una altrettanto vasta collezione di font gratuiti di vario genere.

Urban Fonts: non sono necessariamente tutti font di stile urban, nelsenso stretto del termine, ma molti di loro sono piuttosto interessanti e fuori dall’ordinario. Alcuni hanno uno stile classico, mentre altri sono molto creativi ed originali, in modo molto simile a quelli che si trovano su Abstract Fonts o su Better Fonts.

SimplyTheBest: presenta una serie di categorie facili da consultare. Nonostante la selezione piuttosto limitata, il sito è comunque degno di nota.

Mike’s Sketch Pad: include molti font di qualità, ma alcuni di essi possono essere utilizzati solo per scopi non commerciali. Assicurati quindi di controllare il designer che ha creato il carattere.

Modern Life: elegante progettato gestito da un bravo designer che riconosce il potere di buon font, e ti mostra alcuni esempi di successo recente.

TypeTester: non funziona per tutti i font, ma è estremamente utile per darti un’idea generale dell’aspetto che otterrai per ogni tipo di carattere.

1001 Free Fonts: è un’altra fonte gratuita se le risorse sopra citate non ti fossero erano sufficienti .

Nel prossimo articolo troverai l’ultima parte della serie dedicata ad altre risorse sul web design in generale.
Se non vuoi perdere neanche un post di questo blog, isccriviti al feed rss di blographik.

Ecco la raccolta settimanale di blographik su articoli e risorse interessanti su web design, grafica e blog: da consultare ogni sabato. Gli argomenti di questa settimana riguardano:

01. Web Design: 60 icone RSS icone per il tuo blog;

02. Plugin WordPress: Admin Big Width per wordpress 2.5;

03. Creatività: 92 foto da vedere;

04. Utility: FreeDrive – un nuovo sito per lo storage dei file.

Mercoledì 2 Aprile:

Web Design: 60 icone RSS icone per il tuo blog.
Le prime 43 icone sono scaricabili gratuitamente, tutte con una serie di variazioni nei colori e nelle forme.

Giovedì 3 Aprile:

Plugin WordPress: Admin Big Width per wordpress 2.5.
Un utile plugin che modifica la larghezza fissa del pannello di controllo di wordpress 2.5 in una risoluzione al 100%, per sfruttare le dimensioni dei monitor più grandi.

Martedì 8 Aprile:

Creatività: 92 foto da vedere.
Una lista di oltre 90 foto sapientemente manipolate da grafici e fotografi esperti. Assolutamente da vedere.

Mercoledì 9 Aprile:

Utility: FreeDrive – un nuovo sito per lo storage dei file.
Risorsa web based che mette a disposizione gratuitamente 1 giga di spazio, 1 giga di Banda per il Download dei file, e 500MB di banda per l’upload dei file.

L’alternativa di un CMS potrebbe essere Adobe Contribute?
Di seguito maggiori informazioni su questo software a molti sconosciuto.

L’ultima parte della mini serie di articoli dedicata ai CMS e ad Adobe Contribute.

Come cambia il rapporto con il cliente.

In genere lo sviluppo di un sito Web può essere sintetizzato con tre passaggi principali:

• Richiesta da parte del cliente per lo sviluppo di un sito Web;
• Sviluppo del sito;
• Saldo del lavoro.

Quello che però avviene dopo è una cosa abbastanza comune: il cliente inizialmente dice di non voler fare modifiche al sito, ma col tempo inizia a richiedere modifiche elementari: piccoli testi, foto, news, ecc.

Generalmente lo si accontenta, senza peraltro richiedere un compenso: chi mai si sognerebbe di chiedere 50 euro ad un cliente per aver semplicemente inserito un piccolo testo sul sito?

Con l’andare del tempo però le “cortesie” diventano un vero e proprio lavoro… e viene il momento di gestire la cosa.

Da questo punto di vista, Adobe Contribute è la soluzione a tutti i mali (o quasi).
La prima cosa da fare è inserirlo tra le voci di costo del preventivo.

Oltre questo si può anche considerare un mini-corso sul suo utilizzo, anche se è davvero così elementare che un bambino saprebbe usarlo da subito.

Il suo prezzo contenuto (169 euro + IVA) non provoca alcun problema di incidenza sul costo di sviluppo del sito, ma il rapporto tra cliente e web designer muta radicalmente.

Se si ha l’accortezza di sviluppare il sito Web usado il sistema dei template di Dreamweaver, il cliente può operare modifiche solo nelle aree preposte al contenuto.

In questo modo può amministrare serenamente tutte le modifiche concesse dal template, ma quanto ha necessità di fare modifiche strutturali deve per forza richiedere l’intervento del Web designer, che può quindi offrire i suoi servizi dietro compenso.

Oltre alle modifiche basilari, Contribute permette di fare moltissime cose, tra le quali:

Inserire file Flash e Video su un sito;
Inserire documenti PDF e Microsoft su un sito;
Elaborare le immagini di un sito web.

Fig. 4 – Durante la modifica di una pagina, Contribute offre una barra degli strumenti molto immediata.

Anche per i blog

Contribute non è solo adatto a normali siti Web statici, ma è utile anche per i Blogger, poiché supporta il collegamento alle piattaforme di blogging più diffuse (Blogger, TypePad, WordPress, ecc).

In pratica, se sul Web si trovano articoli e informazioni che vorremmo integrare nel nostro blog è sufficiente selezionare gli elementi desiderati dalla pagina Web in cui risiedono utilizzando pol il comando Post to Blog offerta da Contribute.

In buona sostanza, questa procedura, facilita e velocizza l’inserimento di contenuti provenienti da altri siti o blog, all’interno di quello che si amministra, sostituendosi al normale utilizzo del back-end di un blog.

Microsoft Office

La versione di Contribute per Windows è dotata di ulteriori funzionalità:

le modifiche a siti e blog, possono essere gestite direttamente dai documenti di Word, Excel e Outlook, riducendo ulteriormente i normali tempi di pubblicazione.

Articolo scritto da Davide Vasta come guest poster per Blographik.it.

Davide Vasta è un Adobe Guru e Docente universitario, presso l’Accademia di Belle Arti Pietro Vannucci e la Facoltà di Lettere e Filosofia di Perugia.

Per maggiori informazioni, potete consultare la sua intervista rilasciata su blographik.

La terza parte di una mini serie di articoli dedicata ai CMS, al loro utilizzo ed alle funzionalità principali.

Nella seconda parte abbiamo parlato di quanti CMS esistono e di come si presenta la loro interfaccia.

Nella prima parte, ci siamo soffermati sui vantaggi e gli svantaggi principali di un CMS.

Volete consocere cos’è adob contribute e a chi serve un cms?
Lo scoprirete continuando la lettura di questo post.

Chi ha bisogno di un CMS?

Ecco, tutto il mio discorso tende a sollevare una riflessione su questa domanda, ovvero:

i CMS possono essere usati indiscriminatamente sia con un portale che conta migliaia di accessi giornalieri, sia con un piccolo sito aziendale che viene aggiornato, se va bene, una volta al mese?

Da un punto di vista tecnico la risposta è Si.

Ma se vogliamo rivolgere l’attenzione verso l’utente del CMS, la risposta è No.

Un’azienda che realizza il proprio sito in stile vetrina (per usare un termine che fino a qualche tempo fa era ancora in voga), con il solo scopo di rendere visibile sul Web la sua immagine, non ha sicuramente bisogno di un CMS.

In genere questo tipo di utente non ha poi neanche la necessità di aggiornare un sito frequentemente, non di certo quanto quello di Repubblica! Quindi, serenamente, un CMS è davvero una scelta fuori luogo per questo tipo di realtà.

Un normale sito Web in HTML classico è più che sufficiente, l’importante è dotare l’utente di uno strumento che consenta di modificare il sito, al pari di quanto avviene con un CMS.

Adobe Contribute

Con un sito statico la scelta ricade quasi immediatamente su un piccolo software di Adobe, peraltro neanche molto pubblicizzato: Contribute, arrivato alla sua quinda versione.

Putroppo però, per via della sua piccola nicchia di mercato, rispetto a best seller quali Dreamweaver, Photoshop e Illustrator, e quasi un emerito sconosciuto.

In effetti, quanti di voi conoscono Contribute?

Io credo molto pochi.
Lo dico a ragion veduta, perché quando faccio questa domanda durante i miei seminari, non vedo quasi mai mani alzate…

Parliamo quindi di Contribute.

Questo piccolo programma mette il proprietario di un sito in condizione di modificarne i contenuti a piacimento, intervenendo sui testi, sostituendo o inserendo fotografie, creando nuove pagine Web, e molto altro ancora.
Contribute si differisce rispetto ad un CMS per due motivi principali:

• Il costo di implementazione;
• La tecnologia sul quale si fonda.

Il costo di implementazione è una delle note dolenti di un CMS.
Se pensiamo ad un CMS proprietario, bisogna considerare tempi di sviluppo, procedure server side (con PHP ad esempio) e molto altro ancora.
Ma anche rimandendo nel mondo dell’open source, il fatto di poter disporre gratuitamente di un CMS, non significa che il tempo dedicato alla sua implementazione e personalizzazione non debba essere retribuito.
Per cui, spesso, si finisce con far lievitare il costo di una tale soluzione, ben oltre il budget del cliente.

Torniamo poi a considerare che un CMS è tendenzialmente adatto a siti con modifiche frequenti, molto frequenti (pensiamo ancora una volta a Repubblica) e soprattuto dove gli utenti profilati devono operare su diverse sezione del sito.

Contribute si rivolge invece a quegli utenti che non devono modificare frequentemente i propri siti, e che tendenzialmente vedono un’unica persona incaricata per le modifiche.

Questo tipo di siti sono i candidati ideali per l’utilizzo di Adobe Contribute.

Con contribute non esiste la differenza tra back-end e front-end:
il cliente lavora direttamente sulla pagina Web che intende modificare.

Questo rende molto più user-friendly le operazioni di modifica.
Prima di fare i primi passi in un progetto web, vale quindi la pena considerare che se un CMS costa 10 ed un sito classico costa 3, è lecito chiedersi quale strada sia da perseguire.

Prima di fare i primi passi in un progetto web, vale quindi la pena considerare che se un CMS costa 10 ed un sito classico costa 3, è lecito chiedersi quale strada sia da perseguire.

Fig. 3 – L’interfaccia di Adobe Contribute CS3: il sito Web viene modificato posizionandosi direttamente sulla pagina.

Articolo scritto da Davide Vasta come guest poster per Blographik.it.

Davide Vasta è un Adobe Guru e Docente universitario, presso l’Accademia di Belle Arti Pietro Vannucci e la Facoltà di Lettere e Filosofia di Perugia.

Per maggiori informazioni, potete consultare la sua intervista rilasciata su blographik.

Grafici al bivio, Il nuovo libro di Davide Vasta.

Personalmente non ho acquistato (per ora) il libro di Davide, in quanto ho sempre lavorato con Illustrator (non ho mai utilizzato ancora la versione cs3).

Conosco Davide solo da qualche mese, anche grazie all’intervista rilasciata su blographik qualche tempo fa.
Dalle competenze e dalla sua professionalità, non posso che consigliare a tutti coloro che hanno problemi per passare da FreeHand ad Illustrator, di acquistare questo libro.

Se alcuni di voi hanno già letto il libro o lo stanno leggendo in questo momento, vi invito a commentare l’articolo per affrontare le tematiche del libro e le sue risorse.

A chi è destinato questo libro

A tutti gli utenti di FreeHand che desiderano passare ad Illustrator CS3; tra questi:

grafici, illustratori, tipografi, fotografi, ecc.

Gli utenti di Illustrator CS3 che desiderano avere un guida compatta al software, senza dover comprare un manuale dispersivo.

Per maggiori informazioni su Davide Vasta ed il suo ultimo lavoro, potete consultare questa scheda in pdf.

Buona lettura.

Una raccolta di suggerimenti preziosi ideati e scritti per voi dagli Adobe|Guru.

Partecipate ai nuovi Adobe Creative eSeminar 2008, gli incontri online gratuiti della durata di 90 minuti, un appuntamento al mese, a scelta tra Print Publishing, Digital Imaging, Web Designer&Web Developers e Digital Video.
Troverete approfondimenti sulle funzioni di maggiore interesse offerte da Adobe® Creative Suite® 3. Scopri qui alcuni di questi interessanti approfondimenti.

Digital Video
Mercoledì 23 gennaio 2008 ore 16.30 e-Seminar a cura di Marco Savini.
Un seminario dedicato a come portare le proprie animazioni sul web in modo semplice e veloce.

Grazie ad Adobe After Effects, vi insegneranno come realizzare un’animazione stile MTV sfruttando le maschere, i tracciati e gli effetti 3D di After Effects, passando tramite Flash per aggiungeremo un po’ di interattività al video, arrivando al web.

Web Publishing.
Giovedì 24 gennaio 2008 ore 16.30 e-Seminar a cura di Italo Sannino .
Creare pagine XHTML e pagine modello, realizzate con l’inserimento di contributi intelligenti.

Ottimizzerete il flusso di lavoro grazie ai potenti strumenti integrati della suite Adobe CS3 Web Premium, potrete aumentare la compatibilità con Adobe CSS adviso, un nuovo strumento integrato in Dreamweaver CS3.

Link: HelloCreative.

La terza ed ultima parte dell’intervista a Davide Vasta, Adobe Guru e Docente universitario presso l’Accademia di Belle Arti Pietro Vannucci e la Facoltà di Lettere e Filosofia di Perugia.

Gli articoli correlati precedenti:
Intervista a Davide Vasta (prima parte);
Intervista a Davide Vasta (seconda parte);

Hai altri libri (o delle risorse gratuite realizzate dai tuoi allievi) da consigliare (oltre ad i tuoi naturalmente) che ritieni indispensabili per un web designer/grafico?

Due libri che sul comodino sono:

Design & Layout, di David Dabner pubblicato dalla Hoepli, un ottimo manuale per tutti i grafici, sia in erba, sia maturi.

Web Design Arte e Scienza, di Jeffrey Veen, edito da Apogeo, un testo di riferimento per tutti i web designer.

Oltre questo consiglio di fare una capatina nella sezione Risorse di studio dove pubblico in PDF le tesine più interessanti dei miei studenti, iscritti all’Accademia di Belle Arti e alla Facoltà di Lettere e Filosofia di Perugia.

Quali forum, siti o blog segui per rimanere aggiornato nel tuo settore?

I blog che frequento più spesso in Italia sono Melablog.it e Scattodesign.com di Daniele Cogo. C’è poi MMKit.com (di cui sono moderatore nel canale Freehand MX), che è il posto ideale dove trovare risposte a problemi e dubbi riguardo diverse tematiche, che spaziano dal design al web design. Seguo anche il blog di Luca Conti, consulente del Sole 24 Ore e consulente per i media digitali.

A livello internazionale controllo spesso il blog di John Nack, product manager di Photoshop.

Tornando in italia ancora due siti interessanti: CulturaSpettacolo.it di Sergio Palumbo; un interessante portale che ospita recensioni di libri in vari settori, e poi l’immancabile sito di Marianna Santoni, fotografa professionista, Adobe Guru nel settore del digital imaging, che ospita una nutrita lista di eventi a livello nazionale ed internazionale.

Quali credi saranno le tendenze del web design del prossimo futuro?

Ti posso dire con sicurezza quali spero non siano le tendenze del prossimo futuro! Spero che tutto questo riempirsi la bocca di Web 2.0 passi presto… sono un pò stufo di vedere così tanta omologazione in giro.

Sfumature, riflessi, e colorini languidi iniziano davvero ad infastidirmi. Sembra come se i web designer siano rimasti vittima di una malattia di massa che ne ha invalidato creatività ed idee. Passi da un sito all’altro e ti sembra di essere sempre sullo stesso sito di prima… Spero che si cambi rotta, tornando alla diversificazione e alla ricerca creativa.

Se poi diamo uno sguardo a tecnologie come Adobe AIR, e Prism, che è stato presentato da Mozilla di recente, è facile ipotizzare nuovi scenari in cui il futuro del web non sarà più confinato nel browser.

Forse assisteremo ad una vera e propria mutazione che vedrà i siti web trasformarsi in vere e proprie applicazioni che girano sul nostro desktop, e scambiano i dati via Internet. Se questo accadrà realmente, penso che andranno rivisti tutti i concetti di base del web design…

Puoi parlarmi del tuo nuovo sito?

Sono felice di parlarne… prima di tutto c’è da dire che era da parecchio tempo che meditavo un restyling. Poi, di recente, ho deciso di dedicarmi per intere giornate solo a quello. Ho messo in pausa tutti i lavori dei clienti e non ho fatto altro che quello, giorno e notte. I capisaldi del progetto li ho partoriti quasi subito:

1) Colori diversi per le varie sezioni;

2) Navigazione principale nella parte superiore;

3) Navigazione secondaria nella parte bassa del layout;

4) Impaginazione degli elementi molto strutturata;

Infine, volevo ancora che la mia figura fosse presente (come nel vecchio sito) ma in maniera più evidente. In effetti sono partito facendo alcuni esperimenti.

Quello che volevo realizzare era un video, girato in blue screen, di me che facevo cose diverse su ogni sezione. In pratica nella prima idea la mia presenza era svincolata dalla pressione dei tasti… sarei comunque apparso ogni volta che veniva caricato il template di un nuovo modello.

Si sono però subito palesati diversi problemi: non avevo la possibilità di girare le scene con uno sfondo uniforme, e quindi il blue screen non sarebbe stato realizzato ad’arte, inoltre, l’header si sarebbe appesantito notevolmente, visto che ogni volta andava ricaricato un file video di Flash per ogni sezione. Questo avrebbe poi originato problemi di scattosità presso quegli utenti con connessioni ADSL lente, o peggio, con connessioni PSTN.

Per cui, dopo averci girato intorno per un pò, ho deciso che la strada sarebbe stata un’altra: ho scelto immagini stock molto buffe, inserendo il mio viso in ognuna di queste. La qualità dei fotomontaggi lascia il tempo che trova, mi rendo conto… ma l’intento non era quello di ottenere montaggi fotorealistici… volevo in sostanza solo una cosa: creare immagini che avrebbero fatto sorridere i visitatori del sito!

Su questo aspetto vorrei fare una riflessione, che parte da una domanda: quanti di noi sono disposti a mettersi in mostra, “ridicolizzandosi”, su un sito web istituzionale? La risposta credo arrivi proprio dal web: in giro si vedono siti di professionisti seriosi, organizzati, straindicizzati, supervalidati… ma davvero poco comunicativi. Ecco, io volevo che il mio sito mostrasse il professionista che sono, in modo scherzoso e ruffiano…

Last but not least: il sito è stato progettato, assemblato, pubblicato e testato in soli 5 giorni… anche perchè non potevo permettermi di lasciare i clienti in pausa per più tempo! Ora vi posso finalmente dire che il soprannome con cui mi chiamano amici e parenti è “Furetto” .

Quali sono i tuoi progetti per il futuro?

Ti rispondo diretto: la scrittura di testi mi affascina sempre di più, e il riscontro posivito dei lettori mi dice che forse è una strada su cui perseverare. Ho diversi progetti in mente, alcuni a breve scadenza (come ad esempio “Grafici al bivio”), altri a più lunga scadenza, come un bel tomo sul design…

Oltre questi c’è il grande desiderio di trasformare in un racconto romanzato la brutta esperienza di Scam di cui sono stato vittima 5 anni fa… magari ne riparliamo tra qualche anno qui su Blographik, per vedere come si sono evolute le cose .

Termina qui questa interessante e lunga intervista a Davide Vasta che ringrazio per la sua collaborazione.

La seconda parte dell’intervista a Davide Vasta, Adobe Guru e Docente universitario presso l’Accademia di Belle Arti Pietro Vannucci e la Facoltà di Lettere e Filosofia di Perugia.

Volete sapere chi è e come si diventa Adobe Guru ed avere alcuni consigli su libri da consultare su web design e grafica?
Le risposte le trovate di seguito.

Per chi si fosse perso la prima parte della chiacchierata, vi consiglio un’attenta lettura.

Ogni vostro commento per approfondire e discutere insieme gli argomenti trattati, è ben gradito.

Davide, Cos’è un Adobe Guru e quali sono gli step per raggiungere questo grande riconoscimento?

Un Adobe Guru è fondamentalmente una persona che conosce molto bene uno o più software Adobe e che è anche certificato su uno o più di questi.

Ora permettimi però di dirti una cosa: “Adobe Guru” è sicuramente un termine di grande effetto. Io però preferisco “consulente Adobe“; credo che in questo modo le persone abbiano una percezione di me più reale, meno fantomatica.

Oltre alle conoscenza puntuale del software però, un Adobe Guru, deve saper parlare in pubblico, saper ascoltare l’audience, e molto altro ancora.

Fondamentalmente però, il valore aggiunto di un esperto, che parla su un palco per conto di una grande azienda, non è necessariamente quello che egli sa, ma come è in grado di dirlo. Questa è una delle prime cose che mi ha insegnato il famoso psicosocioanalista Paolo Bruttini quando fui reclutato come Macromedia Specialist: non importa quanto tu sia bravo, se non sai comunicare con gli altri.

Ecco quindi che un bravo “Guru” non deve solo conoscere pedissequamente un software… ma deve sopratutto sapersi far accettare dal pubblico, coinvolgerlo, appassionarlo, e cosa ancor più importante, rendere chiari i concetti che egli esprime.

Ora, se mi domandi come si diventi oggi Guru… non so come risponderti. Chiunque può ottenere la certificazione sul prodotto, superando un esame… ma non esiste formalmente un esame per diventare Guru.

Tra l’altro, per quanto ne so io, la qualifica Adobe Guru è una peculiarità tutta italiana, giacchè nel resto del mondo non sembra esistere simile qualifica in Adobe.

Io come sono diventato Guru? In realtà non ho fatto molti sforzi… non di certo ora. I miei esami, test e colloqui li feci a suo tempo, quando sono diventato Macromedia Specialist. Per chi se lo ricorda, quando ancora esisteva Macromedia, il gruppo di Specialist italiani era composto da circa 25 professionisti, selezionati tra oltre 600.

Al pari di quello che fanno oggi gli Adobe Guru, il gruppo Specialist di cui facevo parte era presente in eventi, workshop, congressi, seminari, ad illustrare le tecnologie di Macromedia.

Quando Adobe ha acquisito Macromedia, alcuni vecchi Specialist sono “transitati” nel gruppo Guru, sulla base delle loro effettive conoscenze. Io ho avuto la fortuna di essere tra questi, principalmente per la mia conoscenza “orizzontale” dei prodotti dedicati al web (Dreamweaver, Fireworks, Flash, Contribute, Captivate, Acrobat Connect) e tutt’ora mi occupo, con grande passione, delle stesse cose.

Quali programmi preferisci della creative suite della Adobe e perchè?

Appunto, per ricollegarmi a quello che ho appena detto, adoro letteralmente Dreamweaver e Fireworks. Mi piace Flash, ma non quanto i primi.

C’è poi un amore nascente verso Illustrator, che per secoli ho snobbato da sfegatato “Freehandista” quale ero, e per il quale ho deciso di scrivere un libro: Grafici al bivio.

Si tratta di un testo orientato proprio a quei “Freehandisti” che vogliono (o devono) passare ad Adobe Illustrator CS3.

Ovviamente Photoshop fa parte della mia “cassetta degli attrezzi” da molto tempo… Nutro poi un particolare interesse per Bridge, come viene definito la “centrale di controllo” degli applicativi CS3, tanto da reputarlo ormai un imprescindibile alternativa al normale uso del Finder.

Dal tuo sito scopro che sei autore di molti manuali. Vuoi parlarci del tuo ultimo lavoro “Web Design Facile” e perchè hai scelto di distribuirlo tramite Lulu.com?

Volentieri! un pò di pubblicità non fa mai male. Nel tempo passato in Macromedia ho maturato una buona conoscenza su Dreamweaver e Fireworks.

Mi sono però spesso confrontato con utenti che li usavano in modo “scoordinato”, senza trarre vantaggi significativi dal loro utilizzo.

Per fare un esempio, il Segnaposto Immagine di Dreamweaver, viene spesso usato come semplice etichetta da mettere al posto di un’immagine non ancora pronta, per poi sostituirla con quest’ultima. Pochi sanno invece che insieme a Fireworks, si trasforma facilmente il Segnaposto in un’immagine, con il grande vantaggio di preservare il file PNG originale.

Questo è solo un piccolo accenno per dire che esistono modalità di utilizzo dei software che spessono non vengono approfondite agli utenti.

Nel libro ho quindi deciso di affrontare il “percorso” che un utente deve compiere per realizzare un sito web, partendo pagina “bianca”.

Il metodo che illustro vede l’utilizzo integrato dei due applicativi, con il fine ultimo di rendere più rapido e semplice lo sviluppo di un sito. La prima parte del libro è dedicata alla creazione di un prototipo funzionante (tramite Fireworks) da mostrare ad un ipotetico cliente, per poi passare allo sviluppo vero e proprio in Dreamweaver, usando rigorosamente DIV e CSS, che ormai sono diventati di gran moda.

È poi presente un capitolo dedicato al web design, che reputo fondamentale: troppo spesso oggi si creano siti web a partire da semplici layout grafici… tralasciando concetti come l’architettura dei contenuti, il trattamento semantico dei testi, le regole base per interfacce, ecc.

Il libro termina con la descrizione di alcune funzioni particolari di Fireworks, come le Guide Scala 9, la creazione di rollover disgiunti, la creazione di menu a comparsa e altro ancora.

Perchè l’ho pubblicato con Lulu? Beh, fondamentalmente è stato un esperimento… che però si sta rivelando davvero positivo.

Io normalmente mi muovo nell’editoria tradizionale, collaborando con editori nella redazione di libri e articoli. Da un lato, scrivere per un editore importante, è utile per la propria immagine. Sul versante economico invece non è così utile (trannechè non sei J.K Rowling), giacchè i proventi delle vendite sono sempre molto marginali.

Per cui, un pò per un verso, un pò per l’altro, ho deciso di provare.

I risultati sono stati davvero stupefacenti: nella sola prima settimana ho venduto circa 200 copie, ed il ritmo procede in maniera costante grazie anche ad un certo tam tam che si è sviluppato sulla rete tra blog e siti rinomati.

Una buona mano me l’hanno data anche due recensioni che ho ricevuto da CulturaSpettacolo.it e ScattoDesign.com di Daniele Cogo (l’intervista di Daniele su blographik).

Questi risultati mi hanno spinto a scegliere Lulu anche per il mio prossimo libro “Grafici al bivio“, dedicato a tutti i “Freehandisti” che vogliono o devono passare ad Illustrator CS3. Il testo è tuttora in scrittura e ne prevedo la pubblicazione entro gennaio 2008.

Termina qui la seconda parte di questa lunga intervista.

Di cosa si parlerà nella terza ed ultima parte?

• Dei libri consigliati da Davide Vasta;
• Dei forum, siti e blog che segue;
• Delle future tendenze del web design;
• Del suo nuovo sito.

La prima parte dell’intervista a Davide Vasta, Adobe Guru e Docente universitario presso l’Accademia di Belle Arti Pietro Vannucci e la Facoltà di Lettere e Filosofia di Perugia.

Volete conoscere il profilo professionale ed il percorso formativo di Davide Vasta?
Leggete l’inizio di questa lunga chiacchierata e seguite blographik nei prossimi giorni.
Nelle restanti due parti si parlerà di cos’è un Adobe Guru, dei numerosi libri pubblicati, del restyling del suo sito e di molto altro.

Chi è Davide Vasta?

Dunque, vediamo, come posso rispondere a questa domanda?
Cioè voglio dire, è una domanda così semplice e al contempo parecchio complicata.

Ti confesso che quando ho iniziato a scrivere le risposte di questa intervista, questa domanda, mi ha praticamente inchiodato davanti al monitor del mio Mac, con gli occhi stralunati ed il totale vuoto in testa… roba da Bart simpson per capirci.

Provo ad andare con ordine, prima rispondo dal punto di vista personale, poi vediamo.

Innanzitutto ci tengo a sottolineare che sono Siciliano, di Palermo. Lo sottolineo perchè da quella terra e dalla mia famiglia ho ereditato due valori che io ritengo oggi inestimabili, ancorchè introvabili: la generosità ed il rispetto altrui. Queste doti, se mi è permesso chiamarle così, sono quelle che mi hanno da sempre identificato agli occhi di tutte le persone che conosco: amici, colleghi di lavoro, clienti e semplici persone incontrate per strada. Se posso aggiungere dell’altro ci metterei anche una buona dose di educazione ed una massiccia dose di onestà intellettuale.

Certo, ci sono anche le persone che la pensano diversamente… quelli che si costruiscono mondi paralleli con realtà del tutto artefatte… ma quella è un altra storia e in fondo non è giusto che ne parli qui.

Se posso dire altro aggiungerei che sono un inguaribile curioso, che sperimenta tutto quello che può nei limiti del lecito e del possibile… su Internet ne ho viste di cotte e di crude, sono stato vittima di Phishing e persino di Scam… un giorno ci scriverò un bel libro. Perchè mi sono successe queste cose? Semplicemente perchè a differenza di altre persone ho voluto vedere, provare, approfondire, ciò che gli altri si limitano a sapere per sentito dire. Ecco, questa è forse la mia dote più grande: non mi tiro mai indietro.

Potrei andare avanti a lungo, ma il rischio è che questa prima parte dell’intervista diventi solo un modo per fare emergere il mio EGO come un fiume in piena… meglio passare a cose più tecniche e professionali.

Mi occupo principalmente di web e graphic design, con particolare attenzione al primo. Cerco di applicare in maniera “scientifica” le regole che sottendono al web, quelle che spesso vengono ignorate dai più. Amo iniziare i progetti pensando all’architettura dei contenuti, all’organizzazione semantica dei testi, e per ultimo approdo al design del layout.

Mi risulta che la tendenza presso molti “web designer” sia proprio al contrario: apro Photoshop, disegno il sito, mando uno screenshot al cliente senza neanche una riga di descrizione, realizzo!

Oops scusate, il “contrario” prevederebbe che ad un certo punto qualcuno pensa all’architettura dei contenuti… ma anche questa è materia sconosciuta per i più.

Scrivo molto (dal mio sito penso si evinca) ma paradossalmente non leggo molto. Leggo quello che posso e quello che trovo interessante. Nella mia libreria è onnipresente il testo “Web Design Arte e Scienza” di Jeffrey Veen, da cui ho tratto ispirazione per tutto il mio lavoro.

Collaboro in maniera stabile con la redazione di Applicando nella stesura di articoli, test e tutorial, e ho un rapporto altrettanto ormai stabile con Apogeo Editore e Sprea, per i quali ho all’attivo quattro libri scritti.

Passiamo ora alla formazione. Insegno presso l’Accademia di Belle Arti Pietro Vannucci e la Facoltà di Lettere e Filosofia a Perugia dal 1993, quando avevo 23 anni, sebbene la prima docenza è databile intorno al 1986…Le materie sono due: Computer Graphics, Tecniche ed Applicazioni Digitale… senza ammorbarvi con i dettagli basta andare sulla sezione “studenti” del mio sito per farsi una cultura…
Diciamo che su di me ho detto abbastanza… qual’è la prossima domanda?

Vuoi parlarmi del tuo percorso formativo ed il tuo profilo professionale?

Si, beh, per dirla con un termine molto americano… sono un self-made man… Anzi, mi correggo, pardon, un self-making man, visto che non mi ritengo “arrivato”, ma mi sento molto “in evoluzione”.

L’origine di tutto, il Big Bang della mia vita ha un solo nome: Commodore 64. Da li son partito, come molti altre persone della mia età. All’inizio fu il gioco, poi il gioco si trasformò in interesse, poi l’interesse in primi lavori e così via.

Voglio raccontarvi questo piccolo aneddoto su come il C64 entrò nella mia vita. Avevo 8 anni, ed ero terribilmente attratto dai congegni elettronici. Al tempo avevo una consollo da giochi della Philips, una di quelle con i giochi di un tempo, alla Pong, per capirci. Ad un certo punto scoprì il C64 e iniziai a fare un lagno assurdo ai miei genitori affinchè me lo comprassero.

Al tempo costava 750.000 lire, che erano un patrimonio per una famiglia normale… Mia madre Benedetta (di nome e di fatto…) decise che me lo avrebbe comprato, ma mio padre non era molto d’accordo. Riteneva che sarebbe stata una spesa inutile. Così un bel natale, mamma mi compra il C64, ma per non litigare con papà dice che è un regalo della cara nonna… Io, strafelice, passo l’intera settimana di natale incollato al C64…

Papà si rende conto che l’attrazione che provavo non era tutto sommato un fuoco fatuo…e che fa? Mi regala il disk drive (modello 1541 per chi se lo ricora). Infine, si era reso conto, che il mio non era propriamente un capriccio… e il tempo mi ha dato ragione! Bene, questo l’aneddoto… da li poi è iniziata l’evoluzione, sino a quando arriva il Commodore Amiga e i primi guadagnetti… il mio primo lavoro pagato fu una presentazione fatta a slide (realizzate con Deluxe Paint) stampata su fogli lucidi e consegnata al cliente: incredibile a dirsi oggi, 25 slides pagate 1.300.000 lire!! Pazzesco…

Ma il salto di qualità arrivò quando i miei genitori decisero di investire una piccola somma, pagandomi l’affitto un locale. Insieme a mio fratello Angelo, che vive ormai negli USA da 15 anni, diedi vita allo “Studio Grafico IDEA“, e fu probabilmente il momento in cui iniziai davvero a sentirmi un grafico.

Il resto è storia, fino a quando sono stato in grado di camminare con le mie gambe. Ai miei genitori va il merito di aver creduto e investito in me… una cosa che non dimenticherò mai e, che cercherò di fare a mia volta con i miei figli.

Dal punto di vista professionale, udite udite, io non ho mai seguito mezzo corso di grafica o di web design. Tutto quello che ho imparato è frutto di auto-formazione, libri e tanta tanta esperienza sul campo.

Attenzione però: non voglio dire che questa è la strada da seguire! Io sono stato così preso dal mio lavoro e non ho trovato il tempo di studiare…ma se potessi tornare indietro, studierei sicuramente.

Ciò che però mi sento di consigliare a tutti gli aspiranti designer è di non attendere la fine degli studi per buttarsi nel mondo del lavoro… ma trovare subito il modo di imparare, anche quando si è davvero molto giovani, magari con qualche stage formativo, o semplicemente mettendosi a disposizione di un bravo “maestro“.