PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

Nouveauté WINDEV 23 !
  • Présentation
  • Cas particulier : Fichier en lecture seule
  • Ruban : Volet "Accueil"
  • Groupe "Général"
  • Groupe "Presse-papiers"
  • Groupe "Affichage"
  • Groupe "Couleurs"
  • Groupe "Dessin"
  • Groupe "Sélection"
  • Groupe "Calques"
  • Ruban : Volet "Autres outils"
  • Groupe "Taille"
  • Groupe "Effets et réglages"
  • Groupe "Transformation"
  • Volet de l'éditeur d'images
  • Gestion des calques
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
Champ Editeur d'images : Utiliser le ruban et le volet
Présentation
Le champ Editeur d'images propose de nombreuses fonctionnalités accessibles via :
  • Le ruban. Deux volets sont disponibles :
    • Le volet "Accueil" qui permet d'effectuer les manipulations de base sur une image.
    • Le volet "Réglages" qui permet d'effectuer des manipulations plus avancées.
  • Le volet de l'éditeur, qui permet d'effectuer rapidement de nombreux réglages.
Remarques : Les flèches situées en haut du ruban permettent de gérer le "Undo - Redo" sur le champ Editeur d'images.

Cas particulier : Fichier en lecture seule

Lorsqu'une image est ouverte en lecture seule, un bandeau "Lecture seule" est affiché à la place des flèches de gestion du Undo - Redo. Dans ce cas, seules quelques opérations sont disponibles.
Lecture seule
Ruban : Volet "Accueil"
Le volet "Accueil" permet d'effectuer toutes les manipulations de base sur une image.
Volet Accueil
Ce volet propose les groupes suivants :
  • Général : Permet d'ouvrir, créer, enregistrer ou imprimer une image.
  • Presse-papiers : Permet de gérer le presse-papiers (copier / coller).
  • Affichage : Permet de gérer les options d'affichage.
  • Couleurs : Permet de définir la couleur utilisée par les options de dessin.
  • Dessin : Permet d'utiliser les outils de dessin sur l'image ou le calque en cours.
  • Sélection : Permet d'effectuer une sélection sur le calque en cours, de la déplacer et de la redimensionner.
  • Calques : Permet de gérer les calques.

Groupe "Général"

Le groupe Général permet d'ouvrir, créer, enregistrer ou imprimer une image.
Groupe Général
Il est possible de :
  • Créer une nouvelle image.
  • Ouvrir une image existante.
  • Enregistrer ou enregistrer sous une image.
  • Imprimer une image. La fenêtre de configuration de l'impression est affichée (avec un aperçu du document imprimé).
    Options d'impression
    Il est possible de paramétrer :
    • les propriétés de l'imprimante : Nom de l'imprimante, orientation, mode d'impression, nombre de copies.
    • la position de l'image dans la page imprimée ainsi que les marges,
    • la taille de l'image.

Groupe "Presse-papiers"

Le groupe Presse-papiers permet de gérer le presse-papiers (copier / coller).
Groupe Presse-papiers
Remarque : Il est également possible d'utiliser les raccourcis classiques : CTRL C, CTRL V, CTRL X.

Groupe "Affichage"

Le groupe Affichage permet de gérer l'affichage des éléments dans l'éditeur.
Groupe Affichage
L'option "Gérer le zoom" permet de :
  • augmenter ou diminuer le zoom.
    Remarque : Pour modifier la valeur du zoom, il est également possible d'utiliser :
    • CTRL + la roulette de la souris.
    • la jauge située dans le volet de l'éditeur d'images.
  • afficher en taille réelle (100%).
  • adapter à l'écran.
  • préciser une valeur.
L'option "Volet" permet de gérer l'affichage du volet de l'éditeur d'images. Pour plus de détails, consultez Fonctionnalités du volet.

Groupe "Couleurs"

Le groupe Couleurs permet de définir la couleur utilisée par les options de dessin.
Groupe Couleurs
Il est possible de :
  • sélectionner une couleur via le sélecteur de couleur. L'aperçu de la couleur en cours est affiché dans la zone sous la pipette.
  • sélectionner une couleur spécifique déjà présente dans l'image en cours grâce à la pipette. Il suffit de cliquer sur l'outil "Pipette" dans le ruban, puis de cliquer dans l'image sur la couleur voulue.
    Remarque : Lors du survol d'une couleur par la pipette, celle-ci est affichée dans un aperçu à coté de la pipette.
Remarque : La gestion des couleurs est également disponible depuis le volet de l'éditeur d'images.

Groupe "Dessin"

Le groupe Dessin permet d'utiliser les outils de dessin sur l'image ou le calque en cours.
Groupe Dessin
  • L'outil "Crayon" permet de dessiner à main levée sur le calque en cours. La couleur du crayon est affichée dans le groupe "Couleurs" et a été sélectionnée via le sélecteur de couleur. L'épaisseur du crayon est déterminée dans le volet de l'éditeur d'images. Pour utiliser cet outil :
    1. Cliquez sur l'outil "Crayon" dans le ruban.
    2. Cliquez dans l'image à la position où le dessin doit être commencé.
    3. Maintenez le bouton gauche de la souris enfoncé jusqu'à la fin du dessin.
  • L'outil "Trait" permet de dessiner un trait sur le calque en cours. La couleur du trait est affichée dans le groupe "Couleurs" et a été sélectionnée via le sélecteur de couleur. L'épaisseur du trait est déterminée dans le volet de l'éditeur d'images. Pour utiliser cet outil :
    1. Cliquez sur l'outil "Trait" dans le ruban.
    2. Cliquez dans l'image à la position où le trait doit être commencé.
    3. Cliquez dans l'image à la position où le trait doit être terminé.
  • L'outil "Gomme" permet de gommer à main levée sur le calque en cours. La gomme efface le dessin sur le calque en cours. L'épaisseur de la gomme est déterminée dans le volet de l'éditeur d'images. Pour utiliser cet outil :
    1. Cliquez sur l'outil "Gomme" dans le ruban.
    2. Cliquez dans l'image à la position où le gommage doit être commencé.
    3. Maintenez le bouton gauche de la souris enfoncé jusqu'à la fin du gommage.
  • L'outil "Texte" permet d'écrire un texte sur le calque en cours. Pour utiliser cet outil :
    1. Cliquez sur l'outil "Texte" dans le ruban.
    2. Créez dans l'image la zone où le texte doit être positionné.
    3. La zone de texte apparaît et une barre d'outils permet de définir les différentes caractéristiques du texte à écrire :
      Zone de texte
      • Police utilisée et taille de la police,
      • Caractéristiques des caractères : gras, italique, souligné, ...
      • Couleur de fond, couleur du texte,
      • Disposition (centré, aligné à droite, ...).
    4. Saisissez votre texte. Pour sortir de la zone de texte, cliquez n'importe où sur l'image.
  • L'outil "Remplissage" permet de remplir une zone d'une couleur sur le calque en cours. La couleur de remplissage est affichée dans le groupe "Couleurs" et a été sélectionnée via le sélecteur de couleur. Pour utiliser cet outil :
    1. Sélectionnez la zone à remplir (par exemple à l'aide du rectangle, du lasso ou de la baguette).
    2. Cliquez sur l'outil "Remplissage" dans le ruban.
    3. Cliquez sur la zone à remplir. Le remplissage est automatiquement effectué.

Groupe "Sélection"

Le groupe Sélection permet d'effectuer une sélection sur le calque en cours, de la déplacer et de la redimensionner.
Groupe Sélection
  • Rectangle : Permet d'effectuer une sélection rectangulaire sur le calque en cours. Pour utiliser cet outil :
    1. Cliquez sur l'outil "Rectangle" dans le ruban.
    2. Cliquez dans l'image à la position où le rectangle doit être commencé.
    3. Maintenez le bouton gauche de la souris enfoncé jusqu'au point où le rectangle doit être terminé.
    4. La sélection peut ensuite être manipulé (déplacement, remplissage, ...).
  • Lasso : Permet d'effectuer une sélection à main levée sur le calque en cours. Pour utiliser cet outil :
    1. Cliquez sur l'outil "Lasso" dans le ruban.
    2. Cliquez dans l'image à la position où la sélection doit être commencée.
    3. Maintenez le bouton gauche de la souris enfoncé jusqu'au point où la sélection doit être terminée. Si ce point ne correspond pas au point de départ, les deux extrémités du lasso sont automatiquement reliées.
    4. La sélection peut ensuite être manipulé (déplacement, remplissage, ...).
  • Baguette : Permet d'effectuer une sélection selon les contours existants sur le calque en cours. Pour utiliser cet outil :
    1. Cliquez sur l'outil "Baguette" dans le ruban.
    2. Cliquez dans l'image à la position où la sélection doit être effectuée. Les pixels correspondants sont automatiquement sélectionnés.
      Remarque : Il est possible de spécifier la tolérance pour la baguette : il suffit de dérouler le menu situé à droite de l'option Baguette.
      Paramétrage de la tolérance
    3. La sélection peut ensuite être manipulée (déplacement, remplissage, ...).
  • Déplacer et redimensionner (CTRL T) : Cette option permet de fixer la sélection en cours pour :
    • la déplacer : il suffit de déplacer la sélection à l'aide de la souris,
    • la redimensionner : il suffit d'utiliser les poignées de redimensionnement autour de la sélection.
      Remarque : Si la touche SHIFT est maintenue enfoncée pendant le redimensionnement, le redimensionnement est homothétique (le ratio hauteur/largeur est conservé).
    • effectuer une rotation : il suffit d'éloigner la souris des poignées de de la zone pour afficher un curseur de rotation (double flèche incurvée). Il suffit alors de maintenir le bouton gauche de la souris enfoncé pendant le déplacement dans le sens de la rotation voulue. Le relâché du bouton gauche valide la rotation.

Groupe "Calques"

Le groupe Calques permet de gérer les calques.
Groupe Calques
Il est possible de :
  • Créer un nouveau calque soit vierge, soit à partir d'une image.
  • Dupliquer un calque existant.
  • Aplatir les calques de l'image.
Ces manipulations peuvent également être effectuées via le volet de l'éditeur d'images. Pour plus de détails, consultez Fonctionnalités du volet.
Ruban : Volet "Autres outils"
Le volet "Autres outils" permet d'effectuer diverses manipulations sur une image ou un calque de l'image.
Volet Autres outils
Les options sont regroupées en plusieurs groupes :
  • Taille : Permet de manipuler la taille de l'image.
  • Effets et réglages : Permet de manipuler le contenu de l'image.
  • Transformation : Permet de transformer l'image.

Groupe "Taille"

Le groupe Taille permet notamment de gérer la taille de l'image.
Groupe Taille
Il est possible de :
  • Redimensionner l'image : Il suffit d'indiquer dans la fenêtre qui s'affiche la nouvelle taille ou le pourcentage d'agrandissement/réduction.
    Redimensionnement

    Remarques :
    • Le redimensionnement est effectué pour le calque en cours. Si vous sélectionnez le calque "Toute l'image", le redimensionnement sera effectué pour tous les calques.
    • Un clic sur la chaînette permet d'effectuer un redimensionnement non proportionnel.
  • Agrandir la zone de travail : Il suffit d'indiquer dans la fenêtre qui s'affiche :
    Agrandissement
    • La nouvelle taille de l'espace de travail.
    • Le mode d'agrandissement de l'image.
  • Rogner l'image : Cette option transforme le curseur de la souris en outil spécifique. Pour utiliser cet outil, sélectionnez la zone à conserver. L'image est automatiquement rognée.
  • Rotation : Permet d'effectuer une rotation du calque en cours (prédéfinie ou personnalisée).
    Rotation
  • Symétrie : Permet d'effectuer une symétrie du calque en cours (horizontale et/ou verticale).
    Symétrie

Groupe "Effets et réglages"

Le groupe Effets et réglages permet notamment de gérer la taille de l'image.
Groupe Effets et réglages
Les options disponibles sont :
  • Contraste Luminosité : Cette option permet de régler le niveau de contraste et le niveau de luminosité de l'image via une fenêtre spécifique.
    Contraste et luminosité
    Le contraste est compris entre -100 et +100. La luminosité est comprise entre -255 et +255. Ces réglages peuvent être visualisés en temps réel sur l'image (option "Aperçu sur l'image").
  • Cadre : Cette option permet d'ajouter un cadre autour de l'image via une fenêtre spécifique.
    Paramétrage des cadres
    Il est possible :
    • d'utiliser un cadre prédéfini : simple noir, rond, ...
    • de personnaliser un cadre prédéfini.
    • d'utiliser un cadre complètement personnalisé.
  • Icône : Cette option permet de transformer l'image en cours en une icône. Les différents formats d'icône proposés par défaut sont affichés à gauche de l'éditeur. Il est possible d'ajouter des formats spécifiques (bouton "+"), de supprimer des formats inutiles, de regénérer les icônes en modifiant la taille de l'image de base.
    Icônes
  • Couleur transparente : Cette option permet de sélectionner la couleur qui deviendra transparente dans l'image.
    Couleur transparente
    Ce réglage peut être visualisé en temps réel sur l'image (option "Aperçu sur l'image"). La pipette permet de sélectionner directement une couleur de votre image.
  • Réglages TSL : Cette option permet de modifier les options de Teinte, Saturation, Luminosité de l'image.
    Réglages TSL
    La teinte est comprise entre -180 et +180. La saturation est comprise entre -100 et +100. La luminosité est comprise entre -255 et +255. Ces réglages peuvent être visualisés en temps réel sur l'image (option "Aperçu sur l'image").
  • Transfo couleurs : Cette option permet de remplacer dans l'image une couleur par une autre.
    Transformation des couleurs
    Ce réglage peut être visualisé en temps réel sur l'image (option "Aperçu sur l'image").
  • Ombre : Permet d'appliquer un effet d'ombre sur les éléments de l'image par rapport au fond de celle-ci. Les effets d'ombre sont cumulatifs à chaque clic sur l'option "Ombre". La source de lumière pour générer l'ombre provient du coin en haut à gauche.
  • Halo : Permet de définir une ombre qui entoure les éléments de l'image (équivalent d'une ombre de tous les côtés). L'épaisseur du halo peut être réglé.
    Halo
    Ce réglage peut être visualisé en temps réel sur l'image (option "Aperçu sur l'image").
  • Noir et blanc : Permet de convertir l'image en couleurs en mode noir et blanc (niveaux de gris).
Les options disponibles sont :
  • Contraste Luminosité : Cette option permet de régler le niveau de contraste et le niveau de luminosité de l'image via une fenêtre spécifique.
    Contraste et luminosité
    Le contraste est compris entre -100 et +100. La luminosité est comprise entre -255 et +255. Ces réglages peuvent être visualisés en temps réel sur l'image (option "Aperçu sur l'image").
  • Couleur transparente : Cette option permet de sélectionner la couleur qui deviendra transparente dans l'image.
    Couleur transparente
    Ce réglage peut être visualisé en temps réel sur l'image (option "Aperçu sur l'image"). La pipette permet de sélectionner directement une couleur de votre image.
  • Réglages TSL : Cette option permet de modifier les options de Teinte, Saturation, Luminosité de l'image.
    Réglages TSL
    La teinte est comprise entre -180 et +180. La saturation est comprise entre -100 et +100. La luminosité est comprise entre -255 et +255. Ces réglages peuvent être visualisés en temps réel sur l'image (option "Aperçu sur l'image").
  • Transfo couleurs : Cette option permet de remplacer dans l'image une couleur par une autre.
    Transformation des couleurs
    Ce réglage peut être visualisé en temps réel sur l'image (option "Aperçu sur l'image").
  • Ombre : Permet d'appliquer un effet d'ombre sur les éléments de l'image par rapport au fond de celle-ci. Les effets d'ombre sont cumulatifs à chaque clic sur l'option "Ombre". La source de lumière pour générer l'ombre provient du coin en haut à gauche.
  • Halo : Permet de définir une ombre qui entoure les éléments de l'image (équivalent d'une ombre de tous les côtés). L'épaisseur du halo peut être réglé.
    Halo
    Ce réglage peut être visualisé en temps réel sur l'image (option "Aperçu sur l'image").
  • Noir et blanc : Permet de convertir l'image en couleurs en mode noir et blanc (niveaux de gris).

Groupe "Transformation"

Le groupe Transformation permet notamment de gérer la taille de l'image.
Transformation
Les options disponibles sont :
  • Icône : Cette option permet de transformer l'image en cours en une icône. Les différents formats d'icône proposés par défaut sont affichés à gauche de l'éditeur. Il est possible d'ajouter des formats spécifiques (bouton "+"), de supprimer des formats inutiles, de regénérer les icônes en modifiant la taille de l'image de base.
    Icônes
  • Multi DPI : Permet de créer un jeu d'images correspondant aux différents DPI . Les différents DPI proposés par défaut sont affichés à gauche de l'éditeur. Il est possible d'ajouter des DPI spécifiques (bouton "+"), de supprimer des DPI inutiles, de regénérer les images en modifiant la taille de l'image de base. L'option "Export DPI" présente dans le volet "Accueil" du ruban permet de générer les fichiers correspondants. Le nom de ces images est formaté de la façon suivante :
    omImage@dpi99x.Extension
    Où 99x correspond au coefficient multiplicateur par rapport au DPI de l'éditeur.
    L'éditeur travaille en 160 DPI. Par exemple, pour une image "Logo.png", le jeu d'images sera :
    • "Logo@dpi1x.png" pour le DPI de 160.
    • "Logo@dpi1_5x.png" pour le DPI de 240.
    • "Logo@dpi2x.png" pour le DPI de 320.
    • "Logo@dpi3x.png" pour le DPI de 480.
    • "Logo@dpi4x.png" pour le DPI de 640.
  • Cadre : Cette option permet d'ajouter un cadre autour de l'image via une fenêtre spécifique.
    Paramétrage des cadres
    Il est possible :
    • d'utiliser un cadre prédéfini : simple noir, rond, ...
    • de personnaliser un cadre prédéfini.
    • d'utiliser un cadre complètement personnalisé.
Volet de l'éditeur d'images
Le volet présent à droite de l'éditeur d'images permet de :
Volet de l'éditeur d'images
  • Visualiser un aperçu de l'image et de la sélection réalisée dans l'image.
  • Zoomer l'image affichée sous l'éditeur grâce au curseur de taille.
  • Sélectionner la couleur utilisée pour les différents outils (remplissage, crayon, trait, ...). Il est également possible de sélectionner la couleur via la pipette.
  • Sélectionner l'épaisseur de différents outils (trait, crayon, ...).
  • Gérer et sélectionner les calques.

Gestion des calques

Les calques sont un ensemble de couches empilées les unes au-dessus des autres dont chacune contient une partie des éléments de l'image. Il est possible par exemple de créer un calque pour réaliser un tampon "Promotion" sur une image.
Les options disponibles sur les calques sont les suivantes :
  • Rendre un calque visible ou invisible (Visible),
  • Ajouter un nouveau calque (Nouveau),
  • Supprimer le calque sélectionné (Supprimer),
  • Dupliquer le calque sélectionné (Dupliquer),
  • Déplacer le calque sélectionné (Déplacer),
  • Aplatir l'image (Aplatir).
Chaque calque possède également un menu contextuel de le manipuler (dupliquer, fusionner, déplacer, ...).
L'option "Visible/Invisible par programmation" permet de rendre le calque manipulable par programmation : il est alors possible d'afficher l'image dans un champ Image en spécifiant le calque à rendre visible ou invisible.
Cette option est disponible uniquement à partir de la version 230042.
}}
Version minimum requise
  • Version 23
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire