Ajouter une ombre longue à un logo

Ajoutez une ombre longue diagonale dégradée, style flat design, à un logo ou une icône. Fonctionne mieux avec une image PNG à fond transparent, faute de quoi l'ombre entourera aussi le fond de l'image.

Exemple :
Glissez-déposez, ou cliquez pour parcourir (15 Mo max)

Comment ça marche

L'outil crée d'abord une silhouette de votre logo (même forme et transparence, mais entièrement coloriée dans la couleur d'ombre choisie), puis dessine de nombreuses copies décalées de cette silhouette le long de l'angle indiqué, en fondu progressif vers l'extrémité, avant de superposer votre logo original par-dessus. Le résultat est cette ombre diagonale continue si caractéristique du style flat design.

Pourquoi mon résultat a-t-il une ombre carrée ou rectangulaire ?

Si votre image de départ n'a pas de fond transparent (par exemple un JPEG avec un fond blanc ou coloré), l'outil considère ce fond comme faisant partie de la forme et l'étire donc également en ombre. Utilisez un PNG avec un canal alpha (fond réellement transparent) pour que seule la silhouette du logo projette une ombre.

Quel angle et quelle longueur choisir ?

L'angle de 45° est le classique du style flat design (ombre en bas à droite). Une longueur de 100 à 150% donne un effet marqué et lisible ; au-delà de 200%, l'ombre devient très étirée et convient surtout à de grandes compositions ou des visuels de fond.

Traitement 100% local : la génération de l'ombre s'effectue entièrement dans votre navigateur via Canvas — votre logo n'est jamais envoyé à un serveur.