Share
Ce que vous allez créerDans les étapes suivantes, vous apprendrez à concevoir une illustration simple avec une lettre au Père Noël dans Adobe Illustrator..
Pour commencer, vous apprendrez à configurer une grille simple et à créer les formes principales à l'aide d'outils de base et de techniques de création de formes vectorielles, ainsi que la fonctionnalité Coins en direct (ou le script Round Any Corner)..
En tirant pleinement parti du panneau Apparence, vous apprendrez à créer la feuille de papier et à ajouter un court morceau de texte ou un paragraphe. Enfin, vous apprendrez à charger un motif intégré et à ajouter des nuances et des rehauts subtils à l'aide de modes de fusion, de dégradés linéaires et d'effets de base..
Si vous souhaitez ignorer le processus ou si vous recherchez un type de dessin différent, vous pouvez trouver une variété de motifs de lettres au père Noël sur Envato Market..
Frappé Contrôle-N créer un nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 600 dans les cases de largeur et de hauteur, puis cliquez sur le bouton Avancée bouton. Sélectionner RVB, Écran (72ppi) et assurez-vous que le Aligner de nouveaux objets sur la grille de pixels la case est décochée avant de cliquer D'accord.
Activer la grille (Voir> Afficher la grille) et l’alignement sur la grille (Voir> Aligner sur la grille). Pour commencer, vous aurez besoin d’une grille chaque 5 px, si simplement aller à Édition> Préférences> Guides> Grille, entrer 5 dans le Quadrillage tous les boîte et 1 dans le Subdivisions boîte. Essayez de ne pas vous décourager par toute cette grille, cela facilitera votre travail et gardez à l’esprit que vous pouvez facilement l’activer ou la désactiver à l’aide de la Contrôle-" raccourci clavier.
Vous devriez aussi ouvrir le Info panneau (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos formes. N'oubliez pas de définir l'unité de mesure en pixels de Édition> Préférences> Unités> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.
Choisissez le Outil Rectangle (M) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du trait, sélectionnez le remplissage et définissez sa couleur sur R = 211 G = 45 B = 47. Déplacez-vous sur votre planche et créez simplement un 240 x 250 px rectangle-la grille et la Aligner sur la grille cette fonctionnalité devrait faciliter votre travail.
Assurez-vous que ce rectangle rouge reste sélectionné, sélectionnez le Ajouter un outil de point d'ancrage (+) et utilisez le bouton de clic pour ajouter simplement deux points d'ancrage, comme indiqué dans l'image suivante.
Sélectionnez votre rectangle rouge et concentrez-vous sur le dessus. Choisissez le Outil de sélection directe (-), sélectionnez le point d'ancrage gauche et faites-le simplement glisser 120 px à droite.
Continuez à vous concentrer sur le dessus de votre forme rouge, passez à la Supprimer l'outil de point d'ancrage (-) et cliquez sur le bon point d’ancrage pour le retirer facilement. En fin de compte, votre forme rouge devrait ressembler à celle de la deuxième image..
Continuez à vous concentrer sur votre forme rouge et assurez-vous que le Outil de sélection directe (A) c'est actif. Sélectionnez les trois points d'ancrage mis en évidence par les cercles noirs dans l'image suivante, déplacez-vous vers la barre d'options et entrez simplement 10 px dans le Coins boîte.
Revenez à votre forme et sélectionnez les deux points d'ancrage mis en évidence par les cercles bleus dans l'image suivante. Retournez à la barre d'options et entrez cette fois 20 px en cela Coins boîte.
le Coins vivants Cette fonctionnalité est uniquement disponible pour les utilisateurs de CC. La meilleure solution pour remplacer cet effet serait le Autour d'un coin script qui peut être trouvé dans cet article: 20 scripts Adobe Illustrator gratuits et utiles. Enregistrez-le sur votre disque dur, revenez dans Illustrator et assurez-vous que le Outil de sélection directe (A) c'est actif. Sélectionnez les points d'ancrage comme indiqué dans les étapes précédentes et allez à Fichier> Scripts> Autre script. Ouvrez le Autour de n'importe quel coin script, saisissez les valeurs dans les cases Corners et cliquez sur D'accord. Le résultat final peut sembler un peu différent, alors n'hésitez pas à l'augmenter / le diminuer Rayon valeur si vous sentez que c'est nécessaire. A la fin, votre forme rouge devrait ressembler à l'image suivante.
En utilisant le Outil Rectangle (M), créer un 240 x 160 px la forme, remplissez-le avec R = 255 G = 200 B = 0 et placez-le exactement comme indiqué dans la première image.
Assurez-vous que cette forme jaune reste sélectionnée, concentrez-vous sur le côté supérieur, sélectionnez le Ajouter un outil de point d'ancrage (+) et ajoutez un nouveau point d'ancrage comme indiqué dans la première image.
Basculer vers le Outil de sélection directe (A), sélectionnez le point d'ancrage nouvellement ajouté et faites-le simplement glisser 90 px vers le bas. En fin de compte, votre forme jaune devrait ressembler à celle de la deuxième image..
Resélectionnez votre forme rouge et faites une copie devant en utilisant le bouton Contrôle-C> Contrôle-F raccourci clavier. Sélectionnez cette copie avec votre forme jaune, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le Couper bouton.
Resélectionnez votre forme rouge et faites une nouvelle copie devant (Contrôle-C> Contrôle-F). Assurez-vous que votre forme jaune est sélectionnée et allez à Objet> Chemin> Chemin décalé. Entrez un Décalage 1 px puis cliquez sur le D'accord bouton. Sélectionnez cette forme nouvellement créée avec la copie réalisée au début de l’étape, puis cliquez sur le bouton Couper bouton du Éclaireur panneau.
Assurez-vous que la forme obtenue reste sélectionnée et concentrez-vous sur la Apparence panneau (Fenêtre> Apparence). Remplacez la couleur de remplissage existante par le noir (R = 0 G = 0 B = 0) puis cliquez dessus "Opacité"morceau de texte pour ouvrir le Transparence panneau fly-out. Baisser le Opacité à dix% et vous devriez vous retrouver avec un surbrillance subtile comme indiqué dans la troisième image.
Resélectionnez votre forme rouge et faites une nouvelle copie devant (Contrôle-C> Contrôle-F). Assurez-vous que votre forme jaune est sélectionnée et allez à nouveau à Objet> Chemin> Chemin décalé. Entrez un Décalage de 3 px puis cliquez sur le D'accord bouton. Sélectionnez cette forme nouvellement créée avec la copie réalisée au début de l’étape et cliquez sur le bouton Couper bouton du Éclaireur panneau.
Assurez-vous que la forme obtenue reste sélectionnée et concentrez-vous sur la Apparence panneau. Remplacez la couleur de remplissage existante par du noir et ajustez la Opacité pourcentage à 5%.
Pour cette étape, vous aurez besoin d’une grille chaque 1 px, alors allez à Édition> Préférences> Guides et grille et entrez 1 dans le Quadrillage tous les boîte.
En utilisant le Outil Rectangle (M), créer un 288 x 108 px la forme et placez-le exactement comme indiqué dans la première image. Encore une fois, la grille et le Aligner sur la grille fonctionnalité facilitera les choses pour vous. Assurez-vous que cette nouvelle forme reste sélectionnée et concentrez-vous sur Apparence panneau.
Assurez-vous qu'aucune couleur n'est définie pour le remplissage, puis sélectionnez le trait. Définissez sa couleur sur R = 57 G = 181 B = 74 puis cliquez dessus "Accident vasculaire cérébral"morceau de texte pour ouvrir le Accident vasculaire cérébral panneau fly-out. Augmenter le Poids à 6 px, et n'oubliez pas de vérifier la Aligner le trait sur l'extérieur bouton.
Concentrez-vous sur le côté inférieur du rectangle créé à cette étape et passez au Outil de sélection directe (A). Sélectionnez les deux points d'ancrage et allez à Objet> Chemin> Moyenne (ou simplement frappé Alt-Control-J). Vérifier la Tous les deux case puis cliquez sur le D'accord bouton. Cela devrait transformer votre rectangle en un simple triangle, comme indiqué dans la deuxième image..
Assurez-vous que votre forme jaune est sélectionnée et faites-en une copie devant (Contrôle-C> Contrôle-F). Resélectionnez votre triangle et allez à Objet> Chemin> Contour de contour. Sélectionnez la forme obtenue avec la copie de votre forme jaune et cliquez sur le bouton Couper bouton du Éclaireur panneau.
Assurez-vous que la forme obtenue reste sélectionnée et concentrez-vous sur la Apparence panneau. Remplacez la couleur de remplissage existante par du noir, abaissez le Opacité à 20% et changer le Mode de fusion à Lumière douce.
Désactiver la grille (Contrôle-") et l’alignement sur la grille (Shift-Control- ") et ensuite aller à Édition> Préférences> Général et assurez-vous que le Incrément de clavier est réglé sur 1 px.
Resélectionnez votre forme jaune et faites deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1 px bas en utilisant le bouton flèche bas de votre clavier.
Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Remplissez la forme obtenue avec du noir, abaissez son Opacité à 30% et changer le Mode de fusion à Lumière douce.
Resélectionnez votre forme jaune, faites-en une copie devant (Contrôle-C> Contrôle-F) et le déplacer 1 px vers le bas. Assurez-vous que cette nouvelle copie est sélectionnée et dupliquez-la (Contrôle-C> Contrôle-F). Sélectionnez cette nouvelle copie et déplacez-la 1 px vers le bas.
Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Remplissez la forme obtenue avec le dégradé linéaire indiqué dans l’image suivante, abaissez son Opacité à 70%, et changer le Mode de fusion à Lumière douce.
Gardez à l’esprit que le chiffre jaune de la Pente l'image représente Opacité pourcentage, tandis que le bleu représente Emplacement pourcentage.
Activer la grille (Contrôle-") et l’alignement sur la grille (Shift-Control- "). Retourner à quadrillage tous les 5 px, si simplement aller à Édition> Préférences> Guides et grille et entrez 5 dans le Quadrillage tous les boîte.
En utilisant le Outil Rectangle (M), créer un 240 x 90 px la forme, remplissez-le avec R = 39 G = 170 B = 225 et placez-le exactement comme indiqué dans la première image.
Assurez-vous que cette forme bleue reste sélectionnée et faites la mise au point sur le dessus. Choisissez le Outil de sélection directe (-), sélectionnez le point d'ancrage gauche et faites-le simplement glisser 120 px à droite. Continuez à vous concentrer sur le dessus de votre forme bleue, passez à la Supprimer l'outil de point d'ancrage (-) et enlever le bon point d'ancrage.
Resélectionner le Outil de sélection directe (A) et sélectionnez ce point d'ancrage supérieur. Accédez à la barre d'options et entrez 10 px en cela Coins boîte. À la fin, votre forme bleue devrait ressembler à celle de la troisième image..
Resélectionnez votre forme rouge et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie avec votre forme bleue et cliquez sur le bouton Couper bouton du Éclaireur panneau.
Resélectionnez votre forme rouge et faites-en une copie devant (Contrôle-C> Contrôle-F). Assurez-vous que votre forme bleue est sélectionnée et allez à Objet> Chemin> Chemin décalé. Entrez un Décalage 1 px puis cliquez sur le D'accord bouton.
Sélectionnez cette forme nouvellement créée avec la copie de votre forme rouge et cliquez sur le bouton Couper bouton du Éclaireur panneau. Remplissez la forme obtenue avec du noir et abaissez son Opacité à 3%.
Resélectionnez votre forme rouge et faites une nouvelle copie devant (Contrôle-C> Contrôle-F). Assurez-vous que votre forme bleue est sélectionnée et allez à nouveau à Objet> Chemin> Chemin décalé. Entrez un Décalage de 3 px puis cliquez sur le D'accord bouton.
Sélectionnez cette forme nouvellement créée avec la copie de votre forme rouge et cliquez sur le bouton Couper bouton du Éclaireur panneau. Remplissez la forme obtenue avec du noir et abaissez son Opacité à 3%.
Désactiver la grille (Contrôle-") et l’alignement sur la grille (Shift-Control- ").
Assurez-vous que votre forme bleue est sélectionnée et faites-en deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1 px bas en utilisant ce même bouton flèche vers le bas. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Remplissez la forme obtenue avec du blanc (R = 255 G = 255 B = 255), abaisse son Opacité à 30% et changer le Mode de fusion à Lumière douce.
Activer la grille (Contrôle-") et l’alignement sur la grille (Shift-Control- ").
Resélectionnez votre forme bleue et faites-en une copie devant (Contrôle-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 concentrez-vous sur Apparence panneau.
Supprimez la couleur du remplissage, puis sélectionnez le trait. Définissez sa couleur sur R = 0 G = 148 B = 68 puis ouvrez le Accident vasculaire cérébral panneau fly-out. Augmenter le Poids à 6 px et vérifier le Aligner le trait sur l'intérieur bouton.
Sélectionnez votre forme bleue et faites-en une copie devant (Contrôle-C> Contrôle-F) puis sélectionnez la forme avec le contour vert et allez à Objet> Chemin> Contour de contour. Sélectionnez la forme obtenue avec la copie réalisée au début de l’étape et cliquez sur le bouton Couper bouton du Éclaireur panneau.
Remplissez la forme obtenue avec du noir, abaissez son Opacité à 20% et changer le Mode de fusion à Lumière douce.
En utilisant le Outil Rectangle (M), créer un 190 x 140 px la forme, remplissez-le avec R = 250 G = 250 B = 240 et placez-le exactement comme indiqué dans l'image suivante.
Assurez-vous que cette nouvelle forme reste sélectionnée et concentrez-vous sur Apparence panneau. Sélectionnez le remplissage existant et allez à Effet> Styliser> Inner Glow. Entrez les attributs indiqués ci-dessous, puis cliquez sur le bouton D'accord bouton.
Assurez-vous que votre rectangle reste sélectionné, concentrez-vous sur le Apparence panneau et ajouter un deuxième remplissage en utilisant le Ajouter un nouveau remplissage bouton.
Sélectionnez ce nouveau remplissage, changez son Mode de fusion à Lumière douce et remplacez la couleur existante par le dégradé linéaire indiqué ci-dessous. Rappelez-vous que le zéro jaune de la Pente l'image représente Opacité pourcentage.
Assurez-vous que votre rectangle est toujours sélectionné, continuez à vous concentrer sur la Apparence panneau, et sélectionnez le trait existant.
Remplacez la couleur existante par le dégradé linéaire indiqué ci-dessous, abaissez son Opacité à 50%, changer la Mode de fusion à Lumière douce puis ouvrez le Accident vasculaire cérébral panneau fly-out. Assurez-vous que le Poids est réglé sur 1 px puis vérifiez la Aligner le trait sur l'intérieur bouton.
Assurez-vous que votre rectangle est toujours sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajoutez un deuxième trait en utilisant le bouton Ajouter un nouveau trait bouton.
Sélectionnez ce nouveau trait, remplacez la couleur existante par le dégradé linéaire indiqué ci-dessous, modifiez le Mode de fusion à Lumière douce puis ouvrez le Accident vasculaire cérébral panneau fly-out. Assurez-vous que le Poids est réglé sur 1 px puis vérifiez la Aligner le trait sur l'intérieur bouton.
Assurez-vous que votre rectangle est toujours sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un troisième trait en utilisant le même Ajouter un nouveau trait bouton.
Sélectionnez ce nouveau trait, réglez la couleur sur le noir, baissez son Opacité à 2% puis ouvrez le Accident vasculaire cérébral panneau fly-out. Assurez-vous que le Poids est réglé sur 1 px puis vérifiez la Aligner le trait sur l'extérieur bouton.
Assurez-vous que votre rectangle est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau.
Cliquez simplement dessus "Chemin"morceau de texte à partir du haut du panneau pour sélectionner votre chemin complet, puis aller à Effet> Styliser> Coins ronds. Entrez un Rayon 5 px puis cliquez sur le D'accord bouton.
Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère).
Cliquez simplement sur votre planche et ajoutez le "cher Père Noël"morceau de texte. Définissez sa couleur sur R = 38 G = 34 B = 98 et utilisez la police de 5 ans avec la taille définie à 15 px.
Assurez-vous que le Outil de type (T) est toujours actif et il vous suffit de cliquer et de faire glisser pour créer une zone de texte, comme indiqué dans l'image suivante Ajoutez votre paragraphe comme indiqué dans la deuxième image. Utilisez la police et la couleur mentionnées à l'étape précédente, mais réduisez la taille à 10 px.
Resélectionnez vos deux morceaux de texte avec les rectangles qui composent la feuille de papier, et Groupe les utilisant le Contrôle-G raccourci clavier.
Assurez-vous que ce nouveau groupe est sélectionné et renvoyez-le à l’aide de la touche Shift-Control- [ raccourci clavier. Sélectionnez votre forme rouge et renvoyez-la en utilisant le même raccourci clavier. À la fin, les choses devraient ressembler à la troisième image.
En utilisant le Outil Rectangle (M), créer un 610 px carré et le remplir avec R = 255 G = 232 B = 217. Assurez-vous qu’il recouvre l’ensemble de votre planche d’art et n’oubliez pas de le renvoyer (Shift-Control- [).
Assurez-vous que votre carré reste sélectionné, concentrez-vous sur Apparence panneau et ajouter un deuxième remplissage en utilisant le même Ajouter un nouveau remplissage bouton.
Vous aurez besoin d’un motif intégré pour ce nouveau remplissage. Échantillons panneau (Fenêtre> Nuancier), ouvrez le menu déroulant et allez à Ouvrir Swatch Library> Patterns> Basic Graphics> Basic Graphics_Textures. Une nouvelle fenêtre avec un ensemble de modèles intégrés s'ouvrira. Assurez-vous que le remplissage ajouté au début du didacticiel est toujours sélectionné, modifiez-le. Mode de fusion à Recouvrir puis ajoutez simplement le "Le sable"motif de cet ensemble.
N'hésitez pas à utiliser un modèle différent des ensembles intégrés, ou essayez certains modèles parmi les packs disponibles sur le marché Envato..
Sélectionnez votre forme rouge et concentrez-vous sur Apparence panneau. Tout d’abord, sélectionnez le remplissage et remplacez la couleur existante par R = 191 G = 25 B = 27, puis ajoutez un deuxième remplissage. Sélectionnez-le et ajoutez simplement le dégradé linéaire indiqué ci-dessous.
Assurez-vous que votre forme rouge reste sélectionnée, concentrez-vous sur le Apparence panneau et sélectionnez le trait existant.
Remplacez la couleur existante par du blanc, abaissez son Opacité à 30%, changer la Mode de fusion à Lumière douce puis ouvrez le Accident vasculaire cérébral panneau fly-out. Augmenter le Poids à 6 px et vérifier le Aligner le trait sur l'intérieur bouton.
Assurez-vous que votre forme rouge reste sélectionnée, continuez à vous concentrer sur Apparence panneau, sélectionnez le trait existant et dupliquez-le en utilisant le bouton Dupliquer l'élément sélectionné bouton.
Sélectionnez le trait nouvellement ajouté, augmentez son Opacité à 50% et diminuer le Poids à 1 px.
Assurez-vous que votre forme rouge reste sélectionnée, continuez à vous concentrer sur Apparence panneau et ajouter un troisième trait en utilisant le même Ajouter un nouveau trait bouton.
Sélectionnez ce nouveau trait, remplacez la couleur existante par le noir, baissez son Opacité à 5% puis ouvrez le Accident vasculaire cérébral panneau fly-out. Assurez-vous que le Poids est réglé sur 1 px et vérifier le Aligner le trait sur l'extérieur bouton.
Assurez-vous que votre forme rouge reste sélectionnée et continuez à vous concentrer sur Apparence panneau.
Sélectionnez ce remplissage rouge en bas et allez à Effets> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre en haut à gauche (dans l’image suivante), cliquez sur le bouton D'accord bouton, puis ajoutez les quatre autres Ombre portée effets montrés ci-dessous.
Sélectionnez votre forme jaune et remplacez simplement ce jaune par R = 211 G = 45 B = 47.
Sélectionnez votre forme bleue et concentrez-vous sur Apparence panneau. Tout d’abord, sélectionnez le remplissage et remplacez la couleur existante par R = 221 G = 55 B = 57, puis ajoutez un deuxième remplissage. Sélectionnez ce nouveau remplissage, changez son Mode de fusion à Lumière douce, puis ajoutez le dégradé linéaire indiqué ci-dessous.
Voici à quoi cela devrait ressembler. N'hésitez pas à enrichir votre illustration finale d'un timbre net ou de quelques décorations de Noël d'Envato Market. J'espère que vous avez apprécié ce tutoriel et que vous pouvez appliquer ces techniques à vos projets futurs..
Accentsconagua