Moderatore su “Grafici Creativi”

Creatività, Grafica, News, Tutorials, Utility 1 Comment »

 graficicreativi.jpg

Da oggi sono stato invitato ad essere il nuovo moderatore del forum “Grafici Creativi”

Inito tutti a partecipare perchè è davvero un forum di qualità.
Io in particolare sto moderando le aree: Advertising,  Logo Design e Design Interattivo.

Il tradizionale al servizio del digitale

Creatività, Grafica, Tutorials, Web Design No Comments »

I mezzi digitali sono straordinari e non potrei immaginare la mia vita senza. Amo il digitale.
E’ importante però non dimenticare le nostre origini e capire che una buona progettazione visiva avviene in una fase antecedente a quella dell’accensione della scatola magica.

Sopratutto nei progetti multimediali, dove oggi come oggi c’è molta improvvisazione, è fondamentale progettare correttamente il layout grafico in vista della sua vera funzione.
In particolare sul web bisogna fare le cose funzionali ed utili, oltre che piacevoli da vedere!

Una volta che aprite Photoshop e lo sapete usare, qualsiasi cosa che farete sarà bella ma la domanda da porsi è:”Funziona? E’ quello che avevo in mente? E’ facile da navigare? Gli utenti faranno click dove dovrebbero? La Call to Action è chiara?ecc..ecc.”

Per questo che esorto chi alvora con me a usare la vecchia cara matita e il bel foglio bianco, se riciclato, meglio. :-)
Vi posto qualche mia bozza di studio del layout per capire la migliore disposizione di alcuni elementi di navigazione.

layout1.jpg

layout2.jpg

layout3.jpg

Solo quando abbiamo fatto funzionare tutto su carta, si può procedere alla realizzazione finale in Photoshop per fissare la grafica finale.

Non lasciate tracce di follia

Creatività, Grafica, Tutorials, Utility No Comments »

cleanpsd.jpg

Sto mettende le mani su un file .psd perchè devo organizzare un’animazione interattiva e sto letteralmente diventando pazzo e sto odiando profondamente il grafico che ha realizzato il progetto.

Il .psd inoltre non è altro che un file convertito da Illustartor quindi ancora peggio. A prima impressione tutto è ben organizzato in cartelle, peccato che scopro che le cartelle sono organizzate con un criterio completamente anti-utile. Cartelle in sotto cartelle in cartelle di cartelle di cartelle che per trovare una cosa ci metto più tempo che rifarlo da zero.

Finalmente trovo il livelo dei testi…e cosa vedo? quel che temevo: il caro povero verdana è stato flattenato e quindi è inutilizzabile.

Esorto tutti i grafici che lavorano in collaborazione con altre persone a tenerne conto e organizzare i proprio file in maniera semplice e chiara, nominando i file e non eccedere nell’utilizzo delle cartelle che spesso complicano il reperimento di un certo elemento della composizione.

Dopo la follia creativa, mettete un pò di ordine…please!

I fessi nei cessi

Tutorials, Web Design 3 Comments »

300.jpg

Questo è il seguito della regola dei prosciutti nel quale analizzerò in breve quella che è la situazione dei novelli web designers ed in genere di chi è alle prime armi con molte aspettative.

Miei prodi, armatevi di pazienza, coraggio e perseveranza: si va in battaglia!

Il web designer medio ha la sensazione di essere in qualche modo sfruttato dal datore di lavoro e questo dato viene confermato dai infiniti annunci di lavoro che spesso sfiorano il surreale e la comicità fantozziana.
Gli annunci di lavoro nel settore del web design, nella maggior parte dei casi sembrano essere fatti per geni dell’informatica e creativi strabilianti.

Non mi stupirò se tra poco nelle offerte di lavoro nel settore del web design verrà scritto: “sono richieste le conoscenze di…TUTTO.”

Questo tutto equivale ad essere dei grafici creativi e illustratori, allo stesso tempo dei sviluppatori e programmatori provetti, se animatori 3D è meglio e se proprio vogliamo fare bella figura anche il montaggio del video non guasterebbe.

Riassumento ecco le doti necessarie per avere un posto di lavoro nel web design:

  • Photoshop, Illustrator
  • Flash Cs3
  • Html e Css
  • Php/Asp, MySql
  • Esperto in Joomla e WordPress
  • 3D Studio Max o Maya
  • After Effects e Premiere
  • Disegno a mano è gradito

Sapete quale è la cosa più spaventosa? Che il datore di lavoro tipo non si degna nemmeno di specificare quale sarebbe lo stipendio per avere tutto questo e state tranquilli, sicuramente non si intende sborsare più di 1000 euro al mese.

Il problema vero però, miei prodi, è quello che il datore di lavoro ignorante o chiamatelo furbo, sa bene che qualcuno nella massa alla fine si trova. Si punta in alto per avere il meglio del sottopagato.

Bisogna ristabilire una certa situazione di normalità in quanto non è possibile che qualcuno pensi di poter avere tutte queste competenze in una sola persona per uno stipendio che sfiora la miseria.

Le competenze vanno pagate e gli va dato il giusto valore!

Esorto i novelli alla ricerca di lavoro di prendere coscienza della propria profesionalità e di non svederla. Cominciate a pretendere il giusto per quello che valete. Il problema va cercato alla base e come si suol dire: il male è in mezzo a noi, si, perchè sono i web designer per primi ad accettare questo tipo di situazione e quanti sono quelli che ad un colloquio hanno quasi quasi il timore di chiedere quale sarà la retribuzione?

Sembra quasi che sia un sacrilegio pronunciare le parole:”quanto è la retribuzione?”

Se dovessi fare due conti così su due piedi mi verrebbe da dire che per imparare tutte quelle cose (BENE) che ho elencato sopra servono almeno 5-6 anni. Vale a dire che se uno arriva a 28 anni e sa fare tutto quello è una bella bestia e farebbe gola a qualsiasi azienda operante nel settore IT.

Quale è il prezzo onesto per tenere una professionalità del genere in azienda?

La prossima volta che andate ad un colloquio di lavoro, siate seri e fate anche voi le giuste domande, abbiate la consapevolezza di quello che valete e cosa potete REALMENTE offrire all’azienda che vi sta offrendo un lavoro.

Un ultima osservazione per i novelli: non esagerate, siate modesti, cercate di individuare quali sono i vostri limiti. Quanti anni di esperienza avete per avanzare determinate pretese?  Bisogna stare con i piedi per terra e fare i seri, all’inizio tutti si sentono dei geni della creatività che tutti stanno aspettando, bene, non è così.

E’ fondamentale fare esperienza e grazie a quella prendere coscienza del proprio valore e quindi di quello che può essere il vostro reale apporto in o per un’azienda. In base a questo potete pretendere, la giusta retribuzione. 

E ora, affilate le armi!

Fallo con Passione!

Corsi di formazione, Pensieri, Tutorials No Comments »

passione.jpg

Non smetterò mai di dirlo, la passione è la chiave per riuscire a fare ciò che ci piace al meglio delle nostre possibilità.

Qualsiasi cosa facciate metteteci Passione, siate curiosi, sperimentate, divertittevi!
Doppio senso? Forse…ma in questo caso mi riferisco sopratutto ai corsi di formazione ed in genere alle vostre aspirazioni personali nel campo della creatività. :-)

Quality over quantity

Grafica, Tutorials, Web Design No Comments »

Il mio motto preferito è Less is More ma devo dire che non mi dispiace nemmeno quello che cita:”Quality Over Quantity” il che significa che la qualità viene prima di tutto.

Facile a dirsi ma un pò più complesso da trasmettere. Durante i corsi che tengo cerco sempre di far capire che una delle cose più importanti, oltre alle tempistiche è la qualità e la cura del dettaglio, elemento che farà la differenza una volta usciti dall’ambiente “protetto” del corso.

E’ importante insistere sulla qualità visuale di quello che realizziamo perchè quando stampiamo un poster piuttosto che lanciamo on-line un sito web stiamo comunicando qualcosa, e di fatto facciamo comunicazione visiva.
Soffermiamoci qualche minuto in più sulla precisione dello scontorno, sulla correzione dei colori, sui dettagli e vi assicuro che i progetti che realizzarete ne gioveranno tantissimo!

Usiamo e divertiamoci quindi con gli strumenti che ad esempio Adobe Photoshop Cs3 ci offre per ritoccare, creare rilfessi, correggere e adattare al meglio di quello che è la nostra idea creativa perchè si sa…con Photoshop non ci sono limiti.

Di seguito pubblico alcuni dei lavori di esempio che hanno ralizzato alcuni dei miei corsisti:

nokiaweb.jpg

Fase1. Progetto grafico con Photoshop 

motorolaweb.jpg

Fase2. Assemblaggio in Flash Cs3

motoweb.jpg

Fase3. Verifica e messa on-line 

Consiglio sempre di progettare prima il lavoro che dovete fare su carta e solo una volta trovata l’idea e l’impostazione generale aprire Adobe Photoshop e realizzare la grafica finale.

Actionscript 3.0 per i grafici (pulsanti)

Tutorials, Web Design 2 Comments »

as3.jpg

Il peggio che poteva capitare ad un web designer di tipo “grafico” e non “sviluppatore” è l’avvento dell’actionscript 3.0 che proprio per la sua potenza,rapidità di esecuzione e flessibilità fa gola a molti.

La brutta notizia è che AS 3.0 è un linguaggio completamente diverso dalla versione 2.0 e i web designer meno esperti nella programmazione che conoscono il giusto necessario per sopravvivere nella giunga degli actionscript e dell’interazione con le actions lo vedranno come un’incubo.

Se fate parte del ramo “ugh che incubo la programmazione” allora questo articolo è per voi altrimenti passate oltre perchè potreste annoiarvi. La mia intenzione è quella di usare un linguaggio comprensibile ai designers e non ai programmatori, quindi i maestri dello sviluppo mi dovranno perdonare orrori di linguaggio non proprio tipicamente tecnico e corretto.

Read the rest of this entry »

Come creare un bagliore con Photoshop

Tutorials No Comments »

Sicuramente molti di voi avranno usato i filtri di rendering presenti all’interno di Photoshop Cs3. Il filtro più gettonato è forse il bagliore lenticolare (Lens Flare) che simula il rilfesso del sole nella lente di una fotocamera.

Il problema della maggior parte dei grafici è il fatto che una volta applicato il filtro all’immagine non è possibile riposizionarlo nè ridimensionarne l’effetto tranne che tornando indietro nella storia e riaggiustando le impostazioni.

maseratilensflare.jpg
Il giusto procedimento per realizzare un bagliore lenticolare è quello di creare un livello sopra il livello dell’immagine e colorarlo di nero; una volta fatto va applicato il filtro bagliore lenticolare dal menu Filtri > Rendering proprio a questo livello nero.

Niente paura, quello che vedrete è corretto: uno sfondo nero con un bel bagliore.

bagliore.jpg

Questo livello ora va impostato in modalità fusione scolora (screen) ed ecco come per magia vedrete scomparire il nero e resterà solo il bagliore (le luci della Maserati postata all’inizio dell’articolo sono state accese con questo metodo).

Il trucco dei professionisti sta nel duplicare questo livello varie volte finchè non si ottiene la giusta intensità di luce; una volta raggiunta uniamo i livelli del bagliore con i tasti Ctrl + E (Mela + E) e rimettiamo il metodo fusione Scolora in quanto questi si disattiva durante l’unione.

A questo punto duplichiamo il livello e spostiamolo nella posizione del secondo faro ed il giochino è fatto!

TIPS!
Il livello generato può essere esportato in Flash Cs3 dove potrete attivare il metodo scolora con il risultato di animare i fari della macchina o creare effetti spettacolari di luce.

layers.jpg

Immagini anamorfiche

Creatività, Tutorials No Comments »

Forse molti di voi si saranno chiesti a cosa servono molti dei filtri presenti in Photoshop. Uno dei filtri più interessanti al quale spesso non si sa dare un motivo per esistere è il filtro di distorsione coordinate polari (Polar Coordinates).

Questo filtro che in combinazione con altre tecniche riesce a creare ad esempio bolle di sapone o muri di fuoco dal realismo incredibile ha delle origini molto antiche ed in particolare dobbiamo tornare nel lontano 18 secolo e scoprire cosa fossero le immagini anamorfiche.

Read the rest of this entry »

Antichizzare una foto

Creatività, Photography, Tutorials No Comments »

oldphoto.jpg

Antichizzare una fotografia non è un lavoro così scontato come possa sembrare a prima vista tuttavia non è una cosa estremamente complessa. Per fortuna il flusso di lavoro di Adobe Photoshop Cs3 è formidabile ed una volta presa confidenza con i proncipali strumenti e i metodi della correzione delle tonalità dei colori le cose cominciano ad essere sempre più intiutivie anche per chi è alle prime armi.

La foto che ho antichizzato a scopo dimostrativo è stata scattata dal fotografo Omar Kheiraoui al quale ho avuto l’onore di insegnare alcune funzioni avanzate di Photoshop Cs3.

La foto originale scattata in Raw è stata prima corretta con Camera Raw e poi importata in Photoshop Cs3 dove sono state eseguite ulteriori correzioni cromatiche; in seguito abbiamo deciso di antichizzare l’immagine.

La foto originale è la seguente:

oldphotobase.jpg

Come direbbe l’amico Omar:”quello che c’è, c’è, quello che non c’è…non c’è”.
Questa simpatica affermazione significa che quando ritocchiamo un’immagine per quanto possiamo essere bravi e creativi, migliore è l’immagine di partenza e migliore sarà l’effetto finale!

Se siete interessati a sapere il metodo con cui è stata antichizzata questa immagine lasciate un commento e approfondiremo l’argomento con piacere!

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Login