Comment changer la couleur d'une image pour votre site de HTML5 et CSS3

Souvent, vous aurez une image qui est excellent pour votre HTML5 et CSS3 site, mais pas de la bonne couleur. Par exemple, vous pouvez changer la couleur des vêtements d'une personne, ou de faire partie d'un logo adapter le schéma de couleurs du reste de votre site. Gimp permet d'effectuer cet effet assez facile:

  1. Chargez votre image de départ dans Gimp et apporter les autres adaptations que vous souhaitez à l'image originale.

  2. Utilisez l'outil de sélection floue pour sélectionner la partie que vous souhaitez modifier.




    Vous pourriez avoir besoin d'utiliser la touche Maj pour ajouter plusieurs variantes de la couleur à la sélection.

  3. Utilisez la commande Copier (Ctrl + C) pour copier la section de l'image que vous venez de sélectionner.

  4. Utilisez la commande Coller (Ctrl + V) pour coller la zone sélectionnée dans un nouveau calque.

    La zone collée entre dans une nouvelle “ pseudo-couche ” par défaut. Dans le panneau Calques, vous verrez une couche appelée sélection flottante - calque collé. Cliquez sur le bouton Nouveau calque et vous créez un nouveau calque contenant uniquement la section dont vous avez besoin.

  5. Coloriser la nouvelle couche en appliquant le filtre Colorier (Couleurs-Colorier).

    Jouez avec les curseurs de couleur jusqu'à ce que vous obtenez la couleur que vous voulez. Parce que vous avez fait des changements sur un nouveau calque, vous pouvez toujours supprimer ou masquer la couche de revenir à l'original. (Ou avoir plusieurs couches de couleurs différentes de sorte que vous pouvez jouer avec différentes options.)

Voici un exemple de cette technique en utilisant une image d'un verre de jus d'orange par Graur Razvan Ionut trouvé à FreeDigitalPhotos.net. L'image originale ne contenait que l'image de jus d'orange, mais le verre de jus a été dupliqué et la couleur de la deuxième verre modifié pour ressembler à café.

image0.jpg

» » » » Comment changer la couleur d'une image pour votre site de HTML5 et CSS3