FT 9 Cadres d`images

Fiche technique N° 9
Cadres d’images
(avec Ulead PhotoImpact XL et 10)
Avec un peu de logique et de persévérance nombre d’outils de Photo Impact XL permettent de
réaliser des cadres d’images, plus ou moins esthétiques il est vrai, et si le choix des couleurs est un
facteur important, ce n’est pas le seul.
Cinq procédures sont proposées par cette fiche, de l’élémentaire au résultat plus flatteur. Ce ne sont que
des pistes et chacun se doit d’en améliorer la méthodologie, ne serait-ce qu’en les combinant, par
exemple.
En outre, ces procédures partent toutes d’une image de dimensions quelconques, autour de laquelle on
place un cadre. Il se peut, parfois, que la taille (en cm) du cadre soit une contrainte. Il est alors
indispensable de préparer l’image au préalable. Dans ce but un calcul des dimensions optimales est
présenté au § 6.
1 Cadre en feuilleté
Il s’agit tout simplement de préparer des figures géométriques simples, de couleurs de
dimensions déduites du sujet à encadrer, constituant autant de
calques (objets) que nous allons empiler.
Soit une image ovale de dimensions 170 * 200 pixels.
Ouvrez une fenêtre de travail suffisamment vaste pour
confectionner tous nos objets, par exemple 1000 * 1000.
Avec l’outil sélection standard préparer une sélection ovale de 190
(170+20) * 220 (200+20) pixels. Sélection / Transformer en objet /
remplir de couleur avec le pot de peinture.
Préparez un deuxième ovale de couleur différente et de
dimensions 220 (190+30)*250 (220+30) pixels. Pour cet exemple
(voir ci-contre) l’objet a été mis en couleurs avec l’Outil de
remplissage de dégradé elliptique, multicolore, paramétré avec
l’Editeur de rampe de palette avec les teintes 004. Cela permet de
donner une impression de relief.
Ouvrez le gestionnaire de couches, sélectionnez tous les objets
utiles puis Cd-Mc Fusionner en un seul objet.
Glissez / déposez l’objet sur le plan de travail (zone grise), Fusionner tout, Enregistrer-sous.
2 Cadre de sélections étendues
Il s’agit d’ajouter autour d’un objet des bandes de pixels d’une largeur imposée par la fonction
Etendre du menu sélection. Ces bandes peuvent être mises en couleur monochrome sous réserve que
le pourtour précédent soit bien contrasté avec la couleur choisie. Comme ce n’est pas le cas pour
l’exemple traité, nous allons démarrer sur notre sujet (d’une forme simple) à partir d’une sélection de
mêmes dimensions.
Soit une image de dimensions 452 * 351 pixels.
Transformez l’image en objet.
Ouvrez une fenêtre de dimensions supérieures de 200
pixels environ aux dimensions du sujet soit 650 * 550.
Avec l’Outil de sélection standard, paramétré en taille fixe
pour un rectangle de dimensions 452 * 351pixels, créez une
sélection.
Sélection / Etendre. Dans la boîte de dialogue qui
s’ouvre, paramétrez Etendre à 5 pixels (voir capture cicontre). OK.
Avec le pot de peinture colorier la sélection agrandie de la couleur de votre choix (ici rouge)
Michel BLANDIN
1/7
05/12/2006
Recommencer Etendre, par exemple 20 pixels, colorier (ici jaune) avec une nouvelle couleur en
prenant soin de pointer le bec de votre pot de peinture sur l’extension de votre sélection.
Puis, de nouveau, si besoin, autant de fois que de
bandes de couleurs différentes.
Quand vous avez atteint le résultat souhaité, transformez
votre sélection en objet, importez dans votre fenêtre
l’image à encadrer, sélectionnez les deux objets
(gestionnaire de couches), Aligner / Centrer les deux,/
Fusionner en un seul objet, déplacer votre objet sur la
zone grise de votre plan de travail (vous obtenez ainsi une
image aux dimensions exactes de votre cadre), Fusionner
tout, Enregistrer sous.
Nota : par cette méthode on ne peut pas obtenir de décors
polychromes, seul l’emploi du pot de peinture
monochrome est possible.
3 Encadrement spécialisé
(uniquement à partir de la version UPI 10)
Nous allons utiliser Photo / Cadre de photo de UPI 10 avec une image de dimensions initiales 744 * 1066 pixels.
Nota : Il n’est peut-être pas inutile de rappeler ici que tout travail sur une image doit se faire sur ses
caractéristiques de définition et de résolution initiales, la mise aux dimensions cibles ne se faisant que
lorsque toutes les modifications seront définitivement acquises.
Nous prévoyons un cadre de largeur 70 pixels,
soit environ 10 % de la largeur.
Si vous êtes certain de ne pas avoir à modifier
cette largeur, vous pouvez travailler dans une
fenêtre juste suffisante de dimensions 884 * 1206
pixels qui permettra, travail terminé, un
enregistrement direct du résultat. Dans un autre
cas prévoyez une fenêtre de travail plus
confortable qui vous contraindra à finaliser selon
la procédure finale proposée au chapitre
précédent.
On peut également envisager une marie-louise
d’une largeur de 25 pixels. Dans ce cas vous
devez préparer un nouvel objet comportant votre
image de base et la marie- louise. La méthode N°2
ci-dessus s’impose pour cette préparation. C’est
ce que nous avons fait dans notre exemple et
nous avons donc pour base une marie-louise de dimensions 794 * 1116 pixels.
Ouvrez votre image et votre fenêtre de travail (dans l’exemple 934 * 1256). Transformez votre image
en objet, portez-la dans la fenêtre,
Objet / Aligner / Centrer les deux.
Photo / Cadre de photo, cochez Cadre.
Dans la boîte de dialogue Cadre de photo A ci-contre :
Cochez la case Ne pas fusionner le cadre, cela permettra de pouvoir l’éditer ultérieurement
(voir plus loin)
Paramétrez le Style (en 3D c’est souvent plus joli) la Largeur du cadre (70 pixels), les Formes
intérieures et extérieures, la Couleur …etc.
ATTENTION : vous pouvez paramétrer jusqu’à 13000 pixels !!! Le cadre ne dépassera pas, bien sûr,
votre fenêtre mais une largeur excessive accroîtra considérablement le poids de l’image.
Michel BLANDIN
2/7
05/12/2006
Si vous optez pour Couleur de dégradé sur l’échantillon de couleur et la boîte de dialogue
Remplissage de dégradé B apparaît. Nouveaux paramétrages (Type de
remplissage, choix de nombre de couleurs) et, pour un Multicolore, sur l’échantillon pour accéder à une nouvelle boîte de dialogue Editeur de
rampe de palette C.
Nous avons choisi l’échantillon 036, qu’il faut régler à votre goût.
OK, OK, OK et c’est fini.
Notez que, dans la boîte de dialogue Cadre de photo A, vous pouviez
aller au plus simple et opter pour des cadres tout faits s’ils sont à votre
convenance.
Le cadre que vous avez ainsi obtenu est un objet chemin que vous
pouvez éditer en tant que tel.
Pour accéder à ses attributs et les modifier éventuellement Outil dessin
de chemin et reportez- vous à la méthode 4 ci-dessous.
4 Chemin
Nous allons réaliser maintenant un cadre en utilisant l’outil Dessin de contours (4ème icône de la
barre d’outils à gauche de UPI XL).
Cela nécessite de calculer, au préalable, les dimensions de votre cadre à partir de celle de votre image
à encadrer et du résultat souhaité. Il faut tenir compte, en effet, que les dimensions du chemin tracé par
le logiciel sont celles du cadre médian entre l’extérieur et l’intérieur. Par exemple un cadre carré de
cotés 500 pixels extérieur et 400 pixels intérieur, soit une épaisseur de 50 pixels, aura pour dimensions
du chemin 450 * 450 pixels.
Nous reprenons notre image de la méthode précédente de 744 * 1066 pixels, y ajoutons une marie
louise de 50 pixels et prévoyons un cadre de 80 pixels d’épaisseur. Les dimensions du chemin seront
donc :
L = 744 + 2 * (50 + 40) = 924 pixels et H = 1066 + 2 * (50 + 40) = 1246 pixels
et ses dimensions extérieures seront de 1004 * 1326 pixels.
Ouvrir une fenêtre de dimensions suffisantes (100 pixels en plus dans les deux dimensions, par
exemple). Il n’est pas nécessaire que vous apportiez à ce moment votre image à encadrer dans la
fenêtre, mais gardez-la au moins sur l’écran pour l’harmonisation des couleurs.
Avec l’outil Dessin de contours tracez un cadre rectangulaire inscriptible dans votre fenêtre et
approximativement proche des dimensions cibles du chemin.
Pour l’instant, le paramétrage du mode et de l’épaisseur est relativement indifférent. Aligner, Centrer les
deux.
Sélectionnez le chemin,
outil Transformation et, après avoir déverrouillé le
cadenas, paramétrez la largeur et la hauteur (notez
que, si c’est bien le chemin qui est sélectionné, ce
sont les dimensions médianes de votre objet qui
s’affichent dans les fenêtres de paramétrage) à 924
* 1246 pixels.
Aligner, Centrer les deux.
Nous allons maintenant choisir le profil de la moulure.
sur l’outil Dessin de contours Mode 3D personnalisé, Galerie Galerie d’attribut de matériau
Biseau. Pour l’exemple, nous optons pour le B27. sur B27 et glissez l’icône sur le chemin-cadre.
Les points de biseau peuvent être arrondis (comme sur la capture ci-dessus) ou droits (comme sur le
cadre achevé). Pour obtenir ce choix CD sur l’icone B27, Modifier les propriétés et appliquer, et optez
pour un Type de joint de biseau. OK
Vous pourrez constater, à ce stade, que l’épaisseur initiale du cadre à changé. C’est l’effet du biseau
choisi et tous les biseaux ne donnent pas la même largeur. C’est pour cela que l’on attend cette phase
pour paramétrer définitivement cette grandeur.
Pour ce faire : Panneau. Dans la boîte de dialogue Paramètres d’outils chemin, paramétrez la
largeur du chemin à la moitié de l’épaisseur prévue, soit 40 pixels.
Michel BLANDIN
3/7
05/12/2006
Galerie / Attributs de matériaux. Un grand choix de possibilités s’offre à vous (soyez curieux). Pour
l’exemple ce sera la couleur Jante rouge.
Mais vous pouvez également, via l’outil Couleur de la barre d’attributs, paramétrer en Remplissage de
dégradé (voir exemple traité au chapitre 3). Par cet exercice vous pouvez vous entrainer aux multiples
possibilités de décorations de UPI.
Il suffit désormais de cliquer sur la couleur et la glisser sur le cadre. Il est terminé mais tant qu’il n’est
pas fusionné reste modifiable en forme et couleur.
Si vous avez, au départ, opté pour une fenêtre trop vaste, ou si votre cadre n’est pas ajusté au pixel
près, vous pouvez le cliquer/glisser/déposer sur le plan de travail : une nouvelle fenêtre s’ouvre
automatiquement à ses dimensions exactes.
Portez votre image, transformée en objet, à ses dimensions finales dans le cadre. Aligner / Centrer les
deux / Fusionner.
Edition du chemin
Avant de fusionner le cadre (objet chemin) vous pouvez le
déformer à loisir. Sélectionnez- le, mettez la grille en place (en
bas, à droite Unité / Grille),
sur l’outil Edition de chemin. Ajoutez des points d’édition,
transformez les segments droits en courbes… et jouez avec les
leviers à votre disposition. La principale difficulté réside dans le
respect de la symétrie.
Mais, dans le détail, cela fera (peut-être) l’objet d’une autre
fiche…
Michel BLANDIN
4/7
05/12/2006
5 Cadre ébéniste (Méthode présentée avec la complicité de son créateur, mon ami ALH)
Nous allons fabriquer un cadre rectangulaire à moulures, autour d’une photographie de
1200 * 1600 pixels, côté par côté et, comme l’encadreur, les assembler à onglets.
La photo encadrée est destinée à être imprimée avec une taille en largeur estimée à 13 cm.
L’encadrement comportera une marie-louise de 3% de la largeur totale et l’épaisseur du cadre sera de
l’ordre de 12% de cette même largeur.
Pour optimiser la qualité de notre travail, notamment ne pas avoir à modifier par trop les dimensions de
notre cadre après sa création, nous allons calculer les dimensions en pixels à donner à la photo, à la
marie-louise et au cadre.
Largeur extérieure du cadre final : 13 cm * 72 (résolution d’impression) = 936 pixels
Largeur marie-louise :
936 * 3%
= 28 arrondi à 30 pixels
Largeur du cadre :
936 * 12%
= 112 arrondi à 120 pixels
Largeur de la photo :
936 – 2 * (120 + 30)
= 636 pixels
Hauteur de la photo :
636 : 1200 * 1600
= 848 pixels
Hauteur extérieure du cadre :
848 + 2 * (120 + 30)
= 1148 pixels
Créez une fenêtre carrée de côté égal à la plus grande dimension du cadre soit 1148 * 1148 pixels.
Un petit coup de zoom négatif pour dégager une zone grisée périphérique
Pour obtenir une moulure dorée nous choisissons, dans les attributs de l’outil Remplissage de dégradés
linéaires, la Méthode multicolore / Palette N° 8 / Teinte décalée = 350 / Anneau 120 / Transparence 00 ;
Remplissez l’espace horizontalement, bord à bord, touche Maj enfoncée.
Transformez l’arrière plan coloré en objet : Cd-Mc Couper, Cd- Mc Coller.
Nous allons maintenant transformer l’objet en moulure : Cd-Mc
sur l’objet / Propriétés / onglet Position et taille / décochez la case
Proportion / réglez la Largeur à 100 pixels / OK.
Alignez la moulure sur le côté droit de la fenêtre par action sur le
pointeur sélecteur puis sur la 2ème icône de Aligner.
Créez la moulure gauche : Cd-Mc sur la moulure droite puis
Copier, Cd-Mc / Coller. Transférez votre copie à gauche par
action sur Aligner/ 1ère icône puis sur l’outil Transformation /
attribut Rotation / Pivoter horizontalement.
Cd-Mc : Fusionner tout.
Nous allons maintenant découper simultanément les deux côtés
du cadre en onglets. Pour ce faire prendre l’outil Sélection /
Lasso. Suivre le tracé en boucle 8 comme indiqué ci-contre en
cliquant sur chaque point (cliquer-relâcher-trainer-cliquer…etc.).
La ligne de sélection se cale automatiquement sur les diagonales.
Copier / Coller : les deux côtés opposés, coupés en onglets,
se transforment en objet.
Dupliquer / outil Transformation - attribut Rotation / Rotation
90° (sens indifférent).
Votre cadre est constitué de deux objets. Fusionnez-les, via le
Gestionnaire de couches, sélection des deux objets / Cd-Mc /
Fusionner en un seul objet puis portez votre fusion dans
l’espace de travail pour créer une nouvelle fenêtre. Vérifiez
bien que les dimensions de votre nouvelle fenêtre soient
toujours de 1164 * 1164. Ne pas fusionner.
Pour permettre d’amener le cadre à la largeur souhaitée, il
faut fragmenter cet objet.
sur l’outil Sélection standard et sur l’attribut Sélectionner
sur l’objet (flèches) puis sélectionnez le cadre en suivant
approximativement le schéma ci-contre. Sélection / Convertir
le cadre en objet.
Format / Redimensionner, décocher Garder les proportions,/
Nouvelle image / Personnalisé en pixels et régler la largeur à
936 pixels. OK
Michel BLANDIN
5/7
05/12/2006
Sélectionner la partie de cadre de droite, outil Sélecteur / Aligner à droite / Fusionner tout.
Le cadre est terminé, vous pouvez y insérer votre image, après l’avoir ramenée aux dimensions
prévues, puis la centrer.
Mais il est encore possible d’améliorer votre travail. Voici deux pistes.
Marie-louise en couleur
Transformez votre cadre en objet évidé. Pour cela sélectionnez, avec l’outil baguette magique, similitude
2 ou 3, la partie blanche intérieure du cadre, transformez en objet, puis coloriez à votre goût.
Vous pouvez également utiliser la méthode, en inversant la sélection, pour transformer le cadre en objet
et placer cet objet au dessus d’une image un peu plus grande que la découpe intérieure du cadre.
Lumière
Ouvrez la boîte de dialogue ci-dessous par le menu Effet / Magique / Lumière. Cette capture présente
un paramétrage et ses résultats sur l’image témoin.
Pour éviter la multiplication des figures dans cette fiche nous avons soumis à l’effet lumière le cadre
terminé mais il est généralement plus sage de ne pas altérer la photo et d’appliquer cet effet sur le cadre
seul, avant l’insertion de la photo.
6 Calcul de dimensions
Si vous prévoyez de présenter une photographie encadrée sur un support papier de taille définie, vous
ne pouvez vous dispenser de calculer les dimensions que votre image devra avoir avant de l’encadrer.
En effet, votre support (papier photo, album, texte organisé, etc.…) est caractérisé par une longueur et
une hauteur d’un rapport L/H.
Votre cadre et sa marie-louise éventuelle ont une largeur constante. En conséquence le rapport L/H de
votre image est nécessairement différent de celui de votre cadre, lui-même différent de celui du support.
Nous allons calculer les dimensions que devra avoir votre photo, avant encadrement, par un exemple.
Imaginons que vous deviez extraire votre sujet, en portrait, d’une photo originale, en paysage, de
2272*1704 pixels, pour l’imprimer dans un quart de page A4.
Cet exemple n’a pas été choisi au hasard. Vous le rencontrerez (éventuellement dans d’autres tailles) si
vous faites une carte d’invitation ou un menu, en utilisant des papiers normalisés.
Michel BLANDIN
6/7
05/12/2006
1ère phase : calcul des dimensions optimales de l’extrait de la photo
La taille de votre impression sera de :
L = 10,5 cm
H = 14,85 cm
Pour une qualité d’impression correcte la résolution doit être de 300 ppp ou 118 ppcm.
D’où les dimensions de votre page :
10,5*118 = 1239 pixels
14,85*118 = 1752 pixels
Il est généralement déconseillé d’imprimer sur les bords (sauf imprimantes performantes) on prévoit
donc une marge de 0,7 cm, soit 0,7*118= 82 pixels
Cela donne les dimensions extérieures du cadre :
1239 - 82*2 = 1075 pixels
1752 - 88*2 = 1588 pixels
Donnons une largeur de 0,75 cm au cadre soit 0,75*118 = 88 pixels
Les dimensions extérieures de la marie-louise seront de :
1075 – 88*2 = 899 pixels
1588 – 88*2 = 1412 pixels
Enfin, la largeur de marie-louise étant de 0,2cm, soit 0,2*118 = 24 pixels, la photo devra avoir pour
dimensions cibles:
899 – 24*2 = 851 pixels
1412 – 24*2 = 1364 pixels
Soit, en cm :
851/118 = 7,2 cm
1364/118 = 11,6 cm
2ème phase : sélection et préparation de l’extrait de photo
Quelles que soient les dimensions d’origine (de préférence
supérieures aux dimensions cible, pour ne pas altérer l’image) il y
a lieu de sélectionner le sujet dans le même rapport L/H, soit
851/1364 = 0,62, puis optimiser aux dimensions cibles.
Pour cela :
Préparez une sélection rectangulaire, taille fixe. Dans cet
exemple le plus simple est de choisir les dimensions cibles soit :
L = 851; H = 1364 (on aurait aussi pu choisir L =620 ; H = 1000).
Sélectionnez puis, avec l’outil Transformation, attribut N°1,
cadrer votre sujet, jouez sur les dimensions, touche Maj enfoncée,
et découper.
Avant d’ajuster les dimensions, portez la résolution à 300 ppm
( Format/Résolution/OK).
Redimensionnez: : Format/Redimensionner / Nouvelle Image / Personnaliser
(en pixels)/Garder les proportions. Fixer la longueur à 851 (si vous
n’avez pas fait d’erreur, la hauteur doit s’établir à 1364).
Transformez votre image en objet et enregistrez-la dans votre
bibliothèque.
Michel BLANDIN
7/7
05/12/2006