{"id":698,"date":"2017-03-21T17:44:15","date_gmt":"2017-03-21T16:44:15","guid":{"rendered":"https:\/\/www.cours-info.ch\/wordpress\/?p=698"},"modified":"2017-09-13T15:07:44","modified_gmt":"2017-09-13T13:07:44","slug":"ex-indesign-01-une-page-dalbum-panini","status":"publish","type":"post","link":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/2017\/03\/21\/ex-indesign-01-une-page-dalbum-panini\/","title":{"rendered":"Ex. InDesign.01 – Une page d’album panini"},"content":{"rendered":"

Et si on faisait une page d’album panini ?<\/h2>\n

SUJET : Introduction aux blocs et aux images dans InDesign<\/p>\n

    \n
  1. Tout d’abord, jetez un oeil ici<\/a> \u00a0\u00e0 ce que nous allons accomplir ensemble. Et gardez ce mod\u00e8le ouvert dans un 2e onglet.<\/li>\n
  2. Cliquez ici pour t\u00e9l\u00e9charger les images \u00e0 utiliser pour ce TP<\/a>. D\u00e9compressez ensuite le tout (ouvrez-le)<\/li>\n
  3. Ouvrez un nouveau document InDesign d’une page A4 verticale<\/li>\n
  4. Faites 16 blocs rectangulaires verticaux align\u00e9s exactement sur les marges pour accueillir les portraits des joueurs Comment faire ?<\/a>\n
    \n
    1. S\u00e9lectionnez l’outil bloc rectangulaire
    \n2. Pendant que vous faites un grand bloc sur toute la page, sans rel\u00e2cher votre clic, utilisez les fl\u00e8ches du clavier pour augmenter\/diminuer le nombre de blocs<\/div>\n<\/div>\n<\/li>\n
  5. Effacez les 4 blocs du centre<\/li>\n
  6. Ins\u00e9rez 12 portraits de joueurs dans les blocs restant. Vous trouverez des images que je mets \u00e0 votre disposition dans le dossier \u00ab\u00a0portraits\u00a0\u00bb. Les images sont tr\u00e8s mal cadr\u00e9es dans leur bloc respectif<\/li>\n
  7. S\u00e9lectionnez tous les blocs, et faites \u00ab\u00a0Ajuster le contenu proportionnellement<\/strong>\u00a0\u00bb (\u00e7a se trouve dans les fonctions en haut de l’\u00e9cran quand on s\u00e9lectionne un bloc, un peu \u00e0 droite du milieu de la fen\u00eatre). C’est mieux, mais c’est pas encore \u00e7a.<\/li>\n
  8. Prenez chaque image et adaptez-l\u00e0 manuellement \u00e0 son bloc pour qu’on voie moins les logos, cadres et texte (voir r\u00e9sultat fini ci-dessous). La touche du clavier Majuscule permet de garder les proportions. La touche Alt d’\u00eatre centr\u00e9 sur l’image (essayez avec les 2, vous verrez).<\/li>\n
  9. Une fois tout le monde bien dans son cadre, on va faire le reste de la page.<\/li>\n
  10. On va ajouter un fond aux couleurs d’un terrain de foot. Il nous faut donc un bloc rectangulaire sur toute la page. Quelques millim\u00e8tre de plus que les images, ce serait id\u00e9al.\n
      \n
    1. Ins\u00e9rez ensuite l’image \u00ab\u00a0terrain\u00a0\u00bb dans ce bloc.<\/li>\n
    2. Pivotez le terrain \u00e0 90\u00b0 (en allant dans un coin de l’image, quand le curseur se transforme)<\/li>\n
    3. Positionnez et placez l’image. Les lignes du terrain doivent d\u00e9passer des portraits tout autour.<\/li>\n
    4. Evidemment, comme on a ins\u00e9r\u00e9 ce bloc en dernier, il est sur le dessus de la \u00ab\u00a0pile\u00a0\u00bb. Allez dans le menu Objet<\/strong> puis sur Disposition<\/strong> pour changer l’ordre des images<\/li>\n<\/ol>\n<\/li>\n
    5. Ajoutez une ombre port\u00e9e \u00e0 tous les portraits : Objet<\/strong> > Effets<\/strong> > Ombre port\u00e9e<\/strong> > OK<\/strong><\/li>\n
    6. Notez bien que vous pouvez les faire tous d’un coup, hein.<\/li>\n
    7. Dans la zone du centre, on va mettre un logo et un nom d’\u00e9quipe.\n
        \n
      1. Allez chercher l’outil bloc elliptique (avec un clic droit sur l’outil bloc rectangulaire)<\/li>\n
      2. Nous on veut un rond parfait et on le placera mieux en partant du centre du cercle (voir ci-dessus quand on a redimensionn\u00e9 les portraits des joueurs, les touches du clavier…)<\/li>\n
      3. Placez cette zone elliptique exactement sur le rond central<\/li>\n
      4. Ins\u00e9rez le fichier logo dans ce bloc, ajustez et placez l’image<\/li>\n
      5. Ajoutez 2 zones de texte au-dessus et au-dessous du logo<\/li>\n
      6. Nommez votre \u00e9quipe\n
          \n
        1. Choisissez une couleur de texte qui contraste bien avec la couleur de fond (le jaune, en tout cas)<\/li>\n
        2. Augmentez la taille de la police, \u00e9tirez le texte pour qu’il prenne bien toute la place entre les goutti\u00e8res. Les 2 blocs de texte doivent chacun toucher 3 goutti\u00e8res.<\/li>\n<\/ol>\n<\/li>\n
        3. Ajoutez une ombre port\u00e9e<\/strong> au logo et aux 2 zones de texte<\/li>\n<\/ol>\n<\/li>\n
        4. Ajoutez un Contour progressif simple<\/strong> \u00e0 tous les portraits (m\u00eame endroit que l’ombre port\u00e9e<\/strong>)<\/li>\n
        5. Enregistrez votre oeuvre, une premi\u00e8re fois au format InDesign, et ensuite exportez-la en PDF (Fichier<\/strong> > Exporter<\/strong>)<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

          Et Cliquez pour voir la suite<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38],"tags":[],"class_list":["post-698","post","type-post","status-publish","format-standard","hentry","category-indesign"],"_links":{"self":[{"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=698"}],"version-history":[{"count":13,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/698\/revisions"}],"predecessor-version":[{"id":856,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/698\/revisions\/856"}],"wp:attachment":[{"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}