Ce didacticiel traite de plusieurs techniques pour créer un effet d'ombre portée souvent utilisé dans les dernières tendances en matière de design.
Nécessaire
- Adobe Illustrator CS5 ou supérieur
- Niveau de compétence: Débutant
- Temps de réalisation: 20 minutes
Instructions
Étape 1
Créez un nouveau document, sélectionnez l'outil Rectangle arrondi et dessinez un carré.
Étape 2
Pour plus de clarté, je vais examiner les techniques utilisant du texte à titre d'exemple, mais elles peuvent être appliquées à n'importe quel objet de votre choix.
Étape 3
Une fois le texte sélectionné, accédez au panneau Apparence (Fenêtre> Apparence) et cliquez sur Ajouter un nouveau remplissage en bas du panneau. Faites glisser le remplissage créé sous le niveau « Personnages » afin que les effets soient appliqués derrière le texte.
Étape 4
Sélectionnez le calque de remplissage dans le panneau Apparence, cliquez sur Ajouter un nouvel effet en bas du panneau et choisissez Déformer et transformer> Transformer. Entrez les valeurs comme indiqué dans l'image. Vous pouvez réduire l'opacité à 12% ou ce que vous voulez.
Étape 5
Comme vous pouvez le voir, nous avons créé de nombreuses copies du remplissage et les avons légèrement déplacées vers la droite pour créer une ombre douce. Malheureusement, l'ombre est maintenant en dehors des limites de l'icône, nous devons donc créer un masque d'écrêtage.
Sélectionnez le carré arrondi, copiez-le et collez-le au-dessus du calque de texte. Une fois le nouveau carré et le nouveau texte sélectionnés, cliquez avec le bouton droit sur le plan de travail et sélectionnez Créer un masque d'écrêtage.
L'ombre qui dépasse le bord du carré sera masquée et vous pouvez maintenant appliquer la même technique pour créer une ombre sur le carré principal.
Étape 6
Répétez les étapes 1 et 2. Sélectionnez le texte et appuyez deux fois sur Ctrl + C> Ctrl + B pour créer trois copies de l'objet. Sélectionnez le noir pour les deux copies du bas.
Étape 7
Sélectionnez la copie la plus basse, maintenez la touche Maj enfoncée et déplacez le texte comme indiqué dans l'image. Réduisez l'opacité à 0%.
Étape 8
Sélectionnez les deux copies inférieures du texte, accédez à Objet> Mélange> Options de mélange et entrez 150 dans les étapes spécifiées pour une transition en douceur.
Étape 9
Vous pouvez maintenant réduire l'opacité de l'ombre résultante à 12%, créer un masque d'écrêtage comme dans l'exemple précédent et appliquer cette technique d'ombre au carré principal.
Étape 10
La technique suivante est similaire à la précédente, vous créez deux copies du texte sous la principale et effectuez une transition en douceur entre elles, mais cette fois la copie inférieure n'a pas besoin d'être rendue transparente.
Sélectionnez la transition créée et accédez à Objet> Développer. Cela brisera la transition en 150 chemins distincts. Sans les désélectionner, accédez au panneau Pathfinder (Fenêtre> Pathfinder) et sélectionnez Unite. Cela fusionnera tous les chemins sélectionnés en un seul.
Étape 11
Sélectionnez l'outil Dégradé (G) et remplissez le chemin créé avec un dégradé du noir au transparent à un angle de 45 degrés. Réduisez ensuite l'opacité de ce calque à votre guise.
Étape 12
Comme vous l'avez peut-être remarqué, il reste de nombreux points d'ancrage inutiles sur le chemin après la fusion. Débarrassons-nous d'eux.
Étant donné que notre chemin est assez simple, il ne sera pas difficile d'effectuer un zoom avant et arrière avec l'outil Plume (P), après avoir activé les guides intelligents (Affichage> Guides intelligents).
Une autre façon consiste à sélectionner tous les points d'ancrage inutiles avec l'outil de sélection directe (A) et à appuyer sur Suppr.
Étape 13
Créez un masque d'écrêtage pour l'ombre résultante et appliquez la même technique au carré principal.
