Crea un logo illustrativo da una fotografia

Cosa starai creando
Questo tutorial è stato originariamente pubblicato nel luglio 2012 come tutorial Tuts + Premium. Ora è disponibile gratuitamente per la visualizzazione. Sebbene questo tutorial non utilizzi l'ultima versione di Adobe Photoshop, le sue tecniche e processi sono ancora rilevanti.

In questo tutorial, inizieremo con un riferimento fotografico, quindi attraverso alcune manipolazioni in Photoshop e un'accurata tracciatura a mano, riducendolo ai suoi elementi essenziali. Il risultato è un segno stilizzato che è rappresentativo, ma audace e grafico. Iniziamo!

Ami i loghi degli animali? Allora siamo sicuri che adorerai i nostri disegni con il logo degli animali disponibili tramite GraphicRiver. Oppure avvaliti dell'aiuto di un professionista del design di Envato Studio per i disegni personalizzati del logo.

1. Come creare il concetto iniziale

Passo 1

Quando ti avvicini a qualsiasi incarico del logo, è meglio fare una buona ricerca prima ancora di mettere la matita su carta. A volte riceverai un brief creativo dettagliato e altre volte il cliente avrà una vaga idea di ciò che sta cercando e ti consentirà di fare il resto. Indipendentemente dallo scenario, la ricerca dovrebbe essere il primo passo nel processo. Anche se il cliente ha già un logo come fondamentalmente fatto e vuole che tu lo lucidi, credo che più conoscenze porti al lavoro, più successo sarà.

Per questo incarico immaginario, il cliente voleva una testa di leone per il loro logo. I leoni spesso rappresentano royalty, orgoglio, forza e leadership. Ho deciso su un leone orgoglioso di profilo e ho fatto alcuni schizzi di anteprima molto approssimativi. Ho deciso di fare qualcosa che fosse più realistico di stilizzato, ma audace e grafico.


I miei schizzi mi sembravano un incrocio tra una pecora e un gattino, quindi era giunto il momento di fare qualche ricerca. Ho trovato le solite ricerche di immagini per un leone di profilo. A questo punto, stavo solo guardando le immagini e assorbendo le informazioni visive. Volevo avere una buona idea di come sia effettivamente un leone e portarlo con me quando lavoro sul logo.

Per realizzare un logo vettoriale realistico, volevo trovare una buona fotografia su cui basare il mio disegno. Voglio affermare con enfasi che dovresti sempre ottenere il permesso del fotografo quando usi una foto come immagine sorgente. Anche se il risultato finale sarà abbastanza stilizzato, semplicemente non è OK usare una foto protetta da copyright senza autorizzazione. C'è stato un caso diversi anni fa riguardo al logo usato sulle targhe del Kentucky. Un fotografo tedesco sosteneva che il logo fosse basato sulla sua fotografia. Ha fatto causa e le targhe hanno dovuto essere cambiate. Quindi stai dalla parte giusta della legge e ottieni il permesso.


Passo 2

L'altro aspetto della ricerca sui loghi consiste nel vedere ciò che è già stato fatto. Può essere difficile guardare un sacco di loghi e cercare di non essere influenzati da loro, ma è anche bello sapere cosa c'è già là fuori. Non vuoi passare ore su un logo solo per scoprire che sembra molto simile a un altro. Per prima cosa ho fatto una ricerca di immagini Google per "logo della testa di leone". È un motivo popolare, ei disegni spaziano da una gamma realistica e dettagliata a stilistica o fumetto.


Non ho visto nulla di simile a quello che avevo in mente, quindi è stato il lavoro di preparazione iniziale.


2. Come preparare l'immagine di riferimento


Passo 1

Ho trovato un'ottima foto sorgente su PhotoDune e ho ottenuto il permesso di usarlo. Dato che questo è un compito immaginario e non ci sono soldi che cambiano di mano, il fotografo è stato così gentile da permettermi di usarlo come dimostrazione.

Big Male African Lion di EcoSound

Passo 2

Dato che il mio logo sarà ad alto contrasto, prima voglio regolare la foto in modo da poter vedere più facilmente le luci e le ombre.

Apri la foto in Photoshop e vai a Immagine> Regolazioni> Bianco e nero. Poiché la mia immagine consisteva principalmente di toni gialli, ho scelto il Filtro giallo preset. Usando il Nero bianco registrazione piuttosto che semplicemente convertire in Scala di grigi ti dà più controllo su come appariranno i toni di grigio. Puoi iniziare con un preset e mettere a punto i cursori dei colori.



Passaggio 3

Ora converti l'immagine in scala di grigi. Vai a Immagine> Regolazioni> Livelli. Regola i cursori per aggiungere contrasto all'immagine.



Passaggio 4

Ora che la tua immagine è pronta, stampala, quindi usa la carta da lucido per tracciare a mano linee e forme con la matita. Potresti pensare che sarebbe più veloce iniziare a disegnare in Illustrator, ma disegnare a mano ti permette di prendere decisioni su quali forme e linee sono importanti da tenere e quali possono essere scartate. Mantieni i tuoi tratti di matita lisci e deliberati. Nel mio tracciamento, ho aggiunto i segni di tratteggio a aree più grandi di nero, proprio come un promemoria quando creerò le forme vettoriali in seguito. La traccia della matita finita è sotto.




3. Come disegnare forme vettoriali


Passo 1

Iniziare a disegnare linee e forme con il Strumento Penna. Potresti usare il Strumento di matita, il Strumento pennello, o anche il Strumento Pennello blob, ma stiamo andando per percorsi precisi, con solo i punti essenziali.

Può aiutare ad aumentare il peso delle linee dei tuoi percorsi. Fare così può aiutarti a vedere più facilmente i potenziali problemi. Negli esempi seguenti, angoli e punti acuti si distinguono meglio su un tratto più spesso. Regola attentamente le maniglie per correggere problemi come questo.



Passo 2

Continua a lavorare in questo modo, attenuando e semplificando i percorsi lungo il percorso.



4. Come aggiungere colore

Passo 1

Riempi le forme con tinta unita. Continuare a semplificare i percorsi dove necessario e i punti di levigatura.



Passo 2

Disegna un percorso per l'area bianca. Questo sarà eventualmente tagliato fuori dal logo generale, o sarà riempito con un colore diverso. Il percorso è mostrato in verde sotto.



Passaggio 3

Disegna i punti salienti. Ancora una volta, questi potrebbero essere eventualmente tagliati, ma per ora mantengono il loro colore più chiaro.



5. Come perfezionare il logo


Passo 1

A questo punto, sono le decisioni minime. Porta via tutto ciò che non è necessario per l'immagine da leggere come un leone. Semplificare!

Alcune modifiche che ho apportato sono state semplificando la forma dell'orecchio e rimuovendo alcune delle forme sulla criniera. Ho anche allargato un po 'l'occhio per renderlo visibile anche a dimensioni più piccole, e ho reso i punti sul muso più grandi e più uniformi.




Passo 2

Quando hai apportato tutti i ritocchi e la rifinitura e sei certo che sia fatto, puoi ridurre l'illustrazione solo ai percorsi che costituiscono i punti salienti. Usa la funzione Divide nel pannello Pathfinder o lo strumento Shape Builder per rimuovere tutti i colori tranne quelli chiari, creando un percorso composto. Il logo finito è mostrato in modalità Contorno di seguito. Questo passaggio è facoltativo, puoi sempre mantenere i colori fastidiosi. Con una forma vettoriale di sole luci, tuttavia, puoi facilmente posizionare l'oggetto su uno sfondo di colori diversi per creare diverse combinazioni di colori.




Conclusione

Modificare e perfezionare ogni percorso è importante e può richiedere ore per ottenere tutto nella sua posizione ottimale. Assicurati di visualizzare l'immagine in diverse dimensioni lungo la strada. Costruire una solida base attraverso il disegno a mano può rendere il processo un po 'più facile e veloce.

Loghi animali mozzafiato da GraphicRiver

Sei un imprenditore in erba che ha bisogno di un buon logo? Quindi sfoglia la nostra selezione di incredibili loghi animali direttamente su GraphicRiver. Questi fantastici disegni sono stati realizzati a mano da una comunità di designer di talento. E dai un'occhiata a uno dei bellissimi disegni qui sotto!

Valiant Lion Logo

Goditi questo splendido logo del leone con colori vivaci. Questo design è ispirato ai moderni loghi geometrici che tagliano il leone per uno stile interessante. Scarica questo logo oggi per accedere a questo design completamente modificabile e scalabile al 100%.