Magazine

Long Shadow Design : Tuto et Ressources

Publié le 23 juillet 2013 par Yann Andre
    Je sélectionne ensuite mes deux pommes puis je me rends dans le menu supérieur "Objet" > "dégradé de formes" et "Options de dégradés". Je choisis ensuite "étapes" et j'augmente le chiffre pour atteindre une transition continue entre les deux formes. Ici, 200 feront l'affaire.

Long Shadow Design Tuto Ressources
Long Shadow Design Tuto Ressources

    Une fois ceci fait, je retourne dans le menu "Objet" > "dégradé de formes" et cette fois, je demande à "décomposer". La forme étant dynamique, il nous sera impossible de la couper tout à l'heure pour qu'elle ne dépasse pas du cadre. Mais pour la couper, il faudra achever cela avec une dernière étape, celle de la fusion via la palette "Pathfinder" (dans le menu supérieur "fenêtre)". Le logo étant décomposé en 2 parties principales, le logiciel l'assimile pour l'instant en tant que formes différentes alors que nous avons besoin d'UNE forme unique pour la longue ombre portée.
Long Shadow Design Tuto Ressources
    Je sélectionne le dégradé de formes que je vais passer en noir depuis le nuancier et je vais baisser l'opacité à 10% dans la barre de contrôle.
Long Shadow Design Tuto Ressources
    Je vais ensuite coller la pomme qui était en suspens depuis la deuxième étape. Mais détail important, je vais la "copier sur place" depuis le clic droit ou depuis le menu "édition".
Long Shadow Design Tuto Ressources
    Maintenant, je vais prendre mon outil flèche blanche, je vais sélectionner l'ombre à 10% et le bloc de fond et demander une division dans la palette "Pathfinder".
Long Shadow Design Tuto Ressources
    Je n'ai alors plus qu'à sélectionner la partie d'ombre en dehors du bloc (toujours en flèche blanche) et supprimer celui-ci. Votre effet de long shadow est terminé.
Long Shadow Design Tuto Ressources

RESSOURCES LONG SHADOW DESIGN - PHOTOSHOP

Pour les utilisateurs Photoshop, voici un script gratuit à récupérer sur Deviantart. À mon sens, le résultat a besoin d'être un peau peaufiné mais le script automatisera cette tâche avec un certain succès.

Long Shadow Design Tuto Ressources

Toujours pour les utilisateurs Photoshop, voici un fichier gratuit dans lequel vous pourrez copier/coller vos éléments, le logiciel se chargeant ensuite d'adapter les ombres à l'élément soumis.

Long Shadow Design Tuto Ressources

RESSOURCES LONG SHADOW DESIGN - CSS3

RESSOURCES LONG SHADOW DESIGN - FREEBIES

C'est tout pour aujourd'hui mais si vous avez d'autres fichiers à conseiller, n'hésitez pas ! 😉


Retour à La Une de Logo Paperblog

A propos de l’auteur


Yann Andre 208 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte