Comment concevoir une carte postale rétro de Noël dans Adobe Illustrator

Ce que vous allez créer

Appelez-moi à l'ancienne, mais il n'y a rien de plus agréable que de recevoir une carte bien pensée par la poste, surtout pendant les vacances. Nous allons donc créer une carte postale rétro amusante que vous pouvez réellement imprimer (ou acheter des cartes vierges et imprimer vous-même), que vous pourrez envoyer à votre famille et à vos amis éloignés..

Nous utiliserons les outils de dessin intégrés d'Illustrator pour créer des illustrations vectorielles simples et donner à notre conception une touche mi-siècle avec des polices rétro et des textures encrées. Alternativement, si vous souhaitez accélérer et simplifier le processus, vous pouvez choisir des ornements prêts à l'emploi de style rétro et des vecteurs d'arbres de Noël..

En cours de route, j'inclurai des suggestions de couleurs et d'autres paramètres si vous souhaitez dupliquer les résultats que vous voyez ici, mais n'hésitez pas à les modifier pour laisser transparaître votre propre style. Commençons!

1. Configurez votre espace de travail dans Illustrator

Étape 1

Aller à Fichier> Nouveau et ouvrez un nouveau document en fonction des paramètres ci-dessous; J'utilise une taille de carte postale américaine standard. De plus, si vous envisagez d’imprimer votre carte postale finie, veillez à créer deux planches d’art pour le recto et le verso..

J'ai choisi de régler le mode couleur sur RVB pour que le projet s'affiche bien à l'écran. Toutefois, si vous avez l’intention d’imprimer votre carte postale finie, vous devez convertir le fichier final en fichier CMJN afin de vous assurer que les couleurs sont fidèles lors de l’impression. Notre Guide du débutant sur la préparation et l'envoi d'un document imprimé contient également de bons conseils..

Étape 2

Ensuite, nous installerons notre palette de couleurs pour le dessin. J'ai inclus un fichier dans la pièce jointe de ce tutoriel. Une fois que nous l’avons installé, les échantillons de couleurs dont nous avons besoin pour la conception s’affichent directement dans Illustrator..

Aller à Windows> Nuancier ou sélectionnez le Échantillons icône de votre barre d’outils panneaux. Cliquez sur le bouton dans le coin supérieur droit de la fenêtre Swatches, puis dans le menu déroulant qui apparaît, sélectionnez Ouvrir la bibliothèque Swatch > Autre bibliothèque.

Recherchez où vous avez enregistré la pièce jointe sur votre ordinateur, puis sélectionnez carte-de-noel-palette.ase et cliquez Ouvrir.

Et voila. J'ai attribué un nom à chaque nuance et inclus les codes hexadécimaux pour faciliter la référence:

Chaque fois que nous utilisons une couleur, je vais lister à la fois son nom et son code hexadécimal, puis nous y ferons référence par son nom..

Étape 3

Ouvrez le Couches panneau. En organisant vos couches à l’avance, vous pourrez rester organisé pendant le processus de conception et rendre certaines étapes beaucoup plus rapides et plus faciles. Vous pouvez les configurer selon l'ordre que vous voyez ci-dessous. Pour nommer une couche, il suffit de double-cliquer dessus Options de calque Une boîte de dialogue vous permettra de saisir un nouveau titre..

Étape 4

La dernière étape de la configuration consiste à télécharger les ressources que nous utiliserons dans la conception. De cette façon, vous ne devrez pas faire de pause et les installer plus tard. Vous pouvez trouver des liens vers chaque ressource gratuite ci-dessous: 

Tout d'abord, les polices:

  • Go Long police (via Dafont)
  • Police disparue (via Dribbble)
  • Engagement police (via 1001 Fonts)

Et les pinceaux de texture:

  • Pinceaux Vector (via Dribbble)

2. Créer le fond

Étape 1

Zoomez sur la meilleure planche de travail; nous allons commencer par faire le recto de la carte postale. En utilisant le Outil Rectangle, remplissez toute la carte avec la nuance de bleu la plus claire (menthe / # D4EBE2). Assurez-vous d'étendre l'arrière-plan jusqu'aux lignes de fond perdu, surtout si vous prévoyez d'imprimer la carte postale..

Étape 2

Pour la partie en arrière-plan enneigée, utilisez la touche Outil stylo dessiner une forme incurvée en blanc. Si vous trouvez que l'outil Plume est gênant, vous pouvez essayer de dessiner à main levée la forme à l'aide de l'outil Crayon ou Pinceau..

Avec l’une de ces techniques, si votre courbe n’est pas aussi lisse que vous le souhaiteriez, vous pouvez utiliser le Outil lisse (maintenez enfoncé le bouton Outil Crayon pour y accéder) pour le nettoyer - maintenez simplement le curseur sur le chemin et faites-le glisser sur les endroits tordus ou bosselés.

3. Ajouter la salutation

Étape 1

Téléchargez les polices liées ci-dessus si vous ne les avez pas déjà. Nous ajouterons le message «Passez un joyeux et joyeux Noël» (mais n'hésitez pas à le remplacer par une autre phrase si vous le souhaitez), en commençant par le bas..

Étape 2

Dans le calque Texte, tapez "Noël" en utilisant la police Engagement à 85 pt. Changer la couleur en rouge / # EF4428. Placez-le au-dessus de la colline sur le côté droit de la carte postale.

Étape 3

Ensuite, tapez 'BRIGHT' en lettres majuscules en utilisant la police Disparu. Ajustez la taille de manière à ce qu'elle corresponde à la largeur de 'Christmas' 40 pt. Positionnez-le juste au-dessus de 'Christmas' et changez la couleur en option de vert foncé (evergreen / # 2B9690).

Ensuite, tapez «MERRY» au-dessus de «BRIGHT», en utilisant la même police et la même couleur et en laissant un peu d’espace entre les deux mots. Encore une fois, faites "MERRY" la même largeur que les deux autres mots; il sera un peu plus grand que 'BRIGHT' à environ 45 pt.

Étape 4

Enfin, en utilisant la police Aller long à 35 pt, tapez 'AVEZ' en lettres majuscules et centrez-le au-dessus de 'MERRY'. dans le Personnage panneau, définissez le suivi sur 100 espacer les lettres un peu plus loin. Faire la couleur turquoise / # 77CCC8.

Tapez 'AND' en utilisant la même taille et la même couleur que ci-dessus et centrez-le entre 'MERRY' et 'BRIGHT'. Définissez le suivi sur 50. Si vous le souhaitez, vous pouvez ajouter un peu plus de personnalité rétro en sélectionnant "AND" et en allant à Type> Créer des contours, puis en sélectionnant Objet> Dissocier. Maintenant, vous pouvez ajuster chaque lettre à une hauteur différente (voir ci-dessous).

Étape 5

Passons maintenant au texte… Si nécessaire, ajustez l’espacement vertical entre les mots. Il devrait y avoir à peu près la même quantité d’espace entre chaque mot, mais il n’est pas nécessaire que ce soit exact: faites tout ce qui vous convient visuellement. Vous pouvez également ajouter des formes triangulaires ou d’autres embellissements simples de part et d’autre de «ET» pour combler ces lacunes..

Lorsque vous avez terminé, vous devriez vous retrouver avec quelque chose comme ceci:

4. Dessine des arbres

Il est maintenant temps de faire quelques illustrations amusantes. Nous utilisons un style ample et angulaire inspiré des années 1950 et 60. Cette esthétique du milieu du siècle est volontairement un peu rugueuse et imparfaite - cela fait partie de son charme. Nous reproduisons un style créé à l'origine avec des éléments de conception dessinés, peints à la main ou découpés dans du papier, puis collés ensemble.. 

Donc, je vous encourage à travailler assez rapidement pendant que vous dessinez les arbres (et plus tard, en ajoutant d'autres objets et embellissements); laissez cette spontanéité transparaître dans le design et ne craignez pas de rendre tout parfaitement droit ou symétrique. Surtout, amusez-vous avec elle!

Étape 1

Allez au calque Arbres. Utilisez le Outil stylo créer une simple forme de pin (essentiellement un diamant allongé avec un rectangle sortant du fond). Si nécessaire, ajustez la taille pour qu'elle corresponde bien entre «Noël» et le bord droit de la carte postale. Rendre la couleur vert clair / # 79C9B4.

Si vous souhaitez utiliser un style encore plus minimal, vous pouvez laisser les troncs et créer des triangles hauts et maigres représentant les arbres..

Étape 2

Créez quelques arbres de plus et regroupez-les de l'autre côté de «Noël». J'ai utilisé à nouveau le vert clair, avec le turquoise pour un peu de contraste. Sélectionnez les arbres verts et changez le Opacité à 45%; rendre l’arbre turquoise un peu plus foncé à 60%.

Étape 3

Nous allons maintenant créer des branches d’arbres provenant du côté gauche de la carte postale. Les couleurs pour ceux-ci seront turquoise et à feuilles persistantes.

Pour le premier, sélectionnez le Outil stylo Encore une fois, si vous n'êtes pas trop familier avec cet outil, je vous expliquerai les étapes, car nous ferons un peu plus que cliquer en ligne droite comme nous l'avons fait pour les arbres: 

  • Définissez votre premier point d'ancrage sur la ligne de fond perdu de gauche, près du coin supérieur. 
  • Pour que le haut de la branche présente une légère courbe descendante, définissez votre deuxième point d'ancrage plus bas que le premier et à environ trois quarts du trajet jusqu'à «MERRY». Lorsque vous placez ce deuxième point, cliquez et maintenez enfoncé, en déplaçant le curseur lentement vers le haut jusqu'à ce que la courbe prenne une forme que vous aimez..
  • Puis, toujours en utilisant le Outil stylo, cliquez sur le point d'ancrage qui termine votre courbe pour la convertir en angle vif.
  • Continuez maintenant avec l'outil pour créer une série de lignes et d'angles représentant les aiguilles de pin sur la branche, en remontant et en descendant vers le coin où vous avez commencé. Faites-le un peu rapidement et de façon aléatoire, en faisant varier la longueur et la largeur de la forme de l'aiguille.

Étape 4

Répétez ce processus pour créer une deuxième branche. J'ai choisi de faire en sorte que la deuxième courbe se chevauche avec la première branche. Sélectionnez les deux et changez le Opacité à 55%.

5. Ajouter une texture à l'arrière-plan

Étape 1

Si vous n'avez pas encore installé les pinceaux de texture, faites-le maintenant. Ouvrez-les et sélectionnez l'un des pinceaux; J'aime Scatter Brush 9 (le dernier). Changez la couleur du trait en blanc et le Poids de l'AVC à 0,25 pt.

Étape 2

Nous allons d’abord ajouter de la texture derrière les vœux de Noël. Allez au calque Background Textures. En vous guidant sur la forme du texte, tracez des tourbillons et des lignes circulaires à l’aide des Outil Pinceau avec le pinceau de texture que vous avez sélectionné. Si vous ne parvenez pas à voir ce que vous faites, désactivez temporairement le calque Texte en cliquant sur l'icône en forme d'œil située à gauche du nom du calque..

Rendez vos lignes plus concentrées au centre et plus éloignées à mesure que vous avancez vers les bords du texte. J'ai inclus un plan avec le texte effacé afin que vous puissiez voir à quoi les traits pourraient ressembler. Mais il n'est pas nécessaire d'essayer de copier ce placement exact; il suffit de griffonner une poignée de lignes derrière le texte jusqu'à ce que vous obteniez un effet que vous aimez. 

En termes de taille, vous devriez vous retrouver avec un cercle approximatif qui se situe entre les pins et qui s'étend jusqu'au sommet de la carte postale jusqu'à la colline..

Étape 3 

dans le Couches Dans le panneau de configuration, sélectionnez tout ce qui se trouve dans le calque Texture en arrière-plan en cliquant sur le cercle ouvert situé à droite du nom du calque. Puis changez le Opacité à 60%.

Voici ce que vous allez finir avec:

J'ai également ajouté un peu d'ombre aux embellissements de part et d'autre de 'ET' pour les aider à mieux se distinguer de la texture de l'arrière-plan. Si vous souhaitez faire la même chose, sélectionnez les deux formes, copiez-les (Commande / Contrôle-C), et Coller devant (Édition> Coller devant ou Commande / Contrôle-F). Puis changez la couleur de votre choix. Je suis allé avec la même couleur que le ciel. Utilisez les touches fléchées pour déplacer les formes colorées d’un côté des formes blanches..

Étape 4

Maintenant, travaillant toujours dans le calque Background Textures, nous allons ajouter de la texture à la neige en utilisant la même méthode.. 

Cette fois, j'ai choisi Brosse à dispersion 14 de notre set de pinceaux. Changez la couleur de trait en menthe et le Poids de l'AVC à 0,25 pt. En utilisant le Outil Pinceau, dessine unquelques lignes ondulées sous les arbres de chaque côté de 'Christmas'. Sélectionnez les deux lignes et changez le Opacité à 50%.

6. Ajouter de la texture aux arbres

Sur les arbres. Nous allons utiliser la même technique de pinceau de texture, plus une étape supplémentaire pour couper les textures à la forme des arbres et des branches. Au début, les textures auront l'air vraiment brouillon, mais ne vous inquiétez pas, nous allons le corriger en un rien de temps..

Étape 1 

Accédez au calque Textures de l'arbre. Choisissez un pinceau de texture (j'utilise encore Brosse à dispersion 14) et assurez-vous que le Poids de l'AVC est toujours fixé à 0,25 pt. Rendre le trait vert clair.

Étape 2

Tracez des lignes courbes ou angulaires sur les bords des trois arbres verts avec le Outil Pinceau. Nous ne voulons pas que les textures recouvrent complètement les arbres, mais simplement pour accentuer un bord ou un coin. Puis changez la couleur à feuilles persistantes et faites la même chose pour l'arbre du milieu dans le groupe de trois.

Pour le Opacité, changer les textures vertes à 70% et à feuilles persistantes à 50%. Vous aurez quelque chose comme ça:

Étape 3 

Maintenant, nous allons suivre quelques étapes pour couper les textures afin qu'elles correspondent à la forme des arbres. 

Retournez à la couche Arbres et sélectionnez les quatre arbres (laissez les branches seules pour le moment). Vous pouvez tenir Décalage pour sélectionner plusieurs objets à la fois. Frappé Commande / Contrôle-C pour les copier, puis verrouillez le calque Arbres dans le Couches panneau, à la gauche du nom de cette couche, vous verrez un carré vide. Cliquez dessus, une petite icône de cadenas apparaîtra.

Étape 4

Cliquez dans le calque Tree Textures et sélectionnez Coller devant. Plus de formes d’arbres apparaîtront au-dessus des arbres et des textures que vous avez déjà créées. À l'aide d'un outil pratique appelé masque d'écrêtage, nous allons utiliser ces formes d'arbre supplémentaires, telles qu'un tampon ou un emporte-pièce pour supprimer les fragments de texture qui s'étendent au-delà du contour des arbres..

Sélectionnez l'un des arbres et la texture qui va avec en maintenant enfoncé Décalage lorsque vous cliquez dessus, puis allez à Objet> Masque d'écrêtage> Marque. Vous pouvez voir le résultat ci-dessous: le masque d'écrêtage a été appliqué sur l'un des arbres de droite…?

Étape 5

Répétez le processus d'application d'un masque de découpage aux trois arbres restants, un à la fois. Pour accélérer ce processus, vous pouvez utiliser le raccourci clavier pour créer des masques de découpage, Commande / Contrôle-7.

Vérifions nos progrès… Ça commence à se concrétiser!

7. Ajouter de la texture aux branches

Maintenant, vous devriez avoir une assez bonne maîtrise de ce processus de texture + masque d'écrêtage, mais sinon, vous aurez un peu plus de pratique! Nous allons utiliser les mêmes étapes exactes pour les branches.

Étape 1

Encore une fois en utilisant Brosse à dispersion 14 à 0,25 pt, tracez une ligne qui suit grossièrement la courbe en haut de chaque branche. Le premier / premier est en turquoise à 100% d'opacité et le second à feuilles persistantes à 70%.

Étape 2 

Accédez au calque Arbres et déverrouillez-le en cliquant sur l'icône du cadenas. Sélectionnez les deux branches à la fois et copiez-les, puis verrouillez à nouveau le calque. Allez dans le calque Tree Textures et Coller devant

Étape 3 

Appliquez des masques de découpage aux textures de branche avec les formes de branche supplémentaires que vous venez de coller. (Si vous avez besoin d’un rappel rapide: sélectionnez une branche avec sa texture correspondante à la fois, en maintenant enfoncée Décalage, et ensuite frappé Commande / Contrôle-7.)

Voici ce que nous avons:

8. accrocher des ornements

Il est maintenant temps de couper l’arbre avec des ornements colorés et rétro. Outre les outils et techniques déjà abordés, nous utiliserons l'outil Ellipse et certains des pinceaux intégrés d'Illustrator..

Commençons par les étapes pour créer la forme de base de notre premier ornement:

Étape 1 

Aller à la couche d'ornement rouge. Dessinez un ovale étroit en rouge; le mien mesure environ 155 px de large. La hauteur n'a pas beaucoup d'importance, car nous souhaitons surtout qu'elle s'ajuste bien en largeur entre le bord gauche de la carte et le groupe d'arbres..

Étape 2

Nous allons maintenant transformer cet ovale ordinaire en ornement en quelques gestes simples. Chaque étape qui suit est illustrée dans l'image ci-dessous.. 

  • Cliquez sur l'ovale rouge.
  • Sélectionnez le Convertir l'outil Point d'ancrage avec un click-hold sur le Outil stylo-c'est la dernière option du menu qui apparaît. Avec cet outil, cliquez sur les points d’ancrage supérieur et inférieur de l’ovale; cela va changer les points lisses en points nets. 
  • Maintenant, dans le même menu, sélectionnez le Ajouter un outil de point d'ancrage et ajouter des points d'ancrage supplémentaires à peu près à mi-chemin entre chacun des quatre points existants. 
  • Maintenant, choisissez le Outil de sélection directe et, un à la fois, cliquez à nouveau sur les points d'ancrage supérieur et inférieur et faites-les glisser légèrement vers l'extérieur.

Nous avons maintenant une forme d'ornement rétro authentique. Placez dans le côté gauche de la carte postale en dessous des branches.

Étape 3

Répétez maintenant ces étapes pour créer un deuxième ornement, en vous assurant que vous vous trouvez maintenant dans le calque Pink Ornament. Le processus sera exactement le même, sauf que l'orientation de la forme sera verticale au lieu d'être horizontale:

Ajustez la taille et l'emplacement de ce deuxième ornement de façon à ce qu'il vous plaise. J'aime bien qu'il se chevauche un peu avec l'ornement rouge.

9. Ajouter de la texture et des embellissements aux ornements

Étape 1 

Premièrement, nous voulons ajouter de la texture sur les bords des ornements. Accédez au calque Ornament Textures et répétez la même technique que celle que nous utilisions jusqu'ici, avec des pinceaux de texture et des masques de découpage..

Comme avant, j'ai utilisé Brosse à dispersion 14 Ici à 0,25 pt. Cette fois, le Opacité pour les deux séjours à 100%. 

Lorsque vous avez terminé, verrouillez ce calque.

Étape 2 

Revenez à la couche d'ornement rouge. Utilisez le Outil Rectangle créer une bande blanche sur toute la largeur de l'ornement. Ou si vous souhaitez opter pour un look plus rétro, utilisez le Outil stylo dessiner une forme géométrique légèrement tordue. Quel que soit votre choix, assurez-vous que la forme dépasse les bords de l'ornement.

Maintenant, sélectionnez la forme de base en dessous, copiez-la et Coller devant. Sélectionnez à la fois la forme de l’ornement et le rectangle blanc qui ressort du dessous, puis passez à la Éclaireur panneau et choisissez Surgir. Cela va couper la bande blanche à la forme de l'ornement.

Étape 3

Accédez à la couche Embellissements. Utilisez le Outil d'ellipses dessiner quelques ovales et les empiler sur l’ornement rose. J'ai utilisé le Outil de sélection directe déplacer certains des points d’ancrage et les rendre un peu déséquilibrés. L'ovale bleu dans ma version est notre couleur aigue-marine / # B1DED8.

J'ai également choisi d'ajouter un peu de texture à l'ovale intérieur pour créer un peu de profondeur, mais n'hésitez pas à sauter cette étape si vous le souhaitez..

Étape 4

Maintenant, en utilisant l'un des pinceaux calligraphiques intégrés d'Illustrator, nous allons dessiner des chaînes pour donner l'impression que les ornements sont suspendus aux branches. J'ai choisi un pinceau ovale car il présente une variation de largeur qui lui donne un peu plus l'air d'être dessiné avec un pinceau réel..

dans le Des pinceaux panneau, cliquez sur le Menu des bibliothèques de pinceaux bouton dans le coin inférieur gauche, puis sélectionnez Artistique> Artistique_Calligraphique> 3 pt. ovale. Changer la taille du trait en 0.5 pt. Maintenant, sélectionnez le Outil Pinceau. Vous constaterez qu’il est plus facile de dessiner d’abord la partie verticale de la corde (en maintenant Décalage comme vous le faites pour le maintenir parfaitement droit), puis ajoutez l'arc sur le dessus séparément.

Étape 5

Nous avons presque terminé! Il est maintenant temps d'ajouter des décorations de fête à vos ornements. Pour le mien, j'ai utilisé le même pinceau ovale pour dessiner des boucles et des lignes, et l'outil Ellipse ou le pinceau ovale pour ajouter des points de couleur ici et là.. 

Certaines étoiles, rayures ou zig-zags peuvent également être amusants avec différents embellissements ou vous pouvez également copier ce que vous voyez ici..

10. Ajouter un verso (facultatif)

Si vous prévoyez d’imprimer et d’envoyer votre carte postale, vous voudrez peut-être ajouter quelques décorations au verso. J'ai gardé le mien simple avec un message d'accueil et une ligne de séparation pour séparer la zone réservée à l'écriture de l'espace réservé à l'adresse, ainsi qu'une version plus petite du groupe de trois arbres de l'avant..

Travail impressionnant, vous avez terminé!

J'espère que vous vous êtes amusés avec les pinceaux, les textures, les paramètres d'opacité et d'autres outils pour créer une apparence superposée et illustrée de cette carte postale rétro de Noël. J'aime toujours trouver des moyens de donner aux projets numériques une apparence un peu moins générée par ordinateur, un peu plus personnalisée et plus artisanale, et de nombreuses techniques que nous avons utilisées dans ce tutoriel sont un excellent moyen de le faire.. 

N'hésitez pas à partager les résultats de votre projet ou à poser des questions dans la section commentaires. Bonne conception!