Share
Dans ce tutoriel, je voudrais vous montrer quelques techniques sur la manière de créer un effet d’ombre longue observé dans les tendances de conception récentes. N'hésitez pas à lire et à choisir celui qui convient le mieux à vos besoins de conception.
Avec un document de votre taille créé, commençons par sélectionner le Outil Rectangle Arrondi et créez un rectangle de toute taille et rayon de votre choix. Je vais utiliser les informations décrites ci-dessous.
Pour simplifier les choses, je vais utiliser du texte pour créer l'effet, mais ces techniques peuvent être appliquées à n'importe quelle forme que vous avez pour votre icône. J'ai ajouté le texte ci-dessous avec les paramètres suivants.
Avec notre texte toujours sélectionné, accédez à la Apparence panneau (Fenêtre> Apparence) et cliquez sur le Ajouter un nouveau remplissage option du bas de cette fenêtre de panneau. Assurez-vous de cliquer-glisser le remplissage nouvellement créé sous la ligne "Caractères" apparaît derrière le texte lui-même. À ce stade, il ne semble pas que beaucoup de choses se soient passées.
C'est là que se passe la magie. Sélectionnez le Remplir ligne puis cliquez sur Ajouter un nouvel effet à partir du bas de la fenêtre du panneau et choisissez Distorter et transformer> Transformer et entrez les paramètres suivants. Vous pouvez ensuite déposer le Opacité de ce remplissage à environ 12% ou où que vous soyez à l'aise.
Comme vous pouvez le constater, nous créons plusieurs copies du fond, puis le décalons d’un pixel afin qu’il se répète de manière régulière, créant ainsi notre ombre à plat. Malheureusement, l'ombre apparaît maintenant sur l'élément d'icône créé précédemment, alors créons un masque maintenant.
Sélectionnez le rectangle arrondi puis Copie et Coller devant le texte lui-même. Avec le texte et le rectangle le plus arrondi sélectionné clic-droit sur l'Artboard et choisissez Faire masque d'écrêtage. Les bits d'ombre supplémentaires seront maintenant masqués et vous pourrez continuer, sélectionner le rectangle arrondi sous-jacent et ajouter la même technique pour créer également une ombre..
Configurez votre document comme vous l'avez fait auparavant et sélectionnez à nouveau le texte. Copie et Coller votre texte derrière l'original (Commande + C> Commande + B) deux fois pour créer un total de trois occurrences de votre texte. Maintenant, ajustez la couleur au noir.
Sélectionnez la copie la plus en bas et tout en maintenant Décalage sur le clavier, faites-le glisser à un angle de 45 degrés de sorte que le bord du texte frappe juste le bord du bord du rectangle arrondi. Maintenant laisse tomber le Opacité à 0%.
Sélectionnez ensuite à la fois le texte complètement transparent et le texte noir opaque, puis accédez à Objet> Fusion> Options de fusion et entrez autant Étapes spécifiées comme vous le souhaitez. Je vais rester avec 150 pour lui donner une belle transition en douceur.
Vous pouvez maintenant laisser tomber l'ensemble Opacité du mélange à 12% Appliquez ensuite les étapes de masquage de la première technique et dupliquez cette technique pour le rectangle arrondi..
Cette technique est similaire à la dernière. Vous allez copier et coller le texte deux fois derrière l'original et faire un fondu. Cependant, il n'est pas nécessaire de laisser tomber l'opacité de la dernière copie.
Avec le mélange créé visite Objet> Développer. Cela libérera le mélange à 150 formes individuelles qui seront sélectionnées. Avec ces formes encore sélectionnées, visitez le Éclaireur (Fenêtre> Pathfinder) et sélectionnez Unir. Cela va fusionner toutes les formes en une seule.
Avec cette forme nouvellement créée sélectionnée, activez le Outil gradient (g) et créez un dégradé noir à transparent qui suit un angle de 45º. Puis, supprimez l'opacité globale de ce calque.
Si vous remarquez, après la fusion, il existe un grand nombre de points d'ancrage à cette forme. Allons-y et réduisons-les pour que notre forme générale soit propre.
Comme notre forme générale est assez simple et angulaire, il serait plus facile de zoomer sur notre forme et avec le Outil stylo (P) visite Affichage> Guides intelligents et vous pouvez rapidement cliquer sur la forme pour la recréer. Si vous maintenez la Décalage Cette touche vous permet de créer facilement des lignes droites ou 45º. Si vous utilisez une technique ou une forme plus complexe sur laquelle vous utilisez cette technique, vous pouvez utiliser d'autres méthodes ou réduire les points d'ancrage..
Une autre méthode rapide serait de permettre à la Outil de sélection directe (A) et sélectionnez les points indésirables, puis sélectionnez Supprimer les points d'ancrage sélectionnés dans le Contrôle panneau.
Vous pouvez également masquer cette forme et répéter les étapes pour en créer une pour le rectangle arrondi situé en dessous..
Comme vous pouvez le constater, les deux premiers sont totalement non destructifs et le texte ou les icônes peuvent être facilement mis à jour ou modifiés. La dernière demande un peu plus d’efforts, mais elles peuvent toutes être facilement mises en œuvre et adaptées à vos besoins.
Accentsconagua