Author Archive
Tutorial Photoshop: “Scritta con effetto neve”
by francesca on dic.19, 2011, under Grafica pubblicitaria, Tutorial
Info:
-Programma: Photoshop CS5 o versioni precedenti (CS4, CS3).
-Difficoltà: Intermedio
-Tempo di lavoro: 15/20 minuti.
1°step
Apriamo un nuovo documento (Ctrl+N) e impostiamo i valori riportati nell’esempio:
2°step
Andiamo su: Livello > Nuovo livello di riempimento > Sfumatura.
Si aprirà questa finestra:
clicchiamo su: “ok” come indicato nell’esempio,
impostiamo l’angolo a 113,96°.
Facendo doppio clic su: “sfumatura” andiamo a definire i colori indicati nell’esempio qui sotto.
La nostra sfumatura è pronta!
Questo è il risultato:
3°step
Apriamo un nuovo livello e prendiamo lo strumento pennello (B), con il tasto f5,
si aprirà la finestra dei Pennelli predefiniti.
Impostiamo questi valori per la forma: “arrotondamento”.
Seguiamo l’esempio per definire l’opzione: “dinamica forme”
e per definire l’opzione: “dispersione”.
Adesso che abbiamo settato il pennello per ricreare l’effetto neve, impostiamo come colore di sfondo: “#fff2f2″ e disegniamo la neve sul nuovo livello .
4°step
Prendiamo lo strumento testo, scegliamo il font, la dimensione e il colore.
Io ho scelto il font: “comic sans ns”, 300px, colore: “#fff2f2″.
Diamo al livello di testo un’opacità del 40%.
Cliccando sull’icona: “fx” si aprirà il pannello degli stili di livello,
da qui andremo a impostare un’ombra alla scritta, con un’opacità del 63% e i valori indicati nell’immagine qui sotto.
5°step
Creiamo un nuovo livello che andremo a posizionare sotto al livello di testo.
6°step
Tornando sul livello testo clicchiamo con CTRL+ CLIC sull’icona: “T” in questo modo avremo la scritta selezionata.
Adesso andiamo su SELEZIONE > INVERSA SELEZIONE
questo sarà il risultato.
7°step
Torniamo sul livello creato nel 5°step mantenendo la selezione attiva e con un pennello sfocato, di dimensione 63 px, tracciamo il fondo di neve.
Ecco fatto!
Questo è un altro esempio:
Chris LaBrooy
by francesca on nov.29, 2011, under Grafica editoriale, Grafica pubblicitaria, News

CHRIS LABROOY è un’artista scozzese nato ad Aberdeen, laureato al ROYAL COLLEGE OF ART di Londra.
Illustratore e graphic designer freelance, specializzato nella progettazione di disegni 3D.
I suoi lavori sono sono il risultato di un connubio perfetto tra architettura e caratteri tipografici, spesso le sue illustrazioni si ispirano ad architetti celebri e alle loro creazioni.
Vi propongo una serie di lavori realizzati in occasione del: “New york summer streets festival 2010″.
Foto con effetto: “disegno a matita”.
by francesca on nov.29, 2011, under Grafica pubblicitaria, Tutorial
Info:
-Programma: Photoshop CS5 o versioni precedenti (CS4, CS3).
-Difficoltà: Intermedio
-Tempo di lavoro: 20/25 minuti.
1°step
Apriamo l’immagine, con photoshop, sblocchiamo e duplichiamo il livello 0.
Andiamo sul livello appena duplicato e togliamo la saturazione all’immagine come nell’esempio qui sotto.
IMMAGINE>REGOLAZIONI>TONALITA/ SATURAZIONE, saturazione: -100.
Duplichiamo due volte il livello 0 copia.
2°step
Iniziamo a lavorare sul livello copia 3. Andiamo su FILTRO>ALTRO>ACCENTUA PASSAGGIO e diamo 1,9 px al raggio.
4°STEP
Adesso, sempre rimanendo sul livello 0 copia 3, andiamo su IMMAGINE>REGOLAZIONI>LIVELLI e impostiamo questi valori:
Diamo al livello 0 copia3 un‘opacità del 50%.
5°step
Spostiamoci sul livello copia 2 e andiamo su FILTRO>ARTISTICO>EFFETTO RITAGLIO.
Impostiamo questi valori:
questo sarà l’effetto ottenuto:
6°step
Rimanendo sul livello 0 copia 2 diamo un FILTRO>AGGIUNGI DISTURBO e impostiamo i valori riportati nell’esempio.
7°step
Adesso diamo un FILTRO>SFOCATURA>EFFETTO MOVIMENTO.
8°step
Andiamo su FILTRO>CONTRASTA>CONTRASTA MAGGIORMENTE e in seguito diamo al LIVELLO 0 COPIA 2 un’opacità del 50%.
9°step
Infine, torniamo sul livello copia 0 e da LIVELLO>NUOVO LIVELLO di REGOLAZIONE>LUMINOSITA’/CONTRASTO, diamo una luminosità del 30%.
Fatto questo, potremo diminiuire o aumentare l’opacità che abbiamo dato al livello 0 copia 3 e al livello o copia 2 come più ci piace.
L’effetto disegno a matita è pronto!
Alla prossima!
Francesca
Tutorial combo: “Illustrator-Photoshop”
by francesca on nov.23, 2011, under Grafica pubblicitaria, Tutorial
Oggi daremo al testo della canzone “High and dry”, dei Radiohead, un effetto “cubo”.
Vi consiglio di ascoltarla durante l’esecuzione di questo tutorial
Info:
-Programma: Illustrator e Photoshop CS5 o versioni precedenti (CS4, CS3).
-Difficoltà: Principiante
-Tempo di lavoro: 15/20 minuti.
1°step
Lavoriamo con Illustrator per creare l’effetto 3d e con Photoshop per creare le scritte.
Apriamo Illustrator.
Con lo strumento RETTANGOLO (M) formiamo un quadrato tenendo premuto SHIFT.
2°step
Andiamo su EFFETTO>3D >ESTRUSIONE E SMUSSO
Si aprirà una finestra, adesso riportiamo gli stessi valori che ci sono nell’esempio qui sotto:
3°step
Andiamo su OGGETTO>ESPANDI ASPETTO.
Adesso, tenendo il cubo selezionato, clicchiamo con il tasto destro del mouse e andiamo sulla voce “SEPARA”.
Spostiamo di 2 o 3 pixel le facciate che ci interessano, in questo modo:
4°step
Selezioniamo l’intera figura e trasciniamola in un nuovo documento aperto in Photoshop.
Scegliamo il font che più ci piace e scriviamo il testo di “High and dry”.Prendiamo lo strumeto selezione e, tenendo premuto CTRL+T, attiviamo i controlli di trasformazione.
Con CTRL+CLIC sugli angoli attiviamo il comando:”DISTORCI“.
Da questo momento in poi, dovremo cercare di adattare il testo alla figura.
5°step
Quando saremo soddisfatti del nostro lavoro, andremo ad oscurare il livello:“oggetto vettotiale avanzato” e a colorare il livello sfondo, in questo modo avremo ottenuto il risultato desiderato.
Sono a disposizione per qualsiasi dubbio.
Alla prossima.
Francesca
ALTRI ESEMPI:
Tutorial Photoshop
by francesca on nov.22, 2011, under Grafica pubblicitaria, Tutorial
Il tutorial di oggi è dedicato al grande ANDY WARHOL!
Le sue opere più famose sono diventate delle icone. La ripetizione era il suo metodo di successo: su grosse tele riproduceva moltissime volte la stessa immagine alterandone i colori (prevalentemente vivaci e forti). Prendendo immagini pubblicitarie di grandi marchi commerciali (famose le sue bottiglie di Coca Cola) o immagini d’impatto come incidenti stradali o sedie elettriche, riusciva a svuotare di ogni significato le immagini che rappresentava proprio con la ripetizione dell’immagine stessa su vasta scala.
info:
-Programma: Photoshop CS5 o versioni precedenti (CS4, CS3).
-Difficoltà: Principiante
-Tempo di lavoro: 10/15 minuti.
1°STEP:
Apriamo l’immagine con photoshop,
andiamo su FILTRO>STILIZZAZIONE>PORZIONI.
Si aprirà una finestra e da qui daremo le coordinate per ottenere un effetto “scomposto”.
2°STEP
Adesso che abbiamo ottenuto il nostro effetto, possiamo dare una sfumatura che valorizzi il nostro FOTORITOCCO.
In questo caso ho scelto una sfumatura preimpostata, che mi ricordava i colori “saturi” usati da Warhol nelle sue opere.
3°STEP
Andiamo su IMMAGINE>REGOLAZIONI>MAPPA SFUMATURA.
Si aprirà automaticamente un nuovo livello, facciamo DOPPIO CLIC sull’iconcina sfumatura e un solo CLIC su mappa SFUMATURA.
Scegliamo la SFUMATURA:”SPETTRO”:
4°STEP
Diamo al livello, lo stile :”colore più chiaro” con opacità:39% e riempimento:57%:
ECCO FATTO:
ALTRI ESEMPI:
Contattatemi per qualsiasi dubbio.
Al prossimo tutorial
Lilli
TUTORIAL PHOTOSHOP:”EFFETTO LOMO”
by francesca on nov.18, 2011, under Grafica pubblicitaria, Tutorial
L’effetto che ho applicato a quest’immagine, ricorda quello ottenuto fotografando con le macchine fotografiche: “Lomo”.
http://www.lomography.it/
info:
-Programma: Photoshop CS5 o versioni precedenti (CS4, CS3).
-Difficoltà: Principiante
-Tempo di lavoro: 15/20 minuti.
1°step
Apriamo l’immagine con photoshop, andiamo su: LIVELLO>NUOVO LIVELLO DI RIEMPIMENTO>TINTA UNITA
e impostiamo metodo:esclusione , opacità:25%.
2°step
Appena dato l’ok, si aprirà la finestra “colore”, da qui andremo ad impostare il valore 255 sulla B (blu).
come nell’esempio:
3°step
Adesso applichiamo una SFUMATURA dal pulsante:”crea nuovo livello di regolazione o riempimento“,
in questo modo:
facciamo DOPPIO CLIC sulla sfumatura per andare a cambiare il colore.
Clicchiamo due volte sul primo secchiello (nero) e diamo questi valori:
Adesso andiamo a formare un nuovo secchiello colore, facendo un clic accanto al primo (vedi esempio), diamo una posizione del 50% e manteniamo lo stesso colore.
Fatto questo, andiamo a modificare il secchiello a destra (bianco) con questi valori:
Diamo “OK” e impostiamo lo stile:radiale e scala al 150%
4°step
Diamo uno stile di livello: “luce intensa“.
Andiamo ad applicare una nuova sfumatura e ripetiamo gli stessi passaggi del 4°step,
le uniche varianti saranno i colori.
I primi due secchielli avranno questi parametri: H:320 S:40 B:60, l’ultimo:H:290 S:90 B:40.
Stile e scala verranno ripetuti nello stesso modo
5°step
Apriamo gli stili di livello e andiamo su OPZIONI di FUSIONE,
applichiamo i valori evidenziati:
6°step
Andiamo su:LIVELLO>NUOVO LIVELLO di REGOLAZIONE>LIVELLI
e impostiamo questi valori:
ECCO IL RISULTATO:
Per qualsiasi dubbio o perplessità, non esitate a contattarmi
Al prossimo tutorial!
Effetto Glitter con Photoshop
by francesca on nov.15, 2011, under Grafica pubblicitaria, Tutorial
Con photoshop è possibile creare delle scritte davvero esplosive!!!
Vediamo come!
info:
-Programma: Photoshop CS5 o versioni precedenti (CS4, CS3).
-Difficoltà: Intermedia
-Tempo di lavoro: 30/35 minuti.
1°step
Per prima cosa tracciamo una sfumatura.Facciamola partire dal centro dello foglio e lasciamola a metà pagina, come nell’esempio qui sotto.
I colori della sfumatura sono: #00adbd e #0273bb
2°step:
Importiamo l’immagine che farà da texture al nostro sfondo e applichiamo l’effetto: “luce soffusa”.
3°step:
Prendiamo lo strumento TESTO e tracciamo la nostra scritta!
Il font che ho utilizzato é: “Popolar std“, dimensione 156px.
Portiamo il riempimento del livello di testo (Gloss) a 0%.
Duplichiamo il livello di testo appena creato .
4°step
Formiamo un nuovo livello che andremo a posizionare sotto i due livelli di testo, lo chiameremo “riempimento testo” .
Andiamo sul livello di testo:”Gloss” e facciamo “CTRL+CLIC” sull’icona “T“,
in questo modo avremo creato una selezione del testo.
5°step
Impostiamo in primo piano i colori:#034e75 e #98d385 e con il livello “riempimento testo” selezionato, applichiamo un FILTRO>RENDERING>NUVOLE.
Questo sarà l’effetto finale:
6°step
Applichiamo l’effetto FILTRO>ARTISTICO>ACQUERELLO con questi valori:
(ctrl+d per deselezionare).
Questo sarà il risultato dell’effetto appena applicato:
7°step:
Diamo FILTRO>ARTISTICO>EFFETTO PENNELLATE con questi valori:
8°step:
Applichiamo nuovamente il FILTRO>ARTISTICO>ACQUERELLO con gli stessi parametri applicati nel 6°step:
9°step
Cambiamo tonalità all’immagine da IMMAGINE>REGOLAZIONI>TONALITA’/SATURAZIONE: tonalità -13.
10°step
Posizioniamoci sul livello di testo:”Gloss“. Facendo doppio clic sul livello, apriamo gli STILI DI LIVELLO.
Adesso diamo uno SMUSSO ed EFFETTO RILIEVO con i parametri riportati nell’esempio:
Successivamente daremo un contorno con intervallo 50%.
11°step:
Posizioniamoci sul livello di testo: “GLOSS COPIA”e anche qui applichiamo lo stile di livello:”SMUSSO ed EFFETTO RILIEVO” ,
questa volta, però, i valori saranno questi:
12°step
Impostiamo #8f8e8e e #98d3f5 come colori in primo piano, prendiamo il pennello:
http://textuts.com/images/tutorials/particlestextured/Glitter_Brush.zip
e formiamo un nuovo livello che chiameremo “glitter“.
Selezioniamo la scritta con la bacchetta magica e andiamo a “spennellare” sulla scritta per renderla più glamour.
ECCO IL RISULTATO FINALE:
Tutorial: “Effetto Fumetto” con Photoshop!
by francesca on nov.14, 2011, under Tutorial
EFFETTO FUMETTO con PHOTOSHOP!
info:
-Programma: Photoshop CS5 o versioni precedenti (CS4, CS3).
-Difficoltà: Intermedia
-Tempo di lavoro: 20/25 minuti.
1°STEP
Andiamo su FILE>APRI e scegliamo la foto che diventerà il nostro fumetto.
Fatto questo, andiamo su IMMAGINE>REGOLAZIONI>LIVELLI e diamo questi valori:
Nero:60pt; Grigio:1.00pt; Bianco:220pt.
Questo sarà il risultato:
Sperimentate fino ad applicare i valori più consoni alle caratteristiche della vostra immagine.
2°step
Andiamo su FILTRO>ARTISTICO>GRANA PELLICOLA:
Risultato:
3°step:
Sblocchiamo e duplichiamo il livello attuale (tasto destro del mouse sul livello che si vuole duplicare)
Diamo al livello appena creato, un FILTRO>EFFETTO PIXEL>COLORE MEZZETINTE con raggio 4px, lasciando invariati tutti i parametri di default.
4°step
Dalla PALETTE LIVELLI applichiamo uno STILE DI LIVELLO>TRACCIA
con dimensione:20px, posizione: interna e colore #f0eeee.
5°step
Aggiungiamo un nuovo livello e con lo strumento RETTANGOLO, ne andiamo a tracciare uno di colore arancione,
applichiamo una sfumatura dall’arancione verso il giallo in questo modo:
STILE LIVELLO>SOVRAPPOSIZIONE SFUMATURA
Per modificare i colori basterà cliccare due volte sulla sfumatura.
Adesso, da STILE DI LIVELLO>TRACCIA, diamo un bordo esterno, nero, di 3px al rettangolo.
In questo modo:
Ripetiamo la stessa procedura per creare il rettangolo bianco.
Questo sarà il risultato:
6°step
Formiamo un nuovo livello e con lo STRUMENTO SELEZIONE RETTANGOLARE,
selezioniamo la nostra immagine escludendo il bordo bianco che abbiamo creato nel 4°step.
Adesso andiamo su MODIFICA>TRACCIA e diamo questi valori:
Deselezioniamo il rettangolo con ctrl+D e diamo un FILTRO>DISTORSIONE>EFFETTO INCRESPATURA del 50% con dimensione media.
7°step
Il nostro fumetto è pronto, adesso non ci rimane che scaricare un font adatto alle nostre esigenze.
Io ho usato:”DIGITAL STRIP“, reperibile su:
http://www.dafont.com/search.php?psize=m&q=digital+strip.
LAVORO COMPLETATO!
Un altro esempio:
Alla prossima
Francesca
Tutorial Photoshop:”effetto foglio piegato”
by francesca on ott.10, 2011, under Grafica pubblicitaria, Tutorial
Oggi daremo un effetto “foglio piegato” ad un’immagine!
info:
-Programma: Photoshop CS5 o versioni precedenti (CS4, CS3).
-Difficoltà: Principiante
-Tempo di lavoro: 10/15 minuti.
1°step
Per prima cosa apriamo l’immagine che andremo a trasformare:
FILE>APRI
Sblocchiamo il livello e prendiamo lo strumento selzione rettangolare.
Scegliamo la parte che diventerà la piega della nostra immagine e la selezioniamo in questo modo:
2°step
Adesso che il nostro angolo è stato selezionato andiamo su MODIFICA>TRASFORMA>ALTERA, in questo modo:
Muoviamo l’angolo della selezione e quando saremo convinti della trasformazione cliccheremo su INVIO.
3°step
Adesso applichiamo un’ombra esterna all’immagine da STILE DI LIVELLO:
4°step
A questo punto clicchiamo sullo STRUMENTO TESTO (photoshop ci apre automaticamente un nuovo livello T), scegliamo FONT, DIMENSIONE (pt) e COLORE!
Sarà meglio fare delle prove, io ero indecisa tra il color prugna e il blu..
Diamo anche al testo un’ombra esterna.
Spostiamo, il livello TESTO sotto al livello sfondo:
Adesso il lavoro è completato, però potremmo arricchirlo con un nuovo livello di sfondo, di un colore che ricorda la carta antica,
oppure potremmo lasciarlo semplicemente trasparente.
A voi la scelta
Al prossimo tutorial!
Creazione pennello con Photoshop
by francesca on ott.07, 2011, under Uncategorized
Oggi faremo un pennello con l’immagine dell’uomo che ha rivoluzionato il mondo della tecnologia:
STEVE JOBS!
Info:
-Programma: Photoshop CS5 o versioni precedenti (CS4, CS3).
-Difficoltà: Principiante
-Tempo di lavoro: 10/15 minuti.
1°STEP
Apriamo l’immagine da FILE>APRI. Duplichiamo il livello cliccando con il tasto destro del mouse sul livello, oppure, per accorciare i tempi, utilizziamo CTRL+j.
Lasciamo il livello sfondo bloccato!
2°STEP
Diamo all’immagine un effetto SOGLIA da IMMAGINE>REGOLAZIONI>SOGLIA:
Io ho lasciato punto di soglia 128, voi potete trovare quello che vi soddisfa maggiormente.
3°STEP
Possiamo migliorare ulteriormente la nostra immagine da IMMAGINE>REGOLAZIONI>LIVELLI:
4°STEP
Adesso siamo pronti per salvare il nostro nuovo pennello in memoria di STEVE JOBS,
andiamo su MODIFICA>DEFINISCI PENNELLO PREDEFINITO e diamo un nome al pennello.
Ovviamente potrete trasformare qualsiasi immagine in un pennello,
io ho scelto questa per ricordare STEVE JOBS.
Questo è un esempio dell’utilizzo del pennello con dimensioni diverse:



























































































































