Ho deciso di aprire una nuova categoria dedicata solamente ad Adobe Illustrator in quanto vedo parecchio interesse intorno alla grafica vettoriale. Ho scritto alcuni post che parlano di Illustrator, eccone alcuni più recenti:

Cambiare dimensione alle miniature dei livelli

Scaricare logo di Brand famosi e non

Corso di Illustrator a Roma

Illustrator Mesh Tool tutorial

Workshop di Fotorealismo con Illustrator

Illustrator Cs3 – Lavorare con i Tracciati

Inoltre se digiti su Google la parola chiave “mesh tool” come primo risultato esce il mio tutorial che spiega come utilizzare questo strumento. In realtà è solo una veloce dimostrazione che però in poco tempo ha fatto 124.223 visite e spesso utilizzata come esempio su numerosi forum di grafica.

Parliamo di branding, di cose originali e diverse di solito. Usciamo fuori dagli schemi e andiamo dritti sulle nostre tavole, nelle sere di relax, gustando un buon tea…

Ho finito il tea a casa e tornando dallo studio mi sono fermato per comperare una nuova scatola della mia bevanda preferita. Da subito sono stato attratto dal packaging insolito di questo marchio del tea chiamato Mhai Diva. Mentre gli altri tea sono per la maggiore confezionati in un formato rettangolare, il Mhai Diva ha un formato quadrato e con un design molto moderno, minimalista…di design.

Ogni lato della scatola è caratterizzato da qualche elemento tipico e insolito come ad esempio la foto di questa ragazza che bene il tea, con sopra e sotto, in maniera davvero minimal, il gusto e numero di bustine.

Quando si apre la scatola di nuovo qualcosa di insolito, a partire dal colore, al loghino sulla destra ed in genere è come se tutta l’esperienza della preparazione del tea cominciasse fin dalla scatola.

Aprendo la scatola il packaging continua a stupire, bustine ben confezionate, design elegante ed in linea con il resto, materiale piacevole al tatto.

Dentro il contenitore del tea Mhai Diva c’è ovviamente la bustina con il brand ben in evidenza, dello stesso colore del retro del contenitore interno.

Il gusto che ho preso io è all’arancia e devo dire che oltre al bel brand, questo tea dello Sri Lanka ha anche un bel colorito ed il gusto è davvero piacevole. Nota inoltre che belle icone rappresentano la preparazione del tea stesso, seguite dalla promozione del sito web del mhaidiva.com dove potrai guardare le raffigurazioni del loro branding, davvero molto interessante.

Il branding continua seguendo il design del logo e la filosofia dell’azienda, nel loro sito web.

Stanchi di vedere le miniature dei livelli piccole piccole e non capire bene cosa c’è al loro interno? Bene, oggi spiego come farle diventare giganti e come personalizzare il loro aspetto all’interno di Illustrator.

Devo premettere che non sono un pazzo che usa le icone giganti anche perchè più spazio riesco a risparmiare e più sono contento ma avvolte potrebbe capitare di dover impostare le dimensioni ad una grandezza diversa, spesso più grande; per trovare un determinato elemento oppure durante una presentazione oppure come è capitato oggi a me in classe, per non far perdere la vista ad una mia alunna, mentre spiegavo Illustrator ad uno dei corsi in cui insegno.

Cambiare dimensione alle miniature dei livelli in Illustrator

Prima di tutto è giusto dire che i livelli di Illustrator non sono esattamente come quelli di Photoshop: il sistema di livelli di Illustrator funziona a sottolivelli e a differenza del amico Photoshop, Illustrator li crea da solo ogni volta che creiamo un oggetto nuovo (sia santificato colui che ha avuto questa pensata). Illustrator quindi ha un livello madre, che è rappresentato dalla miniatura che raffigura il contenuto di tutti i livelli figlio, i quali visualizzano rispettivamente il proprio contenuto.

Una ficata vero?  Chiaramente non tutto è rosa e fiori, questa facilitazione, se non si sta attenti, ci fa perdere il controllo del progetto in due secondo e mezzo…

Cambiamo le impostazioni dei pannelli

Andiamo nell’area del pannello “livelli” e apriamo le opzioni. Clicca su quella freccina in alto a destra con delle righine affianco e selezione “Opzioni pannello” (Panel Options).

In questo modo accedi alle opzioni del pannello.

Ora bisogna scegliere una delle opzioni proposte, vediamo cosa è meglio scegliere. Chiedo perdono ma uso la versione inglese di Illustrator per cui non ho sottomano la traduzione esatta delle singole voci di menu. Allora la prima voce, Show Layers Only (Mostra solo i livelli) vuol dire che se la attiviamo, nel pannello dei livelli non saranno più visibili si sottolivelli ma solo il livello principale. Cosa abbastanza scomoda direi…

Nell’area Row Size (Dimensione della riga) decidiamo la grandezza delle miniature vere e proprie e per essere precisi, dell’intera riga del livello. Si può scegliere tra 4 tipi di dimensione, Piccola, Media, Grande e Altro, Illustrator usa di base la grandezza Media perchè è la prima più piccola che visualizza anche le miniature del livello. La dimensione Piccola infatti mostra solo il nome del livello, una cosa davvero molto molto difficile da gestire, anche per chi nomina i livelli con estrema precisione.

A meno che non siate dei pazzi maniaci non vedo un motivo valido per scegliere questa impostazione.

L’opzione Large ci fa vedere le miniature poco più grandi ed infine, l’opzione Altro ci permette di personalizzare a piacere la dimensione fino ad un massimo di 100 pixel, che sono davvero tanti. Notare che Photoshop, benchè abbia la possibilità di personalizzare questi aspetti, non ci permette di decidere le dimensione a piacere.

Le impostazioni relative alle miniature specificano semplicemente se l’ingrandimento specificato deve agire su tutti i sottolivelli o solo su quello madre. Se si prova ad impostare come indicato di seguito si ottiene che solo il livello madre viene ingrandito e gli altri no.

A questo punto non c’è altro da aggiungere, aprite Illustrator e trovate l’ipostazione più adatta al vostro metodo di lavoro. La cosa più importante è stare comodi davanti allo strumento che si utilizza.

Ciao ciao!

Uno dei problemi più comuni dei fotografi è quello di dover ritagliare un’immagine con Photoshop mantenendo le proporzioni e la risoluzione dell’immagine originale. Quest’operazione è estremamente semplice ma non sempre è ben chiaro come si fa.

Ritagliare le immagini con la taglierina

Sicuramente conoscerai già lo strumento taglierina di Photoshop ma forse non ne hai utilizzato mai le opzioni; difatto le opzioni di questo strumento a prima vista non sono chiarissime e quindi spesso passano di vista. Per questo tutorial sul crop delle immagini con Photoshop utilizzerò una delle fotografie che ho scattato a Bangkok in Thailandia.

Ritaglierò la foto mantenendone sia le dimensioni,le proporzioni e ovviamente la risoluzione di 300 dpi. A prima detta potrebbe sembrare impossibile ritagliare una foto con Photoshop e non diminuire le dimensioni…e invece questo miracolo, che molti fotografi apprezzeranno è davvero possibile.

Le dimensioni della mia foto originale sono le seguenti:

2304 x 3456 pixel, 19,51 x 29,26 cm e 300 dpi

Seleziona lo strumento Taglierina (Crop tool)

In alto, sotto il menu principale potrai vedere le opzioni di questo strumento ed in particolare, noterai che tutte le caselline sono vuote mentre a destra hai due bottoni. In questo istante non ho la versione italiana di Photoshop sotto gli occhi quindi ti riporto i nomi in inglese: Front Image e Clear (Ripulisci).

Premendo il pulsante “Front Image” diciamo a Photoshop di analizzare la foto e di impostare nelle caselle sulla sinistra le dimensioni e la risoluzione della fotografia su cui stiamo lavorando.

A questo punto lo strumento è pronto per essere usato così come ci serve, tracciamo allora un’area sulla fotografia con la Taglierina e noterai subito che le proporzioni vengono mantenute automaticamente!

Terminiamo l’operazione ed ecco che la fotografia è stat ritagliata o come si dice nel gergo…croppata; se riapriamo la finestra con le dimensioni della fotografia dal menu Immagine->Dimensione immagine noterai che i valori sono esattamente gli stessi della mia fotografia originale, ossia 2304 x 3456 pixel, 19,51 x 29,26 cm e 300 dpi !

Sembra quasi un miracolo…e risolve un sacco di problemi, sopratutto ai fotografi che hanno l’esigenza di ritagliare spesso le immagini ma preservare le dimensioni di stampa originali.

Video passo per passo

Spesso i fotografi mi chiedono come si possono creare le cornici intorno alle foto con Photoshop. Esistono molti modi per creare una cornice con Photoshop in maniera veloce e precisa e io oggi vi svelo il metodo che secondo me è il più immediato e più adattabile di tutti. Per questo esempio utilizzerò una fotografia che ho scattato nell’estate del 2009 a Helsinki.

Cornice sulla foto in 4 click!

Crea un nuovo livello e riempilo di un colore qualsiasi, chiama questo livello “cornice”. Ora arriva la parte divertente:

1) Subito sotto la regolazione dell’opacità del livello, porta a zero il valore del riempimento

2) Applica a questo livello un stile di livello (layer style) composto da Traccia con le seguenti opzioni:

Ho applicato l’ultimo stile di livello chiamato “traccia” (stroke) che ci permette di creare una linea, cornice,  intorno alla nostra fotografia. In genere questo stile si usa per creare dei bordini più o meno sottili intorno a delle aree…non tutti  però hanno fatto caso che il bordino non deve essere per forza esterno, anzi, creando un bordo o meglio dire traccia, interna, non solo ne miglioriamo la qualità visiva ma possiamo creare cornici sulle fotografie con Photoshop, senza dover riadattare la dimensione del quadro di lavoro. Imposta il valore “dimensione” come meglio credi, a seconda dello spessore che ti serve.
Nella casella relativa al colore puoi chiaramente decidere il colore della cornice.

3) Premi Ok per chiudere la finestra dei stili di livello di Photoshop ed ecco il risultato finale: la tua foto con una bella cornice dentro.

Punti di attenzione

Chiaramente questa tecnica, molto veloce e pratica, presuppone che si faccia una sorta di crop (taglio) di qualche pixel dell’area visibile della fotografia. Spesso questo non è un problema ma se avete impiegato ore a creare la giusta composizione nel mirino della macchina fotografica ed ora il crop proprio non vi va giù allora forse sarebbe meglio optare per qualche metodo alternativo che descriverò nei prossimi post.

Ieri, 12 febbario 2010 a Roma ha fatto una nave spettacolare, fiocchi di neve meravigliosi e tanta neve che ha colorato di bianco la città eterna, una sensazione stupenda che mi ha riempito il cuori di gioia e tanti stupendi ricordi di quando ero bambino e giocavo con la neve.

Sono tanti anni che non vedo la mia città natale, Praga, coperta dalla neve…ma ieri ho rivissuto una sensazione che mi ha colpito al cuore, ero felice come un bambino spensierato e la mia mente si è riempita di pace e serenità, di quelle emozioni pure e uniche che solo davanti ad emozioni davvero forti riusciamo a provare, noi adulti; mentre ai bambini questo è concesso davanti ad ogni piccola ed apparentemente, assolutamente quotidina sensazione.

Emozioni, emozioni, emozioni!

Nella comunicazione, la parola chiave è “emozionare” ma molto spesso siamo proprio noi a perdere questa capacità meravigliosa perchp ci facciamo condizionare dai problemi di tutti i giorni e dalla routine quotidiana.

Basta! Dobbiamo tornare ad essere un pò bambini e sgomberare la nostra mente dai troppo problemi quotidiani che dipingono di grigio le nostre giornate. La vita non è semplice e ci sono molti alti e bassi ma se impariamo a trarre gioia anche dalle cose più belle, vi assicuro, che la vita comincerà ad essere più intensa, magica, divertente ed interessante, credetemi!

Ho deciso quindi di costruire una enorme palla di neve e farci un mini pupazzo di neve, mani congelate all’inverosimile ma tanto divertimento. C’è chi mi ha preso per pazzo ma io ho vissuto delle emozioni che mi hanno permesso di rinfrescare la mia mente e passare dei momenti di una serenità indescrivibile.

Cosa puoi fare anche tu?

Tempo fa ho scritto un articolo che parla del calo di creatività nel quale ho indicato alcuni metodi per ricaricarsi e tornare a vedere le cose da nuove prospettive, bene, quello che ho fatto ieri è una cosa molto simile, quello che dobbiamo fare è semplicemente guardare le cose da una prospettiva diversa, porsi in una diversa angolazione e vivere le cose in maniera nuova, più interessante.

Lo so bene che non è così semplice ma so anche bene che spesso siamo noi a non darci la possibilità di attuare questi cambiamenti meravigliosi. Provate da oggi, almeno una volta al giorno a soffermarmi davanti a qualcosa di solito e provate a vederlo con occhi nuovi, come quelli di un bambino.

Buon weekend a tutti!

Oggi ti guiderò attraverso la strada della Maschera Veloce (Quick Mask) per farti conoscere le sue potenzialità e per mostrarti come e quando sfruttarla al massimo.

In questo periodo ho deciso di dedicarmi un pò ad alcuni strumenti di Photoshop meno usati dalla maggior parte delle persone. Mi riferisco ad una serie di strumenti di Photoshop molto utili ma probabilmente un pò sottovalutati, che per un motivo o per un altro non sono entrati nel flusso di produzione di molti professionisti.

Maschera veloce in Photoshop

Sicuramente anche tu, come me, hai capito l’importanza di poter selezionare con la massima precisione gli oggetti all’interno di Photoshop. Esistono tantissimi modi per creare una selezione e quindi delimitare l’area su cui ci interessa intervenire. La Maschera Veloce è uno degli strumenti di selezione che, se usati correttamente, ci possono far risparmiare tantissimo tempo e farci venire qualche mal di testa in meno con gli oggetti più complessi.

Consiglio – Tip!

Ricorda che se vuoi lavorare in maniera davvero efficace ti consiglio vivamente di investire in una tavoletta grafica Wacom, va bene anche la entry level Wacom Bamboo. Questa tavoletta grafica è in grado di trasformare letteralmente il tuo metodo di lavoro e permetterti di dare maggiore qualità a quello che fai. Determinate cose che si riescono a fare con la tavoletta grafica con il mouse sono impossibili…ti dico questo perchè la maschera veloce si usa spesso in abbinamento al pennello di Photoshop e per questo motivo, avere a disposizione una tavoletta grafica, potrebbe aiutarti tantissimo nella precisione delle selezioni.

Passiamo alla pratica

Per usare la maschera veloce prima di tutto la dobbiamo attivare. Per attivare si intende “entrare nella modalità maschera veloce”; basta fare click sull’ultima icona in basso nella finestra degli strumenti, sulla sinistra. Un solo click attiva la modalità quick mask mentre il doppio click farà apparire le proprietà della maschera veloce.

Le proprietà consistono nella possibilità di decidere se l’area dipinta verrà trasformata nelle aree mascherate (quindi non attive) oppure nelle aree selezionate (quindi attive). Inoltre puoi decidere il colore della maschera ed il suo grado di opacità-trasparenza.

Io preferisco scegliere l’opzione “Aree selezionate” perchè in questo modo so che quello che dipingo è quello che verrà convertito in selezione!

A questo punto basta prendere ad esempio il pennello e dipingere le aree che vogliamo selezionare. Ovviamente se hai una tavoletta grafica il lavoro sarà molto più semplice, preciso e pulito. Ricorda di usare molto lo zoom, in questo modo potrai colorare con facilità le aree che ti interessano. Quando colori con il pennello imposta correttamente le opzioni del pennello stesso per decidere se vuoi un pennello morbido (sfumato) o più netto.

Quando comincerai a dipingere, vedrai comparire il colore della maschera, impostato di base sul rosso. Ti ricordo che questo significa che le aree colorare saranno convertite in aree selezionate o mascherate, a seconda delle impostazioni.

Tieni sempre a mente che stiamo lavorando con le maschere e queste lavorano SEMPRE con il concetto del bianco e nero quindi se mentre dipingi la maschera il tuo colore primario è impostato ad esempio su nero, se ti sbagli nel pennellare, invertendo i colori, potrai rimediare all’errore, dipingendo di bianco, per cancellare e viceversa.

Quando hai finito di colorare fai di nuovo click sull’icona della maschera veloce per ritornare nella modalità classica, quindi per uscire dalla modalità maschera veloce e vedrai comparire, al posto dell’area colorata una selezione (questo se hai scelto come me, che le aree colorate diventino l’area selezionata).

Cosa posso fare con la selezione?

Una volta creata la selezione puoi usarla come meglio credi. Per questo esempio, nel quale ho usato una foto che ho scattato io in Thailandia, cambierò il colore di una parte della veste dei Buddha usando i livelli di regolazione.

Ovviamente finito l’esempio riporterò la foto al suo stato originale…credo che la veste sia meglio del suo colore originale
Qualora volessi rifinire la selezione puoi riattivare la maschera veloce e continuare allo stesso modo di prima oppure, andare nel menu selezione e e rifinire l’area selezionata con gli strumenti adeguati.

Riepilogo per chi va di fretta

1. Doppio click sulla maschera veloce per far apparire il menu
2. Scegliere che tipo di maschera generare
3. Dipingere con un pennello la maschera sull’immagine
4. Click sull’icona maschera veloce per uscire dalla modalità quick mask
5. Appare la selezione

Spero che tu abbia trovato utile questo articolo e buona pratica!

Tra le cose varie novità che ci sono nella versione Cs4 c’è anche una sorta di griglia di pixel che viene visualizzata oltre gli ingrandimenti di 500%. Apparentemente questa griglia (pixel grid) è una ficata pazzesca e ci sembra che possa essere utilissima, invece, secondo me, non serve proprio a nulla se non a confoderci. Se sei come me che spesso lavora con i singoli pixel, capirai quanto questa griglia con le sue linee possa dare fastidio durante la lavorazione. Ti verrà quindi naturale cercare di disabilitarla…

Come disabilitare la griglia dei pixel

Inutile cercare questa funzione nelle preferenze di Photoshop. Per disabilitare la pixel grid di Photoshop devi andare nel menu Visualizza->Mostra ->Griglia pixel (View->Show->Pixel Grid).

Se vuoi fare fotoritocco professionale quindi, ti consiglio di disabilitare questa funzione subito!

Se vuoi approfondire questi concetti e magari seguire uno dei miei corsi di fotoritocco puoi richiedere maggiori informazioni a questo indirizzo.

Continua la serie di articoli in cui svelo i trucchi e i segreti di Photoshop che ho avuto modo di apprendere durante la mia carriera, metodi di lavoro che mi hanno permesso di acquisire la velocità di un Ninja. Lavorare quindi in modo ottimizzato, più veloce e avere più tempo per se stessi o da dedicare alla fase creativa del progetto.

Se ti sei perso gli articoli precedenti ti riporto i link di seguito:
Area di lavoro di Photoshop
Diventare dei mostri con Photoshop

Vuoi diventare anche tu un Photoshop Ninja?

Bene, allora prendi appunti, oggi ti spiego come riesco a sfruttare alcune scorciatoie per ottimizzare il lavoro con le maschere e i livelli. In questo articolo darò per scontato cosa sono le maschere ed i livelli in Photoshop ma per dare giusto una panoramica, ti dico che i livelli servono fondamentalmente per organizzare il lavoro in maniera metodica e le maschere di livello vengono utilizzate per agire in maniera selettiva sui progetti che elaboriamo in Photoshop; in poche parole le maschere di livello decidono le aree che saranno visibili e quello che non lo saranno.

Sfoderiamo le spade, ecco le mie dritte.

Applicare una maschera inversa in un click

Di solito quando si seleziona una porzione di un’immagine, quando si applica una maschera di livello, il risultato che si ottiene è che tale zona rimane, e viene nascosto il resto; tradotto in linguaggio di Photoshop, la zona selezionata diventa bianca ed il resto nero, come nell’immagine sottostante.

Bene, come fare per nascondere invece l’area selezionata e lasciare visibile il resto in un solo click? Di solito questo lavoro viene fatto invertendo la maschera ma c’è un metodo più veloce ed è il seguente:

Tenendo premuto il tasto ALT, applica la maschera di livello.

Come per magia, alla velocità di un ninja, appare esattamente il risultato inverso rispetto al metodo classico!

L’intuito di un Ninja ed il tasto Alt!

Quando crei un nuovo livello premendo il classico bottoncino presente nella palette dei livelli in basso a destra, tieni premuto contemporaneamento il tatso Alt, in questo modo apparirà subito la finestra in cui potrai specificare il nome del livello e una serie di opzioni aggiuntive.

Se vuoi creare un nuovo livello al volo, premi la combinazione di tasti Ctrl+Shift+N (ma ti confesso che preferisco il tastino che crea un nuovo livello, non amo molto le scorciatoie da uomo ragno).

Crea un nuovo livello sotto all’attuale

La mossa segreta del Ninja è sicuramente il fatto di colpire il nemico in maniera inaspettata e così anche noi, velocizziamo la produzione imparando a creare un nuovo livello sotto a quello attivo. Di solito quando si crea un nuovo livello questi viene posizionato sopra al livello attivo, per posizionarlo poi sotto, bisogna spostarlo…alla lunga questa operazione può risultare noiosa.

Tieni premuto il tasto Ctrl e crea un nuovo livello, vedrai apparire il tuo livello subito sotto quello attivo!

Per ora termino qui queste pillole di esperienza, nella speranza, che tu le possa trovare utili e se le conosci già, sei anche tu, sicuramente un Photoshop Ninja provetto!

Dopo numerose richieste ripropongo il tema del tatuaggio con Photoshop, che sembra piaccia in particolar modo a molti lettori. Ci sono molti modi per fare un tatuaggio con Photoshop e su internet si trovano molti tutorial in merito, io ti propongo il mio metodo che può essere applicato alla maggior parte delle fotografie e tipi di pelle.

Prepariamo il lavoro

Scegli una fotografia e un tatuaggio da utilizzare, io usato la foto di una ragazza sulla spiaggia e un drago trovato su internet per caso. Apri entrambe le immagini con Photoshop.

Applichiamo il tatuaggio sulla pelle

Dopo aver scontornato il tatuaggio in modo da renderlo pieno solo nelle sue aree nere, portalo sulla fotografia della modella, tramite i tasti Ctrl + T (Command + T sul mac) ridimensiona il drago e posizionalo sulla pelle della modella.

Ora usa i metodi di fusione di Photoshop per rendere applicare in maniera naturale il tatuaggio sulla pelle. Imposta il metodo di fusione del livello del tatuaggio su Sovrapponi (Overlay) e aggiusta leggermente la trasparenza. Applica inoltre una maschera di livello e pennellando su di essa col colore nero, nascondi le parti del tatuaggio che non devono essere visibili.

Ora per rifinire duplica il livello del tatuaggio e iposta il metodo di fusione in Luce soffusa (Soft light), regola anche qui l’opacità e usa la machera di livello che è stata ereditata durante la duplicazione, per creare delle zone di maggiore o minore opacità, in maniera selettiva. In questo modo conferisci al tatoo un aspetto più tridimensionale.

Chiaramente a questo punto, a seconda delle tue esigenze, puoi regolare il colore del tatoo ad esempio con la Tonalità e Setaurazione o altri strumenti per ottenere l’effetto finale desiderato.

Enfatizziamo la fotografia con Photoshop

Diamo un tocco di classe alla foto aumentando il contrasto e conferendo all’immagine un aspetto più drammatico e d’impatto. Per fare questo basta copiare il canale Blu e incollarlo sull’ultimo livello, quindi impostare il metodo di fusione di quest’utlimo su Sovrapponi (Overlay) o simile, sempre a seconda di che effetto vuoi ottenere.

Un tocco di classe

Se vuoi dare un ulteriore tocco di classe, seleziona tutto con Ctrl + A, dal menu Modifica->Copia elementi uniti e Incolla. Ora a questo livello applica il filtro Sfocatura->Sfocatura con lente, aggiusta le opzioni a piacere o, se non le conosci, regola solo il raggio e dai ok.

Applica una maschera di livello e fai in modo di rendere visibile la sfocatura solo nella parte destra della foto, in questo maniera conferirai alla foto una maggiore profondità.

Se vuoi vedere il video di come ho realizzato questa immagine torna presto su questa pagina perchè inserirò il video a breve, entro pochi giorni!