Share
Dans les étapes suivantes, vous apprendrez à transformer une illustration simple en panneaux suspendus dans Adobe Illustrator. Pour commencer, vous n'aurez besoin que d'un simple rectangle. Tirant pleinement parti du panneau Apparence, nous ajouterons des couleurs, des rehauts et quelques nuances simples à ce rectangle. Une fois votre pièce principale créée, nous allons créer le reste des formes à l'aide d'outils et d'effets de base, ainsi que de simples techniques de construction de formes vectorielles..
Appuyez sur Commande + N pour créer un nouveau document. Entrez 600 dans les zones Largeur et Hauteur, puis cliquez sur le bouton Avancé. Sélectionnez RVB, Écran (72ppi) et assurez-vous que la case "Aligner les nouveaux objets sur la grille de pixels" est décochée avant de cliquer sur OK..
Activer la grille (Affichage> Afficher la grille) et Aligner sur la grille (Affichage> Aligner sur la grille). Pour commencer, vous aurez besoin d'une grille toutes les 5 pixels. Allez simplement dans Édition> Préférences> Guides> Grille, entrez 5 dans le quadrillage toutes les cases et 1 dans la zone Subdivisions. Vous devez également ouvrir le panneau Info (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 dans Edition> Préférences> Unité> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.
À l'aide de l'outil Rectangle (M), créez une forme de 400 x 250 pixels et remplissez-la avec le dégradé linéaire présenté ci-dessous. Assurez-vous que ce nouveau rectangle reste sélectionné et ouvrez le panneau Apparence (Fenêtre> Apparence). Sélectionnez le remplissage existant dans le panneau Apparence et accédez à Effet> Styliser> Inner Glow. Entrez les propriétés indiquées dans l'image suivante et cliquez sur OK. Accédez au panneau Calques, double-cliquez sur la forme créée à cette étape et nommez-la "principale"..
Assurez-vous que le mode de forme de l'étape précédente est toujours sélectionné, mettez l'accent sur le panneau Apparence et ajoutez un trait de 3 points. Sélectionnez-le, définissez la couleur sur R = 200, G = 200, B = 200, alignez-la à l'intérieur et accédez à Effet> Chemin> Décalage du chemin. Entrez un décalage de -16px, cliquez sur OK et sélectionnez Effet> Styliser> Coins arrondis. Entrez un rayon de 8 pixels, cliquez sur OK et sélectionnez Effet> Styliser> Ombre portée. Entrez les propriétés indiquées dans l'image suivante et cliquez sur OK.
Assurez-vous que l'option "principale" est toujours sélectionnée, mettez l'accent sur le panneau Apparence et ajoutez un second remplissage à l'aide du bouton Ajouter un nouveau remplissage (indiqué par la flèche bleue dans l'image suivante). Sélectionnez ce nouveau remplissage, faites-le glisser en haut du panneau Apparence, ajoutez le dégradé linéaire illustré ci-dessous et accédez à Effet> Tracé> Décalage. Entrez un décalage de -19px, cliquez sur OK et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 5 px et cliquez sur OK.
Assurez-vous que l'option "principale" est toujours sélectionnée, mettez l'accent sur le panneau Apparence, sélectionnez le remplissage ajouté à l'étape précédente, puis cliquez sur le bouton Ajouter un nouveau remplissage. Sélectionnez ce nouveau remplissage, définissez sa couleur sur R = 29, G = 67, B = 122 et accédez à Effet> Tracé> Décalage. Entrez un décalage de -20px, cliquez sur OK et sélectionnez Effet> Styliser> Coins arrondis. Entrez un rayon de 5 pixels, cliquez sur OK et sélectionnez Effet> Styliser> Inner Glow. Entrez les propriétés indiquées dans l'image suivante et cliquez sur OK.
Assurez-vous que l'option "principale" est toujours sélectionnée, mettez l'accent sur le panneau Apparence, sélectionnez le remplissage ajouté à l'étape précédente et cliquez sur le bouton "Dupliquer l'élément sélectionné" (indiqué par la flèche bleue dans l'image suivante). Évidemment, cela ajoutera une copie du remplissage sélectionné. Sélectionnez-le, supprimez l'effet Inner Glow existant, puis remplacez la couleur à plat par le dégradé radial indiqué ci-dessous. Le zéro jaune de l'image du dégradé représente le pourcentage d'opacité.
Assurez-vous que l'option "principale" est toujours sélectionnée, mettez l'accent sur le panneau Apparence, sélectionnez le remplissage ajouté à l'étape précédente et cliquez sur le bouton "Dupliquer l'élément sélectionné". Sélectionnez ce remplissage nouvellement créé et remplacez le dégradé radial par un noir mat. En outre, réduisez son opacité à 5%, modifiez le mode de fusion en Multiply et accédez à Effet> Artistique> Grain de film. Entrez les propriétés indiquées dans l'image suivante et cliquez sur OK.
Assurez-vous que l'option "principale" est toujours sélectionnée, mettez l'accent sur le panneau Apparence et ajoutez trois nouveaux traits à l'aide du bouton Ajouter un nouveau trait (indiqué par la flèche bleue dans l'image suivante). Faites glisser ces nouveaux traits en haut du panneau Apparence et définissez leur couleur sur R = 209, G = 211, B = 212. Sélectionnez celui du bas, réduisez son opacité à 25%, réglez le poids sur 5 pt et alignez-le sur l'intérieur. Passez au coup suivant, réduisez son opacité à 25%, définissez le poids du trait sur 3 pt et alignez-le sur l'intérieur. Enfin, sélectionnez le trait supérieur, réduisez son opacité à 75%, définissez le poids du trait sur 1 pt et alignez-le à l'intérieur..
Resélectionnez votre forme "principale", concentrez-vous sur le panneau Apparence, assurez-vous qu'aucun fond ni trait n'est sélectionné et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 10 pixels, cliquez sur OK et sélectionnez Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la première fenêtre, cliquez sur OK, puis ajoutez les deux autres effets Ombre portée illustrés dans l'image suivante..
A l'aide de l'outil Rectangle (M), créez une forme de 200 x 90 pixels et placez-la comme indiqué dans la première image. Définissez la couleur de remplissage sur Aucune, mais ajoutez un poids de trait de 3 points et définissez sa couleur sur R = 147, G = 149, B = 152. Assurez-vous que ce nouveau rectangle reste sélectionné et allez à Objet> Chemin> Ajouter des points d'ancrage. Basculez vers l’outil Supprimer les points d’ancrage (-) et cliquez simplement sur les deux points d’ancrage mis en surbrillance dans la deuxième image pour les supprimer. À la fin, votre forme devrait ressembler à la troisième image. Assurez-vous qu'il est sélectionné et allez à Objet> Chemin> Contour du contour. Envoyer la forme résultante à l'arrière (SHIFT + CTRL + [).
Sélectionnez la forme créée à l'étape précédente, concentrez-vous sur le panneau Apparence et ajoutez un second remplissage à l'aide du bouton Ajouter un nouveau remplissage. Sélectionnez ce nouveau remplissage et utilisez le dégradé linéaire indiqué dans la première image. N'oubliez pas que le zéro jaune de l'image du dégradé représente le pourcentage d'opacité. Continuez à vous concentrer sur cette forme, revenez au panneau Apparence et ajoutez un troisième remplissage en utilisant le même bouton Ajouter un nouveau remplissage. Sélectionnez ce nouveau remplissage et utilisez le dégradé radial indiqué dans la deuxième image..
Resélectionnez la forme modifiée à l'étape précédente, mettez en surbrillance le panneau Apparence et ajoutez un nouveau remplissage. Sélectionnez-le, définissez la couleur sur blanc, baissez son opacité à 25% et accédez à Objet> Chemin> Chemin décalé. Entrez un décalage -1px et cliquez sur OK. Revenez dans le panneau Apparence, assurez-vous qu'aucun fond ou trait n'est sélectionné, puis ajoutez les deux effets Ombre portée illustrés dans l'image suivante..
Pour l'étape suivante, vous aurez besoin d'une grille chaque 1px. Alors, allez dans Edition> Préférences> Guides et grille et entrez 1 dans le quadrillage chaque case. A l'aide de l'outil Rectangle (M), créez une forme de 4 x 10 pixels, remplissez-la avec le dégradé linéaire illustré ci-dessous et placez-la comme indiqué dans l'image suivante..
Assurez-vous que la forme créée à l'étape précédente reste sélectionnée et concentrez-vous sur le panneau Apparence. Tout d’abord, ajoutez deux traits à l’aide de ce bouton Ajouter un nouveau trait. Sélectionnez celle du bas, définissez la couleur en blanc, donnez-lui une largeur de 0,5 pt et alignez-la à l'intérieur. Passez au trait suivant, réglez la couleur sur R = 167, G = 169, B = 172, agrandissez-la de 0,25 pt et alignez-la à l'intérieur. Continuez à vous concentrer sur le panneau Apparence, assurez-vous qu'aucun fond ou trait n'est sélectionné et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 2 pixels, cliquez sur OK et sélectionnez Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre de gauche, cliquez sur OK et accédez à nouveau à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre de droite et cliquez sur OK.
À l’aide de l’outil Ellipse (L), créez un cercle de 2 pixels et placez-le comme indiqué dans la première image. Remplissez-le avec le dégradé linéaire indiqué ci-dessous et abaissez son opacité à 75%. Continuez avec l'outil Ellipse (L), créez un cercle de 6 pixels, placez-le comme indiqué dans la deuxième image et définissez la couleur de remplissage à R = 130, G = 130, B = 130. Envoyez cette nouvelle forme à l'arrière (MAJ + CTRL + [) et allez à Effet> Flou> Flou gaussien. Entrez un rayon de 5 px et cliquez sur OK.
A l'aide de l'outil Texte (T), ajoutez des morceaux de texte blancs. Utilisez les propriétés de texte indiquées dans l'image suivante, puis définissez le mode de fusion sur Lumière douce. Voici la police "PwMarker" et voici la police "Marker SD Italic".
Enfin, ajoutons un arrière-plan simple. À l'aide de l'outil Rectangle (M), créez une forme de la taille de votre planche graphique, envoyez-la en arrière-plan (SHIFT + CTRL + [) et définissez la couleur sur R = 239, G = 245, B = 249. Ajoutez un second remplissage pour ce nouveau rectangle, sélectionnez-le et utilisez le dégradé radial indiqué dans l'image suivante..
Resélectionnez la forme créée à l'étape précédente, concentrez-vous sur le panneau Apparence et ajoutez un troisième remplissage. Faites-le noir, diminuez son opacité à 15%, changez le mode de fusion en Multiplier et allez à Effet> Esquisse> Papier. Entrez les données indiquées ci-dessous et cliquez sur OK. Continuez à vous concentrer sur le panneau Apparence et ajoutez un quatrième remplissage pour cette forme. Vous aurez besoin d'un modèle intégré pour ce nouveau remplissage. Accédez au panneau Nuancier, ouvrez le menu déroulant et sélectionnez Ouvrir la bibliothèque de nuances> Motifs> Graphiques de base> Textures graphiques de base. Cela devrait ouvrir une nouvelle fenêtre avec un simple jeu de motifs intégrés. Vous n'aurez besoin que du motif "Diamant". Assurez-vous que votre rectangle d'arrière-plan est toujours sélectionné et retournez dans le panneau Apparence. Sélectionnez ce quatrième remplissage, ajoutez le motif "Diamant", diminuez son opacité à 10%, changez le mode de fusion en Multiplier et allez à Effet> Artistique> Grain de film. Entrez les propriétés indiquées dans l'image suivante et cliquez sur OK.
Maintenant, votre travail est terminé. Voici à quoi cela devrait ressembler. N'hésitez pas à utiliser un jeu de couleurs différent pour les remplissages bleus qui constituent la forme "principale". J'espère que vous avez apprécié ce tutoriel et que vous pouvez appliquer ces techniques à vos projets futurs..
Accentsconagua