Créer un arrière-plan Web avec Photoshop CS6

Les arrière-plans ou les images d'arrière-plan sont l'une des parties visuelles les plus difficiles à réaliser dans une proposition Web, il y a des moments où une couleur plate résout le problème, mais il y a d'autres cas où nous devons ajouter un motif ou une figure à l'arrière-plan et au le faire, cela devrait sembler continu, surtout si nous concevons quelque chose qui va être sensible.
Pour cela, nous pouvons créer des arrière-plans avec des textures et grâce à quelques astuces, nous pouvons le faire apparaître illimité et transparent, de cette manière, nous pouvons obtenir un résultat qui a l'air professionnel et ne pas avoir à répéter la même image encore et encore.
La première chose que nous devons faire est de créer notre base, pour cela nous pouvons faire deux choses, la première est de dessiner nos motifs et textures à la main dans un document séparé puis de les importer ou la seconde nous pouvons utiliser les motifs déjà inclus dans Photoshop pour atteindre les objectifs.
Comme nous apprenons à faire le fond, nous allons opter pour la deuxième option, suivons donc les étapes suivantes :
1- Nous allons créer un nouveau document et sur celui-ci nous allons faire une base, dans le calque le plus bas ou de fond nous allons placer la couleur que nous voulons.
2- Ensuite, nous allons utiliser l'outil formes personnalisées de Photoshop et on va créer un calque pour chacune des formes que l'on veut utiliser, il faut faire particulièrement attention à ne pas dépasser les limites du document :

3- On utilise des calques pour accommoder les motifs à notre guise, donc une fois qu'ils sont comme on les veut, on va sélectionner chacun des calques qui le contiennent, pour cela on clique sur chacun en appuyant sur la touche CHANGEMENT, cela fera que tout ce que nous touchons sera sélectionné ensemble.
4- Nous allons maintenant utiliser l'outil pour fusionner les calques ou simplement appuyer sur la combinaison CTRL + E sur notre clavier.
5- Enfin, nous allons masquer les calques individuels et nous ne laisserons que le nouveau calque avec toutes les formes fusionnées :

Si nous laissons l'arrière-plan tel que nous l'avons créé dans la section précédente, lorsque nous l'utilisons dans un exemple réel, nous réaliserons que nous aurons de nombreux espaces vides sans figures qui brisent ce que nous voulons obtenir à partir d'un arrière-plan sans coutures ni limites. Donc, pour cela, nous devons suivre ces étapes.
1- Choisissons l'option Filtre, puis l'option Les autres et enfin l'option déplacement, ici nous allons créer un déplacement vertical de la moitié de la taille de notre document et de même pour le déplacement horizontal.
2- Enfin, nous sélectionnons l'option inférieure de tour complet et nous aurons un résultat comme le suivant :

3- Pour compléter le fond, il suffit de réintégrer des formes qui remplissent l'espace vide qui a été laissé au centre de l'image, en respectant ses limites.
4- Nous exportons pour le web et nous avons déjà notre fonds :

Lors de l'application de ce nouveau fond, nous verrons qu'il se répète sans montrer aucun type de couture ou de finition, il semble donc qu'il était infini avec ce que nous avons terminé ce tutoriel en ayant créé un bon fond avec des textures pour nos propositions Web.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif