Partagez | 

[Astuce] Image à répétition horizontale

Message Sujet: [Astuce] Image à répétition horizontale   Lun 14 Mai - 14:24

Miettes

avatar
Voir le profil de l'utilisateur
Bons Points (BP) : 498
Bonjour à tous Smile

Dans ce tutoriel, nous allons apprendre à faire en sorte qu'une image (par exemple une bann' de forum) se répète correctement sur l'axe horizontal Smile C'est parti.

Tout d'abord, on va ouvrir notre image dans Photoshop (si possible en png). On va ensuite ajouter des repères verticaux à
-> 0%
-> 10%
-> 20%
-> 100%


Spoiler:
 

Ensuite, on va agrandir la zone de travail de 600px (Image >> Taille de la zone de travail)

Spoiler:
 

Puis, on va dupliquer le calque de notre bann. On va placer le calque du dessous à droite du repère 10%
Spoiler:
 

Et le calque du dessus à gauche du repère de 20%
Spoiler:
 

Maintenant, on va appliquer un masque de calque sur le calque du dessus. Et, grâce à un dégradé du noir vers le transparent, on va faire une fusion des 2 images. Pour cela, on va partir du repère à 20% et aller en ligne droite (en maintenant la touche "maj" enfoncée) jusqu'au repère à 10%
Spoiler:
 

Pour finir, on recadre notre image en se basant des repères 10% et 100%
Spoiler:
 

Idea du coup, l'image est réduite de 10% par rapport à sa largeur de départ.



Vous rencontrez un souci avec ce tutoriel ? Venez poser votre question [ici].

[size=10]Idea N'oubliez pas de lire et de suivre les [règles de la section].

Revenir en haut Aller en bas
[Astuce] Image à répétition horizontale
Page 1 sur 1
 Sujets similaires
-
» Répétition horizontale/verticale d'une image de fond
» roll-over, zone réactive, image et son
» [résolu] Lien dans image survolée vers page html
» agrandir reduire une image en son centre
» Changement d'une image de fond
Réponse rapide

School of Progress :: La bibliothèque :: Tutoriels :: Arts plastiques :: Photoshop+