In part one we created a new document, added some filler text then went on to add columns and also link the columns together to have our text automatically from one column to the next. In this part we will focus on adding images to our document. First the technical bit : JPG images use compression to keep the f ile size small. While this may seem like a good idea at first it comes at a cost: your image may show “artifacts.” Artifacts are small squares squares you sometimes see in images – mainly on on web pages which often use highly compressed images – and while this may look good on a web page, it looks bad in a document, especially if it's to be professionally printed. Gif images, on the other hand, have a limited color palette. While this may be good for a two color logo it's not so good when you try and drop a full-color image to 256 colors. So I suggest you use PNG images. Do not fall into the trap of simply converting a bad quality JPG/GIF to a PNG: this won't repair the image. Always start with the best-quality image you can find. So without further ado, let's load up our text document from the previous section.
Dans la première partie nous avons créé un nouveau document, ajouté un peu de texte de remplissage, puis ajouté des colonnes en les liant entre elles pour que notre texte passe automatiquement d'une colonne à l'autre. Dans cette partie nous allons nous concentrer sur l'ajout d'images à notre document.
D'abord la partie technique : les images JPG utilisent la compression pour réduire la taille du fichier. Même si cela peut sembler une bonne idée au début, cela a un coût : votre image peut montrer des artéfacts. Ce sont de petits carrés que vous voyez parfois dans les images - principalement sur des pages Web qui utilisent souvent des images fortement compressées - et si tout cela n'est pas très grave pour une page Web, ce n'est pas bon dans un document, surtout s'il doit être imprimé de manière professionnelle. Les images GIF, par contre, ont une palette de couleurs limitée. C'est très bien pour un logo en deux couleurs, mais pas si vous convertissez une photo couleur en 256 couleurs. Je vous suggère donc d'utiliser des images PNG. Ne tombez pas dans le piège de convertir simplement une image JPG ou GIF de mauvaise qualité en PNG : cela ne réparera pas l'image. Commencez toujours avec une image de la meilleure qualité que vous pouvez trouver.
Alors sans plus tarder, nous allons charger notre document texte de la section précédente.
To place an image into the document we click the Insert Image Frame button: and draw out a box, just like we did for a text box: To choose an image, right click on the image frame and choose Get Image: A file dialog box will appear and from there you choose which image you want to insert into the image frame and click the Open button:
Pour placer une image dans le document, cliquez sur le bouton Insérer un cadre d'image et dessinez une boîte, comme nous l'avons fait pour une zone de texte. Pour choisir une image, faites un clic droit sur le cadre d'image et choisissez Importer une image.
Une boîte de dialogue apparaît, à partir de laquelle vous choisissez l'image que vous voulez insérer dans le cadre de l'image et cliquez sur le bouton Ouvrir.
OK, there's a problem… as you can see from the screenshot, the image is badly cropped in that we can only see a small portion of the image. We need to make a decision here. Do we make the image frame the same size as the original image? Or do we resize the image to the image frame? For demonstration purposes we'll do both. First, to make the image frame the same size as the original image we could drag out the image frame box. Easier still is to right click the image frame and choose Adjust Frame to Image: But now the image is too big, time to reduce its size. In the Properties window click the Image tab.
Bon, il y a un problème… Comme vous pouvez le voir sur la capture d'écran, l'image est mal cadrée et nous ne pouvons en voir qu'une petite partie. Là, nous devons prendre une décision. Est-ce qu'on donne au cadre d'image la même taille que l'image originale ? Ou bien est-ce qu'on redimensionne l'image pour qu'elle tienne dans le cadre ? À des fins de démonstration, nous allons faire les deux.
Tout d'abord, pour rendre le cadre de la même taille que l'image originale, nous pourrions changer la taille du cadre avec les poignées. Mais il est plus facile de faire un clic droit sur le cadre d'image et de choisir Adapter le cadre à l'image.
Mais cette fois-ci l'image est trop grande, il est temps de réduire sa taille. Dans la fenêtre Propriétés, cliquez sur l'onglet Image.
This shows the size of the image, but let's not guess sizes. Let's resize in the document itself. Select the Scale to Frame Size option. This will allow us to resize the image by resizing the image frame. Be sure to have Proportional ticked as this will stop us from stretching the image out of proportion. Click the image frame and resize it. And of course you can move the image frame to position the image where you please. The only problem we have now is the image obscuring the text behind it. Solution: have the text flow around the image.
Cela affiche la taille de l'image, mais ne devinons pas les tailles. Nous allons redimensionner dans le document lui-même. Sélectionnez l'option Mettre l'image aux dimensions du cadre. Cela va nous permettre de redimensionner l'image en redimensionnant le cadre d'image.
Assurez-vous d'avoir coché Proportionnel car cela empêchera d'étirer l'image dans un sens.
Cliquez sur le cadre d'image et redimensionnez celui-ci.
Et bien sûr, vous pouvez déplacer le cadre pour positionner l'image où il vous plaît.
Le seul problème que nous avons maintenant est que l'image cache le texte derrière elle.
Solution : faire en sorte que le texte contourne l'image.
To do this, select the image frame and in your Properties window, select the Shape tab. The Shape tab is new to us but all we want to do for now is select the Text Flows Around Frame Use Frame Shape option. There we go! The image now displaces the text around its edges! Try moving the image frame on the page and you'll see the text update itself automatically. Just like magic! The only problem we're still left with is that the text is a bit too close to the right side of the image. This is easily fixed.
Pour faire cela, sélectionnez le cadre d'image et, dans la fenêtre Propriétés, sélectionnez l'onglet Forme. L'onglet Forme est nouveau pour nous, mais tout ce que nous voulons faire pour l'instant est de sélectionner l'option Utiliser le contour.
Nous y voilà ! L'image pousse maintenant le texte autour de son contour !
Essayez de déplacer le cadre d'image sur la page et vous verrez le texte se mettre à jour automatiquement. Comme par magie !
Le seul problème qui nous reste, c'est que le texte est un peu trop près du côté droit de l'image. Ceci est facilement corrigeable.
With the image frame still selected and in the Shape tab (in the Properties window) we select Use Contour Line. Next click Edit Shape and a new window will appear. Don't panic! We aren't going to use most of this window, but notice that your image frame now has a blue outline. In this new window, tick the Edit Contour Line option, our blue outline now has a tiny blue bob on either corner, left click and drag those blue bobs. You'll see the contour line move and your text with it. Play around with this contour line to get the text to your liking. When you're done, click the Edit Contour option again to turn it off and click End Editing to close that window. And that's pretty much all you need to know about images!
Le cadre d'image étant toujours sélectionné, cliquez dans l'onglet Forme de la fenêtre Propriétés sur le bouton Modifier et une nouvelle fenêtre apparaît.
Ne paniquez pas ! Nous n'allons pas utiliser toutes les informations de cette fenêtre, mais remarquez que votre cadre d'image dispose maintenant d'un contour bleu. Dans cette nouvelle fenêtre, cochez l'option Modifier le contour, notre contour bleu a maintenant un petit bouton bleu dans les coins, cliquez et faites glisser les boutons bleus. Vous verrez la ligne de contour bouger et votre texte avec. Jouez avec cette ligne de contour pour obtenir le texte à votre convenance. Lorsque vous avez terminé, cliquez à nouveau sur l'option Modifier le contour pour la désactiver, puis cliquez sur Terminer pour fermer cette fenêtre. Et c'est à peu près tout ce que vous devez savoir sur les images !