Créer un fond de mosaïque sans joint pour les pages Web en environ dix secondes

Table des matières:

Créer un fond de mosaïque sans joint pour les pages Web en environ dix secondes
Créer un fond de mosaïque sans joint pour les pages Web en environ dix secondes

Vidéo: Créer un fond de mosaïque sans joint pour les pages Web en environ dix secondes

Vidéo: Créer un fond de mosaïque sans joint pour les pages Web en environ dix secondes
Vidéo: Zemismart TH123E Mihome wi-fi термостат для электрического теплого пола, интеграция в Home Assistant - YouTube 2024, Peut
Anonim
Créer une image d’arrière-plan pour votre page Web (ou arrière-plan du bureau) n’est pas du tout un défi. En fait, même un utilisateur débutant de Photoshop peut en lancer une en dix secondes environ. Voici la plus simple des méthodes simples avec des résultats surprenants et géniaux.
Créer une image d’arrière-plan pour votre page Web (ou arrière-plan du bureau) n’est pas du tout un défi. En fait, même un utilisateur débutant de Photoshop peut en lancer une en dix secondes environ. Voici la plus simple des méthodes simples avec des résultats surprenants et géniaux.

Compenser l'image

Trouvez une image appropriée, comme celle de Flickr. Vous pouvez utiliser n'importe quelle image, mais certaines images fonctionneront mieux que d'autres en tant qu'arrière-plan répétitif.
Trouvez une image appropriée, comme celle de Flickr. Vous pouvez utiliser n'importe quelle image, mais certaines images fonctionneront mieux que d'autres en tant qu'arrière-plan répétitif.
Sortez Photoshop. Si vous êtes un utilisateur de GIMP, vous pouvez installer le filtre Offset similaire à celui que nous allons utiliser et le suivre sans détour.
Sortez Photoshop. Si vous êtes un utilisateur de GIMP, vous pouvez installer le filtre Offset similaire à celui que nous allons utiliser et le suivre sans détour.
Le "dur" travail peut être fait en un instant avec ce filtre "offset". Trouvez-le en naviguant jusqu'à Filtre> Autre> Décalage, comme indiqué.
Le "dur" travail peut être fait en un instant avec ce filtre "offset". Trouvez-le en naviguant jusqu'à Filtre> Autre> Décalage, comme indiqué.
Si vous utilisez une image avec uniquement un calque d'arrière-plan, le filtre de décalage fera glisser votre image, l'enveloppant dans un mouvement de mosaïque. Assurez-vous que l'option "Enrouler autour" est sélectionnée dans "Zones non définies" pour que l'image soit correctement mise en mosaïque. C’est déjà le gros du travail et nous avons à peine commencé. Voyons comment nous pouvons rendre cette photo récurrente un peu plus transparente.
Si vous utilisez une image avec uniquement un calque d'arrière-plan, le filtre de décalage fera glisser votre image, l'enveloppant dans un mouvement de mosaïque. Assurez-vous que l'option "Enrouler autour" est sélectionnée dans "Zones non définies" pour que l'image soit correctement mise en mosaïque. C’est déjà le gros du travail et nous avons à peine commencé. Voyons comment nous pouvons rendre cette photo récurrente un peu plus transparente.

Bords sans couture avec un flou

Voici une méthode (un peu grossière) qui ne fonctionne pas vraiment pour cette image, mais qui peut fonctionner pour la vôtre. Nous allons créer un calque flou en dupliquant notre arrière-plan (clic droit> Dupliquer le calque).
Voici une méthode (un peu grossière) qui ne fonctionne pas vraiment pour cette image, mais qui peut fonctionner pour la vôtre. Nous allons créer un calque flou en dupliquant notre arrière-plan (clic droit> Dupliquer le calque).
Avec cette couche sélectionnée, effectuez un flou gaussien en sélectionnant Filtre> Flou> Flou gaussien. Utilisez n'importe quel paramètre qui a du sens pour vous.
Avec cette couche sélectionnée, effectuez un flou gaussien en sélectionnant Filtre> Flou> Flou gaussien. Utilisez n'importe quel paramètre qui a du sens pour vous.
Image
Image
Créez un masque de calque noirci en appuyant sur
Créez un masque de calque noirci en appuyant sur
+ Bouton gauche de la souris sur le
+ Bouton gauche de la souris sur le
icône dans le panneau des calques.
icône dans le panneau des calques.
Ensuite, utilisez simplement un pinceau doux 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 le nôtre n’est pas un résultat étonnant. Nous allons donc essayer une deuxième technique.
Ensuite, utilisez simplement un pinceau doux 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 le nôtre n’est pas un résultat étonnant. Nous allons donc essayer une deuxième technique.
Alternativement, vous pouvez également trouver l’outil «Flou» dans la boîte à outils. Cela peut vous donner un résultat très similaire à celui-ci, en brouillant certaines parties de l’image.
Alternativement, vous pouvez également trouver l’outil «Flou» dans la boîte à outils. Cela peut vous donner un résultat très similaire à celui-ci, en brouillant certaines parties de l’image.

Contenu conscient du mélange pour des résultats étonnants

Dans des situations comme celle-ci, les outils sensibles au contenu donnent l’impression de faire des miracles. La «brosse de réparation ponctuelle» permet de supprimer rapidement les lignes dures et évidentes du pavage et de vous donner un aspect beaucoup plus homogène. Lorsque vous sélectionnez le pinceau de correction ponctuelle, veillez à utiliser un pinceau à bord doux.
Dans des situations comme celle-ci, les outils sensibles au contenu donnent l’impression de faire des miracles. La «brosse de réparation ponctuelle» permet de supprimer rapidement les lignes dures et évidentes du pavage et de vous donner un aspect beaucoup plus homogène. Lorsque vous sélectionnez le pinceau de correction ponctuelle, veillez à utiliser un pinceau à bord 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.
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.

Le tester dans un navigateur

Image
Image

Enregistrez votre image sur votre bureau sous repeat.jpg, puis téléchargez ce fichier sur votre bureau et ouvrez-le dans le navigateur de votre choix. Cela chargera tout ce que vous avez créé comme arrière-plan répétitif, exactement comme vous le verriez sur une page Web distante. Si vous connaissez le langage HTML (beaucoup d’entre vous, 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.

Pensées ou critiques sur notre méthode aujourd'hui? Vous avez des astuces qui fonctionnent encore mieux que cela? Parlez-nous-en dans les commentaires, ou envoyez-nous simplement vos questions à [email protected], et nous pourrons les inclure dans un prochain article de How To Geek.

Crédits d'image: Mur des livres de Benuski, Creative Commons.

Conseillé: