Tout sur les formats d’images numériques .jpg .png .pdf

Tout sur les formats d’images numériques .jpg .png .pdf

.jpg .png .tiff .pdf? Différence entre RVB et CMJN? Il est facile d’être perdu au milieu de tous ces formats d’images qui ont tous leur spécificités.

Les images bitmap en pixels.

Les images bitmap sont composées d’une matrice de points, les pixels. Les bitmaps sont le type le plus répandu car utilisées pour de nombreuses images numériques comme les photos.

Zoomer sur un bitmap met ces pixels en évidence.bitmap-pixels

Attention à ne pas confondre la famille des bitmaps avec le format bitmap “.bmp” de Windows. Tous les .bmp sont des bitmaps, mais tous les bitmaps ne sont pas des .bmp. C’est comme les carrés qui sont tous des rectangles et pas l’inverse, sauf qu’ils s’appellent tous “bitmap”.

Les .jpg .png ou encore le .gif sont des exemples de bitmaps que l’on utilise au quotidien.

Les bimaps sont caractérisés par leur définition, hauteur largeur ainsi que leur résolution qui détermine la densité de pixels sur une longueur donnée. Le standard est le dpi, dots per inch ce qui correspond au nombre de pixels sur un pouce.

Definition, resolution, dpi?

resolution-definition

La définition peut être en pixels ou en unité de distances comme les centimètres: la conversion se fait selon les dpi.

Par exemple, une photo en 15×10 cm fera 1772x1181px à 300dpi qui est la résolution standard pour imprimer une image dans un magazine. Si on veut l’imprimer sur une affiche qui se contente de 75dpi car vue de loin, mon image fera toujours 1772x1181px mais elle fera 60x40cm.

Une image pour un écran sera dimensionnée en pixels, les dpi ne comptent pas pour cet usage.

Selon leur destination les bitmaps ont différents formats indiqués par leur extension comme .jpg ou .png.

Format .JPG

Le .jpg pour jpeg est un format utilisant une compression destructrice ce qui signifie que le poids de l’image est réduit en supprimant des données peu visibles à l’oeil nu.artefacts-compression-jpg

On peut voir cette compression sur cette image dont le côté gauche montre des limitations dans le dégradé de couleurs: c’est cette simplification qui réduit le poids du .jpg . Correctement réglé, cette simplification est presque invisible en particulier sur des images complexes dans lesquelles se fondent les artefacts du .jpg, c’est pour cette raison qu’il est idéal pour des photos. Par contre, de futurs réglages dévoileront ces défauts donc la compression jpeg doit être l’étape finale de la création d’une image.

Pour des images comportant peu de variations de couleurs comme du texte le .jpg est déconseillé car les artefacts seront visibles. Pour cet usage on lui préfera le .gif.artefacts artefacts-jpg

Format .GIF

Le .gif est bien connu car il peut être animé ce qui en fait un premier choix pour les smileys ou de courtes vidéos mais sa palette de seulement 256 couleurs limite sa qualité. Il est en revanche à l’aise avec les à plat de couleurs, gère la transparence de façon binaire et ses limitations en couleurs en font un format très léger.

Ici un exemple sur l’image d’un menu, les couleurs sont simples et l’image n’a pas l’effet baveux qu’a le .jpg dans la même situation menu-gif

Mais les rôles sont inversés pour la photo où le .gif limité par ses 256 couleurs est inadapté.artefacts-photo

Format .PNG

Le .png est un meilleur compromis car il permet une compression sans perte. Les images sont un peu plus lourdes qu’un .jpg mais restent fidèles ce qui en fait un format idéal pour échanger des images en cours de production. Contrairement au .jpg, le .png gère une couche alpha permettant d’ajouter des données supplémentaires comme la transparence et celle ci peut être en dégradé chose impossible avec un .gif.

Avec l’augmentation des débits internet et des supports de stockage, le .png devrait progressivement prendre la place du .jpg.

Je recommande aux utilisateurs de Photoshop d’installer SuperPNG. Photoshop ne gère pas correctement la couche alpha du png ce qui peut causer problème lorsque l’on s’en sert pour autre chose que de la transparence. SuperPNG est un plugin qui ajoute ces options et est gratuit.2016-04-20 18_27_29-SuperPNG Options

Format .BMP

Le .bmp est le format par défaut de Paint sur Windows. Comme son nom le suggère, c’est un pur bitmap. N’étant pas compressé, il est très lourd et a éviter au profit d’un .png.

Format .PSD

Le .psd est le format utilisé par Photoshop. Il contient tous les calques de travail ainsi que les données brutes des images ce qui en fait un format lourd. Il n’est pas destiné à la distribution.

Format .TIFF ou .TIF

Le tiff, est utilisé par les imprimeurs car, contrairement au .png il gère le mode CMJN tout en offrant une compression sans perte. Par contre il n’a pas de transparence.

Mode RVB et CMJN

Les données de l’image sont conservées sur différentes couches, rouge, vert et bleu pour le RVB ou cyan, magenta, jaune et noir pour le CMJN.

Ces couleurs primaires dépendent de l’usage fait de l’image. Le RVB correspond aux couleurs primaires des écrans alors que la combinaison cyan, magenta, jaune et noir est destinée à l’imprimerie.

Dans la majorité des cas on peut se contenter du RVB car les images sont affichées sur nos écrans et il est tout a fait possible d’imprimer un RVB. Par contre certaines couleurs ne seront pas rendues comme ce vert qui n’a pas de correspondance en imprimerie et les teintes noires peuvent être ternes car n’exploitant pas correctement les cartouches d’encre.

C’est pour cette raison que les pros de l’impression travaillent en CMJN qui permet d’envoyer la recette couleur exacte à l’imprimante.

Le RVB est parfois accompagné d’une couche supplémentaire (alpha) permettant de gérer des données comme la transparence. C’est la raison pour laquelle les PNGs peuvent être en RVBA.

Les fichiers vectoriels.

Contrairement au bitmap, le vectoriel n’a pas de pixels. Il est composé de courbes mathématiques, les courbes de Bézier sur lesquelles ont peut zoomer à l’infini. N’étant pas limité par une densité de points comme un bitmap, le vectoriel est toujours net lors d’une impression car infiniment précis.pixel-vectoriel

C’est pour cette raison que les polices de texte sont en vectoriel. Elles sont converties en pixels carrés sur votre écran mais sont adaptées à la densité de pixels et seront nettes si vous imprimez.

En dehors du texte, le vectoriel est à privilégier pour toutes les formes 2D potentiellement destinées à l’impression comme un logo ou un schéma.

Les formats les plus communs sont le .ai d’illustrator, le .eps.

Les PDF.

icone-pdfLe format .pdf est particulier car il peut contenir à la fois des images en pixels des données vectorielles. Par ailleurs le texte est reconnu en tant que tel ce qui permet de le sélectionner pour le copier par exemple.

Les .pdf ont l’avantage de conserver la mise en page contrairement à un fichier .doc qui peut être réinterprété par différents programmes.

Ce format est également compatible avec les données CMJN ce qui, cumulé avec les précédents points, en fait un format idéal pour l’envoi d’une mise en page pour l’impression professionnelle.

Pour créer un .pdf vous pouvez utiliser des logiciels comme pdfcreator qui permettent de créer une imprimante virtuelle qui, au lieu d’imprimer sur papier, convertira votre document en .pdf. Ca peut être très utile pour distribuer un document word comme son CV.

Quels sont les formats recommandés?

Pour des images à mettre sur un site web, utilisez le .jpg.

En cas de doutes ou si vous avez besoin d’une compression non destructrice, .png pour l’informatique et .tiff pour l’impression.

Pour un CV, un mémoire ou autre documents contenant du vectoriel accompagné ou non d’images, utilisez le .pdf.

En restant sur ces formats, vous éviterez les mauvaises surprises et serez sûrs que votre correspondant pourra les ouvrir.

Comment récupérer mes fenêtres hors écran sur 3Dsmax?

Comment récupérer mes fenêtres hors écran sur 3Dsmax?

Lorsque l’on travaille sur un ordinateur portable, il est fréquent de changer sa configuration d’écran secondaire mais les fenêtres d’outils de 3Dsmax peuvent se retrouver en dehors de l’espace de travail. Voyons comment éditer 3dsmax.ini pour les récupérer.

3dsmax-dual-screenDans l’exemple ci dessus, j’ai affiché mes fenêtres de calques et de matériaux sur mon écran secondaire à gauche.

3dsmax-simple-screenSi je le désactive ces fenêtres existent toujours mais elles sont en dehors de l’espace de travail et je ne peux plus les récupérer car le curseur ne peut y aller si l’écran est débranché ou non reconnu.

barre-outils-3dsmaxMalheureusement, la barre d’outil permettant d’activer et désactiver ces fenêtres ne permet pas de faire une remise à zéro de leur emplacement.

On ferme donc 3Dsmax le temps d’apporter quelques modifs à son fichier 3dsmax.ini.

Édition de 3dsmax.ini

La solution brutale serait de supprimer le fichier 3dsmax.ini afin de retrouver la configuration par défaut, mais c’est aussi perdre d’autres infos comme son historique de fichiers. On va donc l’ouvrir avec le bloc note afin de l’éditer.

3dsmax.iniJ’utilise la fonction recherche du bloc note pour trouver mon gestionnaire de calques “layers”.

D’autres fenêtres sont trouvables comme [RenderDialogPosition][LayerDialog][RenderDialogPosition][RenderProgressDialogPosition][EnvironmentDialogPosition][SceneXRefDialogPosition][MtlEditorPosition].

3dsmax.ini-edition

Je vais ensuite modifier la ligne dimension et remplacer -588 par 0.

Dimension=0 155 408 676

Cette ligne me donne les coordonnées (x=-588 y=155) et dimensions (x=408 y=676) de ma fenêtre perdue.

Cela signifie que ma fenêtre est à 588 pixels vers la gauche et fait 408 pixels de large. Comme l’axe des x commence sur la gauche de mon écran, cette dernière est totalement hors champs.

Si votre second écran était à droite, vous trouverez une valeur supérieure à la largeur de votre écran à la place de ma valeur négative. Même principe, remplacer par 0.

Une fois les valeurs modifiées, je retrouve mon éditeur de calques et de matériaux.3dsmax-simple-screen-windows-ok

Reset des fenêtres via scripts.

J’ai trouvé quelques scripts comme Give me back my dialogs! et Reset 3DS Max Windows permettant d’automatiser la manip. Je ne les ai pas testés car je n’en ai besoin que tous les 36 du mois mais ça peut être utile à ceux qui changent beaucoup de configuration sur un ordi portable.

Tuto 3DsMax: Réglage des unités système

Tuto 3DsMax: Réglage des unités système

3Dsmax, comme tous les logiciels de 3D permet à l’utilisateur de choisir ses unités de préférence mais l’interface de ce réglage peut être trompeuse.

Pour configurer correctement ses unités on commence par ouvrir le menu concerné dans Customize > Unit Setup.

réglage unités 3dsmax

Réglage des unités d’affichage.

Dans la fenêtre Unit Setup vous pouvez voir le choix entre le métrique et les unités impériales.

réglage unité affichage 3dsmax

Le piège est de penser que cette option suffit pour que 3Dsmax change son unité de référence alors qu’il n’en est rien: si on regarde de plus près on remarque que ce choix ne concerne que l’affichage.

Autrement dit, ce que vous changez ici n’est qu’une préférence personnelle pour votre confort d’usage: 3DsMax peut utiliser des pouces sans que vous le sachiez puisque vous travaillez avec la conversion, ici en centimètres.

Réglage des unités système.

Pour que votre fichier soit bien dans l’unité désirée il faut cliquer sur System Unit Setup afin d’afficher la fenêtre du même nom.

réglage unités système 3dsmax

Vous pouvez à présent choisi votre unité système: j’utilise le centimètre et le conseille pour sa polyvalence.

Bien choisir son unité système.

Si vous travaillez sur des modèles vraiment petits comme des lunettes ou très grands comme un porte avion, je vous suggère  de changer d’unités afin de rester dans le champs de précision de 3Dsmax.

On constate ici en choisissant le kilomètre que la valeur Resulting Accuracy est de 0.011920929cm, soit plus de 0.1mm ce qui est inadapté à la modélisation d’un oeil par exemple.

précision unité système 3dsmax

L’importance dans le travail en groupe.

Quand on travaille en équipe, il est important d’utiliser la même unité système afin de permettre les échanges de fichiers.

A l’ouverture d’un .max, 3Dsmax vérifie son unité système: si celle ci ne correspond pas cette fenêtre s’affiche et m’avertit que le fichier que j’essaie d’ouvrir est en pouce alors que mon unité système est en centimètres.

problème de correspondance d'unités

lorsque la fonction de remise à l’échelle ne marche pas ou que l’on importe un .fbx (ou autre format d’import export) il faut faire ça à la main ce qui devient rapidement ingérable sur de gros projets.

Attention: 3Dsmax gardera l’unité système du dernier fichier ouvert, même si vous n’avez rien enregistré, propageant l’unité bâtarde à de nouvelles scènes.

Tant que tout le monde bosse en métrique, faire une mise à l’échelle en multiples de 10 est facile mais depuis un fichier utilisant le système impérial il faut utiliser des facteurs imprécis du genre 0.393700787 ou 0.032808333.

Donc faites doublement attention lorsque vous ouvrez des fichiers utilisant des unités moyenâgeuses.

Conclusion.

Si vous restez libre de choisir l’unité d’affichage selon vos habitudes votre unité système est un réglage à ne pas négliger car il peut vous faire perdre beaucoup de temps dans des moments critiques.

 

Comment choisir son langage de programmation avec Unity 3D?

Comment choisir son langage de programmation avec Unity 3D?

Logo Unity 3DLorsque l’on débute sur Unity 3D, difficile de choisir son langage de programmation: voyons ici leurs qualités et limites.

Création d’un script.

Lorsque vous créez un script dans le menu create de la fenêtre Project, Unity  génère un fichier texte avec l’extension correspondante au langage qu’il utilise: .js (pour Javascript), c# ou .boo . Vous pouvez choisir celui qui vous convient car Unity recompilera votre code dans le format d’export.

Il n’y a qu’un langage par script mais il est possible de faire cohabiter des scripts Js et c# dans un même projet ce qui est bien pratique lorsque ces derniers son issus de la communauté.

Il reste néanmoins important de se fixer sur un langage en fonction de ses besoins.

Javascript aussi connu comme Unityscript.

Javascript porte mal son nom car différent du Javascript que l’on rencontre en dehors. C’est pour éviter leur confusion que la communauté l’appelle souvent Unityscript.

C’est un langage courant qui est accessible et présent sur de nombreux tutoriels mais il est majoritairement utilisé par des débutants pour son accessibilité ce qui limite son aspect communautaire lorsque vous cherchez des conseils ou exemples sur des fonctionnalités sophistiquées.

C# pour jouer dans la cour des grands.

Le c# est un peu plus exigeant en terme de syntaxe mais plus solide sur le long terme et a séduit tous les utilisateurs avancés.

J’avais débuté la programmation sur Unity en Js car réputé plus facile mais ai senti ses limites quand des fonctions simples étaient compliquées à mettre en place. Lorsque j’ai commencé Tactical Mini-Golf, j’ai saisi l’occasion pour reprendre à zéro en c# et ne suis jamais revenu sur le Js.

Le c# est au moins autant documenté que le Js et pas beaucoup plus difficile contrairement aux idées reçues: bien qu’il demande plus de rigueur, celle ci est indispensable sur des projets complexes.

Contrairement au Js, il est facile de trouver des scripts en c# sur des fonctionnalités pointues que vous pourrez utiliser comme modèles pour progresser.

Boo, un total inconnu.

Je n’ai rien à reprocher à Boo mais ce langage est si peu utilisé par les développeurs Unity qu’il semble abandonné par la communauté.

Je ne le conseille pas car en cas de problème, personne ne viendra vous aider: on voit ici l’importance de la communauté qui vous donnera des conseils ou vous permettra d’apprendre en regardant le travail des autres.

Edit: Boo n’est aujourd’hui même plus présent dans la documentation officielle de Unity 3D.

Verdict: C#

Le C# est celui que je recommande: il est effectivement plus difficile pour débuter que le Js mais l’investissement sera payant sur le long terme.

La disparition de Boo suggère également un phénomène de sélection naturelle. Le Js étant principalement utilisé par le grand public là alors que les pros lui préfèrent unanimement le C#, il y a fort à parier qu’il disparaisse lui aussi.

10 conseils pour réussir sa présentation power point:

10 conseils pour réussir sa présentation power point:

Assistant régulièrement à des conférences, j’ai remarqué les erreurs et problèmes les plus fréquents chez les intervenants. Evitez les facilement en suivant ces dix conseils lorsque votre tour viendra au moment de prendre la parole en public.

1) Limitez le texte au strict minimum.

Les gens lisent spontanément ce qu’ils ont sous les yeux: vous perdrez l’attention de votre public en mettant trop de texte. Effet inverse, vous aurez tendance à lire au lieu d’expliquer.

Limitez donc le texte aux titres, légendes, nom propres et chiffres clef afin de faciliter la prise de notes de votre public. Suivre cette règle vous évitera également les phrases creuses et sans intérêt que certains mettent pour faire du remplissage.

Attention à la taille et la lisibilité de votre police d’écriture. Une taille 16 est conseillée afin que le public en fond de salle n’ait pas de problèmes de lecture.

2) Une image par slide.

Inutile de perdre du temps à faire une mise en page avec plusieurs images alors que ça va perdre votre public: comme pour le texte, faites simple et efficace. Power Point ne limite pas le nombre de page alors profitez en.

Privilégiez une grande image: reculez à deux ou trois mètres de votre écran pour avoir une idée de ce que voient certains membres du public.

Limitez les images multiples aux pages impliquant une comparaison des illustrations comme un “avant – après”.

Évitez les tableaux: un graphique sera beaucoup plus clair.

3) Des paroles complémentaires au slide.

Vos paroles doivent être complémentaires de ce qui est affiché à l’écran. Ne répétez pas les texte et ne cherchez pas à décrire bêtement l’image: vous devez développer le sujet.

4) Savoir parler en public.

Que vous soyez intervenant ou dans le public pour poser une question, élevez la voix afin de vous exprimer clairement (oui, même avec un micro). Ne tournez pas le dos à votre public.

Si vous utilisez un micro, attention à le garder près de votre bouche.

Lorsqu’une question vous est posée, reformulez là dans votre réponse car tout le monde ne l’a peut être pas bien entendue: il est frustrant pour une personne en fond de salle d’essayer de deviner ce à quoi vous répondez.

Prévoyez une petite bouteille d’eau: vous en aurez besoin et elle vous permettra de faire une petite pause dont vous aurez autant besoin que votre public. Un tic-tac hors de sa boite dans votre poche vous sera également utile pour rafraichir discrètement votre haleine à la fin de votre présentation.

5) Écrivez votre nom.

Les gens ne retiendront pas votre nom après que vous l’ayez donné oralement, peuvent mal le comprendre et ne sauront pas comment il s’écrit. Peu oseront vous demander de le répéter et ceux qui sont arrivé en retard ne le connaitront pas.

Précisez le en bas de chaque page avec le titre de votre exposé. Exemple: “Marc SAUBION: la 3D pour les débutants.” Profitez en également pour placer le nom ou logo de votre entreprise afin de ne pas être confondu avec un autre exposant.

6) Faites un plan de votre présentation.

Rien de pire que de voir quelqu’un chercher la page illustrant ses propos. Organisez votre discours de façon à ce que vos pages le suivent.

Notez la description et l’ordre des pages afin de pouvoir revenir facilement sur l’une d’entre elles lors d’une question de la part du public.

7) Faîtes des démonstrations.

Vous parlez cinéma? Commencez par montrer un extrait de film. Ça ne sert à rien de faire un grand discours sur talent du réalisateur à des gens qui n’ont pas saisi de quoi vous parlez.

De même, si vous devez parler d’une localité, commencez par situer l’action sur une carte. Une capture d’écran de googleMap fera l’affaire et permetra à tout le monde de suivre facillement. Et laissez le nord en hait sur la carte: ce que je dis semble élémentaire mais j’ai déjà vu des cartes placées dans tous les sens et qui perdent leur fonction première qui est de se repérer.

Si un objet de démonstration n’est pas utile dès le départ, cachez le sans quoi il va travailler la curiosité de votre public qui sera donc distrait

8) Adaptez votre vocabulaire à votre public.

Si vous n’êtes pas face à des confrères, limitez au possible les termes spécifiques à votre profession et définissiez ceux qui sont incontournables. Pour la même raison, évitez les schéma lourds et austères pour les non initiés.

Privilégiez des formules simples et parlantes pour tous: un mois d’autonomie sur un iPhone sera parlant pour tous contrairement à la capacité en Wh/g de votre batterie révolutionnaire.

9) utilisez votre propre matériel.

Vous avez un ordinateur portable? Prenez le.

Je vois régulièrement des gens perdus devant une machine de prêt car c’est un MAC et qu’ils ont l’habitude d’un PC (ou inversement) pour ensuite s’excuser car les polices qu’ils ont utilisé dans leur PPS ne sont pas installées ici.

Ne faites pas confiance aux autres, prenez votre propre matériel afin d’éviter ces problèmes techniques. Visitez les locaux en avance si possible afin d’éviter d’être coincés car vous n’avez pas le bon câble vidéo. Je vous conseille également l’achat d’une télécommande: elle vous permettra de faire facilement défiler vos slides sans casser le rythme et certaines sont munies d’un pointeur laser.

Gardez malgré tout une copie de votre PPS sur une clef USB. il est toujours bon d’avoir un plan B.

10) Un bon début et une bonne fin.

Ce n’est pas un stéréotype, la première et la dernière impression sont celles qui marqueront le plus votre public.

Commencez en provoquant la curiosité du public (démonstration) et terminez sur quelque chose de captivant ou surprenant. Profitez en pour rappeler votre nom et votre entreprise sur votre dernier slide pendant que les gens vous poseront des questions.