Photoshop : remplacement de la couleur dans une image

Le fichier utilisé pour cet exemple, peut être téléchargé ici.

tulipes

La commande Remplacement de couleur permet de créer un masque provisoire, découpé autour de certaines couleurs spécifiques, avec lequel vous pouvez ensuite remplacer ces couleurs.

les masques servent à isoler certaines parties d’une image
pour limiter les modifications aux zones sélectionnées
et protéger ainsi le reste de l’image


Les options de la boîte de dialogue Remplacement de couleur permettent de régler les teintes, la saturation et la luminosité de la zone sélectionnée

– les teintes correspondent à la couleur,
– la saturation désigne la pureté d’une couleur,
– la luminosité est la quantité de noir et de blanc dans une image.

Dans cet exemple, nous allons changer la couleur d’une des tulipes de l’image.

Lire la suite

Vous aimez cet article ? Partagez-le !

Illustrator : vectorisation dynamique

Rappel : images bitmap et images vectorielles :

On distingue généralement deux grandes catégories d’images :

  • les images bitmap (Photoshop) : il s’agit d’images pixellisées, c’est-à-dire un ensemble de points (pixels) contenus dans un tableau, chacun de ces points possédant une ou plusieurs valeurs décrivant sa couleur.
  • les images vectorielles (Illustrator) : les images vectorielles sont des représentations d’entités géométriques telles qu’un cercle, un rectangle ou un segment. Ceux-ci sont représentés par des formules mathématiques (un rectangle est défini par deux points, un cercle par un centre et un rayon, une courbe par plusieurs points et une équation). C’est le processeur qui sera chargé de « traduire » ces formes en informations interprétables par la carte graphique.

Etant donné qu’une image vectorielle est constituée uniquement d’entités mathématiques, il est possible de lui appliquer facilement des transformations géométriques (zoom, étirement, …), tandis qu’une image bitmap, faite de pixels, ne pourra subir de telles transformations qu’au prix d’une perte d’information, appelée distorsion. On nomme ainsi pixellisation (en anglais aliasing) l’apparition de pixels dans une image suite à une transformation géométrique (notamment l’agrandissement). De plus, les images vectorielles (appelées cliparts lorsqu’il s’agit d’un objet vectoriel) permettent de définir une image avec très peu d’information, ce qui rend les fichiers très peu volumineux.
En contrepartie, une image vectorielle permet uniquement de représenter des formes simples. S’il est vrai qu’une superposition de divers éléments simples peut donner des résultats très impressionnants, toute image ne peut pas être rendue vectoriellement, c’est notamment le cas des photos réalistes.

Lire la suite

Vous aimez cet article ? Partagez-le !

Dreamweaver : mise en page HTML avec CSS et DIV

Les bonnes pratiques du concepteur web moderne requièrent l’usage des CSS pour la réalisation des mises en page.
Les mises en page CSS (par opposition aux modèles en tableau) permettent de réduire la taille des fichiers, de gérer plus facilement le code et de se conformer aux normes.
Deux composants élémentaires régissent la mise en page CSS :
– une série de règles CSS qui définissent les dimensions et le format des éléments principaux de la page,
– une série correspondante de balises HTML (en général <div> ) qui déterminent l’ossature de la page.

Ce didacticiel est assez long, avec des copies d’écran de Dreamweaver, je ne peux pas le publier en entier dans le blog, mais vous pouvez le télécharger ci-dessous (PDF) :
HTML_CSS_ DIV_v2

 

Vous aimez cet article ? Partagez-le !