Eclaircir les zones d’ombres sur une photo avec Photoshop

Votre image comporte trop d’ombre ? Quelques réglages suffisent pour améliorer l’éclairage de ces zones que vous ne voyez pas correctement, afin d’y retrouver des détails.

Voilà un petit tutoriel rapide que vous pourrez créer un script et appliquer aux photos massives que vous pouvez prendre, tout spécialement après l’été pour ceux qui traiteraient des photos.

  • Ouvrez votre photo. Puis dupliquez votre calque d’arrière plan [raccourci : Ctrl+J], et convertissez-le en objet dynamique (clic droit sur le calque / Convertir en objet dynamique).
  • Dans le menu Image, sélectionnez l’option Réglage, puis Tons foncés/Tons clairs. Une nouvelle fenêtre s’ouvre.
  • Les zones ombragées sont alors plus éclairées. Cochez « Afficher plus d’options » puis réglez vos paramètres en fonction des modifications que vous souhaitez obtenir.
  • Vous pouvez également créer, à la suite de ces manipulations, un filtre Réduction de bruit. Vous le trouverez dans le menu Filtre, en sélectionnant l’outil Bruit. Cela permettra d’atténuer le bruit apparu avec les réglages de l’outil Tons foncés/Tons clairs.

Pour terminer cette modification. Vous pouvez jouer sur le contraste de la photo, en créant un calque de réglage « Niveaux » avec un masque de fusion. Vous trouverez ces outils dans la barre du menu calque, en bas à droite de votre écran. Cela vous permettra de cibler davantage vos zones d’ombre à éclaircir. Attention cependant à ne pas trop insister sur cette fonction,  à l’impression d’une photo, sans imprimante postscript, vous risquez de vous retrouver avec un document tâcher sur les zones d’ombre.

Une fois satisfait de vos réglages vous pouvez aplatir les deux calques afin d’obtenir qu’un seul document. Pour cela, dans le menu principal Calque, sélectionnez « Aplatir l’image ». Et enregistrez le tout.

Colline verdoyante en Material Design

Colline verdoyante - Material Design

Apprenez à designer selon les règles du Material Design, en partant d’une simple photo.

Introduction

Le Material Design est un ensemble de règles de design présenté par Google en juin 2014, lors de sa grande conférence la Google I/O.

Le but de ce concept, est de rendre les interfaces graphique de nos applications mobiles et sites Web plus intuitifs à travers des règles de design simple, logique et compréhensible de tous.

Même si le Materiel design est régi par des règles et prévu pour créer des interfaces graphiques, il est tout de même envisageable d’en faire des illustrations.

Pour ce tutoriel, c’est le célèbre fond d’écran Collines verdoyantes qui servira de support.

Coline verdoyante en Material Design

Importer l’image dans Illustrator

Cliquez sur l’image Colline verdoyante (ci-dessus), faites un clique droit dessus, puis Enregistrer l’image sous …

Dans Illustrator, créez un nouveau document ayant pour dimensions: 1920×1080 pixels et 72dpi.

Allez dans le menu Fichier -> Importer…, puis sélectionnez l’image Colline verdoyante.

Astuce: verrouillez le claque en cliquant sur la petite case vide à droite de l’œil dans la palette des calques. Cela empêchera de déplacer accidentellement l’image.

Les règles du Material Design

Les règles appliquées ici sont les suivantes:

  • Privilégier des formes simples, plus particulièrement des ellipses et des triangles
  • Que des aplats de couleurs. Pas de dégradés ni de motifs
  • Les couleurs en question figurent toutes dans le nuancier définit par Google.
  • Toutes les formes doivent posséder une ombre portée avec une source lumineuse dite “au zénith”

Dessiner en Material Design

Avant toutes choses, prenez le temps d’examiner l’image et de repérer toutes les couleurs soit le bleu, le vert et le marron, puis repérez également les nuances dues aux effets d’ombres et de lumières.

Créez un nouveau calque, puis à l’aide de l’outil Plume, tracez la forme 1.

Coline verdoyante en Material Design-2Créez un second calque, puis créer la forme 2. Pour ajouter le point d’encrage signalé par le numéro 2a, prenez Outil d’ajout de point d’encrage, puis Outils de sélection direct pour le déplacer.

Continuez la colline en respectant l’ordre des numéros et en créant à chaque fois un nouveau calque. Faites de grands rectangles en tenant compte des couleurs et des nuances.

Coline verdoyante en Material Design-3

Pour le ciel, il suffit de faire un grand rectangle dans un nouveau calque et de déplacer le calque en seconde position.
Ne cherchez pas la perfection, cela doit rester sommaire comme tracés. De plus, il est possible de repositionner les points d’ancrage à tout moment avec l’outil Sélection direct.

Dessinez les nuages à l’aide des outils Ellipse et Rectangle. Disposez-le comme dans l’exemple ci-dessous:

Colline verdoyante en Material Design-4

Prenez Outil de conception de forme pour fusionner les tracés et Outil de conception de forme + Alt enfoncé pour supprimer de la matière.

Colline verdoyante en Material Design-5Créez plusieurs nuages ou bien dupliquez le vôtre en faisant Ctrl + C puis Ctrl + V (Cmd sur Mac) et déformez-les avec Outil de sélection. L’idée étant d’avoir plusieurs nuages différents et de différentes tailles. Pour ajouter de la profondeur, répartissez vos nuages sur deux calques.

Du flat au material

Pour le moment, l’illustration ressemble plus à du Flat design qu’a du Material design.

Ajoutons un peu de volume à tout ça !

Sélectionnez la forme 2, puis allez dans Effet -> Spécial -> Ombre portée… et appliquez les réglages suivants:

Colline verdoyante en Material Design-6Pour appliquer cet effet sur les autres formes, utilisez le raccourci clavier Ctrl + Maj + E.

Atténuer le reflet d’un visage sur Photoshop.

Sélectionnez les parties les plus claires du visage, et quelques réglages suffisent pour atténuer tout reflet visible.

Ouvrez votre photo, puis dupliquez votre calque [Ctrl + J]. A partir de celui-ci, vous allez sélectionnez « Plage de couleurs » dans le menu Sélection. Une fenêtre s’ouvre. Dans le sous-menu Sélection, choisissez « Tons clairs », puis validez. Les parties claires sont alors sélectionnées automatiquement.

gekleurd-haar-img3Si vous avez des zones qui ne doivent pas être comprises dans votre sélection de reflet, activez le mode Masque (Q), puis l’outil Pinceau avec le noir en premier plan, et blanc en arrière plan, comme ceci :

Passez l’outil sur ces zones, vous allez donc noircir celles à conserver.

 

Une fois la sélection correcte, ajoutez un groupe au document en cliquant sur cet icône     situé en bas du panneau calque, puis créez un masque de fusion.

 

Un calque de réglage « Correction sélective » sera nécessaire. Vous le trouverez toujours en bas du panneau calque. Pour les réglages, à vous de voir. Le plus souvent, il faut sélectionner le Blanc, puis réduire fortement le cyan, légèrement le magenta et le jaune, puis augmenter le noir.

A la suite de cela, vous pourrez éventuellement ajouter un calque de réglage Niveaux pour réduire la luminosité, si nécessaire. Ajoutez également un calque avec le Mode Lumière Tamisée, en haut du panneau calque. Remplissez-le de gris à 50%, puis appliquez-lui le filtre Ajout de bruit.

Le lissage du reflet sera donc estompé en fonction des réglages que vous aurez faits.

Sachez que vous pouvez également modifier l’opacité des calques, la densité, le contour progressif, etc.. en allant dans le panneau Propriétés.

Changer la luminosité ou l’éclairage de son espace de travail

Régler la luminosité de son espace de travail sur illustrator CS6 et CC

Quand vous ouvrez Illustrator, des paramètres sont déjà définis par défaut. Ceux-ci peuvent ne pas vous convenir et nous aborderons ici les différentes manipulations à effectuer pour personnaliser son espace de travail et plus précisément sa luminosité.

Pour accéder à ces paramètres, vous devez cliquer sur le menu Edition puis sur Préférences si vous travaillez sur PC ou par le menu Illustrator puis sur Préférences si vous êtes sur Mac.

Vous verrez alors apparaître toute une liste de possibilités et notamment Interface utilisateur, ce qui nous intéresse dans notre cas pour modifier la luminosité de notre environnement de travail.

Une fois que vous avez cliquez sur Interface utilisateur, vous voyez alors apparaître une nouvelle fenêtre.illsutrator-reglages

Par défaut, la luminosité est réglée en Sombre mais vous pouvez tout à fait utiliser la flèche déroulante pour sélectionner un autre réglage tels que Très sombre, Claire ou Très claire en fonction de votre préférence.

Si ces « options » ne vous conviennent pas, vous pouvez également utiliser la petite réglette en dessous pour affiner la luminosité souhaitée entre Très Sombre (0%) et Très claire (100%).

personnalisation-illustrator

 

Pour personnaliser encore un peu plus votre espace, vous pouvez voir dans la boite de dialogue une fonction concernant la couleur de la zone de travail ; Par défaut, celle-ci est Blanche mais vous pouvez la faire correspondre avec la luminosité de votre interface et pour cela, vous n’avez qu’à cliquer sur cette option.

 

 

Flouter un arrière plan sur Photoshop

contour-flou-photoshopRendre flou le fond d’une photo peut être utile pour lui donner un effet esthétique, mettre en valeur l’élément du premier plan ou tout simplement pour masquer certains détails de l’arrière-plan.

En plus, avec les méthodes instagram, et les potentiels qu’on retrouve sur les derniers iphone en terme de Photo, il ne vous reste plus qu’à vous mettre au travail! C’est plus long, mais à partir d’une photo prise dans de bonnes conditions, l’effet est garanti.

La première méthode consiste à utiliser les sélections.

    1. Tout d’abord, comme dans toute action sur photoshop, il faut ouvrir votre document !
    2. Choisissez l’outil « Sélection rapide », situé dans la barre d’outils à gauche de votre écran, ou appuyez sur la lettre « W » (raccourcis). Lors de votre sélection, vous pourrez modifier l’épaisseur de votre cible.
      Vous pouvez également choisir l’outil « Lassot » (L), ou « Lassot magnétique ». Si vous choisissez celui-ci, pensez à paramétrez le « Contour et progressif » en fonction des caractéristiques de votre photo. Plus la qualité de votre photo est importante, plus votre contour progressif devra l’être (compter environ 10px par tranche de 150 dpi).
    3. Sélectionner ensuite la partie que vous voulez mettre en avant avec l’un de ces outils. Une fois votre sélection effectuée, allez dans « Sélection » situé dans le menu en haut de votre écran, puis « Intervertir ». Toute votre photo est alors sélectionnée.

  1. Allez dans le menu « Filtre », puis « Atténuation », et pour finir, ch
  2. oisissez le « Flou gaussien… ». Une fenêtre s’ouvre alors. A vous de régler vos
  3. paramètres en fonction de ce que vous souhaitez obtenir. Cliquez sur Ok pour valider vos réglages. Puis désélectionnez vos zones en appuyant sur les touches suivantes : [Ctrl + D].

Une autre façon d’obtenir un flou d’arrière plan est possible, par la duplication des calques.

  1. Commencez par dupliquer votre calque (clic droit sur le calque d’arrière plan, ou Ctrl J).
  2. Allez dans le menu « Filtre », puis « Atténuation », et pour finir choisissez le « Flou gaussien… ». Augmentez le nombre de pixels pour flouter votre image comme vous le souhaitez.
  3. Créez un « Masque de fusion » cliquez sur l’outil situé dans la barre du menu calque, en bas à droite de votre écran. Une vignette apparaît à coté de votre calque, sélectionnez-la. Vérifiez la couleur de votre premier plan, il faut qu’elle soit de couleur noire (      ).
  4. A la suite de cela, sélectionnez l’outil Pinceau (B), puis choisissez la forme et l’épaisseur de celui-ci en fonction des caractéristiques de votre document. Passez l’outil sur les zones à modifier. Vous pourrez masquer votre calque d’arrière plan, afin d’être plus précis dans votre manipulation, en cliquant sur l’icône « Œil ».
  5. Une fois votre travail réalisé, il ne vous reste plus qu’à aplatir vos calques afin de les réunir. Pour cela, faites un clic droit sur l’un des calques et sélectionnez « Aplatir l’image ». Votre photo est alors modifiée.

Ces effets sont appréciés, mais il faut les utiliser avec discrétion. Trop d’effets tuent l’effet, nous ne le disons jamais assez!

Les scripts d’action sous Illustrator

scripts d'action sous Illustrator

Les scripts d’action sous Illustrator ont la même fonction que sur Photoshop. A savoir, automatiser l’exécution d’une série d’actions.

Depuis le menu Fenêtre de votre menu illustrator, ouvrez le panneau Script d’action.

scripts d'action sous IllustratorPar défaut, figure déjà un ensemble de scripts d’action proposés par Adobe. Pour les tester, sélectionnez-en un, puis en bas à droite du panneau, cliquer sur le troisième bouton en partant de la gauche.

Les boutons de gauche à droite:

  1. Arrêter l’exécution/l’enregistrement, permet de d’interrompre l’exécution d’un script ou bien d’interrompre l’enregistrement d’un script.
  2. Lancer l’enregistrement. Ce bouton est automatique activé lors de la création d’un nouveau script. Il permet également d’ajouter d’enregistrer de nouvelles actions à un script.
  3. Exécuter la sélection en cours, permet de lancer le script sélectionné dans le panneau.
  4. Créer un nouvel ensemble, permet de regrouper les scripts dans un sous-ensemble (ou dossier).
  5. Créer un nouveau script. Comme son nom l’indique, c’est sur ce bouton qu’il faudra cliquer pour créer un nouveau script.
  6. Supprimer la sélection, permet de supprimer un script. Une boîte de dialogue demandera la confirmation avant la suppression définitive.

Créer un nouveau script pour automatiser votre tâche illustrator

Pour créer un nouveau script, il suffit de cliquer sur le bouton Créer un nouveau script. La boîte de dialogue ci-dessous apparaît

scripts d'action sous IllustratorDans le champ Nom renseignez un nom pour votre script, quant au menu déroulant Ensemble il permet de classer immédiatement votre script dans un sous-ensemble.

La touche fonction permet de lancer le script par le billet d’un raccourci clavier. Cette fonction est optionnelle car par défaut les scripts se lancent depuis le panneau Scripts d’actions.

Enfin Couleur, permet de changer la couleur de fond du bouton du script. Pour voir le résultat le Mode Bouton doit être activé: Menu du panneau -> Mode Bouton.

Cliquez sur le bouton Enregistrer pour commencer l’enregistrement du script.

Ajouter une commande de menu non enregistrable

Il n’aura échappé à personne que certaines commandes telles que, les effets, le crayon ou même le dégradé de couleurs ne s’enregistrent pas dans le script d’action sous Illustrator.

Pour les ajouter, allez dans le menu du panneau puis dans Insérer une commande. Exécuter la commande désirée sans tenir compte de la boîte de dialogue (le champ recherche se complète automatiquement). Cliquer sur OK pour valider.

Donner un effet de mouvement sur une voiture en action avec Photoshop

Cet effet sera possible avec l’outil Pièce (J) et son option Contenu pris en compte. Il faudra créer un calque par roue, deux calques pour le flou de la voiture, et deux calques pour le flou de l’arrière plan.

Postioner les effets de flou sur les bons endroits de la voiture pour créer le mouvement

Pour commencer, ouvrez votre document et dupliquez celui-ci.

Appliquez directement à votre photo le Flou directionnel : Filtre / Atténuation / Flou directionnel. Modifiez l’angle, en fonction du flou que vous souhaitez obtenir.

Après avoir masqué le calque dupliqué, sélectionnez le calque d’arrière plan, et choisissez l’outil Ellipse de sélection pour sélectionner le contour des roues. Pour chaque roue, vous devrez faire la même manipulation, à savoir : une fois le contour des roues sélectionné, allez dans le menu Sélection, puis Modifier, et choisissez le paramètre « Contour progressif » avec une valeur d’environ 3 pixels.

Pour copier le contenu de la sélection, et donc créer un calque pour chaque élément, faites [Ctrl+J]. A partir de ce calque dupliqué, appliquez-lui le Flou radial afin d’apporter un mouvement de rotation aux roues. Vous trouverez ce réglage dans le menu Filtre / Atténuation.

Pour sélectionner la forme de la roue plus précisément avec l’outil « Ellipse de sélection », utilisez le paramètre « Transformer la sélection » dans le menu Sélection. Vous pourrez alors améliorer le contour de la sélection de la roue.

Ensuite, créez un Masque de fusion (situé en bas du panneau calque), tout en maintenant enfoncée la touche [Alt] afin de créer un fond noir. Sélectionnez l’outil Pinceau (B), et mettez le blanc en couleur de premier plan, et le noir en arrière plan. Puis passez l’outil sur votre photo. Vous pouvez à tout moment repasser votre outil afin d’effacer le flou appliqué par erreur. Pour cela, il vous suffit juste d’inverser les couleurs de premier et arrière plan.

Une autre façon est possible avec l’outil Sélection rapide, afin de détourer la voiture.

Utilisation de l’outil de dilatation sur Photoshop, pour créer un dynamisme plus globale, ça marche aussi!

Il faudra alors copier la sélection [Ctrl+J], convertir le calque en objet dynamique, puis le dupliquer à nouveau.

Vous récupérerez la sélection du détourage, et en allant dans le menu Sélection puis Modifier, vous choisirez le paramètre Dilater (avec une valeur d’environ 10 pixels).

Vous retournerez de nouveau sur le calque d’arrière plan, puis dans le menu Edition, vous sélectionnerez le paramètre Remplir, avec l’option « Contenu pris en compte ». il ne vous restera plus qu’à convertir le calque en objet dynamique et à la dupliquer.

La différence entre les pixels et les vecteurs, différence fondamentale entre illustrator et photoshop

 

Différence entre illustrator et photoshopPour comprendre les différences entre une image pixélisée et une image vectorisée, nous allons pour commencer vous donner la définition de chacun de ces mots.

Une définition pour comprendre la différence entre Photoshop et Illustrator.

Définition d’un pixel avec orientation photoshop

Un pixel est un des plus petits éléments d’une image et est souvent approximativement rectangulaire, voir parfois carré et comporte des informations de couleurs.

Pouvant être abrégé px ou p, ce terme provient d’une expression anglaise « Picture element » qui signifie élément d’image.

Ces points, appelés donc pixels, assemblés les uns aux autres constituent alors l’image finale, appelée image matricielle et leurs nombres caractérisent la définition de cette même image. Plus le nombre de pixels est important, plus la qualité de votre image n’en sera que meilleure.

Définition d’un vecteur avec orientation illustrator

Un vecteur est un terme, une formule mathématique qui représente un segment avec un point d’origine et un point final et qui comporte des caractéristiques tels que l’épaisseur, la couleur, la forme, etc.

Une image vectorielle est donc composée essentiellement de formes géométriques individuelles pouvant subir différentes transformations.

Illustrator étant un logiciel de création graphique vectoriel, il est principalement utilisé pour créer des logos, affiches, flyers, illustrations, etc, et son avantage en utilisant donc des images vectorielles est qu’on pourra agrandir ces mêmes images autant qu’on le souhaite, pour les insérer dans différents formats de documents ou supports, ces images seront toujours de bonne qualité contrairement aux images pixélisées qui deviendront de plus en plus floues au fur et à mesure de l’agrandissement. Nous n’avons plus ces notions de résolution et de définition propres aux images pixélisées.

Pour résumer, vous pourrez par exemple aussi bien insérer le logo que vous avez crée sur Illustrator sur une carte de visite ou sur un panneau publicitaire de 7 mètres par 3 mètres sans perdre la moindre qualité de votre image originale.

Une image vectorielle pourra également subir facilement des transformations géométriques sans aucune perte de qualité alors qu’une image faite de pixels pourra elle aussi être transformée mais perdra rapidement en perte d’information, ce qu’on nomme la distorsion.

Un autre avantage en travaillant avec des images en mode vecteur est que l’on défini une image avec très peu d’information ce qui permet de gagner considérablement en poids de fichier, contrairement à une image en mode pixels qui elle, plus elle sera grande, plus le fichier sera lourd.

Par contre, travailler en mode vecteurs permet uniquement de créer des images simples, même si superposant plusieurs éléments nous pouvons arriver à des images assez élaborées mais une photo réaliste comme la photo d’un paysage par exemple ne pourra pas être crée dans ce mode, le nombre de détails étant trop importants.

Mélanger les tracés pour obtenir un objet unique sur Illustrator.

Lorsque vous dessinez quelque chose sur illustrator, avec la plume, vous utilisez plusieurs tracés, ce qui impose par la suite, pour pouvoir jouer avec les couleurs et les remplissages, de les associer.

Pour associer différents tracés sur Illustrator, il faut utiliser Pathfinder. Cette fonction vous permettra de travailler sur des assemblages de formes ou de tracés (si on part du principe qu’une forme est un tracé dans lequel on a un fond).

assemblage de tracé sur illustrator

Sur l’image précédente, nous avons établis deux tracés (deux formes vides)

Mais si nous souhaitons les remplir d’une même matière en une seul opération pour qu’il s’agisse d’une forme unique, on va devoir utiliser pathfinder.

Pour accéder à pathfinder : Allez dans les le menu Fenêtre > Pathfinder

utiliser le pathfinder sur illustratorVous aurez alors la fenêtre suivante qui va s’ouvrir à vous.

Vous pourrez voir alors comment utiliser les modes de la forme, et les pathfinders, bien pratiques pour faire de l’assemblage de deux formes.

Il faut donc sélectionner vos deux formes, l’une après l’autre mais en appuyant sur la touche CTRL (ou CMD pour mac) de votre clavier. Vous pouvez également utiliser l’outil sélection de votre barre d’outils (flèche noire) pour encadrer les deux formes, ce qui aura pour effet de sélectionner les deux formes.

A partir de là vous pouvez appliquer les différents modes de transformation de formes:

  • La réunion des formes
  • La soustraction
  • L’intersection
  • L’exclusion

Ces 4 modes vous permettront de réunir de différentes façon, les formes pré-existantes.

Ce mode de travail est pratique et permet au remplissage de créer des logos assez facilement, ou de reproduire des formes un peu compliqué à créer d’un simple coup de crayon ou de plume sur illustrator!

Insérez une couleur dans une forme

 

Vous pouvez alors voir qu’il ne reste qu’à colorier le contenu en un clic, puisqu’avec cette assemblage, les deux formes sont désormais considérées comme une seule forme.

Le pathfinder : Un utilitaire équivalent, permettant de travailler le tracé de la forme de différentes façon.

L’avantage de cet outil, c’est de pouvoir créer des formes à partir de deux objets, à la condition que ces derniers se chevauchent.

effet-pathfinder

Très pratique donc pour intégrer des fond dans de nouvelles formes. Au delà de l’application que l’on voit en formation, nous expliquons qu’il s’agit aussi d’un bon moyen d’appliquer des effets uniformes sur plusieurs objets développés.

Exporter un document inDesign en HTML

Exporter un document inDesign en HTML-1

Exporter un document inDesing en HTML est une fonction peu connue car beaucoup d’utilisateurs se sont heurtés à la question suivante : mais pourquoi il n’y a que des balises <p> dans mon fichier HTML ?

 1. Le formatage du texte

Tout le secret réside dans le formatage du texte. En effet, par défaut, inDesign formate tout le texte comme du paragraphe. C’est pour cette raison qu’à l’export il y est cette multitude de balises <p></p>.

Dans l’exemple ci-dessous, se trouvent deux titres. L’objectif est de formater le premier en tant que titre de niveau 1 et le second en un titre de niveau 2 avec une class nommée « toto » :

Titre de niveau 1

Titre de niveau 2

Sélectionnez le titre de niveau 1, puis allez dans Fenêtre -> Style -> styles de paragraphe (ou F11) pour faire apparaitre la palette ci-dessous.

Exporter un document inDesign en HTML Par défaut, elle ne contient que le style paragraphe standard. Cliquez sur le bouton Créer un nouveau style (à droite du bouton corbeille). Un nouveau style appelé Style de paragraphe 1 est créé. Faite un double-clique dessus.

Dans la boîte de dialogue Option de style de paragraphe, rendez-vous à présent dans l’onglet Exportation du balisage (le dernier de la liste), puis renommez le style. Dans cet exemple ça sera H1.

Dans le menu déroulant Balise sélectionnez h1. Cliquer sur OK pour valider.

Sélectionnez à présent le titre de niveau 2, puis créer lui un nouveau style. Dans le menu déroulant Balise sélectionnez h2 et dans le champ Class tapez toto. Cliquer sur OK pour valider.

2. L’export pour le Web

Allez dans le menu Fichier -> Exporter… et dans le menu déroulant Type, sélectionnez HTML. Cliquer sur Enregistrer pour valider.

Une nouvelle boite de dialogue appelé Option d’exportation XHTML propose une série de paramètres. Dans notre exemple, il faut juste s’assurer que dans l’onglet Avancé soit bien coché CSS incorporé, sans cela, inDesign se contente d’exporter notre document avec les balises H1 et H2 sans prendre en considération la mise en forme telle que la couleur et la taille du texte ainsi que les class.

Nota : si des images figures dans votre document et qu’elles doivent être elles aussi exportées dans le fichier HTML, allez dans l’onglet Image et changez la résolution qui doit être de 150ppp à 75ppp. Pour le Web 75ppp est amplement suffisant.