Dans cette nouvelle astuce rapide, vous apprendrez à créer une illustration simple d'écran de projecteur à l'aide de formes de base et du panneau d'apparence. Commençons!
Créez un document RVB de 600 x 600 pixels. Commencez par activer la grille (Affichage> Afficher la grille) et l’alignement sur la grille (Affichage> Aligner sur la grille). Ensuite, vous aurez besoin d'une grille toutes les 10 px. Allez dans Edition> Préférences> Guides> Grille, entrez 10 dans le quadrillage toutes les cases 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 400 x 270 pixels. Remplissez-le avec le dégradé linéaire indiqué ci-dessous et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 3 pixels, cliquez sur OK et sélectionnez Objet> Développer l’apparence. Les nombres blancs de l'image en dégradé représentent le pourcentage d'emplacement.
Choisissez l'outil Rectangle (M) et créez deux formes de 420 x 30 pixels. Remplissez-les de noir et placez-les comme indiqué dans la première image. Réduisez leur opacité à 2% et transformez-les en un chemin composé (Objet> Chemin composé> Construire).
Resélectionnez le rectangle arrondi et effectuez une copie devant (Commande + C> Commande + F). Sélectionnez cette copie ainsi que le chemin d'accès composite créé à l'étape précédente, ouvrez le panneau Pathfinder (Fenêtre> Pathfinder) et cliquez sur le bouton Intersection..
Choisissez l'outil Rectangle (M) et créez une forme de 400 x 10 pixels. Remplissez-le avec le dégradé linéaire indiqué ci-dessous, placez-le comme indiqué dans l'image suivante et accédez à Effet> Styliser> Coins arrondis. Entrez un rayon de 3 px, cliquez sur OK et sélectionnez Objet> Développer l'apparence..
Désactivez l'alignement sur la grille (Affichage> Aligner sur la grille), puis sélectionnez Edition> Préférences> Général (Commande + K) et assurez-vous que l'incrément de clavier est défini sur 1px. Resélectionnez la forme créée à l'étape précédente et effectuez deux copies devant (Commande + C> Commande + F> Commande + F). Sélectionnez la copie du haut et appuyez une fois sur la flèche du bas (pour la déplacer de 1 pixel vers le bas). Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplir la forme résultante avec R = 126 G = 138 B = 152.
Resélectionnez le rectangle arrondi créé à la cinquième étape et effectuez deux copies devant (Commande + C> Commande + F> Commande + F). Sélectionnez la copie du haut et déplacez-la de 2 pixels vers le bas. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplir la forme résultante avec R = 208 G = 242 B = 240.
Réactivez l'alignement sur la grille (Affichage> Aligner sur la grille). Sélectionnez les trois formes créées lors des trois dernières étapes et regroupez-les (Commande + G). Faites une copie de ce groupe (Commande + C> Commande + F), faites-le glisser vers le bas et placez-le comme indiqué dans l'image suivante..
Resélectionnez le grand rectangle arrondi créé à la deuxième étape, ouvrez le panneau Apparence (Fenêtre> Apparence) et ajoutez un second remplissage à l'aide du bouton Ajouter un nouveau remplissage. Il s'agit de la petite icône carrée blanche située au bas du panneau Apparence. Sélectionnez ce nouveau remplissage, réduisez son opacité à 20% et utilisez le dégradé linéaire présenté ci-dessous. Le zéro jaune de l'image du dégradé représente le pourcentage d'opacité.
Resélectionnez le rectangle arrondi édité à l'étape précédente et ajoutez un trait. Faites-le 2pt large, définissez sa couleur en blanc et l'aligner à l'intérieur. Ajoutez un deuxième trait pour cette forme à l'aide du bouton Ajouter un nouveau trait situé en bas du panneau Apparence. Sélectionnez ce nouveau trait, faites-le grand large, définissez sa couleur sur R = 209 G = 209 B = 209 et alignez-le sur l'intérieur.
Resélectionnez le rectangle arrondi modifié à l'étape précédente et mettez en évidence le panneau Apparence. Sélectionnez le remplissage du bas et allez à Effet> Styliser> Ombre portée. Entrez les données indiquées ci-dessous, puis cliquez sur OK. Sélectionnez à nouveau ce grand rectangle arrondi, assurez-vous qu'aucun fond ni trait n'est sélectionné (dans le panneau Apparence) et sélectionnez Effet> Styliser> Ombre portée. Encore une fois, entrez les données affichées dans l'image suivante et cliquez sur OK.
Choisissez l'outil Rectangle (M) et créez une forme de 380 x 80 pixels. Remplissez-le avec aucun et ajoutez un trait noir de 1 pt. Basculez sur l’outil de sélection directe (A), sélectionnez les points d’ancrage supérieurs et sélectionnez Objet> Chemin> Moyenne. Vérifiez le bouton Les deux et cliquez sur OK. Sélectionnez la forme obtenue, envoyez-la à l'arrière-plan (Maj + Commande + Crochet carré gauche) et accédez à Objet> Chemin> Contour du contour.
Sélectionnez la forme créée à l'étape précédente et remplissez-la avec le dégradé linéaire présenté ci-dessous..
Resélectionnez la forme modifiée à l'étape précédente et ajoutez un second remplissage. Sélectionnez-le, faites-le glisser dans la partie inférieure du panneau Apparence, remplissez-le avec le dégradé linéaire indiqué et allez à Effet> Déformer et transformer> Transformer. Entrez les données affichées dans l'image suivante et cliquez sur OK.
Resélectionnez la forme modifiée à l'étape précédente et accédez à Effet> Styliser> Ombre portée. Entrez les données ci-dessous et cliquez sur OK.
Pour les étapes suivantes, vous aurez besoin d’une grille toutes les 1px. Alors, allez dans Edition> Préférences> Guides> Grille et entrez 1 dans la grille chaque case. Choisissez l'outil Ellipse (L) et créez un cercle de 6 pixels. Remplissez-le avec le dégradé linéaire indiqué ci-dessous et placez-le comme indiqué dans l'image suivante.
Resélectionnez le cercle créé à l'étape précédente et allez à Objet> Chemin> Chemin décalé. Entrez un décalage -1px et cliquez sur OK. Dupliquez la forme obtenue (Commande + C> Commande + F) et déplacez la copie 1px vers le bas. Sélectionnez cette copie avec la première forme créée au début de cette étape et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplir la forme obtenue avec du blanc.
Resélectionnez le cercle créé à l'étape 16 et allez à Effet> Styliser> Ombre portée. Entrez les données ci-dessous et cliquez sur OK.
Choisissez l'outil Plume (P), tracez un tracé vertical de 10 px et placez-le comme indiqué dans la première image. Basculez sur l’outil Ellipse (L), créez un cercle de 10 pixels et placez-le comme indiqué dans la première image. Ajoutez un trait noir de 1 pt pour ces deux chemins et accédez à Objet> Chemin> Contour du contour. Sélectionnez les formes obtenues et cliquez sur le bouton Unite du panneau Pathfinder..
Sélectionnez la forme créée à l'étape précédente et remplissez-la avec le dégradé linéaire présenté dans l'image suivante. Accédez au panneau Apparence, sélectionnez le remplissage et accédez à Effet> Styliser> Ombre portée. Entrez les données indiquées ci-dessous et cliquez sur OK. Désélectionnez le remplissage du panneau Apparence et accédez à nouveau à Effet> Styliser> Ombre portée. Entrez les données affichées dans l'image suivante, cliquez sur OK et vous avez terminé.
Maintenant, votre travail est terminé. Voici à quoi cela devrait ressembler. J'espère que vous avez apprécié cette tut.