| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
| specialscribus:partie2 [2012/10/13 14:28] – fredphil91 | specialscribus:partie2 [2013/06/26 22:43] (Version actuelle) – tiboo |
|---|
| So without further ado, let's load up our text document from the previous section.** | 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. | 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, il 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 simplement convertir 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. | 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. | Alors sans plus tarder, nous allons charger notre document texte de la section précédente. |
| 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:** | 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 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 Obtenir une image: | 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: | 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. | **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. |
| 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. | 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 Ajuster le cadre à l'image: | 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. | 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. |
| Solution: have the text flow around the image.** | 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 à la taille du cadre. Cela va nous permettre de redimensionner l'image en redimensionnant le cadre d'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. | 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-la. | 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. | Et bien sûr, vous pouvez déplacer le cadre pour positionner l'image où il vous plaît. |
| 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.** | 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 Le texte contourne le cadre en utilisant la forme du cadre. | 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 ! | 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 ! | 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 corrigé. | 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. | **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. |
| And that's pretty much all you need to know about images!** | And that's pretty much all you need to know about images!** |
| |
| Le cadre d'image étant toujours sélectionné, on sélectionne dans l'onglet Forme de la fenêtre Propriétés Utiliser la ligne de contour. Ensuite cliquez sur Modifier la forme et une nouvelle fenêtre apparaît. | 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 la ligne de contour, notre contour bleu a maintenant un petit bouton bleu dans deux 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 la modification pour fermer cette fenêtre. | 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 ! | Et c'est à peu près tout ce que vous devez savoir sur les images ! |
| |
