All Articles Photoshop
Progettare un "Cool" Social Media annuncio in Photoshop
Martin Perhiniak on Tue, May 7th 0 comments
Look around and you'll probably notice that good social media adverts use excellent graphics & banners. In this Photoshop tutorial, Martin Perhiniak shows how to design a

In questo articolo, ci accingiamo a progettare un fresco pubblicità social media. Questo grafico è stato creato per una società di formazione sede nel Regno Unito ( www.lovesocialmedia.com ) insieme ad altri banner che combinano oggetti tipici inglesi con icone e loghi social media. In questo tutorial andremo attraverso il processo di progettazione della grafica principale, che è una versione migliorata del logo della società.

Questo è il modo in cui il progetto finale sarà:

Final Logo


Avremo bisogno di alcune icone social media prima di tutto. Li ho raccolti in modo da non dovete cercarli.

Icons


Si può


Fase 1 - Importazione forme personalizzate

Una volta scaricato il set di icone si dovrebbe avere un file sul tuo computer chiamato social_media_icon_set.csh. Tutto quello che devi fare con questo (e si applica a qualsiasi file preimpostato o le impostazioni di Photoshop) consiste nel fare doppio clic su di esso. Se hai Photoshop installato sul vostro computer, che le forme personalizzate verranno caricati automaticamente nella libreria preset. È possibile controllare se si seleziona lo strumento di disegno Forma personale si trova nella barra di utensile con l'strumenti forma (Rettangolo, Rettangolo arrotondato, Ellisse, ecc) e fare clic sul riquadro dell'immagine po barra opzioni (in alto) accanto alla parola Shape .

Pic 1


Si dovrebbe avere un paio di forme standard di Photoshop personalizzate più 15 icone sociali alla fine. Se si vuole sbarazzarsi delle icone standard si può andare in Modifica

Pic 2


Quando si è pronti a questo è possibile fare clic su Done.


Fase 2 - Crea nuovo documento

Tempo per creare il documento per il nostro design. Ho usato le seguenti dimensioni, ma sta a voi scegliere quale dimensione che preferite per il vostro progetto:

Pic 3


Fase 3 - Sfondo rosso

Questo passaggio se molto semplice. Selezionare un colore rosso per il vostro campione in primo piano (in basso della barra degli strumenti) e poi premete Option / Alt-Backspace per riempire il vostro livello di sfondo con il colore rosso.

Pic 4


Fase 4 - Disegnare o importare a forma di cuore

Ci sarà bisogno di una forma di cuore per il nostro progetto, che sarà la cornice per le icone social media. È possibile utilizzare questa immagine qui sotto (file PNG con trasparenza) o è possibile disegnare una forma a cuore, se si ha familiarità con lo strumento Penna.

Heart


Se si vuole disegnare, iniziare con la metà sinistra del cuore e disegnare direttamente in questo modo:

Pic 5


Poi si può duplicare la forma utilizzando lo strumento selezione tracciato, fare clic sul percorso e quindi tenete premuto Maiusc + Alt / Opzione mentre si muove verso destra:

Pic 6


Una volta che si dispone di entrambe le parti, è possibile capovolgere orizzontalmente uno di loro. Selezionare il percorso e quindi usare Modifica

Pic 7


Ora siamo in grado di unire questi due percorsi insieme. Spostarli vicini l'uno all'altro fino a quando le loro rette sovrapposizioni di linea tra di loro nel mezzo. Una volta fatto ciò è possibile selezionare tutti e due insieme.

Pic 8


Il passo successivo è quello di scegliere Unisci Componenti forma dalla barra delle opzioni:

Pic 9


La tua forma di cuore è pronto. A questo punto è possibile salvarlo come una forma personalizzata in modo da poter utilizzare nei vostri prossimi progetti pure. Pur avendo il percorso selezionato scegliere Modifica

Pic 10


Quando il livello di forma cuore è pronto assicuratevi di impostare il colore di riempimento di bianco e la corsa a nessuno (nelle versioni precedenti di Photoshop CS6 ad basta impostare il campione di colore primo piano in bianco e poi premere Alt / Opzione-Backspace pur avendo la livello di forma selezionata). L'ultima cosa che devi fare è quello di ruotare in senso orario il cuore di 30 gradi. Per fare questo è necessario premere Command / Control-T (Trasformazione libera) e tenere premuto il tasto Maiusc durante la rotazione della forma.


Fase 5 - Aggiungi testo

Ho aggiunto un livello di testo dicendo condividere l'amore in tutte le capitali utilizzando DIN carattere grassetto con il colore bianco. Ho anche ruotato lo strato di testo di 30 gradi in senso antiorario e lo mise sotto la forma di cuore a destra seguendo il bordo.

Pic 11


Fase 6 - Aggiungi Media icone sociali

Questo passo sarà quello che richiede più tempo. Dovremo riempire la forma di cuore con le icone e per farlo sembrare interessante dovremo cercare di coprire quanto più spazio possibile, senza avere le icone si sovrappongono l'un l'altro.

Lascia che ti mostri come aggiungere la prima icona e poi si può solo continuare a fare la stessa procedura più volte.

Selezionare lo strumento Forma personale e impostare il colore di primo piano per lo stesso colore rosso come sfondo. Selezionare una delle icone social media dalla barra delle opzioni e disegnare la forma tenendo premuto Maiusc per mantenere le proporzioni originali. E 'anche importante avere la modalità di disegno dello strumento Forma personale impostato forma. Una volta che avete il vostro livello di forma pronto è possibile utilizzare lo strumento Trasformazione libera per ridimensionare, spostare e ruotare intorno.

Pic 12


Fase 7 - Regolazione icone

L'ultima cosa che dovrete fare è assicurarsi di avere tutto il cuore ben riempito con le icone. Si potrebbe trovare difficoltà a selezionare nuovamente le icone precedentemente aggiunti. Dopo un po 'avrete diverse decine di strati e il modo più semplice per riselezionare rapidamente un livello di forma creata in precedenza è quello di utilizzare lo strumento Sposta e Controllo / Comando-clic su una forma per selezionarla. Questo può risparmiare un sacco di tempo a finire questo disegno

Heart Final


Spero vi sia piaciuto questo tutorial e ben fatto per il vostro duro lavoro :)

Related Videos
Comments (0)

You must be logged in to comment.

Understanding Brushes, Vector Tools and Transforms
Photoshop CS6 103
Dream It. Do It.
Do you want to learn Understanding Brushes, Vector Tools and Transforms?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: