Come progettare una cartolina di Natale retrò in Adobe Illustrator

Cosa starai creando

Chiamami vecchio stile, ma non c'è niente di più bello che ricevere una cartolina premurosa per posta, specialmente durante le vacanze. Quindi creeremo una cartolina divertente e retrò che puoi effettivamente stampare (o comprare biglietti vuoti e stamparti) da inviare a parenti e amici lontani.

Utilizzeremo gli strumenti di disegno incorporati di Illustrator per creare semplici illustrazioni vettoriali e dare al nostro design un tocco di metà secolo con caratteri retrò e texture inky. In alternativa, se desideri accelerare e semplificare il processo, puoi raccogliere alcuni ornamenti e vettori di albero di Natale pronti all'uso, in stile retrò.

Lungo la strada, includerò suggerimenti per i colori e altre impostazioni se desideri duplicare i risultati che vedi qui, ma sentiti libero di cambiarli per far trasparire il tuo stile. Iniziamo!

1. Imposta il tuo spazio di lavoro in Illustrator

Passo 1

Vai a File> Nuovo e apri un nuovo documento secondo le impostazioni seguenti; Sto utilizzando una dimensione standard delle cartoline degli Stati Uniti. Inoltre, se hai intenzione di stampare la tua cartolina finita, assicurati di creare due tavole da disegno sia per il lato anteriore che per quello posteriore.

Ho scelto di impostare la modalità colore su RGB in modo che il progetto venga visualizzato correttamente sullo schermo. Ma se intendi stampare la tua cartolina finita, ti consigliamo di convertire il file finale in CMYK per garantire che i colori vengano fuori proprio durante la stampa. Anche la nostra guida per principianti alla preparazione e all'invio alla stampa ha alcuni ottimi consigli.

Passo 2

Successivamente, installeremo la nostra tavolozza dei colori per il design. Ho incluso un file in questo allegato del tutorial. Dopo averlo installato, i campioni di colore di cui abbiamo bisogno per il disegno verranno visualizzati direttamente in Illustrator.

Vai a Windows> Campioni o selezionare il campioni icona dalla barra degli strumenti del pannello. Fai clic sul pulsante nell'angolo in alto a destra della finestra Campioni e nel menu a discesa visualizzato, seleziona Apri la libreria Swatch > Altra biblioteca.

Trova dove hai salvato l'allegato sul tuo computer, quindi seleziona natale-cartolina-palette.ase e fare clic Aperto.

E il gioco è fatto. Ho assegnato a ciascun campione un nome e incluso i codici esadecimali per una facile consultazione:

Ogni volta che usiamo un colore, elencherò sia il suo nome che il suo codice esadecimale al primo accenno, e quindi vi riferirò semplicemente con il suo nome che va avanti.

Passaggio 3

Apri il Livelli pannello. Organizzare i tuoi strati in anticipo ti aiuterà a rimanere organizzato durante il processo di progettazione e renderà alcuni passaggi molto più veloci e più facili. Puoi impostarli secondo l'ordine che vedi qui sotto. Per assegnare un nome a un livello, fai doppio clic su di esso-a Opzioni di livello verrà visualizzata una finestra in cui è possibile digitare un nuovo titolo.

Passaggio 4

Come fase finale della configurazione, potresti voler scaricare le risorse che useremo nella progettazione. In questo modo, non dovrai metterti in pausa e installarli in seguito. Puoi trovare i collegamenti a ciascuna risorsa gratuita di seguito: 

In primo luogo, i tipi di carattere:

  • Carattere Go Long (via Dafont)
  • Carattere andato (via Dribbble)
  • Carattere di fidanzamento (tramite 1001 caratteri)

E i pennelli di texture:

  • Vector Brushes (via Dribbble)

2. Crea lo sfondo

Passo 1

Ingrandire la tavola da disegno in alto; per prima cosa faremo il lato anteriore della cartolina. Usando il Strumento rettangolo, riempire l'intera carta con la tonalità più chiara del blu (menta / # D4EBE2). Assicurati di estendere lo sfondo fino alle linee rosse, soprattutto se hai intenzione di stampare la cartolina.

Passo 2

Per la parte innevata dello sfondo, usa il Strumento Penna disegnare una forma curva in bianco. Se trovi lo strumento Penna fastidioso, puoi provare a disegnare la forma a mano libera con lo strumento matita o con lo strumento pennello.

Con una di queste tecniche, se la tua curva non risulta abbastanza liscia come vorresti, puoi usare il Strumento liscio (fai clic tenendo premuto il tasto Strumento di matita per accedervi) per pulirlo: tieni premuto e trascina il cursore lungo il percorso su qualsiasi punto storto o irregolare.

3. Aggiungi il saluto

Passo 1

Scarica i caratteri collegati sopra se non l'hai già fatto. Aggiungeremo il saluto "Have a Merry and Bright Christmas" (ma sentitevi liberi di cambiarlo in un'altra frase se siete così inclini), lavorando dal basso verso l'alto.

Passo 2

Nel livello di testo, digita "Natale" utilizzando il carattere Fidanzamento a 85 pt. Cambia il colore in rosso / # EF4428. Posizionalo sopra la collina sul lato destro della cartolina.

Passaggio 3

Quindi, digita "BRIGHT" in tutte le lettere maiuscole usando il carattere Andato. Regola le dimensioni in modo che corrisponda alla larghezza di "Natale", questo dovrebbe essere circa 40 pt. Posizionalo subito sopra 'Natale' e cambia il colore nell'opzione verde più scuro (sempreverde / # 2B9690).

Quindi, digita "MERRY" sopra "BRIGHT", usando lo stesso carattere e colore e lasciando uno spazio tra le due parole. Ancora, fai "MERRY" della stessa larghezza delle altre due parole; sarà un po 'più grande di' BRIGHT 'a circa 45 pt.

Passaggio 4

Infine, usando il font Vai a lungo a 35 pt, digitare 'HAVE A' in lettere maiuscole e centrarlo sopra 'MERRY'. Nel Personaggio pannello, imposta il tracciamento su 100 per distanziare le lettere un po 'più distanti. Rendi il colore turchese / # 77CCC8.

Digita "AND" usando le stesse dimensioni e colori come sopra e centrandolo tra "MERRY" e "BRIGHT". Imposta il tracciamento su 50. Se vuoi, puoi aggiungere una personalità extra retrò selezionando "AND" e andando a Tipo> Crea contorni, e quindi selezionando Oggetto> Separa. Ora puoi regolare ogni lettera ad un'altezza diversa (vedi sotto).

Passaggio 5

Ora per gli ultimi ritocchi al testo ... Se necessario, regola la spaziatura verticale tra le parole. Ci dovrebbe essere più o meno la stessa quantità di spazio tra ogni parola, ma non deve essere esatta, basta fare tutto ciò che sembra visivamente corretto. Puoi anche aggiungere alcune forme triangolari o altri abbellimenti semplici su entrambi i lati di "AND" per colmare queste lacune.

Quando hai finito, dovresti finire con qualcosa del genere:

4. Disegna alcuni alberi

Ora è tempo di alcune illustrazioni divertenti. Usiamo uno stile ampio e spigoloso ispirato agli anni '50 e '60. L'estetica di metà secolo è volutamente un po 'ruvida e imperfetta, fa parte del suo fascino. Stiamo replicando uno stile che è stato originariamente creato con elementi di design disegnati a mano, dipinti a mano o tagliati da carta e incollati insieme. 

Quindi ti incoraggio a lavorare abbastanza velocemente mentre disegni gli alberi (e più tardi, aggiungendo altri oggetti e abbellimenti); lascia che quella spontaneità arrivi nel design e non preoccuparti troppo di rendere tutto perfettamente dritto o simmetrico. Soprattutto, divertiti con esso!

Passo 1

Vai al livello Alberi. Utilizzare il Strumento Penna per creare una semplice forma di pino (in pratica un diamante allungato con un rettangolo che esce dal fondo). Se necessario, regola le dimensioni in modo che si adattino bene tra "Natale" e il bordo destro della cartolina. Rendi il colore verde chiaro / # 79C9B4.

Se vuoi andare con uno stile ancora più minimale, puoi lasciare i tronchi e creare solo triangoli alti e sottili per rappresentare gli alberi.

Passo 2

Crea altri alberi e raggruppali dall'altra parte del "Natale". Ho usato di nuovo il verde chiaro, insieme al turchese per un po 'di contrasto. Seleziona gli alberi verdi e cambia il Opacità a 45%; rendere l'albero turchese un po 'più scuro 60%.

Passaggio 3

Ora creeremo alcuni rami degli alberi provenienti dal lato sinistro della cartolina. I colori per questi saranno turchese e sempreverde.

Per il primo, selezionare il Strumento Penna di nuovo, se non hai familiarità con questo strumento, ti guiderò attraverso i passaggi, poiché faremo un po 'di più che fare clic in linea retta come abbiamo fatto per gli alberi: 

  • Imposta il primo punto di ancoraggio sulla linea di margine sinistra, vicino all'angolo superiore. 
  • Per dare alla parte superiore del ramo una leggera curva verso il basso, impostare il secondo punto di ancoraggio più basso del primo e circa tre quarti del percorso verso "MERRY". Mentre posizioni questo secondo punto, fai clic e tieni premuto, spostando il cursore verso l'alto lentamente finché la curva assume una forma che ti piace.
  • Quindi, usando ancora il Strumento Penna, fai clic sul punto di ancoraggio che termina la curva per convertirlo in un angolo acuto.
  • Ora continua con lo strumento per creare una serie di linee e angoli per rappresentare gli aghi di pino sul ramo, spostandoti su e giù verso l'angolo in cui hai iniziato. Fatelo in qualche modo in modo rapido e casuale, variando le lunghezze e le larghezze delle forme dell'ago.

Passaggio 4

Ripeti questa procedura per creare un secondo ramo. Ho scelto di avere la seconda curva verso l'alto da sovrapporre al primo ramo. Seleziona entrambi e cambia il Opacità 55%.

5. Aggiungi texture allo sfondo

Passo 1

Se non hai ancora installato i pennelli per le texture, fallo ora. Aprili e seleziona uno dei pennelli; Mi piace Scatter Brush 9 (l'ultimo). Cambia il colore del tratto in bianco e il Peso del colpo a 0,25 pt.

Passo 2

Per prima cosa aggiungiamo un po 'di consistenza dietro il saluto di Natale, quindi vai al livello Textures di sfondo. Usando la forma del testo come guida, disegna alcuni vortici e linee circolari usando il Strumento pennello con il pennello texture selezionato. Se hai problemi a vedere cosa stai facendo, rendi temporaneamente invisibile il livello Testo facendo clic sull'icona dell'occhio a sinistra del nome del livello.

Rendi le tue linee più concentrate al centro e più distanti mentre ti sposti verso i bordi del testo. Ho incluso uno scatto con il testo cancellato in modo da poter vedere come potrebbero apparire i tratti. Ma non c'è bisogno di provare a copiare quel posizionamento esatto; basta scribacchiare una manciata di linee dietro il testo fino a ottenere un effetto che ti piace. 

In termini di dimensioni, si dovrebbe finire con un cerchio approssimativo che si trova tra i pini e si estende fino alla cima della cartolina e giù per la collina.

Passaggio 3 

Nel Livelli pannello, seleziona tutto nel livello Texture sfondo facendo clic sul cerchio aperto a destra del nome del livello. Quindi cambia il Opacità a 60%.

Ecco cosa finirai con:

Ho anche aggiunto un po 'di ombra agli abbellimenti su entrambi i lati di "AND" per aiutarli a distinguersi meglio rispetto alla trama dello sfondo. Se vuoi fare lo stesso, seleziona entrambe le forme, copiale (Comando / Control-C), e Incolla davanti (Modifica> Incolla davanti o Comando / Control-F). Quindi cambia in un colore a tua scelta; Sono andato con lo stesso colore del cielo. Usa i tasti freccia per spostare leggermente le forme colorate su un lato di quelle bianche.

Passaggio 4

Ora, lavorando ancora nel livello Textures di sfondo, aggiungiamo un po 'di texture alla neve usando lo stesso metodo. 

Questa volta, ho scelto Scatter Brush 14 dal nostro set di pennelli. Cambia il colore del tratto per zecca e il Peso del colpo a 0,25 pt. Usando il Strumento pennello, disegnare unun paio di linee ondulate sotto gli alberi su ciascun lato del "Natale". Seleziona entrambe le linee e cambia il Opacità a 50%.

6. Aggiungi texture agli alberi

Sugli alberi. Useremo la stessa tecnica del pennello texture e un ulteriore passaggio per ritagliare le trame sulla forma di alberi e rami. In un primo momento, le trame appariranno davvero disordinate, ma non preoccuparti: la raddrizzeremo in un attimo.

Passo 1 

Vai al livello delle trame dell'albero. Scegli un pennello texture (sto ancora usando Scatter Brush 14) e assicurarsi che il Peso del colpo è ancora impostato su 0,25 pt. Rendi il colore del tratto verde chiaro.

Passo 2

Disegna delle linee curve o angolate lungo i bordi dei tre alberi verdi con il Strumento pennello. Non vogliamo che le trame coprano completamente gli alberi, solo per accentuare un bordo o un angolo. Quindi cambia il colore in sempreverde e fai lo stesso per l'albero medio nel gruppo dei tre.

Per il Opacità, cambia le trame verdi in 70% e sempreverde a 50%. Avrai qualcosa di simile a questo:

Passaggio 3 

Ora passeremo alcuni passaggi per tagliare le trame in modo che si adattino alla forma degli alberi. 

Ritorna al livello Alberi e seleziona tutti e quattro gli alberi (lascia i rami da solo per ora). Puoi tenere premuto Cambio per selezionare più di un oggetto alla volta. Colpire Comando / Control-C per copiarli, quindi bloccare il livello Trees-in Livelli pannello, a sinistra del nome di quel livello, vedrai un quadrato vuoto. Fare clic su di esso e verrà visualizzata un'icona a forma di lucchetto.

Passaggio 4

Fare clic sul livello Texture albero e selezionare Incolla davanti. Più alberi verranno visualizzati sopra gli alberi e le trame che hai già creato. Con l'aiuto di un pratico strumento chiamato maschera di ritaglio, utilizzeremo queste forme di albero extra come un timbro o una taglierina per eliminare i frammenti di trama che si estendono oltre il contorno degli alberi.

Seleziona uno degli alberi e la trama che lo accompagna tenendo premuto Cambio mentre fai clic su di essi, e poi vai a Oggetto> Maschera di ritaglio> Crea. Puoi vedere il risultato qui sotto: il singolo albero sulla destra ha avuto la maschera di ritaglio applicata ... Niente, non è vero??

Passaggio 5

Ripeti il ​​processo di applicazione di una maschera di ritaglio ai tre alberi rimanenti, uno alla volta. Per accelerare, puoi usare la scorciatoia da tastiera per creare maschere di ritaglio, che è Comando / controllo-7.

Controlliamo i nostri progressi ... Sta iniziando a venire insieme!

7. Aggiungi texture ai rami

Ora dovresti avere un buon controllo su questo processo di texture + clipping mask, ma in caso contrario, otterrai un po 'più di pratica! Stiamo per utilizzare gli stessi esatti passi per i rami.

Passo 1

Ancora usando Scatter Brush 14 a 0,25 pt, traccia una linea che segue approssimativamente la curva nella parte superiore di ciascun ramo. Il primo / superiore è in turchese al 100% di opacità e il secondo è sempreverde al 70% di opacità.

Passo 2 

Vai al livello Alberi e sbloccalo facendo clic sull'icona del lucchetto. Seleziona entrambi i rami contemporaneamente e copiali, quindi blocca nuovamente il livello. Vai al livello Textures albero e Incolla davanti

Passaggio 3 

Applica le maschere di ritaglio alle trame delle filiali con le forme di diramazione aggiuntive appena incollate. (Se hai bisogno di un promemoria rapido: seleziona un ramo con la sua tessitura corrispondente alla volta, tenendo premuto Cambio, e poi colpire Comando / controllo-7.)

Ecco cosa abbiamo:

8. Appendere alcuni ornamenti

Ora è il momento di tagliare l'albero con alcuni ornamenti colorati e retrò. Oltre agli strumenti e alle tecniche già trattati, utilizzeremo lo strumento Ellipse e alcuni dei pennelli incorporati di Illustrator.

Per prima cosa, procediamo attraverso i passaggi per creare la forma di base per il nostro primo ornamento:

Passo 1 

Vai al livello di ornamento rosso. Disegna un ovale stretto in rosso; il mio è largo circa 155 px. L'altezza non conta molto, dato che per lo più vogliamo che si adatti bene alla larghezza tra il bordo sinistro della carta e il gruppo di alberi.

Passo 2

Ora trasformeremo questo semplice ovale in un ornamento con poche semplici azioni. Ogni passo che segue è illustrato nell'immagine qui sotto. 

  • Clicca sull'ovale rosso.
  • Seleziona il Converti strumento punto di ancoraggio con un clic di attesa sul Strumento Penna-è l'ultima opzione nel menu che si apre. Con questo strumento, fai clic sui punti di ancoraggio superiore e inferiore sull'ovale; questo cambierà i punti regolari in quelli acuti. 
  • Ora, dallo stesso menu, selezionare il Aggiungi lo strumento Punto di ancoraggio e aggiungi punti di ancoraggio supplementari all'incirca a metà strada tra ciascuno dei quattro punti esistenti. 
  • Ora scegli il Strumento di selezione diretta e, uno alla volta, fai di nuovo clic sui punti di ancoraggio superiore e inferiore e trascinali leggermente verso l'esterno.

Ora abbiamo una forma autentica di ornamento retrò. Posiziona sul lato sinistro della cartolina sotto i rami.

Passaggio 3

Ora ripeti questi passaggi per creare un secondo ornamento, assicurandoti di essere ora nel livello di ornamento rosa. Il processo sarà esattamente lo stesso, tranne che l'orientamento della forma sarà verticale anziché orizzontale:

Regola le dimensioni e la posizione di questo secondo ornamento in un modo che ti fa piacere. Mi piace sovrapporsi un po 'con l'ornamento rosso.

9. Aggiungi alcune texture e abbellimenti agli ornamenti

Passo 1 

Per prima cosa, vogliamo aggiungere una certa consistenza attorno ai bordi degli ornamenti. Vai al livello Texture di ornamenti e ripeti la stessa tecnica che abbiamo utilizzato fino ad ora, con i pennelli texture e le maschere di ritaglio.

Come prima, ho usato Scatter Brush 14 qui a 0,25 pt. Questa volta, il Opacità per entrambi i soggiorni a 100%. 

Quando hai finito, blocca questo livello.

Passo 2 

Ritorna al livello di ornamento rosso. Utilizzare il Strumento rettangolo per creare una banda bianca attraverso la larghezza dell'ornamento. O se vuoi optare per un look più retrò, usa il Strumento Penna disegnare una forma geometrica leggermente storta. Qualunque sia la tua scelta, assicurati che la forma si estenda oltre i bordi dell'ornamento.

Ora seleziona la forma di base sotto, copialo e Incolla davanti. Seleziona sia la forma dell'ornamento che il rettangolo bianco che spuntano da sotto, quindi vai al esploratore pannello e scegliere raccolto. Questo ridurrà la banda bianca alla forma dell'ornamento.

Passaggio 3

Vai al livello Embellishments. Utilizzare il Strumento di ellissi disegnare un paio di ovali e impilarli sull'ornamento rosa. Ho usato il Strumento di selezione diretta per spostare alcuni dei punti di ancoraggio e renderli un po 'asimmetrici. L'ovale blu nella mia versione è il nostro colore acquamarina / # B1DED8.

Ho anche scelto di aggiungere un po 'di consistenza all'ovale interno per creare un po' di profondità, ma sentiti libero di saltare questo passaggio se vuoi.

Passaggio 4

Ora, usando uno dei pennelli calligrafici incorporati di Illustrator, disegneremo alcune stringhe per far sembrare che gli ornamenti siano appesi ai rami. Ho scelto un pennello ovale perché ha una variazione di larghezza che lo fa apparire un po 'di più come se fosse disegnato con un pennello reale.

Nel Spazzole pannello, fare clic su Menu Librerie di pennelli pulsante nell'angolo in basso a sinistra, quindi selezionare Artistico> Artistico_ Calligrafico> 3 pt. Ovale. Cambia la dimensione del tratto a 0,5 pt. Ora seleziona il Pennello. Scoprirai che è più semplice disegnare prima la parte verticale della stringa (tenendo premuto) Cambio come si fa per tenerlo perfettamente dritto), quindi aggiungere l'arco sulla parte superiore separatamente.

Passaggio 5

Abbiamo quasi finito! Ora è il momento di aggiungere alcune decorazioni festive ai tuoi ornamenti. Per il mio, ho usato lo stesso pennello ovale per disegnare alcuni anelli e linee, e l'Ellipse Tool o il pennello ovale per aggiungere alcuni punti di colore qua e là. 

Alcune stelle, strisce o zig-zag potrebbero anche essere divertenti: giocare con diversi abbellimenti o sentirsi liberi di copiare ciò che vedi qui.

10. Aggiungi un lato posteriore (opzionale)

Se hai intenzione di stampare e spedire la tua cartolina, potresti voler aggiungere un paio di abbellimenti sul retro. Ho mantenuto il mio semplice con un saluto e una linea divisoria per separare l'area per scrivere dallo spazio per l'indirizzo, insieme a una versione più piccola del gruppo di tre alberi dal lato anteriore.

Lavoro fantastico, hai fatto!

Spero ti sia divertito usando pennelli, trame, impostazioni di opacità e altri strumenti per creare un look stratificato e illustrativo per questa cartolina natalizia retrò. Mi piace sempre trovare modi per rendere i progetti digitali un aspetto un po 'meno generati dal computer e un po' più personalizzati e fatti a mano, e molte delle tecniche che abbiamo usato in questo tutorial sono un ottimo modo per farlo. 

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