Grafica pubblicitaria
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 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!
Scritta con maschera di ritaglio:
by francesca on ott.04, 2011, under Grafica pubblicitaria, Tutorial
Con ILLUSTRATOR realizzeremo una scritta con un riempimento insolito!
Info:
-Programma: Illustrator CS5 o versioni precedenti (CS4, CS3).
-Difficoltà: Principiante
-Tempo di lavoro: 15/20 minuti.
1°step
Apriamo un nuovo documento: FILE>NUOVO .
Scegliamo le dimensioni del nostro foglio e clicchiamo su “OK“.
Adesso dobbiamo inserire l’immagine che diventerà il riempimento della nostra scritta:
FILE>INSERISCI (non dimenticate di tener premuto shift, in questo modo l’immagine non verrà deformata).
Rinominiamo il livello e blocchiamolo.
2°step
A questo punto scegliamo un Font che ci piace (io ho scelto CHANNEL 135 pt) e tracciamo la nostra scritta che andremo a posizionare sopra il nostro pattern-riempimento.
3°step
Sblocchiamo il livello del pattern-riempimento e con lo strumento selezione (V) selezioniamo la scritta e lo sfondo.
Adesso con il tasto destro del mouse andiamo a creare la nostra maschera di ritaglio.
4°step
La nostra scritta con maschera di ritaglio è pronta!
Non siamo ancora soddisfatti?Allora diamole un effetto spugna:
EFFETTO>ARTISTICO>EFFETTO SPUGNA
5°step
Adesso applichiamo un effetto di profondità alla scritta:
6°step
Infine inseriamo uno sfondo per la scritta e adattiamolo alle nostre esigenze:
FILE>INSERISCI.
Ricordate di spostare questo nuovo livello al di sotto dei precedenti.
Questa operazione si potebbe eseguire come 1° step, prima di iniziare a lavorare con la scritta,
si tratta solo di preferenze operative…
Questo sarà il risultato finale:
Alla prossima
Effetto polaroid con Photoshop
by francesca on set.30, 2011, under Grafica pubblicitaria, Tutorial
La polaroid è una multinazionale nata nel 1937 da E.Land.
La polaroid corporation ha brevettato un particolare formato fotografico che ha fatto storia, cerchiamo di ricrearlo con l’ausilio di PHOTOSHOP!
1°STEP
Apriamo un nuovo documento 800 x 600 px.
Formiamo un nuovo livello che andremo a chiamare “POLAROID“.
2°STEP
Con lo strumento rettangolo formiamo la base della nostra polaroid:
3°STEP
Facendo doppio clic sul livello appena creato apriamo le palette degli stili di livello,
diamo un’ombra esterna e una interna al nostro rettangolo.
Ombra esterna:
Ombra interna:
4°STEP
Facciamo CTRL+CLIC sulla miniatura della nostra maschera in modo da selezionare la nostra forma.
Questo sarà il risultato della nostra selezione:
Andiamo su SELEZIONE>MODIFICA>CONTRAI 10 px.
5°STEP
Con CTRL+ D eliminiamo la nostra selezione e inseriamo l’immagine che sarà protagonista della nostra polaroid, la inseriamo in un nuovo livello che chiameremo: “foto”.
Tenendo premuto CTRL+T adattiamo l’immagine al nostro rettangolo.
Per essere precisi prendiamo il righello (CTRL+R).
Adesso facciamo un doppio clic sul nuovo livello FOTO e diamo un pò di profondità alla nostra immagine, in questo modo:
Adesso potrete scrivere un testo come ho fatto io, o semplicemente lasciarla così com’è.
Questo è un altro esempio:
Ciao






















































































































