Crea questo poster, basato su una competizione di skate verticale, utilizzando Photoshop per riunire gli elementi e Illustrator per assemblare l'opera finale, pronta per la stampa.
Recentemente mi sono imbattuto nel lavoro dell'illustratrice Chrissie Abbott e sono stato subito colpito dal suo intelligente uso di combinare immagini retrò e moderne e il suo uso di colori audaci e vibranti. In questo tutorial, ti guiderò attraverso la creazione di un poster di eventi sportivi estremi utilizzando uno stile simile.
Il tema del poster si basa su una competizione di skate verticale, quindi tutte le immagini, come spazio, montagne e voli, sono tutte pertinenti e sono state estratte dalla mia raccolta di riviste d'epoca, senza copyright o siti web di stock, così come immagini liberamente disponibili per gentile concessione della NASA. Vorrei anche ringraziare il surf / skate photographer Paul Frost per avermi gentilmente permesso di usare la sua foto da skateboarder.
Per quanto riguarda le tecniche, scoprirai come creare tagli al vivo e segni di ritaglio in Photoshop e Illustrator. Potrai anche padroneggiare gli Illustrator esploratore e Offset Path comandi per creare delle belle lettere ornate. Infine, riunirai tutti questi elementi con Photoshop e assemblerai l'artwork finale pronto per la stampa in Illustrator.
Troverete il file PSD di Photoshop in una directory denominata "origine" inclusa nel file ZIP scaricato. Potresti desiderare di esaminarlo brevemente prima di iniziare. Troverai anche alcune immagini per completare il tutorial e la grafica illustrata di Illustrator pronta per la stampa.
Avrai anche bisogno delle seguenti immagini, trame, pennelli e tipi di carattere:
Avvia Photoshop e imposta il colore di sfondo su nero. Crea un nuovo documento verticale A4 (21 cm x 29,7 cm) a 300 dpi in modalità RGB, quindi imposta i contenuti di sfondo su Colore di sfondo.
Ora premi Comando + Y per abilitare i colori di prova - questo ti permette di lavorare in modalità RGB, mentre l'anteprima in CMYK - questo eviterà qualsiasi spostamento di colore inaspettato quando il documento sarà convertito in CMYK per la stampa commerciale.
Assicurati di aver selezionato Snap e Snap su guide / limiti documento (situato sotto Visualizza). Ora tira le guide e agganciate a tutti e quattro i bordi della tela. Successivamente, vai su Immagine> Dimensioni tela (Opzione + Comando + C). Aggiungi 6 mm a entrambi i campi Larghezza e Altezza, quindi seleziona il punto di ancoraggio centrale e imposta il colore dell'estensione Canvas su Sfondo.
Questa è un'ottima tecnica per aggiungere rapidamente tracce e guide a qualsiasi documento; inoltre elimina il lavoro di calcolo delle guide di posizionamento manuale tramite il menu Visualizza.
Carica i pennelli dello spazio, quindi crea un nuovo livello. Seleziona un viola scuro (# 642b65) e usa lo strumento Pennello (B) per iniziare a colorare il cielo. Aggiungi un altro livello e usa un rosa (# ec4296) per aggiungere più vortici galattici. Ricorda di ruotare e capovolgere i pennelli mentre lavori, per evitare la ripetizione.
In questo tutorial useremo molti livelli, quindi prendi l'abitudine di nominarli. Ora aggiungi i tuoi strati in una cartella di gruppo e etichettali su "SKY".
Dipingi su livelli aggiuntivi usando alcuni blues (# 3e5e7e e # 2376a1). Ora carica i pennelli cloud e usali per creare l'effetto cielo.
Aggiungi un po 'di pennellate più leggere usando il giallo (# ffef50) e il bianco, di nuovo su livelli separati. Se ritieni di aver lavorato troppo a lungo in qualsiasi area, sentiti libero di usare lo Strumento Gomma (E) secondo necessità.
Apri l'editor dei gradienti e carica la libreria degli effetti speciali. Ora seleziona Russell's Rainbow e modifica le interruzioni di colore come mostrato, quindi fai clic sul pulsante Nuovo per salvarlo.
Aggiungi un nuovo livello etichettato "Arcobaleno" all'interno della cartella. Imposta la nuova sfumatura su Radiale e Maiusc trascinandola dal centro della tela. Aggiungi una maschera di livello, quindi imposta i colori di primo piano / sfondo su quelli predefiniti premendo D sulla tua tastiera. Ora trascinate il puntatore del mouse su un Primo piano su Sfondo Sfumatura lineare sulla maschera per nascondere la metà inferiore dell'arcobaleno. Quindi, imposta il metodo di fusione del livello su Schermo e rilascia l'opacità al 45%.
Fai clic sul menu a discesa Crea nuovo riempimento o regolazione e seleziona una regolazione Curve nella parte superiore della pila. Fare clic per aggiungere due punti di ancoraggio, utilizzando le impostazioni mostrate - se è necessario ripristinare la curva, tenere premuto Opzione e il pulsante Annulla diventa un pulsante Ripristina.
Apri "Skater.jpg" dalla cartella "source". Questa immagine è stata gentilmente donata da Paul Frost, quindi ti preghiamo di rispettare le sue restrizioni sul copyright e sull'uso. Seleziona lo strumento Ritaglia (C) ed elimina la metà inferiore. Ora imposta lo strumento Penna (P) sui tracciati e aggancia delicatamente il pattinatore (mostrato in magenta). Non sudare sopra i capelli, basta agganciarli all'interno - lo sistemeremo nei prossimi due passaggi.
Imposta lo strumento Penna su Sottrai dall'area del percorso per tracciare il percorso secondario interno (nuovamente mostrato in magenta). Ora esegui lo zoom avanti e affina entrambi i percorsi premendo il tasto Comando per accedere allo strumento Selezione diretta e regola i singoli punti di direzione / ancoraggio come richiesto.
Passa alla palette dei canali e passa ciclicamente attraverso ciascun canale per determinare quale tiene il miglior contrasto tra skater e sfondo. In questo caso è il blu. Duplicalo trascinando la sua miniatura sull'icona Crea nuovo canale.
Successivamente, premi Comando + L per accedere alla finestra di dialogo Livelli e usa le impostazioni mostrate sotto.
Premi il tasto Comando e fai clic sulla miniatura del tuo percorso per generare una selezione, quindi con il tuo canale duplicato mirato e il bianco impostato come colore di primo piano, premi Elimina per riempire la selezione con il nero. Ora premi Maiusc + Comando + I per invertire la selezione e usa un grande pennello bianco a spigoli vivi per dipingere tutto lo sfondo, lasciando intatti i capelli dello skater.
Scegli come target il canale composito RGB superiore e disabilita la visibilità del canale duplicato. Ora passa alla tavolozza dei livelli e rilascia un nuovo livello.
Quindi, fisseremo la coda mancante dello skateboard. Estendi la tua tela a sinistra usando lo strumento Ritaglia. Quindi traccia un percorso chiuso dove dovrebbe essere la coda. Crea una selezione basata sul percorso, quindi usa lo Strumento Timbro clone (S) impostato su Corrente e inferiore per aggiungere l'area mancante. È sempre buona norma eseguire qualsiasi ritocco su un nuovo livello, nel caso in cui le cose vadano storte.
Una volta terminato, fai Command-click sulla miniatura del livello di ritocco per generare una selezione, quindi seleziona il canale duplicato e riempi la selezione attiva con il nero: ora abbiamo una maschera pulita del pattinatore.
Genera una selezione dal canale, Inversa, seleziona il canale composito e torna alla palette dei livelli. Con la selezione ancora attiva, appiattisci l'immagine e Copia negli Appunti.
Aggiungi una nuova cartella al tuo documento di lavoro ed etichettala "SKATER". Incolla la selezione all'interno della cartella e premi Comando + T per Trasforma. Duplica il livello, quindi vai a Filtro> Converti per filtri intelligenti. Ora vai su Filtro> Altro> Passa alto e trascina il cursore Raggio su 60.0 px. Infine, imposta il livello "Copia skater" su Hard Light.
Successivamente, rilascia una regolazione Livelli sopra il livello "Copia skater" usando le impostazioni mostrate.
Imposta i colori di primo piano / sfondo su # ec4296 / # ffef50. Ora aggiungi un livello di regolazione Mappa sfumatura selezionando il Preset in primo piano / sfondo. Ora abbattere l'intensità impostando il metodo di fusione del livello di regolazione su Colore.
Ora dobbiamo ritagliare queste regolazioni sul livello originale di "Pattinatore". Per fare ciò, tieni premuta l'opzione, mentre tieni il cursore tra le anteprime dei livelli "Mappa gradiente" e "Livelli". Quando il cursore si trasforma in un'icona a doppio cerchio, fai clic per tagliare il livello superiore verso il basso. Ripeti per i livelli rimanenti come indicato.
Salva, quindi appiattisci il file e premi Maiusc + Comando + S per Salva come TIFF.
Avvia Illustrator e crea un nuovo documento verticale A3 CMYK. Con i tuoi Righelli visibili (Comando + R), fai uno zoom nell'angolo in alto a sinistra e trascina il punto di origine delle regole sul bordo in alto a sinistra della tavola da disegno. Quindi, imposta il riempimento e il tratto della barra degli strumenti su none, quindi seleziona lo strumento Rettangolo (M) e fai clic in qualsiasi punto della tavola da disegno. Nella finestra successiva inserisci una larghezza di 216 mm e un'altezza di 303 mm. Per semplificare le cose, puoi attivare la Modalità contorno premendo Comando + Y.
Aggiungi un altro rettangolo con una larghezza di 210 mm e un'altezza di 297 mm. Seleziona entrambi i rettangoli e fai clic sulle icone del centro Orizzontale e Verticale. Ora con entrambi gli oggetti ancora selezionati, utilizzare il localizzatore del punto di riferimento per posizionarli al centro morto sulla tavola da disegno (X: 148,5 mm e Y: -210 mm).
Premi Opzione + Comando + Punto e virgola per sbloccare le tue guide e tira su una guida verticale. Con la guida selezionata, utilizzare nuovamente il localizzatore di riferimento per posizionarlo centralmente (X: 148,5 mm). Ora usa lo stesso comando da tastiera per bloccare le guide.
Seleziona il rettangolo esterno e premi Comando + 5 per convertire in una guida, quindi seleziona quella interna e vai a Oggetto> Area di ritaglio> Crea. Ora hai precise guide al vivo e al centro e segni di taglio.
Quindi, scegli File> Inserisci, seleziona l'opzione Link e vai al TIFF che hai salvato al passaggio 17. Abilita le guide intelligenti (Comando + U) per posizionarti nella casella di guida esterna, quindi controlla le sue coordinate con il localizzatore di punti di riferimento.
Etichettare il livello predefinito "Grafica di base" e bloccarlo. Aggiungi un altro livello chiamato "Grafica" e fai clic sulla tela con lo Strumento testo (T) per aggiungere il testo "grande" usando il MDRS-FDO1 font. Allinea al centro premendo Comando + Maiusc + C, quindi imposta la dimensione del punto su 165 e il tracciamento su 147.
Ora prendi lo strumento Selezione (V) e Opzione + Maiusc + trascina verso il basso per duplicare, quindi modifica il testo in "aria".
Seleziona entrambe le righe di testo, poi premi Maius + Comando + O per creare contorni. Ora prendi lo strumento di selezione diretta (A) ed elimina entrambi i punti da entrambe le lettere "i". Quindi, tenendo premuto il tasto Maiusc, trascina verso il basso l'ascendente della "b" e la gamba della "r" verso il basso come mostrato.
Aprire la palette Pathfinder e utilizzare il menu a comparsa per selezionare Crea forma composta, quindi premere il pulsante Espandi. Quindi vai su Filtro> Stilizzazione> Angoli tondi e inserisci 4 mm nella finestra successiva.
Copia su alcune forme fiorite dal iStock vector flourishes. In alternativa, sentiti libero di creare forme personalizzate.
Riempi il lato più piccolo (mostrato in basso a destra nel passaggio precedente) con il bianco e usa una combinazione di Forbici (C) e Strumenti Coltello per tagliare e cancellare punti. Ora ridimensionare, capovolgere / ruotare, copiare e posizionare attorno alle forme di lettera come mostrato.
Usa lo strumento selezione diretta per tirare qualsiasi punto in posizione, seguendo i contorni del lettering. Quando sei felice, seleziona Tutto e crea di nuovo Forma / Espandi Composto. Successivamente, vai su Oggetto> Percorso> Offset Path e inserisci 2mm nella finestra successiva. Ora assegna alla forma offset un tratto di 2pt e un riempimento di none.
Riempi i fiori rimanenti di bianco e posizionali attorno al percorso esterno come mostrato.
Usa la stessa tecnica descritta al punto 25 per sminuzzare le aree indesiderate. Puoi anche riordinare i punti finali facendo clic con il tasto Maiuscole sullo strumento Selezione diretta, quindi su Oggetto> Percorso> Media o premendo Maiusc + Comando + J.
Continua a duplicare, capovolgere e ruotare i trionfi per decorare i tuoi caratteri finché non sei felice.
Seleziona Tutto, quindi fai doppio clic sullo Strumento ridimensionamento (S) e inserisci l'80% nella finestra successiva. Con tutti i percorsi ancora selezionati vai di nuovo su Offset Path, ma questa volta inserisci un valore di 5mm.
Assegna alla nuova forma un riempimento di C = 75, M = 68, Y = 67 e K = 90. Alla fine incolleremo questa immagine in Photoshop, quindi questa suddivisione in colori è l'equivalente del nero di Photoshop.
Applica la funzione Compound Shape / Expand pathfinder alla nuova forma. Ora premi Command + Shift + Left Bracket per inviare sul retro, quindi Seleziona tutto e Copia negli appunti.
Riapri il tuo file stratificato di Photoshop e aggiungi una nuova cartella sotto lo "SKATER" ed etichetta "FORME VETTORI". Ora incolla l'intestazione di Illustrator come oggetto avanzato nella nuova cartella accettando il prompt Place. Quindi, Trasforma -30 gradi e OK il messaggio Inserisci di nuovo.
Creare un nuovo documento Illustrator CMYK, quindi aggiungere un rettangolo di 40 mm per 100 mm e riempirlo con C = 5% e M = 80% come mostrato.
Successivamente, vai su Oggetto> Trasforma> Trasforma ogni (Opzione + Maiusc + Comando + D) e inserisci 40 mm nel campo Spostamento orizzontale, quindi premi il pulsante Copia.
Riempi la seconda forma con M = 45% e Y = 100%. Ora premi Command + D per ripetere la trasformazione e riempire la terza forma con Y = 100%.
Seleziona lo strumento Poligono (che si trova nel menu a comparsa dello strumento Rettangolo) e fai clic sulla tavola da disegno. Nella finestra successiva inserisci un raggio di 120 mm e 3 nei campi Lati, quindi ruota la forma di 180 gradi.
Ora usa lo strumento selezione diretta per trascinare il punto inferiore appena sopra la base dei blocchi.
Seleziona tutto, quindi vai a Oggetto> Distorsione busta> Crea con oggetto superiore (Maiusc + Comando + C), quindi Copia l'intera forma negli Appunti.
Torna al tuo file PSD e incolla come oggetto avanzato, sotto il testo principale all'interno della cartella "VETTORE FORME". Disattiva temporaneamente la visibilità della cartella "SKATER" e trasforma la forma in modo che si irradi dal centro. Duplica il livello e vai a Modifica> Trasforma> Rifletti orizzontalmente, quindi posizionati sul lato opposto dell'area di disegno come mostrato.
Ora aggiungi alcuni cerchi vettoriali all'interno della cartella "VETTORE FORME" utilizzando lo strumento Ellisse (che si trova nel menu a comparsa dello Strumento di forma personalizzato) e riempili di nero. Aggiungi ulteriori forme, ma usa # ec4296 e # ffef50. Quindi, passare a Illustrator e separare la forma del cloud (dal file iStock vector flourishes), quindi riempire con bianco e Incolla come oggetto avanzato. Duplica, capovolgi orizzontalmente, quindi impila i livelli di forma come mostrato.
Apri "Moon.jpg" dalla cartella "sorgente" e trascina una selezione con Maiusc usando lo strumento Selezione ellittica (M). Non preoccuparti se non selezioni accuratamente la luna la prima volta: usa Seleziona> Modifica> Espandi o Contratti di conseguenza, così come i tasti freccia sulla tastiera per spostare la selezione in posizione e Copia.
Aggiungi una nuova cartella etichettata "OBJECTS 1" sopra la cartella "SKY" e incolla la selezione in essa. Posiziona in alto a sinistra, dissanguando dalla tela e trasforma come mostrato. Ora cambia il metodo di fusione in Colore scherma.
Apri il montagna immagine e vai su Filtro> Estrai (Opzione + Comando + X). Usa un pennellino, ricordando di usare l'opzione Evidenziazione intelligente su qualsiasi area ben definita per isolarli dal cielo.
Quando hai finito, trascinalo nel tuo file di lavoro come un nuovo livello sopra la "Luna" e chiamalo "Montagne". Trasforma e posiziona come mostrato - puoi anche rilasciare temporaneamente l'opacità della cartella "VETTORE FORME" per facilitare il posizionamento.
Genera una selezione dal livello "Montagne", quindi scegli il livello del vettore arcobaleno sinistro. Successivamente, vai a Livello> Maschera di livello> Nascondi selezione.
Aggiungi una maschera al livello "Montagne", quindi trascinale tenendo premuto Maiusc e un gradiente lineare da nero a bianco dalla parte inferiore della tela. Ora tieni premuto Opzione mentre selezioni un livello di regolazione Livelli. Nella finestra successiva selezionare Usa livello precedente per creare maschera di ritaglio e inserire le impostazioni mostrate.
Apri il "Telescope.jpg" dalla cartella "source" e isola usando lo strumento Penna (mostrato in magenta), senza dimenticare i percorsi secondari interni. Non devi preoccuparti di essere accurato al 100% qui, poiché ridurrai l'immagine nel prossimo passaggio.
Al termine, generare una selezione basata sul percorso e Copia> Incolla nella parte superiore della pila all'interno della cartella "OBJECTS 1" e denominarla "Astronomo". Trasforma e posiziona in basso a sinistra, quindi aggancia una regolazione Livelli come mostrato.
Agganciare il Asteroide immagine usando lo strumento Penna - usando il tuo giudizio intorno alle aree d'ombra, quindi Copia negli Appunti.
Incolla la selezione come nuovo livello nella parte superiore della cartella "OBJECTS 1" e assegnagli il nome "Rock". Trasforma e posiziona a destra del ginocchio del pattinatore, quindi aggancia una regolazione dei Livelli come mostrato.
Apri "UFO.psd" dalla cartella "source" e trascinalo come nuovo livello nella parte superiore della cartella "OBJECTS 1" e chiamalo "Disco volante". Trasforma e posiziona sopra la luna, quindi aggancia una regolazione Livelli come mostrato.
Apri il primo Uccello, quindi aggiungi un nuovo livello per effettuare ritocchi. Afferra lo strumento Timbro clone e impostalo su Corrente e inferiore. Ora usa un piccolo pennello morbido per eliminare l'oggetto nella bocca dell'uccello.
Al termine, appiattisci, quindi seleziona Seleziona> Gamma colori e imposta il cursore Sfocatura su circa 96.
Quindi, seleziona Seleziona> Migliora bordo (Opzione + Comando + R) e utilizza le impostazioni mostrate.
Aggiungi una nuova cartella etichettata "OBJECTS 2" sopra la cartella "SKATER", rilascia l'uccello come nuovo livello e chiamalo "Uccello 1." Agganciare una regolazione Livelli come mostrato, quindi utilizzare lo strumento Brucia (O), impostato su Mezzitoni per scurire l'ala come indicato.
Duplica l'uccello e il suo livello di regolazione, quindi capovolgi / Trasforma l'uccello sopra lo stinco del pattinatore.
Apri il secondo Uccello e usa le stesse tecniche per isolarlo. Aggiungilo come nuovo livello nella parte superiore della pila all'interno della cartella "OBJECTS 2" ed etichettalo come "Uccello 3". Ora aggancia una regolazione Livelli come mostrato.
Isolare il Palloncino utilizzando qualsiasi tecnica con cui ti trovi più a tuo agio e inseriscilo nella parte superiore della cartella "OBJECTS 2" ed etichettalo "Balloon". Trasforma / posiziona in alto a destra, quindi ritaglia una regolazione Livelli come mostrato.
Apri il primo Astronauta e traccia un percorso esterno usando lo strumento Penna (mostrato in magenta) e omettendo il cinturino sulla mano sinistra.
Ora imposta la penna su Sottrai dall'area del percorso per creare il percorso secondario interno (sempre in magenta). Una volta terminato, generi una selezione e una copia basate sul percorso.
Incolla come nuovo livello nella cartella "OBJECTS 2", etichettala "Astronaut 1" e trasforma / posiziona come mostrato.
Ora imposta i colori di primo piano / di sfondo su # ec4296 / # ffef50 e aggancia una regolazione della mappa di gradiente al nuovo livello usando il predefinito Primo piano / Sfondo. Ammorbidisci l'effetto impostando il metodo di fusione del livello di regolazione su Colore e lasciando la sua opacità al 50%.
Ritaglia il secondo Astronauta e Trasforma / posiziona come mostrato, quindi etichetta di conseguenza. Ora ritaglia la stessa regolazione della Mappa sfumatura come il passaggio precedente.
Analizziamo l'illustrazione con alcune trame sgangherate; prima aggiungi una nuova cartella nella parte superiore della pila di livelli e etichettala "GRUNGE". Ora aperto IMG_4680.JPG dal Trame di Markerboard e vai a Immagine> Ruota quadro> 90 gradi in senso antiorario. Successivamente, premi Comando + I per Inverti.
Trascina / rilascia la texture nella nuova cartella e chiamala "Distress 1." Successivamente, trasforma per coprire la tela e imposta il metodo di fusione su Luce soffusa e Opacità su 51%.
Aprire "IMG_4702.JPG" dalla stessa cartella della texture e ruotare nuovamente di 90 gradi CCW. Aggiungi questo come un nuovo livello all'interno della stessa cartella, ridimensionalo ed etichettalo "Distress 2." Ora cambia la modalità di fusione in Luce soffusa e rilascia l'opacità all'85%.
Aprire "Torn_paper.jpg" dalla cartella "source" e selezionare Tutti> Copia. Nel tuo file di lavoro passa alla palette dei canali e aggiungi un nuovo canale facendo clic sull'icona Crea nuovo canale. Ora incolla la selezione nel nuovo canale.
Comando: fai clic sul nuovo canale per generare una selezione dalle aree bianche, quindi scegli come target il canale composito RGB in alto e torna alla tavolozza dei livelli. Aggiungi un nuovo livello più in alto nella cartella "GRUNGE" e riempi la selezione attiva con # 9b9f91. Ora imposta il metodo di fusione su schermo, l'opacità al 56% e chiama "Distress 3."
Aggiungi una maschera alla cartella "GRUNGE" e usa un pennello nero medio e morbido per nascondere le aree intrusive.
Successivamente, avremmo aggiunto alcune aree mono selettive alla composizione. Innanzitutto, disabilita la visibilità di tutte le cartelle a parte "SKY". Quindi, rilascia un livello vuoto nella parte superiore della cartella "SKY" e vai su Immagine> Applica immagine. Nella finestra successiva seleziona il blu dal menu Canale a discesa e assicurati che la fusione sia impostata su Normale. Vedrai ora che il livello vuoto è riempito con tutte le informazioni visibili sul canale blu.
Abilita le tue guide e tira giù una guida orizzontale dove si incontrano le forme dell'arcobaleno. Usa lo strumento Penna per disegnare una serie di percorsi chiusi che si irradiano dal centro al bordo della tela, come ho indicato in bianco.
Genera una selezione basata sul percorso, scegli come target il livello "unito" e vai a Livello> Maschera di livello> Mostra selezione.