Présentez vos illustrations dans un cadre vectoriel dans Adobe Illustrator

Dans les étapes suivantes, vous apprendrez à créer une simple affiche avec un arrière-plan de mur de briques sale dans Adobe Illustrator..

Pour commencer, vous apprendrez à configurer une grille simple et à créer les deux cadres principaux à l'aide d'outils et d'effets simples, ainsi que du panneau Pathfinder et de certaines techniques de masquage de base. Vous apprendrez ensuite comment ajouter des nuances subtiles à l'aide du panneau Apparence, de l'effet Inner Glow et des techniques de fusion de base. Enfin, vous créerez l’arrière-plan du mur de briques à l’aide de simples rectangles, de certains effets de raster, de pinceaux intégrés, de subtils effets Ombre portée et de deux effets de transformation.

1. Créer un nouveau document et configurer une grille

Frappé Contrôle-N créer un nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 600 dans la case de largeur et 700 dans la case hauteur puis cliquez sur le 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 le la grille (Voir> Afficher la grille) et le Aligner sur la grille (Voir> Aligner sur la grille). Pour commencer, vous aurez besoin d’une grille chaque 10px, si simplement aller à Édition> Préférences> Guides> Grille, entrer dix dans le Quadrillage tous les boîte et 1 dans le Subdivisions boîte. 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.

2. Créer le cadre noir

Étape 1

Choisissez le Outil Rectangle (M) et créez simplement un 280 x 360px forme, l’alignement sur la grille facilitera votre travail. Assurez-vous que cette nouvelle forme reste sélectionnée et concentrez-vous sur Apparence panneau (Fenêtre> Apparence). Assurez-vous qu’aucune couleur n’est définie pour le remplissage, puis sélectionnez le trait et définissez la couleur sur noir (R = 0 G = 0 B = 0).

Restez concentré sur votre coup et cliquez simplement sur le "Accident vasculaire cérébral"morceau de texte pour ouvrir le Accident vasculaire cérébral panneau fly-out. Met le Poids à 10px et vérifier le Aligner le trait sur l'intérieur. En fin de compte, votre rectangle devrait ressembler à l'image suivante. Resélectionnez-le et allez à Objet> Chemin> Contour de contour.

Étape 2

Assurez-vous que votre forme noire est toujours sélectionnée et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez uniquement la copie et remplacez la couleur de remplissage existante par du blanc (R = 255 G = 255 B = 255). Déplacer vers le Couches panneau (Fenêtre> Calques) et cliquez simplement sur la petite icône représentant un oeil représentant votre forme blanche pour la rendre invisible. Vous aurez besoin de cette forme plus tard.

Étape 3

En utilisant le Outil stylo (P), Créez un chemin simple et oblique, comme indiqué dans l'image suivante. Ajouter un 1 pt course pour ce nouveau chemin et mettre sa couleur à R = 233 G = 28 B = 36.

Étape 4

Assurez-vous que votre chemin rouge est toujours sélectionné et allez à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés montrées dans l’image suivante (n'oubliez pas de cocher la case Reflect X case) puis cliquez sur D'accord.

Étape 5

Assurez-vous que votre chemin rouge est toujours sélectionné et allez à nouveau à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés montrées dans l’image suivante (n'oubliez pas de cocher la case Refléter Y case) puis cliquez sur D'accord.

Étape 6

Assurez-vous que votre chemin rouge est toujours sélectionné et faites-en une copie devant vous (Contrôle-C> Contrôle-F). Déplacer vers le Couches panneau et simplement désactiver la visibilité de cette nouvelle copie. Vous en aurez besoin quelques pas plus tard.

Étape 7

Resélectionnez le chemin rouge visible et allez à Objet> Développer l'apparence. Sélectionnez le groupe de chemins résultant avec la forme noire, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le Diviser bouton. Assurez-vous que le groupe de formes résultant est sélectionné et appuyez simplement sur Maj-Contrôle-G à Dissocier il.

Déplacer vers le Couches panneau et se concentrer sur les formes nouvellement créées. Sélectionnez celui qui n’a pas de couleur définie pour le remplissage ou le trait (mis en surbrillance dans la quatrième image) et supprimez-le simplement à l’aide des touches Effacer bouton de votre clavier.

Étape 8

Sélectionnez le haut, forme noire mise au point sur le Apparence panneau. Tout d’abord, sélectionnez le remplissage et remplacez la couleur existante par R = 55 G = 55 B = 55.

Continuez à vous concentrer sur Apparence panneau et ajoutez un deuxième remplissage pour votre forme en utilisant le Ajouter un nouveau remplissage bouton (pointé par le cercle bleu dans l'image suivante). Sélectionnez le nouveau remplissage, définissez la couleur sur R = 100 G = 100 B = 100 et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 1px et cliquez D'accord.

Étape 9

Assurez-vous que la forme supérieure reste sélectionnée, concentrez-vous sur le Apparence panneau, sélectionnez le remplissage du haut et dupliquez-le en utilisant le bouton Dupliquer l'élément sélectionné bouton (pointé par le cercle bleu dans l'image suivante).

Sélectionnez le nouveau remplissage, ouvrez le Pente panneau (Fenêtre> Dégradé) et cliquez simplement sur la vignette du dégradé pour ajouter le dégradé linéaire noir à blanc par défaut. Continuez à vous concentrer sur Pente panneau, réglez le Angle à 90 degrés puis déplacez-vous vers les curseurs de dégradé. Sélectionnez le curseur de dégradé gauche et définissez la couleur sur R = 50 G = 50 B = 50 puis sélectionnez le curseur de dégradé de droite et définissez la couleur sur R = 65 G = 65 B = 65. Assurez-vous que le remplissage ajouté à cette étape est toujours sélectionné et allez à Effet> Distorsion & Transformation> Transformer. Focus sur le Bouge toi section, faites glisser le Verticale curseur à 1px puis clique D'accord.

Étape 10

Ensuite, vous devez copier les propriétés utilisées pour la forme supérieure et les coller sur la forme noire inférieure. Voici comment vous pouvez facilement le faire. Aller au Couches panneau, concentrez-vous sur le côté droit et vous remarquerez que chaque forme est accompagnée d’un petit cercle gris. Cela s'appelle une icône de cible. Tenez le Alt bouton de votre clavier, cliquez sur l’icône cible qui représente la forme du haut et glissez simplement sur le cercle qui représente votre forme noire en bas. Maintenant, sélectionnez votre forme inférieure et concentrez-vous sur Apparence panneau. Sélectionnez le premier remplissage, déplacez vers le Pente panneau et définir le Angle à -90 degrés puis retournez au Apparence panneau et ouvrir l'existant Transformer effet. Il suffit de faire glisser le Déplacer verticalement curseur à -1px et cliquez D'accord. À la fin, les choses devraient ressembler à l'image suivante.

Étape 11

Encore une fois, utilisez les icônes cibles pour copier le Apparence les attributs utilisés pour les formes supérieure et inférieure et les coller aux formes gauche et droite. Sélectionnez les formes gauche et droite une par une. Commencez par éditer l’angle défini pour le dégradé puis les propriétés utilisées pour Transformer effets comme indiqué dans l'image suivante.

Étape 12

Focus sur le Couches panneau et allumez la visibilité de votre chemin rouge. Sélectionnez-le et appuyez simplement sur Shift -Control-] pour l'amener à l'avant.

Étape 13

Assurez-vous que votre chemin rouge est toujours sélectionné et concentrez-vous sur le Apparence panneau. Sélectionnez le trait existant, remplacez le rouge par R = 100 G = 100 B = 100 et allez à Effet> Distorsion & Transformation> Transformer. Focus sur le Bouge toi section, faites glisser le Verticale curseur à 0.7px et cliquez D'accord.

Étape 14

Assurez-vous que votre chemin gris est toujours sélectionné, concentrez-vous sur le Apparence panneau et ajouter un deuxième trait en utilisant le Ajouter un nouveau trait bouton (pointé par le cercle bleu dans l'image suivante). Sélectionnez le nouveau trait, définissez le Poids à 1px et la couleur à R = 30 G = 30 B = 30 ensuite aller à Effet> Distorsion & Transformation> Transformer. Focus sur le Bouge toi section, faites glisser le Verticale curseur à -0.7px et cliquez D'accord.

Étape 15

Focus sur le Couches panneau, allumez la visibilité de votre forme blanche et amenez-la au premier plan (Shift -Control-] ). Resélectionnez cette forme blanche avec cette trajectoire oblique, ouvrez le Transparence panneau (Fenêtre> Transparence) et cliquez simplement sur le Faire masque bouton. À la fin, les choses devraient ressembler à la troisième image.

Étape 16

Sélectionnez toutes les formes faites jusqu'à présent et appuyez simplement sur Contrôle-G à Groupe leur. Déplacer vers le Couches panneau, double-cliquez sur votre nouveau groupe et le renommer "cadre noir".

3. Créer le cadre blanc

Étape 1

En utilisant le Outil Rectangle (M), créer un 260 x 340px la forme et placez-le comme indiqué dans l'image suivante. Ajouter un 20px trait pour ce nouveau rectangle, définissez la couleur sur R = 247 G = 172 B = 64 et alignez-le à l'intérieur. Assurez-vous que votre forme n’a pas de couleur définie pour le remplissage puis allez à Objet> Chemin> Contour de contour.

Étape 2

En utilisant le Outil stylo (P), créer un nouveau chemin oblique comme indiqué dans l'image suivante. Ajouter un 1 pt accident vasculaire cérébral et définir sa couleur à R = 233 G = 28 B = 36.

Étape 3

Assurez-vous que votre chemin rouge est toujours sélectionné et allez à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés montrées dans l’image suivante (n'oubliez pas de cocher la case Reflect X case) puis cliquez sur D'accord.

Étape 4

Assurez-vous que votre chemin rouge est toujours sélectionné et allez à nouveau à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés montrées dans l’image suivante (n'oubliez pas de cocher la case Refléter Y case) puis cliquez sur D'accord.

Étape 5

Resélectionnez votre chemin rouge et allez à Objet> Développer l'apparence. Sélectionnez le groupe de chemins résultant avec la forme orange et cliquez sur le bouton Diviser bouton du Éclaireur panneau. Assurez-vous que le groupe de formes résultant est sélectionné et Dissocier il (Maj-Contrôle-G). Déplacer vers le Couches panneau, sélectionnez la forme sans couleur définie pour le remplissage ou le contour et supprimez-la simplement.

Étape 6

Sélectionnez la forme orange en haut et remplacez la couleur plate utilisée pour le remplissage par le dégradé linéaire présenté dans l'image suivante..

Étape 7

Sélectionnez la forme orange du bas et remplacez la couleur plate utilisée pour le remplissage par le dégradé linéaire présenté dans l'image suivante..

Étape 8

Concentrez-vous sur les formes orange restantes et remplacez l'orange par les couleurs indiquées dans l'image suivante..

Étape 9

Resélectionnez les quatre formes grises et Groupe leur (Contrôle-G). Déplacer vers le Couches panneau, double-cliquez sur ce nouveau groupe et le renommer "whiteFrame".

4. Ajouter une ombrage subtile et l'image

Étape 1

En utilisant le Outil Rectangle (M), créer un 220 x 300px façonner et définir la couleur de remplissage en blanc. Placez ce nouveau rectangle comme indiqué dans l'image suivante puis renvoyez-le à l'arrière (Shift-Control- [ ). Déplacer vers le Couches panneau, simplement double-cliquez sur cette nouvelle forme et le renommer "imageMask".

Étape 2

En utilisant le Outil Rectangle (M), créer un 260 x 340px forme, définissez la couleur de remplissage sur le blanc et placez-la comme indiqué dans l'image suivante. Assurez-vous que ce nouveau rectangle est sélectionné et allez à Effet> Styliser> Inner Glow. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

Étape 3

Resélectionnez le rectangle avec le Lueur intérieure effectuer et aller à Objet> Développer l'apparence. Déplacer vers le Couches panneau et ouvrez le groupe de formes nouvellement créé. Supprimer le rectangle blanc puis Dissocier (Maj-Contrôle-G) la forme masquée restante. À la fin, les choses devraient ressembler à la troisième image.

Étape 4

En utilisant le Outil Rectangle (M), créer un 260 x 340px forme, définissez la couleur de remplissage en noir et placez-la comme indiqué dans l'image suivante.

Étape 5

Assurez-vous que votre rectangle noir reste sélectionné et appuyez simplement sur Shift-X transférer les propriétés de couleur du remplissage au trait.

Focus sur le Apparence panneau, sélectionnez ce trait, définissez le Poids à 3px, alignez-le à l'intérieur puis cliquez simplement sur le Opacité morceau de texte pour ouvrir le Transparence panneau fly-out. Changer la Mode de fusion à Lumière douce et baisser le Opacité à dix%.

Continuez à vous concentrer sur Apparence panneau, assurez-vous que le trait est toujours sélectionné et dupliquez-le en utilisant le même Dupliquer l'élément sélectionné bouton. Sélectionnez le nouveau trait, augmentez son Opacité à 20% et mettre le Poids à 2px. Dupliquer votre 2px coup, sélectionnez la copie, augmentez sa Opacité à 30% et mettre le Poids à 1px. À la fin, les choses devraient ressembler à l'image suivante.

Étape 6

En utilisant le Outil Rectangle (M), créer un 220 x 300px forme, définissez la couleur de remplissage en noir et placez-la comme indiqué dans l'image suivante.

Étape 7

Assurez-vous que votre rectangle noir reste sélectionné et appuyez sur Shift-X. Focus sur le Apparence panneau, sélectionnez ce trait, définissez le Poids à 4px, alignez-le à l'intérieur et abaissez le Opacité à 2%. Dupliquer ce trait, sélectionner la copie, définir le Poids à 2px et augmenter le Opacité à 3%. Dupliquer votre 2px coup, sélectionnez la copie, augmentez sa Opacité à 5% et mettre le Poids à 1px.

Continuez à vous concentrer sur Apparence panneau et ajouter un quatrième remplissage pour votre forme en utilisant le même Ajouter un nouveau trait bouton. Sélectionnez le nouveau trait, définissez le Poids à 1px et la couleur en blanc, alignez-le à l'extérieur puis baissez son Opacité à 75% et changer le Mode de fusion à Lumière douce. À la fin, les choses devraient ressembler à l'image suivante.

Étape 8

Faites glisser l'image que vous souhaitez encadrer dans votre document et renvoyez-la au verso (Shift-Control- [ ). Essayez de redimensionner votre image et si elle dépasse les limites du cadre, utilisez le "imageMask"rectangle pour le masquer.

L'image que j'utilise pour cet exemple provient du tutoriel de Monika Zagrobelna sur la manière de dessiner des chevaux.

5. Créer le cintre

Étape 1

Concentrez-vous sur le dessus de votre cadre. En utilisant le Outil Rectangle (M), créer un 260x 50px la forme et placez-le comme indiqué dans l'image suivante. Ajouter un 1px course pour cette nouvelle forme et mettre sa couleur à R = 55 G = 55 B = 55. Basculer vers le Supprimer l'outil de point d'ancrage (-), concentrez-vous sur le côté supérieur et cliquez simplement sur le point d'ancrage de gauche pour le supprimer. Prenez le Outil de sélection directe (A), sélectionnez le point d'ancrage supérieur restant et faites-le glisser 130px à gauche. Cela devrait transformer votre rectangle en triangle.

Étape 2

Pour cette étape, vous aurez besoin d’une grille chaque 1px, alors allez à Édition> Préférences> Guides et grille et entrez 1 dans le Quadrillage tous les boîte. Concentrez-vous sur le coin supérieur de votre triangle. En utilisant le Outil Ellipse (L), créer un 6px cercle, définissez la couleur de remplissage sur R = 55 G = 55 B = 55 et placez-le comme indiqué dans l'image suivante.

Assurez-vous que cette toute nouvelle forme reste sélectionnée, concentrez-vous sur Apparence panneau et ajouter un deuxième remplissage. Sélectionnez le nouveau remplissage, définissez la couleur sur R = 100 G = 100 B = 100 et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 1px et cliquez D'accord.

Retour à la Apparence panneau et ajoutez un troisième remplissage pour votre cercle. Sélectionnez-le, définissez la couleur sur R = 55 G = 55 B = 55 et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 1px, Cliquez sur D'accord et allez à Effet> Distorsion & Transformation> Transformer. Focus sur le Bouge toi section, faites glisser le Verticale curseur à 1px et cliquez D'accord.

Étape 3

Retourner à quadrillage tous les 10px, si simplement aller à Édition> Préférences> Guides et grille et entrez dix dans le Quadrillage tous les boîte.

Resélectionnez votre triangle avec le petit cercle et Groupe leur (Contrôle-G). Assurez-vous que ce nouveau groupe reste sélectionné, envoyez-le à l'arrière (Shift-Control- [ ) et allez à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre de gauche (dans l'image suivante), cliquez sur D'accord et aller encore à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre de droite et cliquez sur D'accord.

Étape 4

Sélectionnez toutes les formes faites jusqu'à présent et Groupe leur (Contrôle-G). Déplacer vers le Couches panneau et tout simplement renommer ce nouveau groupe "posterFrame".

6. Créer la forme d'arrière-plan principale

Étape 1

En utilisant le Outil Rectangle (M), créer un 620 x 720px forme, définissez la couleur de remplissage sur R = 237 G = 237 B = 237 et l'envoyer à l'arrière (Shift-Control- [ ).

Ensuite, vous devez centrer ce rectangle gris, ouvrez le Aligner panneau (Fenêtre> Aligner). Définissez l’alignement sur Artboard (ouvrez le menu déroulant et allez à Afficher les options si vous ne pouvez pas voir le Aligner a section ci-dessous), puis cliquez simplement sur le bouton Centre d'alignement horizontal et Centre d'alignement vertical boutons. En fin de compte, votre rectangle devrait couvrir l’ensemble du plan de travail. Déplacer vers le Couches panneau et tout simplement le renommer "bg".

Étape 2

Assurez-vous que votre "bg"La forme est toujours sélectionnée, concentrez-vous sur Apparence panneau et ajouter un deuxième remplissage. Sélectionnez-le, mettez la couleur en noir, baissez son Opacité à 5%, changer la Mode de fusion à Multiplier et allez à Effet> Artistique> Grain de film. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

Étape 3

Assurez-vous que votre "bg"La forme est toujours sélectionnée, concentrez-vous sur Apparence panneau et ajouter un troisième remplissage. Sélectionnez-le, mettez la couleur en blanc, baissez son Opacité à 30%, changer la Mode de fusion à Multiplier et allez à Effet> Artistique> Éponge. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

7. Créer les briques

Étape 1

Ouvrez le Des pinceaux panneau (Fenêtre> Brosses) et concentrez-vous sur le coin supérieur gauche de votre planche d’art. En utilisant le Outil Rectangle (M), créer un 60 x 20px façonner et placer comme indiqué dans l'image suivante.

Ouvrez le menu déroulant du Des pinceaux panneau, allez à Bibliothèque de pinceaux ouverte> Artistique> Artistic_ChalkCharcoalPencil et une nouvelle fenêtre avec un tas de brosses intégrées s'ouvrira. Resélectionnez le rectangle créé il y a quelques instants, sélectionnez le trait, ajoutez le Crayon - Fin art brosse et mettre sa couleur à R = 125 G = 125 B = 125. Assurez-vous que le trait reste sélectionné et allez à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre de gauche (dans l'image suivante), cliquez sur D'accord et aller encore à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre de droite et cliquez sur D'accord.

Étape 2

Resélectionnez le rectangle avec le pinceau, faites la mise au point. Apparence panneau, sélectionnez le trait et dupliquez-le en utilisant le même Dupliquer l'élément sélectionné bouton. Concentrez-vous sur le nouveau trait, ouvrez les deux Ombre portée effets et remplacez les attributs existants par ceux indiqués dans l'image suivante.

Étape 3

Resélectionnez le rectangle avec les pinceaux, dupliquez-le (Contrôle-C> Contrôle-F), sélectionnez la copie et placez-la comme indiqué dans la première image. Resélectionnez les deux rectangles et Groupe leur (Contrôle-G). Déplacer vers le Couches panneau et nommez ce nouveau groupe "des briques".

Étape 4

Focus sur le Couches panneau et faites glisser votre "des briques"groupes en dessous de"posterFrame"groupe. Sélectionnez le"des briques"groupe et aller à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

Étape 5

Assurez-vous que votre "des briques"le groupe est toujours sélectionné et retourne à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

8. Ajouter une ombrage supplémentaire pour votre cadre d’affiche

Étape 1

En utilisant le Outil Rectangle (M), créer un 280 x 360px forme, définissez la couleur de remplissage en noir et placez-la comme indiqué dans l'image suivante. Déplacer vers le Couches panneau et nommez ce nouveau rectangle "ombre".

Étape 2

Focus sur le Couches panneau et faites glisser votre "ombre"rectangle en dessous de"posterFrame"groupe. Assurez-vous que ce rectangle noir reste sélectionné, concentrez-vous sur le Apparence panneau, sélectionnez le remplissage et allez à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre supérieure gauche (dans l'image suivante), cliquez sur D'accord puis ajoutez les trois autres Ombre portée effets montrés ci-dessous.

Étape 3

Resélectionnez votre "ombre"rectangle, concentrez-vous sur le Apparence panneau et ajouter un deuxième remplissage. Sélectionnez-le, assurez-vous que la couleur est définie sur le noir, abaissez son Opacité à 15% et allez à Effet> Distorsion & Transformati