Dans le didacticiel suivant, vous apprendrez à créer une icône représentant une super colle et un tube de peinture. Ces icônes brillantes sont simples à créer. Nous couvrirons un flux de travail complet et vous montrerons les techniques qui accéléreront votre processus de travail. Commençons!
Créez un document RVB de 700 x 820px. Activez la grille (Affichage> Grille) et l’alignement sur la grille (Affichage> Aligner sur la grille). Ensuite, vous aurez besoin d'une grille toutes les 1px. Allez dans Edition> Préférences> Guides et grille, entrez 1 dans le quadrillage chaque case et 1 dans la zone Subdivisions..
Vous pouvez é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 remplacer 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.
Choisissez l'outil Rectangle (M) et créez une forme de 145 x 55px. Pour le moment, remplissez-le de n'importe quelle couleur. Saisissez l'outil de sélection directe (A). Sélectionnez le point d'ancrage supérieur gauche et déplacez-le de 6 pixels vers le bas, puis sélectionnez le point d'ancrage inférieur gauche et déplacez-le de 6 pixels vers le haut. Le composant logiciel enfichable à la grille devrait faciliter votre travail.
Maintenant, votre forme devrait ressembler à la deuxième image. Remplissez-le avec le dégradé linéaire indiqué ci-dessous. Regardez de plus près l'image en dégradé et vous remarquerez des chiffres blancs. Il représente l'emplacement.
Resélectionnez l'outil Rectangle (M). Créez une forme de 145 x 12 pixels et placez-la comme indiqué dans l'image suivante. Choisissez l'outil de sélection directe (A). Sélectionnez le point d'ancrage inférieur gauche de cette nouvelle forme et déplacez-le de 6 pixels vers le haut. Sélectionnez le point d'ancrage supérieur et droit et déplacez-le de 6 pixels vers le bas. Maintenant, cette deuxième forme devrait ressembler à la deuxième image. Remplissez-le avec R = 209, G = 211, B = 212.
Saisissez l'outil Rectangle (M) et créez une forme de 10 x 57 pixels. Placez-le comme indiqué dans la première image et remplissez-le avec le premier dégradé linéaire. Continuez avec l'outil Rectangle (M) et créez une forme mince. Faites-le 1 px de large et 57px de hauteur, puis placez-le comme indiqué dans la deuxième image. Remplissez-le avec l'autre dégradé linéaire. Encore une fois, si vous regardez de plus près cette image en dégradé, vous remarquerez des chiffres jaunes. Ils représentent l'opacité.
Continuez avec l'outil Rectangle (M) et créez une forme de 7 x 1 x 1 x. Placez-le comme indiqué dans l'image suivante, remplissez-le avec R = 209, G = 211, B = 212. Maintenant, allez à Effet> Déformer et transformer> Transformer. Entrez 27 dans la zone de copie, faites glisser le curseur de déplacement vertical sur 2 pixels, puis cliquez sur OK..
Dupliquez la forme créée à la deuxième étape (Commande + C> Commande + F). Choisissez l'outil Rectangle (M), créez une figure de 5 pixels par 57 pixels et placez-le comme indiqué dans la première image. Sélectionnez cette nouvelle forme, ainsi que la copie, puis cliquez sur le bouton Intersection dans le panneau Pathfinder. Remplissez la forme obtenue avec le dégradé linéaire indiqué dans la deuxième image. Faites attention au pourcentage d'emplacement et d'opacité.
Choisissez l'outil Texte (T), cliquez sur votre plan de travail et ajoutez le texte "Super Glue". Utilisez la police Century Gothic avec une taille de 12 pt, mettez-la en gras et définissez la couleur sur R = 109, G = 110, B = 113. Sélectionnez ce texte et faites-le pivoter de 90 degrés. Placez-le comme indiqué dans la deuxième image, puis sélectionnez Effet> Styliser> Ombre portée. Entrez les données affichées dans l'image suivante, puis cliquez sur OK..
Choisissez l'outil Rectangle (M), créez une forme de 135 pixels par 20 pixels et placez-le comme indiqué dans la première image. Saisissez l'outil de sélection directe (A), sélectionnez le point d'ancrage supérieur gauche et déplacez-le de 3 pixels vers le bas. Maintenant, sélectionnez le point d'ancrage inférieur et gauche et déplacez-le de 5 pixels vers le haut. Maintenant, votre forme devrait ressembler à la deuxième image. Remplissez-le de blanc et réduisez son opacité à 40%.
Encore une fois, dupliquez la forme créée à la deuxième étape (Commande + C> Commande + F). Resélectionnez l'outil Rectangle (M), créez une forme de 1 x 47 x et placez-la comme indiqué dans la première image. Sélectionnez cette nouvelle forme avec la copie et cliquez sur le bouton Intersection dans le panneau Pathfinder. Remplissez la forme obtenue avec le dégradé linéaire indiqué dans la deuxième image.
Concentrez-vous sur la partie gauche. Choisissez l'outil Rectangle (M), créez une forme de 5 x 43 pixels et placez-le comme indiqué dans la première image. Saisissez l'outil de sélection directe (A), sélectionnez le point d'ancrage supérieur gauche et déplacez-le de 10 pixels vers le bas, puis sélectionnez le point d'ancrage inférieur de gauche et déplacez-le de 10 pixels supérieur..
Maintenant, votre nouvelle forme devrait ressembler à la deuxième image. Sélectionnez-le et allez à Effet> Warp> Renflement. Entrez les données indiquées ci-dessous, cliquez sur OK, puis sélectionnez Objet> Développer l’apparence. Remplissez la forme obtenue avec le dégradé linéaire indiqué ci-dessous.
Resélectionnez l'outil Rectangle (M). Créez une forme de 5 pixels sur 12 pixels et placez-la comme indiqué dans la première image. Choisissez l'outil de sélection directe (A), sélectionnez le point d'ancrage supérieur gauche et déplacez-le 1px vers le bas. Sélectionnez le point d'ancrage inférieur gauche et déplacez-le d'une pixels vers le haut. Maintenant, cette nouvelle forme devrait ressembler à la deuxième image. Remplissez-le de blanc, réduisez son opacité à 50%, puis sélectionnez Effet> Déformation> Renflement. Entrez les données ci-dessous, puis cliquez sur OK..
Saisissez l'outil Rectangle (M), créez une forme de 5 x 23 pixels, placez-le comme indiqué dans la première image. Maintenant remplissez-le avec le dégradé linéaire. Continuez avec l'outil Rectangle (M). Créez une forme de 5 pixels sur 10 pixels et placez-la comme indiqué dans la deuxième image. Remplissez-le de blanc et réduisez son opacité à 50%. Encore une fois, utilisez l'outil Rectangle (M) pour créer trois formes similaires. Faites-les 1px large et 23px de hauteur, puis remplissez-les tous avec R = 167, G = 169, B = 172.
Utilisez l'outil Rectangle (M) pour créer une forme de 22px par 29px. Placez-le comme indiqué dans la première image, puis sélectionnez Effet> Styliser> Coins arrondis. Entrez un rayon de 0,5px, cliquez sur OK, puis sélectionnez Objet> Développer l’apparence. Remplir la forme résultante avec R = 65, G = 64, B = 66.
Désactivez l'alignement sur la grille (Affichage> Aligner sur la grille), puis sélectionnez Edition> Préférences> Général et entrez 0,5 dans la zone Incrément de clavier. Sélectionnez la forme créée à l'étape précédente et effectuez deux copies (Commande + C> Commande + F). Sélectionnez la copie du haut et appuyez une fois sur la flèche gauche (pour la déplacer de 0,5 pixels vers la gauche). Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplir la forme résultante avec R = 35, G = 31, B = 32.
Activez à nouveau l'option Aligner sur la grille (Affichage> Aligner sur la grille), puis sélectionnez l'outil Rectangle (M). Créez une forme de 16 px par 1 px et placez-la comme indiqué dans la première image. Remplissez-le avec R = 35, G = 31, B = 31, puis sélectionnez Effet> Styliser> Coins arrondis. Entrez un rayon de 0,5px, cliquez sur OK, puis sélectionnez Effet> Déformer et transformer> Transformer. Entrez 12 dans la zone de copie, faites glisser la zone Move-Vertical vers 2px, puis cliquez sur OK..
Prenez l'outil Rectangle (M), créez une forme de 22 x 9 x et placez-la comme indiqué dans la première image. Choisissez l'outil de sélection directe (A), sélectionnez le point d'ancrage supérieur gauche et déplacez-le 1px vers le bas. Maintenant, sélectionnez le point d'ancrage inférieur et gauche et déplacez-le 1px vers le haut. Maintenant, votre forme devrait ressembler à la deuxième image. Remplissez-le avec R = 147, G = 149, B = 152 et diminuez son opacité à 30%.
Choisissez l'outil Rectangle (M), créez une forme de 60px par 21px et placez-le comme indiqué dans la première image. Saisissez la sélection directe trop (A), sélectionnez le point d'ancrage supérieur gauche et déplacez-le 4px vers le bas. Maintenant, sélectionnez le point d'ancrage inférieur et gauche et déplacez-le de 4 pixels vers le haut. Votre forme devrait ressembler à la deuxième image. Sélectionnez-le et allez à Effet> Warp> Arc supérieur. Entrez les données affichées dans la deuxième image, cliquez sur OK, puis sélectionnez Objet> Développer l’apparence. Remplir la forme résultante avec R = 65, G = 64, B = 66.
Dupliquez la forme créée à l'étape précédente (Commande + C> Commande + F). Saisissez l'outil Rectangle (M), créez une forme 62px par 6px et placez-le comme indiqué dans la première image. Choisissez l'outil de sélection directe (A), sélectionnez le point d'ancrage supérieur droit et déplacez-le 1px vers le bas. Sélectionnez cette nouvelle forme avec la copie et cliquez sur le bouton Intersection dans le panneau Pathfinder. Remplir la forme résultante avec R = 35, G = 31, B = 32.
Encore une fois, dupliquez la forme faite à la dix-septième étape. Choisissez l'outil Rectangle (M), créez une forme 63px par 5px et placez-le comme indiqué dans la première image. Saisissez l'outil de sélection directe (A), sélectionnez le point d'ancrage supérieur gauche et déplacez-le de 2 pixels vers le bas. Maintenant, sélectionnez le point d'ancrage en bas à gauche et déplacez-le 1px vers le haut.
Votre forme devrait ressembler à la deuxième image. Sélectionnez-le avec la copie et cliquez sur le bouton Intersection dans le panneau Pathfinder. Remplir la forme obtenue avec R = 147, G = 149, B = 152 et baisser son opacité à 30%.
Dupliquez les grandes formes qui composent le tube de super colle. Sélectionnez ces copies et cliquez sur le bouton Unite du panneau Pathfinder. Remplissez la forme résultante avec aucun et ajoutez 0,5, aligné sur le trait extérieur (R = 35, G = 31, B = 32). Sélectionnez toutes les formes créées jusqu'à présent et regroupez-les (Commande + G).
Dupliquez le groupe créé à l'étape précédente. Déplacez ce nouveau groupe de quelques pixels vers la gauche. Faisons maintenant quelques changements de couleur pour ce deuxième groupe. Remplacez les couleurs sombres par les teintes rouges indiquées ci-dessous. Remplacez également la couleur de remplissage et le pourcentage d'opacité pour les éléments en surbrillance, comme indiqué dans la deuxième image..
Faites une nouvelle copie du groupe existant et utilisez le jeu de couleurs présenté ci-dessous..
Maintenant, transformons le super tube de colle en tube de peinture. Dupliquez le groupe avec le tube de super colle original. Focus sur ce nouveau groupe. Commencez par supprimer la forme de l'extrémité gauche, comme indiqué dans la première image. Ensuite, vous devez éditer la forme rognée.
Choisissez l'outil Rectangle (M), créez un rectangle simple et placez-le comme indiqué dans la deuxième image. Sélectionnez cette nouvelle forme en même temps que la forme de contour et cliquez sur le bouton Moins avant du panneau Pathfinder. À la fin, votre forme devrait ressembler à la troisième image. Retirez le texte et vous avez votre tube de peinture.
Faites deux copies du groupe de tubes de peinture. Concentrez-vous sur ces nouvelles copies et remplacez le dégradé sombre par les dégradés linéaires illustrés dans les images suivantes..
Ajoutons quelques effets finaux pour ces tubes. Sélectionnez le groupe de tubes de super-colle d’origine et sélectionnez Objet> Transformer> Rotation. Entrez un angle de -135 degrés, cliquez sur OK, puis sélectionnez Effet> Styliser> Ombre portée. Entrez les données affichées dans la deuxième image, puis cliquez sur OK. Répétez les mêmes techniques pour le reste des groupes.
Ici, j'ai fait plusieurs copies des tubes. Ajoutons maintenant le fond. Choisissez l'outil Rectangle (M), créez une forme de la taille de votre planche graphique, remplissez-la avec R = 39, G = 170, B = 225 et envoyez-la à l'arrière-plan (Maj + Commande + [). Ouvrez le menu déroulant du panneau Nuancier et accédez à Ouvrir une bibliothèque de nuances> Motif> Graphiques de base> Textures_de_globe de base.
Cela ouvrira une nouvelle fenêtre avec quelques jolis motifs. Resélectionnez le rectangle bleu, ouvrez le menu déroulant du panneau Apparence et cliquez sur Ajouter un nouveau remplissage. Cela va ajouter un deuxième remplissage pour votre forme. Sélectionnez ce nouveau remplissage et utilisez le motif Diamond. Réduisez son opacité à 10%, modifiez le mode de fusion en multipliant, puis allez à effet> artistique> grain de film. Entrez les données ci-dessous, puis cliquez sur OK.
Ajoutons maintenant le diviseur. Choisissez l'outil Plume (P), tracez un tracé horizontal de 760 pixels et placez-le comme indiqué dans l'image suivante. Remplissez-le avec aucun, ajoutez un trait de 4 points (R = 39 G = 170 B = 225), puis allez à Effet> Déformer et transformer> Zig Zag. Entrez les données ci-dessous et cliquez sur OK.
Resélectionnez le chemin tracé à l'étape précédente et allez à Effet> Styliser> Inner Glow. Entrez les données indiquées ci-dessous, cliquez sur OK, puis sélectionnez Effet> Styliser> Ombre portée. Entrez les données ci-dessous, cliquez sur OK et vous avez presque terminé.
Enfin, dupliquez le rectangle bleu créé il y a trois étapes. Déplacez cette copie au-dessus du séparateur (dans le panneau Calques). Sélectionnez-le, supprimez les remplissages et ajoutez 2 pt, alignés sur le trait interne (R = 0 G = 199 B = 239). Avec cette forme toujours sélectionnée, ouvrez le menu déroulant du panneau Apparence et cliquez sur Ajouter un trait. Cela va ajouter un second coup pour cette nouvelle forme. Sélectionnez-le dans le panneau Apparence. Faites-le large 1pt, définissez la couleur à R = 28, G = 117, B = 188, et vous avez terminé.
L'image finale est ci-dessous.