Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Christmas
Design

Comment créer une lettre au Père Noël dans Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

French (Français) translation by Jeane Jade (you can also view the original English article)

Final product image
What You'll Be Creating

Dans les étapes suivantes, vous apprendrez à concevoir une simple lettre au père noël d'illustration dans Adobe Illustrator.

Pour commencer, vous apprendrez comment mettre en place une grille simple et comment créer des principales formes à l'aide des outils de base et de forme vectorielle-techniques de construction ainsi que le Vivent les Coins de la fonction (ou le Tour de n'Importe quel Coin de script).

Profitant pleinement de l'Apparence du panneau, vous apprendrez à créer la feuille de papier et comment ajouter un petit morceau de texte ou d'un paragraphe. Enfin, vous apprendrez comment faire pour charger un usage intégré dans le modèle et comment ajouter subtil des ombres et des faits saillants à l'aide des modes de fusion, des dégradés linéaires et des effets de base.

Si vous êtes à la recherche à ignorer le processus ou si vous êtes à la recherche pour un autre type de conception, vous pouvez trouver une grande variété de lettre au père noël des modèles sur le Marché Envato.

1. Créer un Nouveau Document et de mettre en Place une Grille

Ctrl + N pour créer un nouveau document. Sélectionner les Pixels de l'Parts menu déroulant, entrez 600 dans les zones largeur et hauteur, puis cliquez sur le bouton Avancé. Sélectionnez RVB, Écran (72ppi) et assurez-vous que les Aligner de Nouveaux Objets sur la Grille en Pixels case n'est pas cochée avant de cliquer sur OK.

Activer la Grille (affichage > Afficher la Grille) et le Magnétisme de la Grille (Affichage > Magnétisme de la Grille). Pour commencer, vous aurez besoin d'une grille tous les 5 px, donc il suffit d'aller dans Édition > Préférences > repères > Grille, entrez 5 dans la ligne de Quadrillage chaque boîte et 1 dans les Subdivisions de la boîte. Essayez de ne pas se laisser décourager par tous les grille—elle rendre votre travail plus facile, et de garder à l'esprit que vous pouvez facilement activer ou désactiver à l'aide de la Commande raccourci clavier.

Vous devez également ouvrir le panneau d'information (Fenêtre > Infos) pour un aperçu en direct avec la taille et la position de vos formes. N'oubliez pas de régler l'unité de mesure en pixels à partir de la commande Edition > Préférences > Unités > Général. Toutes ces options vont considérablement augmenter votre vitesse de travail.

setup grid

2. Créer la Forme Rouge

Étape 1

Choisissez l'Outil Rectangle (M) et se concentrer sur votre Barre d'outils. Supprimer la couleur de l'avc sélectionnez ensuite le remplir et de définir sa couleur à R=211 G=45 B=47. Se déplacer à votre plan de travail et tout simplement de créer un 240 x 250 px rectangle de la grille et le Magnétisme fonctionnalité devrait rendre votre travail plus facile.

Assurez-vous que ce rectangle rouge reste sélectionné, choisissez l'Outil Ajout de Point d'Ancrage (+) et utilisez le bouton de clic simplement ajouter deux points d'ancrage, comme illustré dans l'image suivante.

red rectangle

Étape 2

Sélectionnez votre rectangle rouge et de se concentrer sur le côté supérieur. Choisissez l'Outil de Sélection Directe (-), sélectionnez la gauche de point d'ancrage et faites-la simplement glisser 120 px vers la droite.

Continuer à se concentrer sur le côté haut de votre forme rouge, commutateur de Suppression de Point d'Ancrage de l'Outil (-) et de cliquer sur le point d'ancrage de retirer facilement. À la fin de votre forme rouge devrait ressembler à la deuxième image.

move and remove anchor point

Étape 3

Continuer à se concentrer sur votre forme rouge et assurez-vous que l'Outil de Sélection Directe (A) est active. Sélectionnez les trois points d'ancrage mis en évidence par des cercles noirs dans l'image suivante, déplacez la barre d'options et entrez simplement 10 px dans les Coins de la boîte.

Revenir à votre forme et sélectionnez les deux points d'ancrage mis en évidence par les cercles bleus dans l'image suivante. De retour à la barre d'options et cette fois, entrez 20 px dans les Coins de la boîte.

Le Live Coins fonctionnalité est uniquement disponible pour les CC utilisateurs. La meilleure solution pour remplacer cet effet serait le Tour de n'Importe quel Coin de script que l'on peut trouver dans cet article: 20 Gratuit et Utile Adobe Illustrator Scripts. L'enregistrer sur votre disque dur, le retour à Illustrator et assurez-vous que l'Outil de Sélection Directe (A) est active. Sélectionnez les points d'ancrage comme indiqué dans les étapes précédentes et allez dans Fichier > Scripts > Autre Script. Ouvrez le Tour de n'Importe quel Coin de Script, saisissez les valeurs dans les Coins les cases et cliquez sur OK. Le résultat final peut sembler un peu différent, donc n'hésitez pas à augmenter/diminuer la valeur du Rayon si vous sentez que c'est nécessaire. À la fin de votre forme rouge devrait ressembler à l'image suivante.

live corners

3. Créer la Forme Jaune

Étape 1

À l'aide de l'Outil Rectangle (M), créer un 240 x 160 px de la forme, de le remplir avec R=255 G=200 B=0 et le placer exactement comme indiqué dans la première image.

Assurez-vous que cette forme jaune reste sélectionné, l'accent sur le côté supérieur, choisissez l'Outil Ajout de Point d'Ancrage (+) et d'ajouter un nouveau point d'ancrage comme le montre la première image.

Passer à l'Outil de Sélection Directe (A), sélectionner le nouveau point d'ancrage et faites-la simplement glisser 90 px vers le bas. À la fin de votre forme jaune devrait ressembler à la deuxième image.

yellow shape

Étape 2

Sélectionnez à nouveau votre forme rouge et en faire une copie en avant à l'aide de la commande ctrl-C > Contrôle-F raccourci clavier. Sélectionnez cette copie avec votre forme jaune, ouvrez le panneau Pathfinder (Fenêtre > Pathfinder) et cliquez sur l'Intersection bouton.

intersect

4. Ajouter des ombres et des faits Saillants à Votre Forme Jaune

Étape 1

Sélectionnez à nouveau votre forme rouge et de faire une nouvelle copie en avant (Contrôle-C > Contrôle-F). Assurez-vous que votre forme jaune est sélectionné et aller à l'Objet > Tracé > Décalage. Entrez un 1 px Offset, puis cliquez sur le bouton OK. Sélectionnez cette nouvelle forme ainsi que la copie faite au début de l'étape, et cliquez sur l'Intersection bouton du panneau Pathfinder.

Assurez-vous que la forme obtenue reste sélectionné et de se concentrer sur l'Apparence du panneau (Fenêtre > Apparence). Remplacer la couleur de fond avec du noir (R=0 G=0 B=0), puis cliquez sur "Opacité" morceau de texte pour ouvrir la Transparence fly-out du panneau. Baisser l'Opacité à 10% et vous devriez vous retrouver avec une mise en valeur subtile comme indiqué dans la troisième image.

offset path

Étape 2

Sélectionnez à nouveau votre forme rouge et de faire une nouvelle copie en avant (Contrôle-C > Contrôle-F). Assurez-vous que votre forme jaune est sélectionné et aller de nouveau à l'Objet > Tracé > Décalage. Entrez 3 px de Décalage, puis cliquez sur le bouton OK. Sélectionnez cette nouvelle forme ainsi que la copie faite au début de l'étape et cliquez sur le Croiser le bouton du panneau Pathfinder.

Assurez-vous que la forme obtenue reste sélectionné et de se concentrer sur le panneau Aspect. Remplacer la couleur de fond de noir et de régler l'Opacité de pourcentage à 5%.

offset path

Étape 3

Pour cette étape, vous aurez besoin d'une grille de 1 px, cliquez sur Edition > Préférences > repères Et de la Grille et entrez 1 dans la ligne de Quadrillage chaque boîte.

À l'aide de l'Outil Rectangle (M), créer un 288 x 108 px forme et le placer exactement comme indiqué dans la première image. Une fois de plus, la grille et le Magnétisme fonctionnalité va rendre les choses plus facile pour vous. Assurez-vous que cette nouvelle forme de séjours sélectionnés et de se concentrer sur le panneau Aspect.

Assurez-vous qu'il n'y a pas de jeu de couleurs pour le remplissage, puis sélectionnez l'avc. Définir sa couleur à R=57 G=181 B=74, puis cliquez sur "Coup" morceau de texte pour ouvrir la Course fly-out du panneau. Augmenter le Poids à 6 px, et n'oubliez pas de vérifier l'alignement de l'Avc à l'Extérieur de bouton.

L'accent sur le côté inférieur du rectangle fait dans cette étape et passez à l'Outil de Sélection Directe (A). Sélectionnez les deux points d'ancrage et d'aller à l'Objet > Tracé > Moyenne (ou appuyez simplement sur la touche Alt-Ctrl-J). De vérifier la Fois de zone, puis cliquez sur le bouton OK. Cela devrait tourner votre rectangle dans un triangle simple comme indiqué dans la deuxième image.

green outline

Étape 4

Assurez-vous que votre forme jaune est sélectionné et de faire un copier (ctrl-C > Contrôle-F). Sélectionner à nouveau le triangle et aller à l'Objet > Tracé > Contour. Sélectionnez la forme obtenue avec la copie de votre forme jaune et cliquez sur l'Intersection bouton du panneau Pathfinder.

Assurez-vous que la forme obtenue reste sélectionné et de se concentrer sur le panneau Aspect. Remplacer la couleur de fond noir, baisser l'Opacité à 20% et de changer le Mode de Fusion Lumière tamisée.

intersect

Étape 5

Désactiver la Grille (Commande) et le Magnétisme (Shift-Control -"), puis cliquez sur Edition > Préférences > Général et assurez-vous que le Clavier de l'Incrément est 1 px.

Sélectionnez à nouveau votre forme jaune et de faire deux copies à l'avant (Contrôle-C > Contrôle-F > Contrôle-F). Sélectionnez le haut de copier et de déplacer 1 px vers le bas à l'aide de la flèche vers le bas à partir de votre clavier.

Sélectionnez à nouveau les deux copies faites au cours de cette étape et cliquez sur le signe Moins Devant le bouton du panneau Pathfinder. Remplissez la forme obtenue avec du noir, baisser son Opacité à 30% et de changer le Mode de Fusion Lumière tamisée.

shading

Étape 6

Sélectionner à nouveau le jaune de la forme, faire une copie en avant (Contrôle-C > Contrôle-F) et la déplacer de 1 px vers le bas. Assurez-vous que cette nouvelle copie est sélectionné et de le dupliquer (ctrl-C > Contrôle-F). Sélectionnez ce nouveau copier et déplacer 1 px vers le bas.

Sélectionnez à nouveau les deux copies faites au cours de cette étape et cliquez sur le signe Moins Devant le bouton du panneau Pathfinder. Remplissez la forme obtenue avec le dégradé linéaire montré dans l'image suivante, baisser son Opacité à 70%, et de changer le Mode de Fusion Lumière tamisée.

Gardez à l'esprit que le nombre jaune de l'image Gradient représente l'Opacité de pourcentage, tandis que le bleu représente l'Emplacement de pourcentage.

highlight

5. Créer la Forme Bleue

Étape 1

Activer la Grille (Commande) et le Magnétisme (Shift-Control-"). De retour à chaque ligne de la grille de 5 px, donc il suffit d'aller sur Edition > Préférences > repères Et de la Grille et entrez 5 dans la ligne de Quadrillage chaque boîte.

À l'aide de l'Outil Rectangle (M), créer un 240 x 90 px de la forme, de le remplir avec R=39 G=170 B=225 et le placer exactement comme indiqué dans la première image.

Assurez-vous que cette forme bleue reste sélectionné et de se concentrer sur le côté supérieur. Choisissez l'Outil de Sélection Directe (-), sélectionnez la gauche de point d'ancrage et faites-la simplement glisser 120 px vers la droite. Continuer à se concentrer sur le côté haut de votre forme bleue, commutateur de Suppression de Point d'Ancrage de l'Outil (-) et de supprimer le point d'ancrage.

Sélectionnez à nouveau l'Outil de Sélection Directe (A) et sélectionnez-le haut point d'ancrage. Déplacer la barre d'options et entrez 10 px dans les Coins de la boîte. À la fin de votre forme bleue devrait ressembler dans la troisième image.

blue shape

Étape 2

Sélectionnez à nouveau votre forme rouge et en faire une copie en avant (Contrôle-C > Contrôle-F). Sélectionnez cette copie avec votre forme bleue et cliquez sur l'Intersection bouton du panneau Pathfinder.

rounded corner

6. Ajouter des ombres et des faits Saillants à Votre Forme Bleue

Étape 1

Sélectionnez à nouveau votre forme rouge et en faire une copie en avant (Contrôle-C > Contrôle-F). Assurez-vous que votre forme bleue est sélectionné et aller à l'Objet > Tracé > Décalage. Entrez un 1 px Offset, puis cliquez sur le bouton OK.

Sélectionnez cette nouvelle forme ainsi que la copie de votre forme rouge et cliquez sur l'Intersection bouton du panneau Pathfinder. Remplissez la forme obtenue avec le noir, et baisser son Opacité à 3%.

offset path

Étape 2

Sélectionnez à nouveau votre forme rouge et de faire une nouvelle copie en avant (Contrôle-C > Contrôle-F). Assurez-vous que votre forme bleue est sélectionné et aller une fois de plus pour Objet > Tracé > Décalage. Entrez 3 px de Décalage, puis cliquez sur le bouton OK.

Sélectionnez cette nouvelle forme ainsi que la copie de votre forme rouge et cliquez sur l'Intersection bouton du panneau Pathfinder. Remplissez la forme obtenue avec le noir, et baisser son Opacité à 3%.

offset path

Étape 3

Désactiver la Grille (Commande) et le Magnétisme (Shift-Control-").

Assurez-vous que votre forme bleue est sélectionné et de faire deux copies à l'avant (Contrôle-C > Contrôle-F > Contrôle-F). Sélectionnez le haut de copier et de déplacer 1 px vers le bas en utilisant le même bouton flèche bas. Sélectionnez à nouveau les deux copies faites au cours de cette étape et cliquez sur le signe Moins Devant le bouton du panneau Pathfinder. Remplissez la forme obtenue avec des blancs (R=255 G=255, B=255), baisser son Opacité à 30% et de changer le Mode de Fusion Lumière tamisée.

highlight

Étape 4

Activer la Grille (Commande) et le Magnétisme (Shift-Control-").

Sélectionner à nouveau le bleu de la forme et de faire un copier (ctrl-C > Contrôle-F). Sélectionnez cette copie et faites-la simplement glisser 10 px vers le bas. Assurez-vous qu'il reste sélectionné et de se concentrer sur le panneau Aspect.

Supprimer la couleur de fond, puis sélectionnez l'avc. Définir sa couleur à R=0 G=148 B=68, puis ouvrez le coup fly-out du panneau. Augmenter le Poids à 6 px et vérifier l'alignement de l'Avc à l'Intérieur du bouton.

green outline

Étape 5

Sélectionnez votre forme bleue et en faire une copie en avant (Contrôle-C > Contrôle-F), puis sélectionnez la forme avec le contour vert et aller à l'Objet > Tracé > Contour. Sélectionnez la forme obtenue avec la copie faite au début de l'étape et cliquez sur le Croiser le bouton du panneau Pathfinder.

Remplissez la forme obtenue avec du noir, baisser son Opacité à 20% et de changer le Mode de Fusion Lumière tamisée.

intersect

7. Créer le Morceau de Papier et d'Ajouter du Texte

Étape 1

À l'aide de l'Outil Rectangle (M), créer un 190 x 140 px de la forme, de le remplir avec R=250 G=250 B=240 et le placer exactement comme indiqué dans l'image suivante.

Assurez-vous que cette nouvelle forme de séjours sélectionnés et de se concentrer sur le panneau Aspect. Sélectionnez le remplissage existant et aller à Effet > Esthétiques > Lueur Interne. Entrez les attributs indiqués ci-dessous puis cliquez sur le bouton OK.

paper sheet

Étape 2

Assurez-vous que votre rectangle reste sélectionné, l'accent sur l'Apparence du panneau et ajouter un deuxième remplissage à l'aide de l'assistant Ajout de Nouveau Remplir le bouton.

Sélectionnez ce nouveau fond, changez son Mode de Fusion Lumière tamisée et remplacer la couleur existante avec le dégradé linéaire indiqué ci-dessous. Rappelez-vous que le jaune zéro à partir de l'image Gradient représente l'Opacité de pourcentage.

second fill

Étape 3

Assurez-vous que votre rectangle est toujours sélectionné, continuer à se concentrer sur le panneau Aspect, et sélectionnez un accident vasculaire cérébral.

Remplacer la couleur existante avec le dégradé linéaire indiqué ci-dessous, baisser son Opacité à 50%, de changer le Mode de Fusion Lumière tamisée, puis ouvrez le coup fly-out du panneau. Assurez-vous que le Poids est fixé à 1 px et de vérifier ensuite les Aligner Course à l'Intérieur du bouton.

stroke gradient

Étape 4

Assurez-vous que votre rectangle est toujours sélectionné, continuez à vous concentrer sur le panneau Apparence et ajoutez un second trait à l'aide du bouton Ajouter un nouveau trait.

Sélectionnez ce nouveau tracé, remplacer la couleur existante avec le dégradé linéaire indiqué ci-dessous, changez le Mode de Fusion Lumière tamisée, puis ouvrez le coup fly-out du panneau. Assurez-vous que le Poids est fixé à 1 px et de vérifier ensuite les Aligner Course à l'Intérieur du bouton.

second stroke

Étape 5

Assurez-vous que votre rectangle est toujours sélectionné, continuer à se concentrer sur le panneau Aspect, et d'ajouter un troisième course en utilisant la même Ajouter un Nouveau bouton Contour.

Sélectionnez ce nouveau tracé, de définir la couleur de noir, de baisser son Opacité à 2%, puis ouvrez le coup fly-out du panneau. Assurez-vous que le Poids est fixé à 1 px et de vérifier ensuite les Aligner Course à l'Extérieur de bouton.

third stroke

Étape 6

Assurez-vous que votre rectangle est toujours sélectionnée, et de continuer à se concentrer sur le panneau Aspect.

Cliquez simplement sur "Chemin" morceau de texte à partir du haut de l'écran pour sélectionner l'ensemble de votre chemin, et allez ensuite à l'Effet > Esthétiques > arrondis. Saisissez un Rayon de 5 px, puis cliquez sur le bouton OK.

rounded corners

Étape 7

Choisissez l'Outil texte (T) et ouvrez le panneau de Personnage (Fenêtre > Type > Caractère).

Cliquez simplement sur votre plan de travail et ajouter le "Cher père noël" morceau de texte. Définir sa couleur à R=38 G=34 B=98 et utiliser les 5 ans de la police de la taille de 15 px.

text

Étape 8

Assurez-vous que le Type d'Outil (T) est toujours actif, et il suffit de cliquer et faire glisser pour créer une zone de texte, comme illustré dans l'image suivante. Ajouter votre paragraphe comme indiqué dans la deuxième image. Utilisez la même police et la couleur mentionnée dans l'étape précédente, mais la diminution de la taille de 10 px.

paragraph

Étape 9

Sélectionnez à nouveau vos deux morceaux de texte avec les rectangles qui composent la feuille de papier, et de les regrouper à l'aide de la commande ctrl-G raccourci clavier.

Assurez-vous que ce nouveau groupe est sélectionné, puis l'envoyer en arrière en utilisant le Changement de Contrôle de la[ touche de raccourci clavier. Sélectionnez votre forme rouge et de l'envoyer à l'arrière en utilisant le même raccourci clavier. En fin de compte, les choses devraient ressembler dans la troisième image.

group

8. Créer le Fond de la Forme

Étape 1

À l'aide de l'Outil Rectangle (M), créer un 610 px carré et de le remplir avec R=255 G=232 B=217. Assurez-vous qu'il couvre l'ensemble de votre plan de travail, et n'oubliez pas de l'envoyer vers l'arrière (Shift-Control-[).

background

Étape 2

Assurez-vous que votre carré reste sélectionné, l'accent sur l'Apparence du panneau et ajouter un deuxième remplissage à l'aide de la même Ajouter un Nouveau bouton Remplissage.

Vous aurez besoin d'un construit-dans le modèle pour ce nouveau fond, il faut aller dans le panneau Nuancier (Fenêtre > Nuancier), ouvrez le menu contextuel et passez à Ouvrir Swatch Library > Modèles > Graphiques de Base > de Base Graphics_Textures. Une nouvelle fenêtre avec un ensemble de modèles built-in s'ouvre. Assurez-vous que le remplissage ajouté au début de ce tutoriel est toujours sélectionné, changez son Mode de Fusion en Superposition et puis il suffit d'ajouter le "Sable" motif de cet ensemble.

N'hésitez pas à utiliser un modèle différent de l'intégré dans des ensembles, ou essayer quelques modèles depuis les paquets disponibles à Envato Marché.

pattern

9. Ajouter des ombres et des faits Saillants à Votre Forme Rouge

Étape 1

Sélectionnez votre forme rouge et concentrez-vous sur le panneau Apparence. Tout d'abord, sélectionnez le remplir et de remplacer la couleur existante avec R=191 G=25 B=27, puis ajouter un deuxième remplissage. Sélectionnez-la et ajoutez simplement le dégradé linéaire indiqué ci-dessous.

linear gradient

Étape 2

Assurez-vous que votre forme rouge reste sélectionné, l'accent sur l'Apparence du panneau et sélectionnez un accident vasculaire cérébral.

Remplacer la couleur avec du blanc, baisser son Opacité à 30%, de changer le Mode de Fusion Lumière tamisée, puis ouvrez le coup fly-out du panneau. Augmenter le Poids à 6 px et vérifier l'alignement de l'Avc à l'Intérieur du bouton.

white stroke

Étape 3

Assurez-vous que votre forme rouge reste sélectionné, continuer à se concentrer sur l'Apparence du panneau, sélectionnez le trait existant et de le dupliquer en utilisant le bouton Dupliquer l'Élément Sélectionné.

Sélectionner le nouveau accident vasculaire cérébral, d'augmenter son Opacité à 50% et de réduire le Poids de 1 px.

white stroke

Étape 4

Assurez-vous que votre forme rouge reste sélectionné, continuer à se concentrer sur l'Apparence du panneau et l'ajout d'un troisième course en utilisant la même Ajouter un Nouveau bouton Contour.

Sélectionnez ce nouveau tracé, remplacer la couleur avec du noir, baisser son Opacité à 5%, puis ouvrez le coup fly-out du panneau. Assurez-vous que le Poids est fixé à 1 px et vérifier l'alignement de l'Avc à l'Extérieur de bouton.

black stroke

Étape 5

Assurez-vous que votre forme rouge reste sélectionné et continuer à se concentrer sur le panneau Aspect.

Sélectionnez en bas à fond rouge et aller à Effets > Esthétiques > Ombre portée. Entrez les attributs affichés dans la fenêtre en haut à gauche (dans l'image ci-dessous), cliquez sur le bouton OK, puis ajouter les quatre autres de l'Ombre portée des effets indiqués ci-dessous.

drop shadow

10. Faire les derniers Ajustements à Votre Bleu et Jaune des Formes

Étape 1

Sélectionnez votre forme jaune et il suffit de remplacer jaune avec R=211 G=45 B=47.

change color

Étape 2

Sélectionnez votre forme bleue et de se concentrer sur le panneau Aspect. Tout d'abord, sélectionnez le remplir et de remplacer la couleur existante avec R=221 G=55 B=57, puis ajouter un deuxième remplissage. Sélectionnez ce nouveau fond, changez son Mode de Fusion Lumière tamisée, puis ajouter le dégradé linéaire indiqué ci-dessous.

change color

Félicitations! Vous avez Terminé!

Voici à quoi il devrait ressembler. Hésitez pas à enrichir votre dernière illustration avec un joli timbre ou quelques décorations de Noël à partir de Envato Marché. J'espère que vous avez apprécié ce tutoriel et d'appliquer ces techniques dans vos projets futurs.

final
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.