Corsi di grafica a Roma
Car insurance

Archive for settembre, 2011

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!

polaroid effetto polaroid con photoshop

1°STEP

Apriamo un nuovo documento 800 x 600 px.

1 step-nuovo doc. tutorial effetto polaroid con photoshop

Formiamo un nuovo livello che andremo a chiamare “POLAROID“.

LIVELLO POLAROID.tutorial effetto polaroid con photoshop

 

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 ESTERNA effetto polaroid

 

Ombra interna:

 

OMBRA INTERNA effetto polaroid

4°STEP

Facciamo CTRL+CLIC sulla miniatura della nostra maschera in modo da selezionare la nostra forma.

CTRL CLIC miniatura effetto polaroid

Questo sarà il risultato della nostra selezione:

rettangolo selezione

Andiamo su SELEZIONE>MODIFICA>CONTRAI 10 px.

 

selezione contrai.tutorial effetto polaroid photoshop

 

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:

 

ombra polaroid tutorial photoshop effetto polaroid

 

Adesso potrete scrivere un testo come ho fatto io, o semplicemente lasciarla così com’è.

Questo è un altro esempio:

 

Ciao :)

 

 

 

 

 

 

 


Leave a Comment more...

Ben Heine:Integrazione tra illustrazione e fotografia

by francesca on set.29, 2011, under Grafica pubblicitaria, News

Ben Heine è un’artista belga.

La sua personalità istrionica può essere fonte di ispirazione per tutti i CREATIVI, ecco perchè  vi consigliamo di visitare  il suo sito:

www.benheine.com

Ecco uno dei suoi lavori più conosciuti:

“Pencil vs camera”:

ben heine 1

 

BEN HEINE ISPIRAZIONE

 

BenHeinetopolino

 

BEN HEINE super mario bros

 

Ciao :)

Leave a Comment more...

Creazione scritta con Illustrator:

by francesca on set.27, 2011, under Grafica pubblicitaria, Tutorial

 

Ciao a tutti!!

Oggi faremo una scritta con sfondo ad effetto “patchwork“.

tutorial illustrator

 

Info:

-Programma: Illustrator CS5 o versioni precedenti (CS4, CS3).

-Difficoltà: Principiante

-Tempo di lavoro: 15/20 minuti.

 

1° step

Apriamo un nuovo documento.

Con lo strumento rettangolo (M) ne andiamo a tracciarne uno che sia grande quanto il nostro foglio di lavoro e questo sarà il nostro sfondo.

Prendiamo lo strumento sfumatura e  facciamo un doppio clic per avere la nostra paletta sfumatura ben visibile:

TUTORIAL ILLUSTRATOR SCRITTA con effetto patchwork

tutorial illustrator

Scegliamo il colore del nostro riempimento e posizioniamo la nostra sfumatura al centro del rettangolo,

in questo modo:

tutorial illustrator scritta effetto patchwork

 

3°step

Diamo l‘effetto patchwork al nostro sfondo:

tutorial illustrator creazione scritta con effetto patchwork

 

tutorial illustrator

 

Questo sarà il nostro risultato:

tutorial illustrator

 

4°step

Il nostro sfondo è pronto, adesso passiamo alla scritta:scegliamo un font che ci piace, io ho scelto questo:

font scritta tutorial illustrator

Se questa font non dovesse essere disponibile nel vostro pacchetto di default, potreste andare sul sito http://www.dafont.com/.Qui ne troverete molte(sono  free).

 

Tracciamo la nostra scritta : “mela “.
tutorial illustrator

 

Diamo alla scritta un’ombra esterna, in questo modo:

tutorial illustrator scritta effetto patchwork

con queste opzioni:

tutorial illustrator con scritta patchwork

 

5°step

Adesso passiamo alla scritta “rossa”:

Applicheremo un’ombra con gli stessi parametri di quella precedente, con la sola differenza del colore, sceglieremo un verde,

in modo da creare un contrasto netto:

tutorial illustrator scritta con sfondo patchwork

 

6°step

Diamo un effetto “contorni accentuati” a questa nuova scritta:

tutorial illustrator scritta con effetto patchwork

questi sono i valori :

tutorial illustrator

7°step

A questo punto non ci resta che inserire l’immagine della mela.

Da File>Inserisci importiamo nel nostro documento l’immagine da noi scelta.

Tenendo premuto SHIFT andremo a ingrandire o a rimpicciolire la “mela” in modo da non deformarla!

 

tutorial illustrator effetto patchwork

 

Quseto sarà il risultato finale:

 

tutorial illustrator scritta con mela effetto patchwork

 

Alla prossima :)


 

 

 

 

 

 

 

 






Leave a Comment more...

Creazione Scritta con Photoshop

by francesca on set.22, 2011, under Tutorial

Oggi ci dedichiamo a Photoshop con un tutorial base.

Realizzeremo una scritta con “effetto acquerello”!

Tutorial photoshop scritta gatto

 

Info:

-Programma: Photoshop CS5 o versioni precedenti (CS4,CS3).

-Difficoltà: Principiante

-Tempo di lavoro: 10/15 minuti.

 

 

1°step

Come primo passo apriamo un nuovo documento 450 px per 450 px.

Lasciamo il livello di sfondo bloccato e andiamo a creare un nuovo livello che rinomineremo “gatto” oppure scritta.

Prendiamo lo STRUMENTO TESTO>STRUMENTO MASCHERA TESTO ORIZZONTALE:

 

e andiamo a creare la nostra scritta!

 

 

2°step

Scegliamo il colore che riempirà il testo e andiamo su FILTRO>RENDERING>NUVOLE.

 

Tutorial photoshop scritta gatto

 

3°step

Deselezioniamo la scritta andando su SELEZIONE>DESELEZIONA (CTRL/CMD +d) e diamo un effetto al testo:

FILTRO>ARTISTICO>EFFETTO ACQUERELLO.

 

tutorial photoshop

 

4°step

Andiamo a creare il livello sfondo e inseriamo l’immagine scelta (file>inserisci):

tutorial photoshop scritta

 

5°step

Rimanendo sul livello sfondo ne andiamo a creare ancora un altro che chiameremo” pennello”:

 

tutorial photoshop

 

Scegliamo un pennello con punta tonda a ventaglio (dim. 25 px )

e divertiamoci creando dei tratti che facciano da contorno alla nostra scritta.

Diamo alle pennellate un “COLORE SCHERMA” e un’opacità dell’85%.

 

tutorial photoshop

 

6°step

Per creare l’orma, prendiamo lo strumento FORMA PERSONALE e  tracciamo la nostra forma tenendo premuto SHIFT in modo che non si deformi.

tutorial photoshop

 

tutorial photoshop

 

Daremo alla nostra orma un effetto SCHERMA LINEARE con riempimento dell’89%

in modo che sia trasparente e sia visibile anche lo sfondo sottostante.

 

tutorial photoshop

 

Ecco fatto!

Divertitevi sperimentando con colori, effetti e sfondi diversi..

 

Tutorial photoshop creazione scritta gatto

 

A domani :)

 

 

Leave a Comment more...

Creazione di un pattern con Illustrator

by francesca on set.21, 2011, under Tutorial

Oggi faremo un pattern “vintage”.

 

Questo sarà il risultato finale:

creazione pattern con illustrator

 

Info:

-Programma: Illustrator CS5 o versioni precedenti (CS4,CS3).

-Difficoltà: Intermedio

-Tempo di lavoro: 60 minuti.

 
1°step

Apriamo un nuovo documento A4 e scegliamo i colori che andranno a riempire il nostro pattern.

Io ho usato questi:

 

2° step

Adesso che siamo pronti, andiamo a tracciare le nostre sfere con lo strumento ellisse (shift per renderle perfette).

Diamo loro un riempimento che più ci aggrada.

Le lunette sono un’illusione ottica, poichè sono dei cerchi bianchi su sfondo bianco :)

creazione pattern vintage

Per creare i fiori usiamo ancora lo strumento ellisse, ma a differenza della corolla che sarà un cerchio perfetto,

i petali li faremo senza tener premuto shift!

Sarà divertente creare un movimento fra loro.

creazione pattern con illustrator

3°step

Per i fiori viola ho usato un bordo celeste con un pennello “vivace”:

 

 

 

tutorial creazione pattern con illustrator

 

 

4°step

 

Le foglie nasceranno dallo strumento penna: faremo quattro punti di ancoraggio che andremo ad “ammorbidire” con le maniglie,

basterà selezionare i quattro punti con lo strumento selezione diretta per poi modellarli fino a quando non saremo soddisfatti!

 

creazione pattern con illustrator

 

5°step

Adesso che le nostre illustrazioni sono pronte, spostiamole fuori dal nostro foglio di lavoro in modo da renderlo più ordinato.

Prendiamo i righelli (ctrl/cmd + R) e suddividiamo il nostro foglio in una griglia con otto riquadri, per farlo trasciniamo tre righe orizzontali dall’alto

e una verticale partendo da sinistra, quest’ultima andrà a suddividere il nostro foglio in otto sezioni .

 

 

creazione pattern con illustrator

 

6°step

Disponiamo tutte le illustrazioni, che avremo pecedentemente duplicato,

in maniera ordinata e diamo ai nuovi gruppi una riflessione in modo da ottenere un effetto specchio.

 

 

creazione pattern con illustrator

 

 

A questo punto il pattern è fatto :)

 

creazione pattern con illustrator

 

 

Leave a Comment more...

Tutorial ILLUSTRATOR per principianti

by francesca on set.20, 2011, under Tutorial

Oggi vi propongo un tutorial per creare una semplicissima scritta con effetto “ZIG ZAG“.

tutorial illustrator candy

Info:

-Programma: Illustrator CS5 o versioni precedenti (CS4,CS3).

-Difficoltà: Principiante

-Tempo di lavoro: 10/15 minuti.


1°step

Aprite un nuovo documento prendete lo strumento testo (T) e scegliete un font che più vi piace.

Io ho scelto : “cooper std 90 pt“.

Adesso create la vostra scritta!

Andate su finestra>aspetto>aggiungi riempimento e scegliete un colore.

tutorial illustrator

tutorial illustrator

 

Date un’opacità >scurisci dell’80%

 

tutorial illustrator scitta zig zag

 

2° step

Dalla paletta aspetto aggiungete un nuovo riempimento che nel 3°step andrete a trasformare in “zig zag”.

tutorial illustrator

3° step

Mantenendo selezionato il nuovo riempimento creato, andate su effetto>distorci e trasforma>zig zag

TUTORIAL ILLUSTRATOR

Vi si aprirà questa finestra e da qui potrete cambiare i valori del vostro effetto, fino a scegliere quello che più vi piace.

Io ho scelto questi:

tutorial illustrator

 

Questo sarà il risultato finale:

Al prossimo tutorial!

Leave a Comment more...

Tutorial di Illustrator per principianti

by Massimo on set.19, 2011, under Tutorial

Oggi vi propongo un tutorial per creare una semplice illustrazione con ILLUSTRATOR.

tutorial illustrator

Info:

-Programma: Illustrator CS5 o versioni precedenti (CS4,CS3).

-Difficoltà: Principiante

-Tempo di lavoro: 30/45 minuti.

 

1° Step


 

Aprite un nuovo foglio di lavoro con Illustrator CS5 o con versioni precedenti.

Per il  cielo-sfondo scegliete un colore a piacere e formate dei rettangoli con lo strumento rettangolo (M),

per crearne tanti basta fare un copia incolla del primo rettangolo creato (CTRL+C e CRTL+V).

Io ho dato un colore diverso ad ogni rettangolo, mantenendomi sulla tonalità del blu.

Il nostro “cielo” è pronto!

 

2°step


Per creare le NUVOLE formate un rettangolo con lo strumento rettangolo con angoli arrotondati.

Adesso che il vostro rettangolo è pronto prendete lo strumento ellisse e formate quattro cerchi, che saranno perfetti tenendo premuto SHIFT.

I cerchi dovranno essere posizionati sul rettangolo in modo da coprirne il lato superiore e lasciando immutato quello inferiore,

per comodità raggruppate la “nuvola” facendo clic con il tasto dx del mouse>raggruppa.

 

Per il SOLE tracciate un cerchio con lo strumento ellisse ,

una volta creato andate su: finestra >pennelli e cambiate il bordo a vostro piacimento (io ho usato un pennello con bordi tratteggiati).

Per  rendere il bordo “tracciabile”  mantenete il “SOLE” selezionato e andate su oggetto>espandi aspetto.

Adesso fate clic col tasto destro e andate su separa, in questo modo potrete cambiare colore ad ogni singolo elemento del bordo (io ho usato il giallo e l’arancio).

 

3°step

 

Per il MARE, usate lo strumento penna creando dei tratti simili a delle onde che andrete a modellare con le maniglie.

Per formare le maniglie basterà selezionare i punti di ancoraggio con lo strumento selezione diretta e poi andare sulla barra di navigazione e cliccare su “converti punti di ancoraggio in punti morbidi“.

Io ho dato un’opacità del 92% alle onde blu, a quelle bianche del 54%, poi ho creato un bagliore esterno di colore giallo con effetto>stilizzazione>bagliore esterno.

 

4° step

 

Prendete lo strumento ellisse e tracciate il corpo del pesciolino, con lo strumento stella andrete a tracciare la coda del pesce,

basterà diminuire il nr di punte a tre, facendo doppio clic sulla stella.

Per creare l’occhio e le bollicine userete  il solito strumento ellisse tenendo premuto shift.

Le squame potete disegnarle a mano libera con lo strumento pennello, lo stesso vale per i trattini sull’acqua.

 

5°step

 

Per il fondale ho formato due stelle e ho dato al colore rosso un’opacità dell’85% ,

infine ho applicato un bagliore esterno con effetto>stilizzazione>bagliore esterno,

le alghe le ho tracciate a mano con un pennello artistico 6d leggero 5 pt,

il corpo delle meduse l’ho creato con lo strumento penna facendo tre punti e poi unendoli.

per i tentacoli ho usato un pennello a mano vettoriale 1pt.

 

 

Buon lavoro a tutti!

 

 

 

 

 

 

 

 

Leave a Comment more...

10 Fonts Gratuiti

by ABCFormazione on set.08, 2011, under Corsi di formazione, Grafica editoriale, Grafica pubblicitaria, Tutorial

Il blog Designinstruct suggerisce il download di 10 fonts eleganti (e soprattutto gratuiti).

1. HABANA

 

2. Orbitron

 

3. Walkway Bold Regular

 

4. Waukegan LDO


 

5. Arcus Regular

 

6. Edel Sans

 

7. Giro

 

8. Acid

 

9. Metrophobic

 

10. Code Pro Demo

Leave a Comment more...

Realizzare un Curriculum per il web con Photoshop

by ABCFormazione on set.02, 2011, under News, Tutorial, Web Design

Realizzare un proprio Curriculum e renderlo accessibile via internet è un modo per risultare più convincenti ed ottenere maggiore visiblità. La redazione del blog di Bloomwebdesign ha pubblicato un tutorial su come realizzare velocemente un curriculum in photoshop.

Buon divertimento :)

Leave a Comment more...

Icon Pack sfizioso e gratuito

by ABCFormazione on set.01, 2011, under News

Segnaliamo questo delizioso pack di icone gratuito scaricabile da questo indirizzo

Leave a Comment more...

Cerci qualcosa?

Usa questa form per cercare nel blog:

Non hai ancora travato quello che cerchi? Lascia un commento o contattaci!