26Aug

Faire un fond de mosaïque sans couture pour les pages Web en environ dix secondes

Créer une image d'arrière-plan pour votre page Web( ou fond d'écran) n'est pas du tout difficile. En fait, même un utilisateur novice de Photoshop peut en supprimer une en une dizaine de secondes. Voici la plus simple des méthodes simples avec des résultats surprenants.

Décalage de l'image

Trouvez une image appropriée, comme celle-ci sur Flickr. Vous pouvez utiliser n'importe quelle image, mais certaines images fonctionneront mieux que d'autres comme arrière-plan récurrent.

Sortez Photoshop. Si vous êtes un utilisateur de GIMP, vous pouvez installer le filtre Offset similaire à celui que nous allons utiliser et suivre avec nous.

Le travail "hard" peut être fait en un instant avec ce filtre "offset".Trouvez-le en naviguant sur Filtre & gt;Autre & gt;Offset, comme indiqué.

Si vous utilisez une image avec seulement un calque d'arrière-plan, le filtre de décalage fera glisser votre image autour, enveloppant l'image dans un mouvement de mosaïque. Assurez-vous que "Wrap Around" est sélectionné dans "Undefined Areas" pour coller l'image correctement. C'est la plupart du travail déjà, et nous avons à peine commencé.Voyons comment nous pouvons rendre cette photo répétitive un peu plus transparente.

Arêtes sans couture avec un flou

Voici une méthode( un peu grossière) qui ne fonctionne pas vraiment bien pour cette image, mais peut fonctionner pour la vôtre. Nous allons créer un calque de flou en dupliquant notre arrière-plan( clic droit & gt; doublon en double).

Lorsque cette couche est sélectionnée, effectuez un flou gaussien en naviguant sur Filtre & gt;Flou & gt;Flou gaussien. Utilisez n'importe quel paramètre qui a du sens pour vous.

Créez un masque de calque noirci en appuyant sur + Bouton gauche de la souris sur l'icône dans le panneau des calques.

Ensuite, utilisez simplement une brosse douce avec du blanc comme couleur de premier plan pour adoucir les bords où le carrelage est très évident. Cela peut très bien fonctionner pour certaines photos, mais la nôtre n'est pas un résultat étonnant, nous allons donc essayer une seconde technique.

Vous pouvez également trouver l'outil "Flou" dans la boîte à outils. Il peut vous donner un résultat très similaire à celui-ci, floutant sélectivement des parties de l'image.

Fusion de contenu pour des résultats étonnants

Dans des situations comme celle-ci, les outils de gestion de contenu ont l'air de faire des miracles. Le "Spot Healing Brush" peut faire un travail rapide en supprimant les lignes dures et évidentes dans le carrelage et vous donner un aspect beaucoup plus transparent. Lorsque vous sélectionnez le pinceau de correction des taches, veillez à utiliser une brosse à bords doux.

Après quatre coups de pinceau rapides, l'image est étonnamment convaincante. Il est difficile de croire que cela a pris si peu de travail.

Test dans un navigateur

Enregistrez votre image sur votre bureau repeat.jpg , puis téléchargez ce fichier sur votre bureau et l'ouvrir dans votre navigateur de choix. Cela chargera tout ce que vous avez créé comme arrière-plan répétitif, comme vous le verriez sur une page Web distante. Si vous connaissez le HTML( beaucoup d'entre vous le seront, j'en suis sûr), vous pouvez éditer ce fichier dans un bloc-notes pour utiliser un nom de fichier différent, si vous préférez.

Réflexions ou critiques sur notre méthode aujourd'hui? Vous avez des trucs qui fonctionnent encore mieux que ça? Parlez-nous de cela dans les commentaires, ou écrivez-nous simplement vos questions à [email protected], et nous pourrons les inclure dans un futur article graphique sur How To Geek.

Image Credits: Mur de livres par benuski , Creative Commons.