Creazione del poster Samurai Werewolf

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

Durante questo tutorial, ti guiderò attraverso il mio processo creativo e condividerò alcuni dei miei suggerimenti e strumenti preferiti di Adobe Illustrator mentre creo un poster per l'unico licantropo giapponese maledetto dalla luna - il "Samurai Werewolf!"

È possibile trovare i file di origine nella directory denominata "origine" inclusa nei file scaricati. Potresti desiderare di esaminarli brevemente prima di iniziare.

Amate i guerrieri samurai? Sfoglia la nostra straordinaria selezione di Samurai Warrior Vector Art disponibile tramite GraphicRiver. Oppure avvaliti dell'aiuto di un professionista di Envato Studio per tutte le tue esigenze di progettazione personalizzata.


Utensili

  1. Matita meccanica + album da disegno
  2. Adobe Illustrator CS4+
  3. Adobe Photoshop CS4+

1. Come impostare il documento

Passo 1

Credo che i poster di maggior successo si basino su una forte visione iniziale unita a un buon processo decisionale durante tutto il processo artistico. Come vedrai in questo tutorial, l'immagine finale differisce dagli schizzi preliminari in molti modi, ma conserva ancora lo spirito e il tono che stavo puntando.

Dopo aver raccolto una cartella piena di immagini di riferimento (grazie, ricerca di immagini di Google!), Ho iniziato a fare alcune miniature molto approssimative. Poi, una volta che ho avuto la mia idea su carta, l'ho stretto in uno schizzo di composizione più raffinato. Alla fine, ho fatto uno schizzo a matita stretto di entrambi gli elementi principali del poster: la testa del lupo mannaro samurai e l'inserto del lupo mannaro contro il vampiro.



Passo 2

Il mio prossimo compito era impostare il mio documento Adobe Illustrator. Ho creato un 7 "da 14" tavola da disegno, e una volta aperto, ho ottimizzato il mio spazio di lavoro aprendo e organizzando tavolozze e barre degli strumenti usate di frequente. Mio deve avere tavolozze? Personaggio, Sentiero, Livelli, campioni, Colore, Trasparenza, Pendenza, e Ictus.



Passaggio 3

Tendo ad usare molti strati nelle mie illustrazioni, e questo non ha fatto eccezione. Il primo strato che creo sempre è una "cornice" bianca. L'ho impostato come il mio livello più alto e agisce come un Maschera per tutte le opere d'arte al di sotto di esso.

In questo modo, posso estendere le immagini sui livelli oltre la tavola da disegno, ma non preoccuparti di vederle. Ho iniziato con a Rettangolo la dimensione della tavola da disegno, quindi ne creai una più grande che ho posizionato dietro di essa, li selezionai entrambi e usai il Strumento anteriore meno nel esploratore tavolozza.



Passaggio 4

Dopo aver aggiunto alcuni nuovi livelli (uno per una scansione e uno per un colore di sfondo) nel Livelli tavolozza, ho iniziato a mescolare alcuni colori personalizzati. Lancio sempre tutti i colori generici di Illustrator e mischio il mio schema semplice e limitato in CMYK.

È anche molto utile quando si mescolano i propri colori in Colore tavolozza, per impostarli come "Colore spot". Questo ti permette di fare doppio clic su quel colore nel campioni palette in qualsiasi momento, regolare il mix CMYK e applicare automaticamente tali modifiche a qualsiasi istanza di quel colore nel documento. Molto conveniente.


Questo è ciò che è mio campioni la tavolozza sembrava una volta che mescolavo i miei colori e li drogavo lì dentro. Scoprirai che puoi fare molto con colori limitati.



Passaggio 5

Dopo aver aggiunto un rettangolo di colore solido al livello di sfondo, ho abbandonato la scansione nel livello "scansione" (File> Luogo), ridimensionato per adattarlo alla pagina e impostare la modalità di fusione su Moltiplicare usando il Trasparenza tavolozza. Questo elimina tutto il bianco da un'immagine posizionata e ti consente di lavorare sui livelli sottostanti vedere attraverso esso.



2. Come sgrossare la scena

Passo 1

Successivamente, utilizzando la scansione come guida, ho risolto in dettaglio tutti i principali componenti dell'immagine. Ho usato il Strumento Penna disegnare una struttura molto rapida di ciascun elemento, ciascuno sul proprio livello etichettato.


Al termine, io nascosto il livello di "scansione" (facendo clic sull'icona a forma di occhio accanto ad essa nel Livelli tavolozza), dando a me stesso un'idea di come il colore, la forma e la composizione stessero funzionando.



Passo 2

Con la composizione sbozzata, ho spento gli strati contenenti la scansione grezza e il lupo mannaro FPO, e sono caduto nello schizzo finale della testa del lupo mannaro.

Successivamente, ho usato il Strumento Penna e ha iniziato a elaborare i dettagli su quella che sarebbe diventata la versione finale del volto. Ho tenuto il casco del lupo mannaro su un livello separato dal volto reale per facilitare il montaggio.



3. Come aggiungere dettagli

Passo 1

Ero pronto per iniziare ad aggiungere qualche decorazione al casco. Il primo dettaglio che ho aggiunto è stato la forma della luna, creata semplicemente sovrapponendo una piccola ellisse su una più grande. Ho quindi selezionato entrambi e applicato Pathfinder> Fronte meno.


Passo 2

Successivamente, ho usato il Strumento Penna disegnare due percorsi che seguivano la curva del fondo del casco e quindi convertivano quei percorsi in contorni (Oggetto> Percorso> Cenni di contorno). Quindi, ho usato il Strumento di selezione diretta per restringere i punti all'estremità superiore dei tratti per simulare lo scorcio mentre avvolgono il casco.


Passaggio 3

Ho disegnato linee di contorno in verticale sul casco, facendo in modo che si avvicinassero gradualmente mentre tornavano a distanza. Anch'io gradualmente Ridotto il Peso del colpo delle linee dalla parte anteriore a quella posteriore.

Una volta che ho giocato con loro abbastanza da sembrare convincenti, io raggruppate loro. Avanti, io duplicato la forma del casco, l'ha portata in primo piano. Poi, con le linee e la forma del casco appena duplicata, entrambe selezionate, ho scelto Oggetto> Maschera di ritaglio> Crea. Questo ha creato una maschera che taglia visivamente le estremità delle linee di contorno.


Per aggiungere un contorno sottile alla cresta sopra la faccia, I duplicato la forma (Comando-C), Incollato davanti (Comando-F) e impostare il Riempire a Nessuna e il Ictus a 5 pt. Successivamente, sono andato sotto Oggetto> Percorso> Crea contorni.


Ancora una volta duplicato e Incollato nella parte anteriore la forma originale della cresta, e con quella e la traccia recentemente selezionata selezionata Pathfinder> Intersect. Questa intersezione delle due forme creava un profilo pulito, uniforme e sottile lungo il bordo interno della cresta.



4. Come creare la pagoda

Passo 1

Ho mostrato una ripartizione del processo con il quale ho costruito la pagoda. Lavorando da riferimento, ho costruito gli strati della pagoda da forme molto semplici, quindi raggruppate loro, formando un piano della pagoda. io duplicato, spostato verso l'alto e leggermente ridotto le dimensioni del pavimento, creando uno più piccolo in cima.

Nota: ho mostrato la progressione in entrambi Schema e Anteprima Modalità. Comando + Y passa da una modalità all'altra.


Passo 2

Impilati in alto, (in cima a una montagna appena creata) i pavimenti insieme a un semplice tetto inclinato, formano in modo convincente la sagoma di una pagoda!



5. Come creare il lupo mannaro e il vampiro

Il passo successivo (anche quello che richiede più tempo) è stata la creazione del lupo mannaro e del vampiro inseriti nella battaglia in basso a sinistra del poster.


Potete vedere che mentre progredivo nella creazione del lupo mannaro e del vampiro, stavo costantemente sperimentando altri elementi della composizione, come il colore delle corna sul casco del lupo mannaro principale e l'aggiunta di un banner per il tipo finale che avrei messo nell'angolo in alto a sinistra del pezzo. Inoltre, ho passato da un bordo bianco ad uno marrone.


6. Come dettagliare l'armatura dei samurai

Passo 1

Una volta soddisfatto delle forme che compongono i due personaggi, sono entrato per aggiungere dettagli all'armatura dei samurai. Per ottenere lastre uniformemente distanziate sull'armatura, ho disegnato la prima e l'ultima linea del segmento che apparivano in una sezione specifica e ho usato il Strumento di fusione per completare i passaggi intermedi.

Di Facendo doppio clic lo strumento e selezionando Passi specificati, puoi determinare il numero di oggetti che appariranno tra i due elementi su cui fai clic Strumento di fusione sopra. E, una volta applicati, i passaggi intermedi si ridisegneranno quando gli oggetti originali si avvicinano e si allontanano gli uni dagli altri ... sempre con una spaziatura perfetta!


Passo 2

Successivamente, vedrai il modello di scala che ho creato per il pettorale dell'armatura. Inizia semplicemente come un singolo v-shaped scala che io Opzione-trascinato a destra per Duplicare. Quindi, ho usato il Strumento di fusione ancora una volta per riempire i passaggi intermedi. Con quello completo, ho fatto alcune nuove copie della fila e li ho barcollati per creare il modello finale.


Passaggio 3

Tutto ciò che restava da fare era quello di fare Ruotare alla giusta angolazione sopra il lupo mannaro e creare un Maschera di ritaglio per pulire i bordi.



7. Come aggiungere le linee radiali

In linea con il tradizionale sentimento asiatico cui puntavo, ho deciso di aggiungere linee radianti sullo sfondo. Questo è stato ottenuto semplicemente creando un grande Dllipse con lo stesso punto centrale della luna, aggiungendo un enorme Ictus (400 pt.) e selezionando Linea tratteggiata nel Ictus tavolozza. Dopo alcuni esperimenti con il segmento e i numeri di gap, ho trovato una frequenza che mi piaceva. Alla fine, ho impostato il Ictus a Moltiplicare a 30%.



8. Come convertire una foto in vettoriale

Passo 1

Puoi aggiungere un grado di interesse al tuo lavoro convertendo una foto in una grafica vettoriale ad alto contrasto, che puoi quindi manipolare in molti modi. Per aggiungere alcuni dettagli necessari alla luna, ho deciso di fare proprio questo. Ho scavato una foto d'archivio e l'ho importata andando a File> Luogo.


Passo 2

Una volta nel documento, ho selezionato l'immagine, l'ho allineata con il supporto nella luna che avevo creato in precedenza e ho scelto Oggetto> Traccia live> Opzioni di traccia. Nella finestra di dialogo seguente, ho impostato il Modalità a Bianco e nero e impostare Soglia a 128 (questo determina la quantità di dettagli con cui il rendering finale verrà visualizzato), quindi ho fatto clic Traccia.


Passaggio 3

Successivamente, ho selezionato Oggetto> Espandi. Ciò ha convertito l'effetto della traccia dal vivo in arte vettoriale modificabile.


Passaggio 4

Finalmente, ho usato il Strumento bacchetta magica per selezionare tutto il bianco nella luna vettoriale. io eliminata le aree bianche selezionate e ridipingere le forme rimanenti con il mio colore marrone scuro. Accoppiato con il cerchio chiaro-chiaro esistente sotto, l'effetto risultante è una luna grafica a due toni!



9. Come creare la spada samurai

Simile alla pagoda, ho creato le maniglie della spada nella parte inferiore del poster da una serie di forme molto semplici, mostrate qui in entrambe le viste esplose e assemblate.



10. Come creare i dettagli finali

Passo 1

Dopo alcune decisioni progettuali al volo (il banner di tipo in alto a sinistra ora una parte del confine, l'aggiunta della seconda pagoda), sono stato contento di come l'immagine si stava modificando ... ma ho pensato che l'area dietro il il vampiro sembrava un po 'sterile.


Ho abbozzato un rapido albero dall'aspetto giapponese e ne ho fatto una scansione su a Nuovo strato.


Ancora usando Tracciamento in tempo reale, Ho convertito la scansione in grafica vettoriale.


Passo 2

Ho fatto una semplice forma di petalo, Copiato e Incollato la copia di fronte. Con la copia selezionata, ho preso il Ruota lo strumento e Opzione cliccato alla base del petalo. Questo imposta il punto di ancoraggio per la rotazione e fa apparire la finestra di dialogo Ruota.

Sapevo che volevo un fiore con 5 petali, così sono entrato 360/5 nel Grado campo. Quando ho selezionato ok, la copia del petalo 360 gradi ruotati, o 72 gradi. Di nuovo Copiato e incollato di fronte e poi colpito Comando-D a Duplicare il Ruotare comando.


io Copiato e ruotato abbastanza volte per fare 5 petali, ha aggiunto una piccola ellisse al centro, raggruppato tutti i pezzi, e ho avuto il mio 5 fiore petalo!


Passaggio 3

Ho ridimensionato il gruppo in modo che corrispondesse alla dimensione dei rami degli alberi e realizzato due fiori di dimensioni leggermente diverse. Ho drogato ognuno di loro nel simboli tavolozza, assicurandosi di impostare il genere a Grafico nella finestra di dialogo. Quindi, con uno dei simboli dei fiori selezionati, I Doppio clic il Strumento simbolo spruzzatore (l'aspetto più bello di tutte le icone degli strumenti!), imposta il Diametro a .2 in. e il Intensità a 5. colpisco ok e cominciò a cliccare sul mio tavola da disegno a spray fiori sui rami.


Andando avanti e indietro tra le due dimensioni dei fiori che ho creato, ho completato la mia versione grafica di un albero di ciliegio.



Passaggio 4

Finalmente pronto ad aggiungere il tipo al poster, ho lanciato il titolo ("Samurai Werewolf") e sottotitoli ("Maledetto dalla Luna, Redentorato da Bushido") attraverso un traduttore e ho fatto cadere il testo katakana risultante su un Nuovo strato. Ho selezionato Tipo> Crea contorni per trasformare i personaggi in vettori modificabili.


io Ridimensionato e Re-color le parole, creando una gerarchia di tipo più accattivante e aggiungendo una piccola icona lunare tra le righe del testo.



Passaggio 5

Inserendo alcune ombre chiave in certe aree dell'immagine, ho aggiunto sia la profondità che l'atmosfera al pezzo complessivo. Ho iniziato selezionando il tipo di banner. io Copiato e incollato di fronte (Comando-C, Comando-F ancora una volta!), quindi, ho applicato a Gradiente lineare (di bianco e il mio colore marrone scuro) per la nuova forma di banner e impostare il Modalità a Moltiplicare. Regolazione della posizione del gradiente con il Strumento sfumatura, Ho creato un'ombra leggera che spinge sottilmente lo stendardo dietro le montagne.


Ho applicato più effetti ombra alle piccole montagne sotto il banner, così come su parti chiave dell'elmo del lupo mannaro, la sua armatura e il cielo sopra la sua testa.


Mostrati fianco a fianco con la versione a colori piatti, puoi vedere la ricchezza e la profondità che aggiungono le ombre Moltiplica.



Immagine finale

Come ho detto all'inizio, una visione chiara è una necessità quando si illustra un poster come questo, ma non è necessario che tutti i dettagli siano elaborati all'inizio del progetto. Usa le potenti funzionalità di editing di Adobe Illustrator per aiutarti a creare opere dinamiche e in continua evoluzione! L'immagine finale è sotto. È possibile visualizzare la versione grande qui.

Caratteri caratteri asiatici da GraphicRiver

Vuoi creare il tuo fantastico poster samurai? Completa il tutto con uno dei nostri font creativi ispirati all'Asia di GraphicRiver. Aggiungi uno stile calligrafico cinese unico al tuo lavoro e dai un'occhiata a uno dei nostri preferiti qui sotto.

Moyko Font

Entra in un nuovo mondo con questo sorprendente carattere. Questo carattere presenta un design unico ispirato alla calligrafia tradizionale cinese. Ottimo per aggiungere un elemento interessante a qualsiasi progetto creativo, questo tipo di carattere è perfetto per intestazioni, loghi e altro ancora!