Exemples d applications. Qu est ce que l Informatique Graphique? Infographie 2D pour l interaction. Introduction

Dimension: px
Commencer à balayer dès la page:

Download "Exemples d applications. Qu est ce que l Informatique Graphique? Infographie 2D pour l interaction. Introduction"

Transcription

1 Infographie 2D pour l interaction Stéphane Conversy ENAC - Introduction Éléments: Nicolas Roussel, Projet InSitu, Université Paris-Sud Qu est ce que l Informatique Graphique? Exemples d applications Modélisation structures de données pour la représentations de scènes 2D ou 3D Rendu construction d images 2D à partir de modèles 2D ou 3D Affichage d informations cartographie données statistiques imagerie médicale visualisation scientifique (biologie, mécanique, etc.) Animation simulation de changements au cours du temps Interaction avec un ou plusieurs utilisateurs MillionVis, J-D Fekete & C. Plaisant, HCIL University of Maryland, 2002

2 Exemples d applications Exemples d applications Simulation et animation Conception poignées de portes voitures architecture VLSI CATIA (Prost Grand Prix) simulateurs de conduite, de vol, d assemblage dessins animés, films jeux (marché supérieur au cinéma) œuvres d art "Toy Story 2", Disney / Pixar, 1999 Flight simulator, Microsoft, 2002 "Star Wars Episode II", Lucasfilm, 2002 "Impressions of San Francisco» P. Litwinowicz, Apple Computer, SIGGRAPH 97 DataCAD Exemples d applications Quels sont les problèmes que l on se e? Que veut-on afficher? Primitives graphiques Formes, transparence, transformation, style Comment les afficher? Algorithmes Tracé, remplissage, transparence Comment s en servir? Outils, API Photoshop/Illustrator, opengl, svg Qu est-on capable d afficher pour l interaction? Services pour l interaction Performances

3 Exemple 1: discrétisation de ligne par point médian But: allumer les pixels les plus proches d une ligne passant par deux pixels donnés (discrétisation ou rasterisation) Exemples d algorithmes fondamentaux (x1,y1) 1er octant (x0,y0) Une première approche Point Médian y = ax+b a = (y1-y0)/(x1-x0) b = y0 Pour x = x0 à x1: y = arrondi(ax+b) allumerpixel(x,y) À chaque itération calculs en virgule flottante calculs d arrondi Points médians

4 Solution à base de point médian Equation implicite de la droite: F(x,y) = ax + by + c a = (y1-y0) b = (x0-x1) c = y0 Propriétés: F(xi,yi) > 0 : point (xi,yi) en dessous de la droite F(xi,yi) = 0 : point (xi,yi) appartient à la droite F(xi,yi) < 0 : point (xi,yi) au dessus de la droite Algorithme du point médian Après avoir choisi un pixel (xi,yi), calculer la ition du point médian suivant (xi+1, yi+ 1/2), et décider du prochain pixel à allumer (xi,yi) (xi+1,yi+ 1/2) (xi,yi) (xi+1,yi+ 1/2) E NE (xi+1,yi+ 1/2) (xi,yi) Calculs préliminaires Algorithme du point médian Position du point médian correspondant à (xi,yi): di = F(xi+1,yi+1/2) : «valeur de décision» Calcul incrémental : si choix E: d i+1 = F(xi+2, yi+1/2) = d i + a incre= a si choix NE: d i+1 = F(xi+2, yi+3/2) = d i + a+b incrne=a+b d 0 = F(x0+1,y0+1/2) = F(x0,y0)+a+b/2 = a+b/2 Choix E ou NE, test du signe d>0?! 2d>0 On recalcule les incréments: incre = 2a incrne = 2(a+b) a = y1-y0 b = x0-x1 d = 2a+b incre = 2a incrne = 2(a+b) x = x0 y = y0 Tant que x<=x1: allumerpixel(x,y) ++x si d <= 0: d += incre sinon: d+=incrne; ++y Calcul en entiers! Que des additions!

5 Exemple 2: tesselation d une courbe de Bézier Tesselation Définie par 4 points: P0 et P3 extrémités P1 et P2 définissent les tangentes aux extrémités P0 P2 Rastérisation passage du continu au discret Ex: la ligne analytique -> ensemble de pixels P P1 B(t) = [t 3 t 2 t 1] P P3 x(t) = (-x0+3x1-3x2+x3) t 3 + (3x0-6x1+3x2) t 2 + (-3x0+3x1)t + x0 y(t) = (-y0+3y1-3y2+y3) t 3 + (3y0-6y1+3y2) t 2 + (-3y0+3y1)t + y0 ou B(t) = (1- t) 3 P0 + 3t(1-t) 2 P1 + 3t 2 (1-t)P2 + t 3 P3 Polynômes de Bernstein P1 P3 Tesselation: Remplissage d un plan par des formes qui ne se superent pas et sans trou Ex: passage d une surface continue à une représentation par parties Bezier - > segments de lignes «vectorisation» Analytique -> Tesselation -> Rastérisation 1ère Méthode: méthode itérative Algo itératif Principe: évaluation de x(t) et y(t) pour 0<=t<=1 5 mul et 3 add (init: 7 mul 6 add) Optimisation 1: représentation de Horner d un polynôme f(t) = at 3 +bt 2 +ct+d=(((at+b)t+c)t+d 3 mul et 3 add Optimisation 2: différence en avant avec dt constant, on réutilise le calcul précédent s= dt f(t+s) = f(t)+df(t) df(t) = 3at 2 s+t(3as 2 +2bs)+as 3 +bs 2 +cs Optimisation 2.5: Même technique avec df(t) et d2f(t): d 2 f(t) = d(df(t)) = df(t+s)-df(t) = 6as 2 t+6as 3 +2bs 2 d 3 f(t) = d(d 2 f(t)) =d 2 f(t+s)-d 2 f(t) = 6as 3 = cte f n+1 = f n + df n df n = df n-1 + d 2 f n-1 d 2 f n-1 = d 2 f n-2 +d 3 f n-2 Valeurs initiales: f 0 =d df 0 =as 3 +bs 2 +cs d2f 0 =6as 3 +2bs 2 d3f 0 =6as 3 dessinebezieriter(courbe,n): x=courbe.p0.x init() pour i=0 à n: x += dx dx += d2x d2x += d3x tracersegment(x,y) 6 add au lieu de 12 mul et 9 add Résultat dépendant de la forme

6 2ème méthode: subdivision Subdivision d une courbe de Bezier Par subdivision: P = Q + T On subdivise jusqu à une «précision suffisante» G0 G P P1 dessinebezier(courbe,e): si rectiligne(courbe,e) P0 P1 P2 P3 G0 G2 G1 G3 D1 D0 D2 D3 G2 = 1/ P2 G P3 D P0 D P1 D2 = 1/ P2 D P3 dessinesegment(courbe.p0,courbe.p3) sinon subdivise(courbe,gauche,droite) dessinebezier(gauche,e) dessinebezier(droite,e) Avantage: indépendant de la forme de la courbe Inconvénient: calcul du test de précision coûteux API de plus haut-niveau pour le tracé de ligne Autres algorithmes Avec OpenGL: direct mode glbegin(gl_lines); glvertex2i(x0,y0); glvertex2i(x1,y1); glend(); Avec SVG: svgdoc.add(new SVGLine(x0,y0,x1,y1)) Retained mode Remplissage de polygones Triangles, polygones quelconques Antialiasing Clipping, culling Enlever les parties non visibles Gestion de la profondeur Partitionnement spatial BSP-tree, Quad-trees Depth Buffer Tesselation des contours Epaisseur de traits, pointillés, bevel/rounded

7 Vue d ensemble Images Photoshop,illustrator, 3DStudio SVG, Inventor, TkZinc Java2D,GDI, MacOSX OpenGL, DirectX Description d une scène Graphe de scène (Scene graph) Attributs de haut-niveau Primitives graphiques Algorithmes fondamentaux d IG Rasterisation Discrétisation Clipping Masking Représentation des images Opérations sur les images bitmap rgb packed rgbrgbrgbrgbrgbrgb rgbrgbrgbrgbrgbrgb rgbrgbrgbrgbrgbrgb rgbrgbrgbrgbrgbrgb grayscale rgb planar ggggggggg ggggggggg ggggggggg ggggggggg bbbbbb gggggg bbbbbb rrrrrrrr gggggg bbbbbb rrrrrrrr gggggg bbbbbb rrrrrrrr gggggg rrrrrrrr g sur 8,16,24 bits rrrrrrrrrrrrrrrrrrrrrrrrgggggg ggggggggggggggggggbb bbbb bbbbbbbbbbbb en mémoire... Filtres Définition super générale: traitement mathématique des pixels d une image Généralement, opération impliquant les pixels voisins d un pixel donné rgba indexé rgbargbargbargbargbargb rgbargbargbargbargbargb rgbargbargbargbargbargb rgbargbargbargbargbargb iiiiiiiii iiiiiiiii iiiiiiiii iiiiiiiii 0: rgb 1: rgb 2: rgb 3: rgb. palette ggggggggg ggggggggg ggggggggg ggggggggg imag e fff fff fff filtre ggggggggg fff ggggggggg fff ggggggggg fff ggggggggg hhhhhhhh h hhh h i,j = f k-1,l-1 *g i-1,j-1 +f k,l-1 *g i,j >convolution

8 Exemples de filtres Opérations sur les images Box filter Filtre passe-bas Blur 1/9 x Histogramme Occurrence d une couleur dans une image nb Filtre de Sebel Filtre passe-haut Détection de contours nb g nb nb nb g sombre claire g g contrastée g peu contrastée Format des images Tesselation du 8 Sans perte: PNG format libre Indexé, grayscale, rgba, entrelacé Mng pour l animation Compressé à la zlib GIF Indexé, un index pour l opacité Gif animé Compressé à la zlib Avec perte: JPEG Transformée de Fourier et élimination des basses fréquences

9 2D vs 3D 3D: qualité de rendu (réalisme) 2D: qualité de lecture (texte et forme) Tesselation du cercle

10 Point médian pour le cercle Remplissage par Scan-line Arêtes actives Scanline Tesselation des polygones Support du pixel LCD

11 Sous-pixel Spécification des couleurs en sous pixel RVB RVB Halo blanc, trou noir, effet de relief Trou > taille d un pixel Mélange des sous pixels R et B -> luminosité accrue Comparaison deux à deux -> contraste perçu

12 AntiAliasing AntiAliasing et Perception Améliorer la perception des formes Améliorer la qualité esthétique Techniques d anti-aliasing Sub-pixel anti-aliasing Par primitive À chaque pixel à allumer, on calcule la luminosité des voisins selon des algos spécifiques aux primitives (ligne, cercle etc) Gupta-sproull Global FSAA: Full Scene Anti-Aliasing Supersample (voire Multisample)

13 SubPixel Antialiasing Sub-pixel anti-aliasing et texte

14 Ne marche qu avec des LCD Pas de rotation de l écran! Point médian pour le cercle Qualité de rendu illustrator, opengl (scanline vs vector) (image rond moche) Parler de freetype et du rendu de fonte Polygone -> courbe de bezier Polygone convexe vs concave Luminosité / surface Luminosité: perception de la luminance Quelle est l influence de la surface sur la luminosité? => expé Evaluer la quantité de «matière ée»? Anti-aliasing Pixel: Diagonale Sous-pixel

15 Transformations affines géométriques Coordonnées homogènes Exemples de transformations affines translation homothétie (scale) rotation projection cisaillement (shear) toute comition de transformations affines Un point en 2 dimensions est spécifié par 3 coordonnées x V = y w w=1 habituellement (sinon, diviser par w) les transformations s expriment par des matrices 4x4: V = MV Les transformations affines préservent la géométrie une ligne reste une ligne un polygone reste un polygone une quadrique reste une quadrique 1 0 tx 0 1 ty x y 1 x+tx y+ty 1 sx sy x y 1 x*sx y*sy 1 cosa sina 0 -sina cosa x y 1 x*cosa+y*sina -x*sina+y*cosa 1 translation homothétie rotation Programmation des transformations les comitions de transformations correspondent à des produits de matrices: V =M1M2 V x y 1 x y 1 OpenGL gère une matrice de transformation courante M MV On peut y appliquer des transformations en appelant glloadidentity, glrotatef, gltranslatef, glscalef, glloadmatrix, glmultmatrix 1 0 tx 0 1 ty sx sy x y translation homothétie identité x y 1 glloadidentity() glrotatef(35,0,0,1) gltranslatef(20,0) glbegin( ) glvertex( ) M MV M MV M MV M MV xr M MV xt V M MV xv=irtxv

16 Ordre des transformations Repère global fixe ou repère local transformé Repère local transformé Ordre d application (celui du code) translation puis rotation? ou rotation puis translation?! glloadidentity( ) gltranslatef( ) glrotatef( ) glbegin( ) glvertex2f( ) Ordre d application (inverse du code) Grand repère global fixe V =ITRV Repère global fixe ou repère local transformé Rotation centrée sur le barycentre Repère local transformé Repère local Grand repère global fixe V =IRTV glloadidentity( ) glrotatef( ) gltranslatef( ) glbegin( ) glvertex2f( ) Ordre d application (inverse du code) Ordre d application (celui du code) Repère global translation rotation rotation? glloadidentity( ) gltranslatef() gltranslatef(bary) glrotatef( ) gltranslatef(-bary) glbegin( ) glvertex2f( )

17 Zoom centré curseur Zoom centré curseur Zoom centré curseur Par mise à jour des coordonnées P P F = point de focus F Zoom: FP = FP x ds, avec ds = s new /s old Pour chaque P: P.x = (P.x-F.x) x ds + F.x Correspond à T F S -ds T -F «Zoom coordonnées»

18 Avec 2 opérations globales glloadidentity( ) glscalef(zoom,zoom) gltranslatef(xpan, ypan) drawscene() description analytique description vectorisée description pixelisée Zoom est contrôlé par la molette, que devient xpan quand la molette émet un événement? Propriété: en coordonnées écran, F =F (xf + xpan2) x s x ds = (xf + xpan) x s xpan2 = ((xf + xpan) / ds) - xf xpan2 = xpan + ((1-ds)/ds) (xpan+xf) Bien pour appliquer des rotation et translations globales Marchent pas pour des épaisseur indépendantes du zoom x=rcos(t) y=rsin(t) tesselation rasterisation Picking A isinbezierbbox(cur.x, cur.y)? Yes! Déterminer sur quel objet a cliqué l utilisateur Méthode analytique isinbezier(cur.x, cur.y)? Euh A A isin(cur.x, cur.y)? isinboundingbox(cur.x, cur.y)? Rasterization dans la zone curseur

19 Picking OpenGL Gestion intégrée du graphisme Redisplay() Rafraîchissement On affiche normalement la scène dans une toute petite fenêtre autour du curseur C est la définition du picking: à qui appartient le pixel sous le curseur? Programme glloadidentity( ) gltranslatef() glrotatef( ) gltranslatef(-bary) glbegin( ) glvertex2f( ) VRAM Contrôleur video Écran A Redisplay() Rafraîchissement Programme Pour chaque objet: répondre aux évts et changer ses propriétés afficher l objet le mettre au bon endroit utiliser telle couleur épaisseur tesseler rasterizer VRAM Contrôleur video Écran Pour chaque objet: répondre aux évts et changer ses propriétés afficher l objet le mettre au bon endroit utiliser telle couleur épaisseur tesseler rasterizer

20 Pour chaque objet: répondre aux évts et changer ses propriétés Pour chaque objet: afficher l objet le mettre au bon endroit utiliser telle couleur épaisseur tesseler rasterizer Programme Pour chaque objet: répondre aux évts et changer ses propriétés Graphe de scène Pour chaque objet: afficher l objet le mettre au bon endroit utiliser telle couleur et épaisseur tesseler rasterizer Graphe de scène Type de graphe de scène Liste (Display list) But: Déporter une partie du travail de gestion des scènes graphiques dans un module logiciel Pour faciliter la vie du programmeur Rôle Retenir les objets graphiques Création, modification géométrique et de style Gérer l affichage Savoir quand ré-afficher Optimisation Gérer le picking Générer des événements de haut niveau Enter et Leave shape Timer Arbre Troopers Invaders Alien première ligne Alien deuxième ligne Mothership

21 Ordre d affichage Graphe (DAG) flyweight SVG Troopers Invaders Alien première ligne Alien deuxième ligne Mothership Implicite: algorithme du peintre Explicite: x,y,z Pas forcément compatible avec le scene graph Tri en z, puis algo du peintre Ou utilisation du depth buffer z=1 z=0 z=3 z=2 Modèle en couches Jean-Daniel Fekete Modèle en couches : interaction Problème du mélange des représentations graphiques Objet d intérêt / Interaction (feedback) Optimisation difficiles Modèle en couches superées Spécialisées Fond, Grille, Principale, Sélection (handles), Manipulation directe (outline), Lasso de sélection, curseur Modèles Graphiques différents (XOR) Interaction Traversée des couches de haut en bas, jusqu à ce que l une d elles prenne en compte l événement Dessin Traduction du modèle Couche(Layer)/Piles(Stack), Extensions Optimisations: cache, XOR, transient, animée Curseur Manip. Directe Selection (poignées) Vue principale Grille Arrière-Plan

22 Type de graphe de scène: Tag Ouchuis.com A31 Ouchuis.com A31 A6 A6 Colorier en blanc? Dégrouper identity transfocoord) Scale(zoom) Ouchuis.com A6 A31 Algo peintre groupe1 racine groupe2 Type de graphe de scène: Tag Autres graphes Spatial data structure BSP tree, Quad tree, R-tree But: Déterminer rapidement ce qui est visible (culling) Déterminer rapidement ce qui est pické tag1 tag2 selected

23 Autres graphes API facile, implémentation difficile Display graph Scene graph: séparer code applicatif de la gestion du graphisme Display graph: isoler l API pour le programmeur du code applicatif et gérer un graphe optimisé pour l affichage Ex: GVT pour Batik Model graph Ex: hiérarchie de widgets Problème: synchronisation des graphes

Informatique Graphique. Caroline Appert appert@lri.fr [IG CCI 2005/2006]

Informatique Graphique. Caroline Appert appert@lri.fr [IG CCI 2005/2006] Informatique Graphique Caroline Appert appert@lri.fr [IG CCI 2005/2006] Introduction Qu est-ce que l IG? Modélisation structures de données pour la représentations de scènes 2D ou 3D Rendu construction

Plus en détail

Dessins 2D/3D. Dessin 2D / 3D. Algorithmique Graphique et Modélisation. Séverine Dubuisson. 19 février 2007

Dessins 2D/3D. Dessin 2D / 3D. Algorithmique Graphique et Modélisation. Séverine Dubuisson. 19 février 2007 Algorithmique Graphique et Modélisation 19 février 2007 Plan du cours Dessins 2D/3D 1 Tracés de primitives 2 3 4 Introduction Dessins 2D/3D Les primitives d affichage (ou primitives de traçage) sont implantées

Plus en détail

Comment coder une image en langage binaire? Michel Futtersack, Faculté de Droit, Université Paris Descartes

Comment coder une image en langage binaire? Michel Futtersack, Faculté de Droit, Université Paris Descartes Comment coder une image en langage binaire? Michel Futtersack, Faculté de Droit, Université Paris Descartes Les deux grands types d'images numériques Image matricielle (bitmap) Image vectorielle Image

Plus en détail

Géométrie discrète Chapitre V

Géométrie discrète Chapitre V Géométrie discrète Chapitre V Introduction au traitement d'images Géométrie euclidienne : espace continu Géométrie discrète (GD) : espace discrétisé notamment en grille de pixels GD définition des objets

Plus en détail

Les algorithmes de base du graphisme

Les algorithmes de base du graphisme Les algorithmes de base du graphisme Table des matières 1 Traçage 2 1.1 Segments de droites......................... 2 1.1.1 Algorithmes simples.................... 3 1.1.2 Algorithmes de Bresenham (1965).............

Plus en détail

Synthèse d'images I. Venceslas BIRI IGM Université de Marne La

Synthèse d'images I. Venceslas BIRI IGM Université de Marne La Synthèse d'images I Venceslas BIRI IGM Université de Marne La La synthèse d'images II. Rendu & Affichage 1. Introduction Venceslas BIRI IGM Université de Marne La Introduction Objectif Réaliser une image

Plus en détail

Université Joseph Fourier M1-MAI - Image Année 2012-13. TP 1 - Image bitmap

Université Joseph Fourier M1-MAI - Image Année 2012-13. TP 1 - Image bitmap Université Joseph Fourier UFR-IM 2 AG M1-MAI - Image Année 2012-13 TP 1 - Image bitmap A faire individuellement ou en binôme. Compte ru à envoyer avec le 25 janvier 2013 sous forme d un document PDF par

Plus en détail

Cours de Traitement de l Image Licence 3

Cours de Traitement de l Image Licence 3 Cours de Traitement de l Image Licence 3 Jean-Luc Baril Université de Bourgogne - Dépt IEM Laboratoire LE2I - http://vision.u-bourgogne.fr barjl@u-bourgogne.fr http://www.u-bourgogne.fr/jl.baril Lena :

Plus en détail

Création d un viewer d objets 3D : découverte de la librairie graphique OpenGL.

Création d un viewer d objets 3D : découverte de la librairie graphique OpenGL. TPs L2 Informatique AII3D : découverte de la synthèse d images Création d un viewer d objets 3D : découverte de la librairie graphique OpenGL. Le but de ce TP est de se familiariser avec la librairie et

Plus en détail

Introduction à l infographie

Introduction à l infographie IN ST IT U T SUPERIEUR DES ET U DES T ECHN OLOGIQUES DE DJ ERBA Département Technologies de l Information Introduction à l infographie Nassima Ben Younes Mars 2012 Plan 1 Introduction et définitions 2

Plus en détail

TP2 Opérations et filtres

TP2 Opérations et filtres TP2 Opérations et filtres 1. Opérations arithmétiques Mettre en place les fonctions Min et Max sur 2 images en niveaux de gris. Min() conserve entre 2 images les pixels de luminance minimum, Max() conserve

Plus en détail

LO12. Chap 1 1. 1. Introduction UTC A2006. 1.1 Présentation de l'uv. Bases de l infographie et Images de synthèse. Objectifs

LO12. Chap 1 1. 1. Introduction UTC A2006. 1.1 Présentation de l'uv. Bases de l infographie et Images de synthèse. Objectifs UTC A2006 1. Introduction 1.1 Présentation de l'uv Objectifs Bases de l infographie et Images de synthèse savoir se repérer dans l espace, comprendre les principaux algorithmes d infographie (leur puissance

Plus en détail

3. Affichage graphique

3. Affichage graphique 3. Affichage graphique 3.1 Graphics Device Interface (GDI) Le GDI (Graphics Device Interface) est un ensemble de fonctions de l API Windows permettant de dessiner à l écran, en mémoire ou sur imprimante.

Plus en détail

Exemples d'activités sur les images numériques

Exemples d'activités sur les images numériques Annexe 1 1 Accès aux composantes RVB d un pixel dans GIMP Pour agrandir l image : touche Ctrl maintenue enfoncée tout en tournant la molette de la souris, ou bien menu Affichage > Zoom > 1600 % Dans la

Plus en détail

Infographie 3D. Venceslas BIRI LIGM Université Paris-Est Marne-La-Vallée

Infographie 3D. Venceslas BIRI LIGM Université Paris-Est Marne-La-Vallée Infographie 3D Venceslas BIRI LIGM Université Paris-Est Marne-La-Vallée Concept du cours Ce que vous apprendrez TD machine Modélisation d'objet Modélisation et visualisation de scène Création d'ihm et

Plus en détail

Outils Mathématiques pour l informatique

Outils Mathématiques pour l informatique Outils Math. pour l info. - Licence 3 - IEM - Année 2015/2016 Université de Bourgogne Labo. Le2i, UMR-CNRS 5158 http://jl.baril.u-bourgogne.fr September 10, 2015 Cours outils Math. pour l info. - Licence

Plus en détail

Transformations de scène avec OpenGl

Transformations de scène avec OpenGl Transformations de scène avec OpenGl Frank Singhoff Bureau C-203 Université de Brest, France LISyC/EA 3883 singhoff@univ-brest.fr UE multimédias et animation, Université de Brest Page 1/32 Sommaire 1.

Plus en détail

Cours 1 - Premiers pas en 3D. Xavier Décoret - INF583 École Polytechnique

Cours 1 - Premiers pas en 3D. Xavier Décoret - INF583 École Polytechnique Cours 1 - Premiers pas en 3D Xavier Décoret - INF583 École Polytechnique Disclaimer Attention, c est le cours le plus difficile le plus important Il y a beaucoup de on verra plus tard C est le canvas sur

Plus en détail

SYLLABUS / PLAN DE COURS. 40,5 Charge de travail personnel de 2 heures/semaine TP : 1 semaine. QCM Dissertation Cas Pratique

SYLLABUS / PLAN DE COURS. 40,5 Charge de travail personnel de 2 heures/semaine TP : 1 semaine. QCM Dissertation Cas Pratique SYLLABUS / PLAN DE COURS Matière : Algorithmique pour l infographie: 2I Code du module : * Cursus : * Semestre : 1 et 2 Nombre ECTS du cours : * Rempli par l administration de PPA * Responsable du cours

Plus en détail

Transformations géométriques / Filtrage

Transformations géométriques / Filtrage Traitement / Plan Bibliographie Cours de traitement Elise Arnaud - Edmond Boyer Université Joseph Fourier Cours de traitement Alain Boucher Cours de traitement T Guyer Université de Chambéry Cours de traitement

Plus en détail

Infographie et Image Informatique. Infographie 2D. Gérard-Michel COCHARD cochard@u-picardie.fr Sébastien CHOPLIN sebastien.choplin@upicardie.

Infographie et Image Informatique. Infographie 2D. Gérard-Michel COCHARD cochard@u-picardie.fr Sébastien CHOPLIN sebastien.choplin@upicardie. Infographie et Image Informatique Gérard-Michel COCHARD cochard@u-picardie.fr Sébastien CHOPLIN sebastien.choplin@upicardie.fr Infographie 2D 1. 2. 3. Traitements graphiques élémentaires 1. Tracé d'un

Plus en détail

Synthèse d image. Didier Arquès Équipe SISAR

Synthèse d image. Didier Arquès Équipe SISAR Synthèse d image Didier Arquès Équipe SISAR Interactions entre les éléments de ce cours Mathématiques pour l image Synthèse d image et animation Partie 2 : Méthodes numériques Partie 4 : Combinatoire non

Plus en détail

Introduction à la modélisation et à l animation 3D

Introduction à la modélisation et à l animation 3D Introduction à la modélisation et à l animation 3D Frank Singhoff Bureau C-203 Université de Brest, France LISyC/EA 3883 singhoff@univ-brest.fr UE multimédias et animation, Université de Brest Page 1/16

Plus en détail

Comment est compressée une image?

Comment est compressée une image? Comment est compressée une image? Compression JPEG Les inventeurs du format JPEG ont constaté qu un pixel était souvent entouré de pixel de la même couleur (ou presque). Ils ont donc eu l idée suivante

Plus en détail

TD M1205 - Infographie MMI1 - Les formats de fichiers image

TD M1205 - Infographie MMI1 - Les formats de fichiers image TD M1205 - Infographie MMI1 - Les formats de fichiers image 1. Préalable : extension des fichiers Dans les pages qui suivent il est question d extension des fichiers. Il est bien sûr préférable d afficher

Plus en détail

ENSEIRB-MATMECA PG-113 2014. TP6: Optimisation au sens des moindres carrés

ENSEIRB-MATMECA PG-113 2014. TP6: Optimisation au sens des moindres carrés ENSEIRB-MATMECA PG-113 014 TP6: Optimisation au sens des moindres carrés Le but de ce TP est d implémenter une technique de recalage d images qui utilise une méthode vue en cours d analyse numérique :

Plus en détail

Chapitre 4 : Modélisation 3D

Chapitre 4 : Modélisation 3D Chapitre 4 : Modélisation 3D Modélisation 3D et Synthèse Fabrice Aubert fabrice.aubert@lifl.fr Master Informatique 2014-2015 F. Aubert (MS2) M3DS/ 4 - Modélisation 3D 2014-2015 1 / 44 1 Introduction F.

Plus en détail

Images numériques. Notions et contenus. évaluée

Images numériques. Notions et contenus. évaluée Images numériques Thème Notions et contenus Compétence travaillée ou évaluée Résumé Mots clefs Académie Référence Auteur Transmettre et stocker de l information Caractéristiques d une image numérique :

Plus en détail

Affichage rapide de scènes 3D

Affichage rapide de scènes 3D ÉPREUVE COMMUNE DE TIPE 2010 - Partie D TITRE : Affichage rapide de scènes 3D Temps de préparation :.. 2 h 15 minutes Temps de présentation devant les examinateurs :.10 minutes Entretien avec les examinateurs

Plus en détail

Les mathématiques et le traitement de l image Kévin Polisano

Les mathématiques et le traitement de l image Kévin Polisano Les mathématiques et le traitement de l image Kévin Polisano [ Doctorant au Laboratoire ] Jean Kuntzmann et CNRS N hésitez pas à lever la main! pour m interrompre! Qu est-ce qu une image numérique? Source

Plus en détail

Développement mobile MIDP 2.0 Mobile 3D Graphics API (M3G) JSR 184. Frédéric BERTIN fbertin@neotilus.com

Développement mobile MIDP 2.0 Mobile 3D Graphics API (M3G) JSR 184. Frédéric BERTIN fbertin@neotilus.com Développement mobile MIDP 2.0 Mobile 3D Graphics API (M3G) JSR 184 Frédéric BERTIN fbertin@neotilus.com Présentaion : Mobile 3D Graphics API JSR 184 M3G :présentation Package optionnel de l api J2ME. Prend

Plus en détail

Traitement Numérique de l Image

Traitement Numérique de l Image ESIAL 2A TRS - SIE Traitement Numérique de l Image Numérisation - Mémorisation (MdC 6ème Section) Centre de Recherche en Automatique de Nancy -UMR CNRS 7039- Équipe : SYstèMes de Production Ambiants E.R.T.

Plus en détail

Illustrator. version CS2 exercices

Illustrator. version CS2 exercices Illustrator version CS2 exercices L interface Introduction au vectoriel et au bitmap Les outils Les palettes La gestion de l affichage Les aides au dessin La sauvegarde d un travail Les scripts et les

Plus en détail

ILLUSTRATOR CS6, CONNAÎTRE LES BASES - niv.1

ILLUSTRATOR CS6, CONNAÎTRE LES BASES - niv.1 ILLUSTRATOR CS6, CONNAÎTRE LES BASES - niv.1 Durée : 3J / 21H Groupe de : 4 max Formateur : Consultant expert en PAO et infographie. Formateur confirmé. Formation à la bureautique Objectifs : Maîtriser

Plus en détail

Chapitre 1 LES IMAGES NUMÉRIQUES

Chapitre 1 LES IMAGES NUMÉRIQUES Chapitre 1 LES IMAGES NUMÉRIQUES 5 DÉFINITION Définition (Petit Robert) Reproduction exacte ou représentation analogique d un être ou d une chose (Très général) Image (dessin, icône, photographie,...)

Plus en détail

Imagerie 3D et mathématiques

Imagerie 3D et mathématiques Imagerie 3D et mathématiques Jacques-Olivier Lachaud Laboratoire de Mathématiques CNRS / Université de Savoie Fête de la Science, 13/10/2013 Galerie Eurêka Image et perception Synthèse d image 3D Imagerie

Plus en détail

Introduction à la notion Pipeline Graphique (initiation)

Introduction à la notion Pipeline Graphique (initiation) DENNE Introduction à la notion Pipeline Graphique (initiation) Année universitaire 2004-2005 Pascal Mignot Pascal.Mignot@univ-reims.fr DENNE Objectifs préparation au cours: d OpenGL (initiation) de DirectX

Plus en détail

L image vectorielle avec Inkscape

L image vectorielle avec Inkscape L image vectorielle avec Inkscape Voici encore un merveilleux logiciel, un pur produit sorti du monde du libre, et qui demeure gratuit pour notre plus grand bonheur. Ses possibilités rivalisent avec les

Plus en détail

Pipeline Graphique. Transforma)ons de modélisa)on. Illumina)on (Shading) Transforma)ons d affichage. Clipping. Transforma)on écran (Projec)on)

Pipeline Graphique. Transforma)ons de modélisa)on. Illumina)on (Shading) Transforma)ons d affichage. Clipping. Transforma)on écran (Projec)on) Pipeline Graphique Pipeline Graphique de Modèle de la scène Image 3D Transformations de modélisation de Application des transformations de composition de scène : Passage du système de coordonnées local

Plus en détail

INKSCAPE Creative Commons By

INKSCAPE Creative Commons By Creative Commons By Creative Commons By Armel Maran & Jean-Pierre Morfin pour G3L Logiciel Libre pour le DESSIN VECTORIEL Qu'est ce que le dessin vectoriel? Un dessin vectoriel est une représentation composée

Plus en détail

Tutoriel 2. 23 septembre 2013 Page 1

Tutoriel 2. 23 septembre 2013 Page 1 Tutoriel 2 Nous avons vu dans le tutoriel précédent plusieurs techniques de détourage. En mode masque de fusion Avec le filtre extraire Avec l outil lasso magnétique (dans le tutoriel les couches) Nous

Plus en détail

Inkscape, un logiciel de graphisme adaptable pour la cartographie

Inkscape, un logiciel de graphisme adaptable pour la cartographie Formations du pôle de compétences disciplinaires en histoire et géographie de l Académie de Rouen (2013-2014) ( 1) Inkscape, un logiciel de graphisme adaptable pour la cartographie (ce didacticiel présente

Plus en détail

Chapitre 25 : Créateur de forme

Chapitre 25 : Créateur de forme Menu Créateur de forme 25-1 25 : Créateur de forme Menu Créateur de forme Cliquez sur l outil Expression y, et double-cliquez sur une note ou une mesure. Ou, avec l outil Texte, mettez la poignée d un

Plus en détail

Traitement d images. Quelques applications. Vision humaine. Qu est-ce qu une image? Introduction

Traitement d images. Quelques applications. Vision humaine. Qu est-ce qu une image? Introduction Traitement Introduction Plan Introduction et prise en main J Transformations d histogramme Transformations géométriques Convolution Détection de contour Bibliographie Cours de traitement Elise Arnaud -

Plus en détail

Infographie IMN428. À l ordre du jour. Été 2015. Introduction Par Pierre-Marc Jodoin et Olivier Godin

Infographie IMN428. À l ordre du jour. Été 2015. Introduction Par Pierre-Marc Jodoin et Olivier Godin Été 2015 Infographie IMN428 Introduction Par Pierre-Marc Jodoin et Olivier Godin À l ordre du jour Introduction à l infographie Espace couleur Primitives graphiques Caméra Pipeline graphique 2 1 Rappel

Plus en détail

8TRD147: Animation et images par ordinateur

8TRD147: Animation et images par ordinateur 8TRD147: Animation et images par ordinateur Rappels d OpenGL. Y. Chiricota Département d informatique et de mathématique Université du Québec à Chicoutimi / Certaines des illustrations de ce document proviennent

Plus en détail

Codage MPEG-4 de dessins animés

Codage MPEG-4 de dessins animés Codage MPEG-4 de dessins animés Jean-Claude Moissinac Cyril Concolato Jean-Claude Dufourd Ecole Nationale Supérieure des Télécommunications 46 rue Barrault 75013 Paris cyril.concolato@enst.fr, dufourd@enst.fr,

Plus en détail

III Caractérisation d'image binaire

III Caractérisation d'image binaire III Caractérisation d'image binaire 1. Généralités Les images binaires codent l'information sur deux valeurs. Rarement le résultat direct d'un capteur, mais facilement obtenues par seuillage dans certains

Plus en détail

05/09/2015. M Ponctualité : CM TD TP & Projet Æ En cas d absence : récupérer!!! 3 05/09/2015

05/09/2015. M Ponctualité : CM TD TP & Projet Æ En cas d absence : récupérer!!! 3 05/09/2015 Synthèse d images L3 Présentation du module Sandrine LANQUETIN Bureau G08 sandrine.lanquetin@u-bourgogne.fr Qui? Quand? Mode d emploi M Intervenants : Æ S. Lanquetin sandrine.lanquetin@u-bourgogne.fr M

Plus en détail

Synthèse d'image avancée

Synthèse d'image avancée Plan Snthèse d'image avancée Cours 2: Transformations, perspective et caméras Motivation Rappels d algèbre linéaire Transformations Caméra sténopé, projection Sources: Xavier Granier, Nicolas Holzschuch

Plus en détail

Lionel Matias Guillaume Mouron Nathaniel Richand Jean-Baptiste Rieu

Lionel Matias Guillaume Mouron Nathaniel Richand Jean-Baptiste Rieu Projet d informatique graphique Plateau du Moulon 3D Lionel Matias Guillaume Mouron Nathaniel Richand Jean-Baptiste Rieu IFIPS 4 Informatique 2005-2006 But du projet Le but du projet est de modéliser une

Plus en détail

Inkscape. réaliser un dessin vectoriel

Inkscape. réaliser un dessin vectoriel Inkscape réaliser un dessin vectoriel Pourquoi un dessin vectoriel? Image vectorielle : Image numérique composée d'objets géométriques individuels, des primitives géométriques (segments de droite, arcs

Plus en détail

L e s O u t i l s s o u s P h o t o s h o p

L e s O u t i l s s o u s P h o t o s h o p L e s O u t i l s s o u s P h o t o s h o p Sélections Rectangle / Ellipse M Lassos L Recadrage C Correcteur/Pièce/Remplacer couleur Tampon duplication / Motif S J Gomme E V Déplacement W Baguette magique

Plus en détail

Figure 6.3: Possibilité d exprimer son talent

Figure 6.3: Possibilité d exprimer son talent SÉANCE 6 Création de schémas 6.1 Présentation du logiciel «Draw» est un logiciel de dessin vectoriel et de PAO (Publication Assistée par Ordinateur). Avec ce logiciel, il vous est possible de créer divers

Plus en détail

Utilisation du logiciel Cabri 3D de géométrie dans l espace (*)

Utilisation du logiciel Cabri 3D de géométrie dans l espace (*) Dans nos classes 645 Utilisation du logiciel Cabri 3D de géométrie dans l espace (*) Jean-Jacques Dahan(**) Historiquement, la géométrie dynamique plane trouve ses racines chez les grands géomètres de

Plus en détail

Utiliser le logiciel Photofiltre Sommaire

Utiliser le logiciel Photofiltre Sommaire Utiliser le logiciel Photofiltre Sommaire 1. Quelques mots sur l image 2. Obtenir des images numériques 3. Le tableau de bord de logiciel PhotoFiltre 4. Acquérir une image 5. Enregistrer une image 6. Redimensionner

Plus en détail

Les images. ! Ce qu il faut savoir. Les natures d images

Les images. ! Ce qu il faut savoir. Les natures d images Chapitre 2 Les images! Ce qu il faut savoir GIMP permet de retoucher et de composer des images. Celles-ci peuvent se caractériser principalement par leur nature (photo, dessin ou peinture), les couleurs

Plus en détail

Adobe Illustrator - CS4

Adobe Illustrator - CS4 - CS4 Page 1/7 Plan de cours Notions fondamentales d'illustrator Graphisme Vectoriel et Bitmap La logique des calques La Plume, points d ancrage et ligne directrice, point directeur. L'interface Outils,

Plus en détail

TP : IMAGE NUMERIQUE MATRICIELLE (WINDOWS)

TP : IMAGE NUMERIQUE MATRICIELLE (WINDOWS) TP : IMAGE NUMERIQUE MATRICIELLE (WINDOWS) 1. Calculer la résolution d affichage en ppi de votre écran. Pour cela vous munir d une règle graduée et appliquer la formule : 2. Sur combien d octets est codée

Plus en détail

Iniatiation au logiciel Illustrator

Iniatiation au logiciel Illustrator Iniatiation au logiciel Illustrator Illustrator est un logiciel de traitement d image vectorielle. Par image vectorielle on entend, non pas des pixels, mais bien des calculs mathématiques. D une certaine

Plus en détail

Dessiner avec GIMP - Introduction des calques

Dessiner avec GIMP - Introduction des calques Dessiner avec GIMP - Introduction des calques Comme nous l avons signalé précédemment, GIMP comme PS sont des logiciels d infographie, nous allons donc créer notre première image. Ouvrir une feuille et

Plus en détail

Informatique visuelle - Vision par ordinateur. Pré-traitement d images

Informatique visuelle - Vision par ordinateur. Pré-traitement d images Informatique visuelle - Vision par ordinateur Pré-traitement d images Elise Arnaud elise.arnaud@imag.fr cours inspiré par X. Descombes, J. Ros, A. Boucher, A. Manzanera, E. Boyer, M Black, V. Gouet-Brunet

Plus en détail

FORMATIONS MULTIMEDIA

FORMATIONS MULTIMEDIA FORMATIONS MULTIMEDIA Brigitte BOIRRET 8 allée du cerisier 79 200 PARTHENAY 05 49 94 08 53 06 82 44 44 46 ENTREPRISE INDIVIDUELLE Enregistrée sous le n 54790080079 auprès du préfet de la région Poitou-Charentes.

Plus en détail

FLASH 1. SI28 - A08 Alice DAUSSY - Aurélie CHARLES

FLASH 1. SI28 - A08 Alice DAUSSY - Aurélie CHARLES FLASH 1 SI28 - A08 Pl a n Présentation du logiciel Différence entre Bitmap et Vectoriel Présentation de l interface Grouper et Dissocier Image clé Scénario Symboles et Scénario de symbole Interpolations

Plus en détail

Le langage Scheme : Niveau Intermédiaire III, dessin D'après les cours de J.-P. Roy (Nice) et Jerzy Karczamarczuk (Caen)

Le langage Scheme : Niveau Intermédiaire III, dessin D'après les cours de J.-P. Roy (Nice) et Jerzy Karczamarczuk (Caen) Le langage Scheme : Niveau Intermédiaire III, dessin D'après les cours de J.-P. Roy (Nice) et Jerzy Karczamarczuk (Caen) I. Le principe On va faire du graphisme en utilisant un objet nommé la Tortue (c.f.

Plus en détail

Visualisation 3D sur un Smartphone

Visualisation 3D sur un Smartphone Visualisation 3D sur un Smartphone Réalisé par: Bouhajja Lamia Daikhi Rahma Encadré par : Madame Ben Azouz Zouhour SOMMAIRE : I. Introduction Générale générale II. Objectif du projet III. Rendu 3D IV.

Plus en détail

Adobe Illustrator Logiciel de dessin vectoriel et de Cartographie Assistée par Ordinateur

Adobe Illustrator Logiciel de dessin vectoriel et de Cartographie Assistée par Ordinateur Adobe Illustrator Logiciel de dessin vectoriel et de Cartographie Assistée par Ordinateur I- Ouverture d une nouvelle feuille de travail Fichier / Nouveau (ou ctrl + N) Indiquer dans la fenêtre qui s ouvre

Plus en détail

L interface Outils, palettes, règles, repères, grille Paramétrer les préférences

L interface Outils, palettes, règles, repères, grille Paramétrer les préférences Formatrice Conceptions de logos Création de support de com : affiche, flyer... Création de plans, cartes Bien manipuler un ordinateur L interface Outils, palettes, règles, repères, grille Paramétrer les

Plus en détail

Formats d images. 1 Introduction

Formats d images. 1 Introduction Formats d images 1 Introduction Lorsque nous utilisons un ordinateur ou un smartphone l écran constitue un élément principal de l interaction avec la machine. Les images sont donc au cœur de l utilisation

Plus en détail

Opérations de base sur ImageJ

Opérations de base sur ImageJ Opérations de base sur ImageJ TPs d hydrodynamique de l ESPCI, J. Bico, M. Reyssat, M. Fermigier ImageJ est un logiciel libre, qui fonctionne aussi bien sous plate-forme Windows, Mac ou Linux. Initialement

Plus en détail

Leçon 1 : PRESENTATION ET PRISE EN MAIN DE PHOTOSHOP

Leçon 1 : PRESENTATION ET PRISE EN MAIN DE PHOTOSHOP I. CONTENU DU COURS THÉORIQUE ET PRATIQUE CHAPITREIV : CREATION DE BOUTONS Leçon 1 : PRESENTATION ET PRISE EN MAIN DE PHOTOSHOP OBJECTIF PEDAGOGIQUE OPERATIONNEL : A la fin de cette leçon, l élève doit

Plus en détail

ALGORITHMES POUR LA VISUALISATION SCIENTIFIQUE

ALGORITHMES POUR LA VISUALISATION SCIENTIFIQUE BAZEILLE Stéphane MOUGEL Baptiste IUP3 ALGORITHMES POUR LA VISUALISATION SCIENTIFIQUE EN Année 2003/2004 1 TABLE DES MATIERES Home... 3 Introduction.... 3 Marching Square... 4 Algorithme....4 Programmation...4

Plus en détail

Gimp 2.6. Débuter en retouche photo et graphisme libre. 4 e édition. Dimitri Robert. Préface de Cédric Gémy

Gimp 2.6. Débuter en retouche photo et graphisme libre. 4 e édition. Dimitri Robert. Préface de Cédric Gémy Dimitri Robert Gimp 2.6 Débuter en retouche photo et graphisme libre 4 e édition Préface de Cédric Gémy Groupe Eyrolles, 2005, 2007, 2008, 2009, ISBN : 978-2-212-12480-4 Table des matières AVANT-PROPOS.........................................................

Plus en détail

Fiche n 3 Inkscape La vectorisation et les dégradés

Fiche n 3 Inkscape La vectorisation et les dégradés Fiche n 3 Inkscape La vectorisation et les dégradés Table des matières 1- Vectorisation...1 1.1- Vectorisation rapide avec Inkscape...1 1.2- Enregistrement...2 1.3- Exemple d'utilisation...3 1.3.1- Fond...3

Plus en détail

Comment optimiser dans ImageReady?

Comment optimiser dans ImageReady? L optimisation des éléments graphiques et la création de la page Web 243 Comment optimiser dans ImageReady? Avec ImageReady, l optimisation d un fichier pour le Web est plus performante qu avec Photoshop.

Plus en détail

Photofiltre Les outils

Photofiltre Les outils Photofiltre Les outils Les outils de Photofiltre se situent dans une barre située à droite de votre écran. Cette palette d outils peut-être à gauche ou flottante ; pour cela, allez dans le menu «Outils»

Plus en détail

Geogebra (généralités)

Geogebra (généralités) Geogebra (généralités) I Affichage et personnalisation 1. Changer la taille des caractères Cliquer sur l onglet«options», puis«taille des caractères» 2. Afficher ou enlever des fenêtres spécifiques Cliquer

Plus en détail

Lorsque l on ouvre Log Maker la fenètre suivante est affichée :

Lorsque l on ouvre Log Maker la fenètre suivante est affichée : Lorsque l on ouvre Log Maker la fenètre suivante est affichée : On retrouve les onglets classiques à tous logiciels Nouveau logo Export : permet d exporter le logo dans un format image (dossier d exportation

Plus en détail

Analyse d images introduction

Analyse d images introduction L3, option Image Analyse d images introduction http ://perception.inrialpes.fr/people/boyer/teaching/l3/ Elise Arnaud - Edmond Boyer Université Joseph Fourier / INRIA Rhône-Alpes elise.arnaud@inrialpes.fr

Plus en détail

Propriétés des images numériques Contraintes sur l interprétation

Propriétés des images numériques Contraintes sur l interprétation Propriétés des images numériques Contraintes sur l interprétation M.LOUYS, Traitement d images et problèmes inverses Master Astrophysique, Observatoire de Strasbourg, 2013 Propriétés générales d une image

Plus en détail

Inkscape : meilleur logiciel gratuit de traitement de dessin vectoriel VIDAL - CNR. Franck VI

Inkscape : meilleur logiciel gratuit de traitement de dessin vectoriel VIDAL - CNR. Franck VI Inkscape : meilleur logiciel gratuit de traitement de dessin vectoriel Avant Installer Document Repères Calques Fond Texte Images Finaliser Exporter Qu est ce que le dessin vectoriel? ESPACE VECTORIEL

Plus en détail

Traitements de base d une image avec PHOTOFILTRE

Traitements de base d une image avec PHOTOFILTRE Traitements de base d une image avec PHOTOFILTRE Barre d outils Barre d outils complémentaire Nouveau Niveaux automatiques Contrastes automatiques Ouvrir Luminosité (-) Luminosité (+) Enregistrer Contraste

Plus en détail

Création de maquette web

Création de maquette web Création de maquette web avec Fireworks Il faut travailler en 72dpi et en pixels, en RVB Fireworks étant un logiciel dédié à la création de maquettes pour le web il ne propose que les pixels pour le texte

Plus en détail

PR OC E D U RE S D E B A S E

PR OC E D U RE S D E B A S E Photofiltre Préparé par Philipe Lampron, auxiliaire du cours FPE 7650 en 2004-2005. *** Pour optimiser une image : enregistrer sous et augmenter la compression PR OC E D U RE S D E B A S E PhotoFiltre

Plus en détail

FORMATION WEBDESIGN (2x3 jours)

FORMATION WEBDESIGN (2x3 jours) FORMATION WEBDESIGN (2x3 jours) Présentation : Initiez-vous au plus puissant logiciel de traitement d image ainsi qu à la production assistée par ordinateur (PAO)! Découvrez avec cette formation les bases

Plus en détail

TP OpenGL n 1 : Transformations géométriques et projections

TP OpenGL n 1 : Transformations géométriques et projections Université de Liège Département d Aérospatiale et Mécanique TP OpenGL n 1 : Transformations géométriques et projections Exercice 1 : Transformations géométriques (Dossier transf contenu dans l archive

Plus en détail

Corrections chromatiques de l image

Corrections chromatiques de l image Corrections chromatiques de l image 1. Réglages en amont 2. Utilisation d un histogramme et de la palette infos 3. Réglage du point blanc - point noir 4. Réglage du gamma, correction tonale Pour quadri

Plus en détail

Parcours Ingénieur Polytech. Mini-projets. Banque d images. Auteur : Encadrant : Jonathan Courtois

Parcours Ingénieur Polytech. Mini-projets. Banque d images. Auteur : Encadrant : Jonathan Courtois École Polytechnique de l Université de Tours 64, Avenue Jean Portalis 37200 TOURS, FRANCE Tél. (33)2-47-36-14-14 Fax (33)2-47-36-14-22 www.polytech.univ-tours.fr Parcours Ingénieur Polytech Mini-projets

Plus en détail

COM-1560 Communication Informatisée 1

COM-1560 Communication Informatisée 1 COURS 2.1 Adobe Illustrator CS (1) Professeur: Jorge Zeledon COURS 2.1 1 PLAN DE COURS Images vectorielles Images bitmap Bitmap vs. vectorielles Résolution graphique Adobe Illustrator CS Interface Illustrator

Plus en détail

MVS Medical Visualisation Studio Version 1.0 Manuel utilisateur

MVS Medical Visualisation Studio Version 1.0 Manuel utilisateur MVS Medical Visualisation Studio Version 1.0 Manuel utilisateur Table des matières 1. Introduction... 3 2. Installation du logiciel... 3 3. Lancement du programme et ouverture d un fichier... 3 4. Manipulations

Plus en détail

ÉLÉMENTS DE BASE EN 2D. Alexandre Blondin Massé Département d'informatique Université du Québec à Montréal 16 septembre 2015 INF5071 - Infographie

ÉLÉMENTS DE BASE EN 2D. Alexandre Blondin Massé Département d'informatique Université du Québec à Montréal 16 septembre 2015 INF5071 - Infographie CHAPITRE 1 ÉLÉMENTS DE BASE EN 2D Alexandre Blondin Massé Département d'informatique Université du Québec à Montréal 16 septembre 2015 INF5071 - Infographie PRIMITIVES 2D Lorsqu'on conçoit une interface

Plus en détail

Introduction à la Vision 3D

Introduction à la Vision 3D à la Vision 3D David Fofi Le2i UMR CNRS 6306 IUT Le Creusot Les applications présentées sont le fruit d une collaboration entre le Le2i et le laboratoire VICOROB de l Université de Gérone (Espagne). Les

Plus en détail

Publisher 2010. Table des matières

Publisher 2010. Table des matières Quelques outils Publisher 2010 Table des matières Publisher... 1 Modèle... 2 Brochure (dépliant)... 3 Dépliant vierge... 3 Mise en page (marges, orientation, taille de la page)... 4 Onglet Insertion...

Plus en détail

Territoires, Environnement, Télédétection et Information Spatiale. Unité mixte de recherche Cemagref - CIRAD - ENGREF

Territoires, Environnement, Télédétection et Information Spatiale. Unité mixte de recherche Cemagref - CIRAD - ENGREF Territoires, Environnement, Télédétection et Information Spatiale Unité mixte de recherche Cemagref - CIRAD - ENGREF Master ère année Analyse spatiale, analyse géographique, spatialité des sociétés Master

Plus en détail

ÉRIC SAINTE-CROIX. Cahier. Illustrator. Spécial débutants. Groupe Eyrolles, 2010 ISBN : 978-2-212-12555-9

ÉRIC SAINTE-CROIX. Cahier. Illustrator. Spécial débutants. Groupe Eyrolles, 2010 ISBN : 978-2-212-12555-9 Cahier ÉRIC SAINTE-CROIX Illustrator Spécial débutants Groupe Eyrolles, 2010 ISBN : 978-2-212-12555-9 Table des matières Les bases 01 10 Modifier les couleurs d une illustration..............................

Plus en détail

Manipulation d'images à usage scientifique. Fabrice Duprat février 2001 1

Manipulation d'images à usage scientifique. Fabrice Duprat février 2001 1 Manipulation d'images à usage scientifique Fabrice Duprat février 2001 1 Images en mode point ou bitmap = un ensemble de points (pixels) Exemple: image de 20 pixels x 10 pixels Fabrice Duprat février 2001

Plus en détail

Office - Le menu Dessin La barre d'outil Dessin

Office - Le menu Dessin La barre d'outil Dessin Office - Le menu Dessin La barre d'outil Dessin Le module de dessin d'office est un logiciel de dessin vectoriel*. Il crée des figures géométriques en les transformant en équation dites courbes de Béziers*

Plus en détail

Chapitre IV : Les textures

Chapitre IV : Les textures Chapitre IV : Les textures Programmation 3D Fabrice Aubert fabrice.aubert@lifl.fr Licence/Master USTL - IEEA 2008-2009 F. Aubert (LS6/MS2) P3D/ IV Les textures 2008-2009 1 / 50 1 Introduction F. Aubert

Plus en détail

Création de mondes virtuels animés

Création de mondes virtuels animés Création de mondes virtuels animés Partie 1. Comment créer un monde virtuel? Modélisation de la géométrie Rendu des images Animation Exemple: Scènes naturelles animées Partie 2. Zoom sur un outil: les

Plus en détail

GL BE FLYER. Chef de projet de l équipe : SCIONICO Pierre

GL BE FLYER. Chef de projet de l équipe : SCIONICO Pierre GL BE FLYER Chef de projet de l équipe : SCIONICO Pierre Membres de l équipe : BRESSON Adrien THIERY Kévin SCIONICO Pierre ALBERTINI Rémi ROBERT Cédric Tuteur du projet : GESQUIERE Gilles IUT de l'université

Plus en détail