Come progettare un poster retrò in Adobe Illustrator

Cosa starai creando

Non puoi vivere senza il tuo caffè? Questa allegra arte in stile retrò sarebbe l'aggiunta perfetta a qualsiasi cucina, un compagno visivo per la tua colazione mattutina. 

In questo tutorial, utilizzeremo una varietà di strumenti in Illustrator (tra cui gli strumenti Penna, Matita e Pathfinder, tra gli altri) per creare semplici illustrazioni vettoriali. Modificheremo anche alcuni caratteri tipografici eleganti per completare il nostro design.

Se sei dell'umore giusto per un progetto più veloce, puoi ottenere un vantaggio con questo pacchetto vettoriale. È possibile posizionare la caffettiera e le forme della tazza così come sono o aggiungere i propri abbellimenti.

Per ulteriore ispirazione, controlla altri vettori retrò e caffè su Envato Market. 

Pronto? Andiamo ad esso!

1. Imposta il tuo documento

Passo 1

Inizieremo aprendo un nuovo documento in Illustrator. Ho impostato la dimensione del documento su A3, una dimensione di poster comune che è approssimativamente equivalente a 11 x 17 pollici nelle misurazioni degli Stati Uniti. Puoi vedere la configurazione di seguito:

Passo 2

Successivamente, sceglieremo i nostri colori. Se desideri utilizzare la stessa palette di colori di me, puoi collegare i codici esadecimali elencati di seguito. Basta fare doppio clic sul Riempire casella nella barra degli strumenti (dove vengono visualizzate le selezioni di colore) e inserisci un codice nella casella nella parte inferiore della finestra, quella preceduta da un segno di cancelletto (#).

Passaggio 3

Aggiungi uno sfondo usando il Strumento rettangolo riempire l'intera tavola d'arte con il nostro colore giallo / # F9CF1C.

Blocca il livello in cui si trova Livelli pannellofacendo clic sulla casella vuota a sinistra.

2. Posiziona la tipografia

Una delle chiavi per creare un design che riflette un certo periodo di tempo è la scelta di caratteri tipografici dall'aspetto autentico. Per questo progetto, vogliamo uno stile che ricorda gli anni '50 e '60 (comunemente indicato come "metà del secolo" o "metà del secolo moderno"). Ho scelto due tipi di carattere gratuiti progettati per riecheggiare questa era, che puoi scaricare ai link qui sotto:

  • Carosello (tramite GraphicsFuel)
  • Maiden Orange (tramite 1001 caratteri)

Passo 1

Crea un nuovo livello e digita "Fresh" a 170 pt. Cambia il carattere in Carosello e il colore in arancione / # F77823. Quindi rendere la 'F' leggermente più grande, circa 180 pt.

Passo 2

Digita "CAFFÈ" a 145 pt. Cambia il carattere in Maiden Orange e il colore in verde acqua / # 3BAD9D.

Le lettere sembrano un po 'troppo sottili accanto ai tratti spessi del font dello script, quindi dai' CAFFE 'a 5 pt accarezza e cambia il puntamento a 50. Entrambe queste impostazioni sono accessibili in genere barra degli strumenti che si estende nella parte superiore dello schermo quando si seleziona una casella di testo. 

Trascina entrambe le parole nell'angolo in alto a destra della tavola da disegno, dove le sistemeremo. Questo è ciò che abbiamo finora:    

3. Modifica e abbellisci il tipo

Ora apporteremo alcune modifiche al testo per dargli un tocco in più retrò.

Passo 1

Per prima cosa, seleziona 'Fresh' e vai a Effetto> Ordito> Alzati e impostare il piegare a 18%.

Successivamente, utilizzando uno dei pennelli predefiniti di Illustrator, aggiungeremo alcune sottolineature in "Fresh" per enfatizzare e riempire lo spazio tra esso e "COFFEE".

Passo 2

Seleziona il Strumento pennello. Dal tuo Menu Librerie di pennelli, selezionare Artistico> Artistico_Inchiostro e trova il Tapered - Round spazzola.

Disegna un paio di scatti arancione sotto "Freschi", seguendo l'angolo di inclinazione delle lettere. Se le tue linee risultano un po 'nodose, trascina il Strumento liscio attraverso di loro(situato sotto lo strumento Pencil, accedervi con un clic-hold). Ho cambiato il tratto della linea superiore a 1,5 pt e manteneva la linea di fondo a 1 pt, quindi c'era una piccola variazione tra loro, come se fossero stati dipinti con un pennello.

Alcuni pennelli di Illustrator possono variare leggermente dal colore del tratto che gli si assegna. Qui, potresti notare che le linee sembrano essere più chiare rispetto al testo "fresco". Se ti accorgi di questo problema nel tuo lavoro, seleziona le pennellate che non sembrano giuste, vai a Oggetto> Espandi Aspetto, e selezionare nuovamente il campione di colore desiderato.

Passaggio 3

Il nostro ultimo abbellimento è aggiungere un'ombra sottile a "CAFFE '". Innanzitutto, vogliamo rendere le lettere tutte una forma, quindi non dobbiamo fare a meno di modificare separatamente i colori di riempimento e di traccia. Per fare questo, andare a Tipo> Crea contorni, poi Oggetto> Espandi (lascia le impostazioni predefinite) > OK. Per completare il processo, selezionare Finestra> Pathfinder> Unite.

Ora copia e incolla "COFFEE" per duplicarlo. Cambia il colore in oro / # F9B31C e posizionare la copia leggermente sotto e a sinistra della parola originale. Ora fai clic di nuovo su "CAFFÈ" verde acqua e seleziona Oggetto> Disponi> Porta in primo piano.

E ora abbiamo completato la parte tipografica del nostro progetto. Potresti voler regolare la posizione finché non ti piace il modo in cui le parole si uniscono.

4. Crea le illustrazioni

Ora possiamo aggiungere la nostra opera principale: la caffettiera e la tazza. Puoi avvicinarti a questa parte come preferisci, ma alcune tecniche che potresti prendere in considerazione sono:

  • usando forme vettoriali preesistenti, come quelle collegate nell'introduzione 
  • disegnandoli a mano libera, sia su carta prima che direttamente in Illustrator 
  • utilizzando una foto di riferimento e lo strumento Penna   

Ho scelto la terza opzione per un paio di motivi. Uno, mi piace il controllo che lo strumento penna offre per creare forme curve e geometriche. Due, avevo in mente uno stile particolare di caffettiera e volevo ottenere le forme con l'aiuto di una foto di riferimento.

Se desideri utilizzare questo metodo, seguiranno alcuni passaggi di base. Per i suggerimenti delle foto di riferimento, vedere i collegamenti seguenti (immagini concesse in licenza da Creative Commons tramite Flickr, per gentile concessione dell'utente Jay Kaye). Quelle che userò sono le prime opzioni, ma puoi usare queste tecniche indipendentemente dalle foto che scegli.

  • Caffettiere: 1, 2, 3
  • Coppe: 1, 2, 3

Passo 1

Posiziona la tua foto di riferimento sul lato della tua tavola da disegno e riduci la sua opacità a circa 50%. Usando il Strumento Penna, delinea le forme base della tua caffettiera. Se si desidera che le parti siano di un colore diverso rispetto al corpo principale, renderle separate per facilitare la colorazione in un secondo momento. Non preoccuparti di creare linee perfettamente diritte; le forme che sono un po 'fuori moda si adattano bene a questo stile.

Ecco come si è rivelata la mia presentazione. Anche se il beccuccio sarà dello stesso colore del resto del vaso, gli ho dato la sua forma per creare angoli puliti dove si attacca.

Passo 2

Modificare i contorni in forme riempite facendo clic sul Swap riempimento e corsa freccia o colpire Shift-X. Applica i colori che preferisci. Potrebbe essere necessario inviare alcune delle forme indietro (come le maniglie qui).

Metti la tua caffettiera finita nell'angolo in basso a sinistra e tagliala per riempire circa i due terzi dello spazio sotto il testo. Assicurarsi che lo spout sia rivolto a destra. Se la foto di riferimento che stai utilizzando è rivolta nella direzione opposta, è una soluzione semplice. Basta trascinare il cursore per selezionare l'intero piatto, quindi fare clic Oggetto> Trasforma> Rifletti> Verticale.

Passaggio 3

Ripeti i due passaggi precedenti per la tazza. Se hai bisogno di ritagliare una forma, come l'interno della maniglia, un modo semplice è assicurarti che la forma o il contorno siano in primo piano, selezionalo e la forma dello sfondo (tenendo premuto Cambio), e andare a Finestra> Pathfinder> Fronte meno (questo è il secondo pulsante nella riga superiore).

Posiziona la tazza dalla pentola nell'angolo destro (impugnatura rivolta verso l'esterno). Per l'interno della tazza, ho scelto una versione più leggera del nostro colore verde acqua.

5. Aggiungi i Tocchi finali

Passo 1

Non puoi dimenticare di riempire la tua tazza! Utilizzare il Strumento ellisse aggiungere un ovale marrone scuro per il caffè. Puoi usare il Strumento di selezione diretta trascinare i punti di ancoraggio dell'ovale finché non si adatta all'interno della tazza. Finiscilo disegnando una forma curva marrone più chiara con il Strumento Penna per un momento saliente.

Passo 2

Crea un nuovo livello e spostalo per essere il secondo dal basso in Pannello dei livelli. Usa la stessa tecnica del passo precedente (strumento Ellisse e punti di ancoraggio mobili) per aggiungere ombre sotto il vaso e la tazza nel nostro colore dorato.

Passaggio 3

Il nostro ultimo passo è tirare fuori un po 'di vapore dalla caffettiera. Utilizzare il Strumento di matita a 3 pt e con un tratto di colore bianco. Disegna delle linee ondulate e sovrapposte che riempiono lo spazio sopra il piatto ea sinistra del testo. Ho trovato che il modo migliore per creare linee fluide e intersecate era disegnarle in due anelli che iniziano e finiscono al beccuccio della caffettiera.

È tutto gente!

Ottimo lavoro, penso che ti sei guadagnato una pausa caffè. Spero vi siate divertiti ad usare alcuni degli strumenti di disegno e di forma più basilari di Illustrator, insieme ad alcune comode scorciatoie, per creare facili illustrazioni vettoriali. Se sei interessato a saperne di più sulla creazione di design dall'aspetto autentico di metà secolo, assicurati di dare un'occhiata ai nostri 10 suggerimenti principali per la creazione di design retro-ispirati.

Sentiti libero di condividere come è stato realizzato il tuo progetto o di porre domande nella sezione commenti. Come sempre, progettazione felice!