Partagez | 
 

 [Astuce] Image à répétition horizontale

Voir le sujet précédent Voir le sujet suivant Aller en bas 
avatar

Miettes

Doyenne

Bons Points (BP) : 113
MessageSujet: [Astuce] Image à répétition horizontale   Lun 14 Mai - 14:24
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].

 

[Astuce] Image à répétition horizontale

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Progress :: La bibliothèque :: Tutoriels :: Arts plastiques :: Photoshop-
Sauter vers:  
Espace Admin du site

©2008-2016 - School Of Progress - Toute reproduction totale ou partielle est interdite.
Design réalisé par Mewyn - Forum hébergé par forumactif.com

Les logos des SoPiens

Nos correspondants