background preloader

La retouche d'image facile avec Pixlr Editor

La retouche d'image facile avec Pixlr Editor
Pourquoi la retouche d’images? Lorsque l’on prépare des leçons, il n’est pas rare d’avoir à manipuler des images pour illustrer nos documents. Alors certes, il y a bien la bonne vieille méthode traditionnelle papier/colle/ciseaux qui fait toujours ses preuves, mais il faut bien l’avouer, l’utilisation de l’informatique et plus particulièrement du logiciel de retouche d’images va grandement simplifier cette tâche. Dans la famille « retouche d’images », je voudrais le fils… j’ai nommé Pixlr Editor. Présentation de Pixlr Editor Bien que cet article soit classé dans la catégorie « Logiciels », ce n’est pas véritablement le cas de Pixlr Editor puisqu’il s’agit d’un éditeur en ligne. Hormis cet aspect, Pixlr Editor n’a pas à rougir devant les plus grands du marché dont le célèbre Photoshop. L’interface de Pixlr Editor Côté interface, on retrouve très vite ses marques pour peu que l’on soit habitué à ce genre de programme. Utilisation Conclusion Caractéristiques Vous aimez cet article? Save Save

https://www.informatique-enseignant.com/retouche-images-pixlr-editor/

Related:  3.2. Développer des documents multimediaDévelopper des documents multimédia

Tutoriel Les captures d'écran Langue : <img src=" Genre : <img src=" Traduction : screenshot Niveau : débutant Capture d’écran Définition Le terme de capture d’écran signifie prendre une « photo » de ce qui apparaît à l’écran à un instant donné. L’image à l’écran est enregistrée. En savoir plus sur Capture d’écran Pour faire des captures d’écran nous aurons besoin de quelques raccourcis clavier : Langue : <img src=" Genre : <img src=" Traduction : Hotkeys Niveau : débutant Raccourci clavier Définition Un raccourci clavier représente une combinaison de touches à appuyer simultanément sur le clavier pour effectuer une action bien précise sur l’ordinateur. En savoir plus sur Raccourci clavier Impr écran

SVG, le dessin vectoriel pour le web SVG est un format d'images vectorielles basé sur le langage de balisage XML. Il répond parfaitement à des besoins graphiques légers, qu'ils soient statiques, dynamiques ou interactifs. SVG (Scalable Vector Graphics) est un format de dessin vectoriel, élaboré à partir de 1998 par un groupe de travail comprenant entre autre IBM, Apple, Microsoft, Xerox. Il a mis du temps à être estimé à sa juste valeur sur le Web, notamment à cause de sa lente adoption par les navigateurs. Avantages SVG est un format d'image léger lorsqu'il s'agit de représenter des formes simples, car seules les informations décrivant ces formes sont stockées (coordonnées, couleurs, effets) contrairement aux images bitmap (JPG, PNG, GIF) qui doivent mémoriser le contenu pixel par pixel. Son apprentissage est facile car basé sur une syntaxe simple et intuitive Il peut être édité par un éditeur de texte basique car c'est du XML Il peut être manipulé via JavaScript, car présent dans le DOM Il peut être stylé grâce à CSS <?

Convertir et gérer les formats d’image dans Gimp Vous connaissez probablement Gimp pour ses capacités de retouche photo mais il peut faire bien d’autres choses. Il permet aussi grâce à sa grande compatibilité de passer d’un format d’image à autre. C’est très pratique pour lire certains formats « exotiques » mais aussi pour sauvegarder une image dans un format adapté à son usage final. Changer le format d’une image avec Gimp Avant de savoir comment fonctionne les formats d’image dans Gimp, il faut comprendre la subtilité de Gimp sur la sauvegarde des fichiers. Enregistrer (menu Fichier > Enregistrer) permet de sauvegarder le projet au format XCF. Enregistrer et Exporter ce n’est pas pareil… Si vous avez bien compris le principe, pour changer le format d’une image, vous devez l’ouvrir avec Gimp pour l’exporter dans le format qui vous intéresse. Les formats d’image courants Il existe des dizaines de formats de fichier pour les images, ces formats pouvant eux-mêmes avoir des variantes. JPG (JPEG File Interchange Format) XCF (Projet Gimp)

Photos libres de droits et droit d'auteur : comment ça marche ? Le contenu écrit reste aujourd’hui primordial sur Internet : il permet aux auteurs d’aller au bout de leurs raisonnements et aux internautes de bien comprendre les concepts, les projets et les sujets d’actualité. Et puisque les robots référencent les sites Internet en se basant sur le texte, l’écrit a encore un bel avenir devant lui. Mais dans bien des cas, les images et les photos permettent d’illustrer les articles publiés. Qu’il s’agisse de photos d’actualité pour montrer la réalité du terrain ou de représentations de concepts pour habiller son papier, l’image a tendance à prendre de l’importance. Cependant, les droits relatifs aux images ne doivent pas être oubliés : toutes les photos ne peuvent être utilisées librement, Internet n’est pas une zone de non-droit. Trouver une image exploitable n’est pas toujours évident et plusieurs types de droits relatifs aux photos co-existent. Les photos protégées par le droit d’auteur Les banques d’images : des photos payantes et libres de droits

ligne de temps Mieux connaître les formats vidéo Les formats de conteneurs : AVI (Audio Video Interleave, soit Imbrication Audio Vidéo en français) : Format de la catégorie des conteneurs, il est très pratique et très utilisé. C’est l’un des formats vidéo les plus répandu, il est compatible PC car il a été créé par Microsoft pour Windows. Extension : .avi. Avantages : Dans un fichier AVI, chacune des composantes peut être compressée par n’importe quel codec. Inconvénients : Les fichiers utilisant le AVI restent relativement lourds. Format conteneur, propriétaire Apple créé en 1989 et mis sur le marché en 1991, il peut contenir plusieurs pistes de plusieurs types : audio, vidéo, texte (pour les sous-titres) chacune compressées avec des codecs différents. Extensions : .mov, .qt, .qtx, .qtr, .qt3. Avantage : Les fichiers dans ce format sont légers. Inconvénients : Il nécessite l’utilisation du lecteur QuickTime. Format propriétaire de Real Networks. Extensions : .rm, .ram, .rpm. WMV (Windows Media Video) : Extension : .wmv. Extension : .wmf.

Haute définition La haute définition (HD) désigne une classification d'équipements de télédiffusion et de vidéo numérique ayant une définition d'au moins 720p (1280 par 720 pixels). Elle est l'évolution du SDTV. Le terme HD s'étend à l'ensemble des techniques audiovisuelles numériques telles que le HDV (grand public), le HDCam, la télévision (DVB-T, DVB-S, DVB-C), les supports disque Blu-ray, HD DVD, l'enregistrement multimédia sur disque dur, ainsi qu'au stockage de données informatiques. Principes techniques[modifier | modifier le code] Les spécificités de la HD nécessitent une définition de l'image vidéo supérieure (d'un facteur de deux au minimum) à celle de la référence dite « SD » (pour Standard Definition). Les industriels considèrent qu'un équipement vidéo peut être qualifié HD dès lors qu'il traite ou exploite un signal vidéo dont la définition verticale (nombre de lignes) est supérieure à 720 points. Historique : télévision à haute définition[modifier | modifier le code]

Comparaison des définitions 480p, 720p, 1080p, 4K et 8K Entre les écrans de télévision à tubes cathodiques de définition 480p (720 x 480 pixels) et les téléviseurs UHD 4K (définition de 3840 x 2160 pixels), le nombre de pixels qui composent l'image a été multiplié par 24, avec à la clé une bien meilleure résolution de l'image (plus de pixels sur la même surface à taille égale), donc plus de détails visibles mais aussi plus de nuances dans les lumières et les couleurs. Pour bien comprendre et se représenter les progrès technologiques accomplis à chaque nouvelle définition d'image et les bénéfices pour les spectateurs, on peut considérer l'apport des différents formats selon deux angles illustrés par les visuels ci-dessous. Voir toutes les TV UHD 4K Définition et résolution : quelles différences ? La définition d’un écran désigne le nombre de pixels qu'il peut afficher. On confond souvent le terme "définition" avec celui de "résolution". Tableau récapitulatif des principales définitions d'images Une meilleure résolution à taille d'image égale

Les chemins dans Gimp : dessin vectoriel et sélections complexes Nous allons nous attarder sur un outil très puissant et pourtant très méconnu de Gimp : les chemins. Il s’agit d’un outil de tracé basé sur des courbes paramétriques (courbes de beziers). Il permet de faire des tracés complexes, des détourages précis, du dessin vectoriel,… bref, il mérite qu’on s’y attarde un peu ! Tracer un chemin L’outil des chemins est accessible dans la boite à outil (touche raccourci clavier B). Une fois l’outil actif, cliquez dans la zone de travail pour placer les points de passage du chemin. Le chemin n’est pas un tracé comme les autres. Les points d’ancrages : Représentés par des rond, ils marquent les points de passage du tracéLes poignées : Chaque point d’ancrage est pourvu de deux tangentes (segment avec un carré à l’extrémité). Pour tracer un chemin, il faut donc placer les points d’ancrages aux endroits où vous voulez le faire passer puis orienter les poignées pour avoir la forme de courbe voulue. Un texte peut être converti en chemin La fenêtre des chemins

Rognage, redimensionnement, rotation et autres paramétrages Rogner les images Lorsque vous n'êtes intéressé que par une section de l'image pour les propos de votre document, vous pouvez souhaiter la rogner (en couper des parties). Pour commencer à rogner une image, faites un clic avec le bouton droit dessus et sélectionnez Image à partir du menu contextuel. Dans la boîte de dialogue Image, sélectionnez l'onglet Rogner. Les options disponible pour rogner une image Dans la boîte de dialogue Rogner, vous pouvez contrôler les paramètres suivants : Les options Conserver l'échelle / Conserver la taille de l'image : lorsque Conserver l'échelle est sélectionné (par défaut), le rognage de l'image ne modifie pas l'échelle de l'image. Lorsque Conserver l'échelle est sélectionné, la taille de l'image est également modifiée, ainsi dans cet exemple, la largeur sera réduite de 3 cm. Notez que les champs Largeur et Hauteur se modifient au fur et à mesure que vous saisissez des valeur lorsque vous êtes dans ce mode. Redimensionner une image Figure 8.

MP #160 : Pixels, définition et résolution d’image En photographie numérique, deux concepts font souvent surface lorsque l’on discute de fichiers images : la définition et la résolution de l’image. On pourrait penser que ces deux termes sont interchangeables, mais ce n’est pourtant pas le cas, malgré des abus de langage courants. Ce Mercredi Pratique est fait pour vous éclairer une fois pour toutes sur ce sujet et vous aider à préparer vos photos pour l’impression. Un élément de base : le pixel À la base de toute image matricielle (ou bitmap) comme une photo numérique, il y a le pixel. Nous parlons ici d’images matricielles ou bitmaps, car il existe également les images vectorielles, qui n’utilisent pas de pixels mais des objets géométriques (segments de droite, polygones, arcs de cercle, courbes de Bézier) et ne sont pas concernés par le concept de résolution ou de définition, sauf lorsque l’on passe d’une image vectorielle à une image bitmap, pour de l’affichage ou de l’impression par exemple. La définition d’une image soit Conclusion

Sketch et les vecteurs Sketch3 est un outil merveilleux, il brille tout particulièrement dans le domaine des formes vectorielles. Dans ce tutoriel bien fait, Peter Nowell établit les bases, puis nous apprend quelques astuces. Par Peter Nowell Si vous avez ouvert cet article, j’en déduis que vous avez déjà une connaissance de base à la fois des vecteurs et de l’application de design Sketch créée par Bohemian Coding. ( NDT: si ce n’est pas le cas, vous pouvez vous référer à l’excellent tutoriel de Sébastien Gabriel). Je vais vous montrer ici quelques secrets utilisés par les spécialistes de Sketch, dont la façon de personnaliser et de combiner des formes basiques à l’intérieur de vos propres illustrations, typos ou icônes; comment résoudre des problèmes techniques parfois incompréhensibles, même pour des designers professionnels; et comment mettre à profit des trucs et astuces dans votre workflow. NDT: cet article est le premier d’une série sur l’utilisation des outils Sketch. Insérer une forme L’outil crayon

Qu'est-ce que le dessin vectoriel ? [sommaire]Mise à jour mars 2010 Préambule L’introduction de cette animation s’est appuyée sur un diaporama qui est disponible dans l’espace téléchargement en bas de page. Comparaison dessin vectoriel et dessin bitmap En informatique, les images peuvent être codées selon deux formes : Haut de page Associations d’objets vectoriels Quelques icônes et barres d’outils OpenOffice.org Draw Les barres d’outils d’OpenOffice.org varient en fonction des objets sélectionnés. Dans le module Draw il est intéressant d’afficher la barre d’outils Options : Les icônes de ces barres d’outils fonctionnent : en bascule : un clic ouvre une fenêtre ou réalise une action, un second clic ferme la fenêtre ou annule l’action réalisée. Voici une présentation des icônes de la barre d’outils Dessin qui nous sera bien utile (au lancement du module OpenOffice.org Draw elle s’affiche automatiquement en bas de l’écran, sinon voir ci dessus…) : Voici les fenêtres ouvertes pour tous ces outils : Téléchargement des documents

Qu'est ce que la résolution, la taille et la définition d'une photo ? La résolution, la taille et la définition d’une image sont des paramètres essentiels dans votre processus de création. En effet, que vous destiniez votre photo à l’impression, au partage sur le web ou à la création d’un diaporama sur votre télévision, ces valeurs seront bien sur différentes. Nous allons donc voir à quoi correspondent ces paramètres et comment les modifier très facilement. Article mis à jour le 18/03/2019 Qu’est ce que la résolution, la taille et la définition d’une photo ? Comme vous le savez, le pixel (contraction en anglais de picture element) est l’unité élémentaire qui constitue une image numérique. Aujourd’hui, une image numérique peut être soit affichée sur un écran, soit imprimée. S’il n’est pas si évident que cela de faire la différence entre la définition et la taille d’une image, cela l’est encore moins avec la résolution. La définition correspond au nombre de pixels qui composent votre image. Premier exemple : j’ai créé 2 versions de la même image. Conclusion :

Related:  Logiciels Web