Tutoriel PaintShoPro 7

5/25/2018 Tutoriel PaintShoPro 7

1/311

PAINT SHO PRO 7

Ce qu'il sait faire

Presque tout... La diffrence avec un logiciel professionnel se situe essentiellement auniveau des paramtres de couleur, d'impression en quadrichromie, de correctionscolorimtriques trs prcises... Bref toutes choses dont un amateur clair n'a que fairesur le Web. Voici un bref aperu des possibilits !

capture d'image "

importation d'images # partir d'un scanner ou d'un appareil photo numrique,

cadrage, dtourage "

redimensionnement de l'image "

montage par copier$coller et par calques "

cration de boutons "

cration de %& anims "

effets spciau( )ombre porte, estampage...*

correction de la luminosit, du contraste, du dosage des couleurs "

e(portation dans une trentaine de formats graphiques "

et une foultitude d'autres fonctions que nous ne manquerons pas d'e(plorer.

O sont les outils ?

&ls se trouvent # deu( endroits ! dans la palette d'outils affiche par dfaut, et dans despalettes qu'il faut afficher e(pressment. &nutile de prciser que quelques+unes desfonctions les plus pratiques ne sont accessibles que sur demande.

ne palette doit imprativement -tre affiche en permanence ! c'est celle des couleurs.La igure montre o/ cliquer dans la barre d'outils. La palette des couleurs se placed'office # droite de l'cran. 0lle n'est pas flottante. L'indicateur de couleur montre lescouleurs de premier plan et d'arrire plan. Pour les choisir, clique1 dans l'un d'eu( etchoisisse1 la couleur voulue dans le slecteur.


2/311

igure ! La palette des couleurs doit -tre affiche en permanence.

AstuceChoix des couleurs.2n peut choisir une couleur en cliquantdirectement dans l'chantillon multicolore de la palette. 3lique1avec le bouton gauche de la souris affecte la couleur # l'avant+plan, avec le bouton droit, elle est affecte # l'arrire plan.4utre technique de choi( de couleur ! la Pipette, qui prlve lacouleur d'un pi(el dans l'image affiche.

Vous verre1 dans le prochain article que le codage de la couleur, affich par dfaut endcimal, peut l'-tre en he(adcimal. 3ette possibilit est utile pour choisir par e(empleun fond de page a5ant une couleur bien prcise ! promene1 le curseur sur l'indicateur

multicolore 6usqu'# ce que le rectangle ait la couleur voulue, note1 les valeurs 7VBhe(adcimale puis reporte1+les dans votre code 89:L.

ne autre palette doit aussi rester affiche en permanence ! celle de 3onfiguration. Laigure ; montre o/ la trouver. 3haque outil a ses paramtres propres. La palette deconfiguration doit tou6ours rester visible car elle fournit de prcieuses informations surces paramtres.


3/311

igure ; ! La palette de configuration de l'outil Pot de peinture.

! les outils de slection de Paint =hop Pro.

Le rectanle de slection. &l sert # dlimiter une 1one quadrangulaire. La palette deconfiguration permet aussi de choisir une 1one carr, ou circulaire ou elliptique.

Le lasso. &l permet de slectionner une 1one avec prcision, en traant un contour #main leve. n mode Point # point, accessible via le panneau de configuration, permet detracer des pol5gones irrguliers # base de segments de droite. 3'est une techniquesouvent plus efficace qu'# main leve. ne autre option, le Lasso intelligent, suit

automatiquement une ligne cre en s'appu5ant sur les diffrences de teinte " cetteoption est pratique pour slectionner rapidement un su6et qui se dtache bien sur le fond.

La auette "aique.0lle slectionne tous les pi(els ad6acents de m-me valeur.3omme il est rare, sur une photo, de trouver de grands aplats a5ant une couleurrigoureusement identique, une valeur de 9olrance peut -tre dfinie dans la palette deconfiguration afin d'tendre le nombre de pi(els concerns.

Le menu slection propose en outre une option =lection flottante. =i elle est coche, la1one slectionne peut -tre dplace ou copie en conservant l'image qui est dessous.?ans le cas contraire, ces opration dcoupent l'image, laissant un @trou@ qui prend lacouleur d'arrire+plan dfinie dans le slecteur de la palette 3ouleurs.

Les outils raphiques

&ls servent essentiellement # retoucher des images, parfois # dessiner, bien que ce nesoit pas la vocation de Paint =hop Pro. :ais sans eu(, ce programme serait bien peu dechoses...

igure A ! =ans ces outils, Paint =hop n'aurait rien de... pro.


4/311

Les calques

&ls servent # superposer des dessins comme s'ils taient tracs sur des feuillestransparentes, avec bien sr toutes les facilits qu'offre l'infographie ! on peut dcaler les

calques les uns par rapport au( autres, mais aussi modifier la transparence, lesfusionner, etc. 9rs utiles pour faire du montage.Les effets spciaux

=ur le Web, les plus connus de ces effets sont la 'boutonnisation' et l'estampage. :aisPaint =hop Pro en propose un tas d'autres. 4 utiliser avec discernement et # bon escientcar dans ce domaine, une dbauche d'effets tape # l'oeil produit gnralement l'effetinverse ! le spectateur se lasse vite.

Paint =hop Pro est aussi quip d'une table lumineuse, trs pratique pour visionnerrapidement toutes les images contenues dans un dossier. &dal pour farfouiller dans lecache du navigateur et rcuprer les images et les %& anims qui 5 ont t enregistrs

lors du surf.

igure C ! La visionneuse de Paint =hop Pro.

4utre accessoire fort utile de Paint =hop Pro ! 4nimation =hop, le module de cration de%& anims, incontournable pour la publication sur le Web.

L'intr-t d'un logiciel comme Paint =hop Pro, c'est qu'on a 6amais fini de le dcouvrir. Lesateliers ont t conus pour dfricher la route. mais en fin de compte, c'est la crativit

de chacun qui fera la diffrence. 3ar aprs tout, Paint =hop Pro n'est 6amais qu'un trsbel outil, mais sans vos ides, il n'est rien.


5/311

?es photomontages ralistes en quelques tapesBernard Jolivalt

n photomontage consiste # prendre des lments dans une image et # les placer dansune autre. Pour un rendu raliste )ou surraliste D*, vous deve1 connaEtre quelquesprincipes et de base et les techniques associs.

Le montage que nous raliserons au cours de cet atelier consistera # placer la voitured'une image dans le dcor d'une autre image, tel que cela apparaEt ci+dessous.

A#ant toute chose $ se "ettre en conditions !

Pour suivre cet atelier, commence1 par enregistrer sur votre disque dur les deu( imagesque nous monterons. 2uvre1+les ensuite dans Paint =hop Pro.


6/311

igure ! La voiture...

igure ; ! ... que nous placerons dans le village.

7gle gnrale ! avant de raliser un montage, vrifie1 que l'image sur laquelle voustravaillere1 )dans notre cas, la photo du village* est en millions de couleurs. 3'estindispensable pour pouvoir accder au( commandes que nous utiliserons lors dumontage.

4ppu5e1 sur les touches :a6F& et assure1+vous que votre image est code sur Gmillions de couleurs. =i ce n'est pas le cas, ferme1 le panneau et corrige1 l'image enchoisissant 3ouleurs, 4ugmenter le nombre des couleurs, G millions )3olors, &ncrease3olor ?epth, G millions*.

Note

Couleurs.


7/311

%lacer la #oiture dans le #illae

Pour placer la voiture dans le village, procde1 comme suit !

. =lectionne1 l'image correspondante en cliquant dans sa barre de titre.

;. 9race1 un contour de slection au plus prs de la voiture # l'aide de l'outil Lasso.

>. ne fois la slection ralise, choisisse1 0dition H 3opier )0dit H 3op5*

A. 3lique1 sur la barre de titre de l'image qui doit recevoir l'lment )le village*.

C. 3hoisisse1 0dition H 3oller H 3omme nouvelle slection )0dit H Paste H 4s


8/311

+ ne poine situe au centre d'un ct dplace le cJt en question parrapport au centre de l'image. tilise1 la touche :a6 pour un dplacement dans leprolongement du cJt.

+ Les poines situes ( l'intrieur du rectanle de dformation servent #dplacer )poigne au centre* et # incliner )poigne de droite* la slection. La

poigne # droite sert # incliner la slection.

+ 0nfin, l'option la plus intressante pour le "ontae! clique1 droit sur unepoigne d'angle pour redimensionner la slection tout en en prservant lesproportions.

>. 3lique1 droit sur une poigne d'angle et rduise1 la taille du rectangle.La slection n'est vritablement redimensionne qu'au moment o/ l'on relKche lebouton de la souris. Procde1 par appro(imations successives 6usqu'# ce que lataille de la voiture soit en rapport avec celle de l'environnement.

igure A ! 7edimensionne1 la voiture par touches successives.

Conseil

)ro"pe*l'oeil+Le rectangle de dformation fausse la

perception des proportions. Base1+vous sur des repres connus)portes, fen-tres, personnages...* pour les valuer.

,n place !

Place1 maintenant la voiture sur la route !

. Positionne1 la slection )la voiture*. 7gle1 ventuellement l'inclinaison enagissant sur la poigne # droite du centre.

;. 3lique1 sur l'outil =lection )ou sur un autre* pour dsactiver l'outil ?formation.n message vous demande s'il faut appliquer la dformation. 3lique1 sur 2ui.

>. Le contour de slection effectu avec le Lasso est tou6ours visible. 4ppu5e1 sur3trlF? pour tout dslectionner.


9/311

igure C ! La voiture se trouve maintenant dans la rue du village.

Le montage est termin, mais il n'est pas finalis. La slection est simplement colle surl'image. Pour qu'elle s'intgre mieu( encore au dcor, nous a6outerons une ombre...

-ne o"re porte

Pour a6outer une ombre # la voiture !

. =lectionne1 de nouveau la voiture avec l'outil Lasso.

;. 3hoisisse1 &mage H 0ffets spciau( H 2mbre porte )&mage H 0ffects H ?rop

=hadoI*.


10/311

igure G ! Les paramtres de l'ombre porte de dfinissent ici.

>. ?ans la liste droulante 3ouleur de la 1one 4ttributs )4ttributes*, choisisse1


11/311

elier l'o"re ( la roue

&l ne nous reste qu'# relier l'ombre pro6ete au( roues de la voiture !

. Le contour du Lasso tant tou6ours actif, clique1 sur =lections H &ntervertir)=elections H &nvert*.

La voiture est maintenue inaccessible au( outils de retouche.

;. 4ctive1 l'outil Pipette )?ropper* et prleve1 la couleur dans l'ombre de la roue encliquant dans celle+ci.

>. 3hoisisse1 l'outil 4rographe )4irbrush*. ?ans le panneau 3onfiguration, clique1sur l'onglet Pointe du pinceau )9ool 2ptions* et rgle1 l'2pacit # la m-me valeurque celle prcdemment dfinie pour l'ombre porte.

A. ?finisse1 la 9aille )=i1e* # ; et laisse1 la


12/311

%rparation des i"aes

Pour suivre cet atelier, commence1 par enregistrer sur votre ordinateur les deu( imagesncessaires # sa ralisation ! les colombes et le ra5on de lumire !

igure ! Les oiseau(...

igure ; ! ...# faire voler dans la lumre.

Pour insrer les oiseau( dans le ra5on de lumire, il nous faudra d'abord les rcuprer.Le lasso et un simple @3opier@ suffiront. 3ommence1 par ouvrir les deu( images dansPaint =hop Pro, et procde1 comme suit !

. =lectionne1 soigneusement les oiseau( # l'aide de l'outil Lasso )reehand*,.


13/311

;. 3hoisisse1 0dition H 3opier pour copier la slection dans le Presse+papiers deWindoIs.

Vous pouve1 fermer la photo des colombes.


14/311

o/ l'on clique sur l'image, Paint =hop Pro en choisit parfois unautre. Pour l'obliger # dplacer le calque slectionn dans lemenu 3alques )La5ers*, maintene1 la touche :a6 enfoncependant l'opration.

Pour le moment, les colombes semblent passer devant une photo reprsentant desra5ons colors. &l nous faut les 5 intgrer pour donner l'impression qu'elles volent dans lalumire. Le plumage doit renvo5er les couleurs ambiantes.

Cration du calque ayons

9oute lumire se caractrise par un certain degr de transparence. Pour reproduire cettecaractristique, nous avons besoin d'un troisime calque, rserv au( ra5ons lumineu(.

PlutJt que de dtourer ces ra5ons lumineu(, nous ruserons et ferons appel # unefonctionnalit mconnue des calques ! leur mode de mlange.

3ommenons par recopier l'arrire+plan !

. 3lique1 sur l'option 3alques, puis, tout en bas du menu, sur 3alque + @4rrire+plan@.

L'image ne change pas d'apparence, mais la mention 4rrire+plan apparaEt dans labarre de titre.

;. 4ppu5e1 sur les touches 3trlF4, puis 3trlF3, 3trlFL et enfin 3trlF?.

3ette suite de raccourcis+clavier peut paraEtre obscure. 0n fait, elle slectionnetout le calque, le copie et le colle dans un nouveau calque, puis elle dslectionnetout D n pro de l'infographie est aussi une parfaite dact5lo D

>. 7enomme1 le calque en ayons.

L'ordre des calques

=eulement voil#, nos ra5ons de lumire sont maintenant sous nos colombes. Pour quenos oiseau( volent dans la lumire, il va falloir placer le calque ayons au dessus ducalque Colo"es. Pour modifier l'ordre des calques, procde1 comme suit !

3hoisisse1 3alques H 4gencer H Placer au+dessus )La5ers H 4rrange H :ove p*.

Les colombes disparaissent, on ne voit plus que la photo du ra5on lumineu(. 3'estnormal, nos colombes sont maintenant recouvertes par le calque 7a5ons.

Astuce

,n haut ? ,n as ?&l e(iste d'autres commandes pouragencer les calques. Vous pouve1 choisir ainsi de !

%lacer au*dessus.Place le calque en t-te de la liste,

au+dessus de tous les autres.

1onter.Place le calque au+dessus du calque qu'ilsuivait.


15/311

0escendre.Positionne le calque en dessous de celui

qu'il prcdait.

%lacer au*dessous.Place le calque 6uste au+dessus de

l'image d'arrire+plan.

lae de l'effet lu"ineux

7este # appliquer notre effet lumineu( au calque 7a5ons pour voir apparaEtre lescolombes !

. 4ssure1+vous que le calque 7a5ons est tou6ours actif ! son nom doit -tre affichdans la barre de titre du montage.

;. 3hoisisse1 3alques H Proprits )La5ers H Properties* afin d'afficher les proprits

du calque 7a5ons.>. 3oche1 la case Vrification auto )4utoproof*.

?e cette faon, les rglages s'effectueront en temps rel sur le montage.A. =lectionne1 l'option 3ouleur de la 1one de liste :ode de mlange )Blend :ode*.

Les colombes rapparaissent avec des reflets de lumire sur leur plumage.7emarque1 notamment l'effet du ra5on rouge.

igure C ! Le choi( du :ode de mlange.

La densit des reflets peut -tre rgle en augmentant la transparence du calque 7a5ons.

Pour cela, clique1 sur 2pacit )2pacit5* et rduise1 sa valeur. L'effet dpend grandementde la luminosit du su6et principal + ici, les colombes. Pour l'augmenter dans certaines1ones, slectionne1 le calque 3olombes et utilise1 l'outil 7etoucher en :ode de retouche


16/311

LuminositFF )7etouch H 7etouch :ode H Lightness p*.

igure G ! Les colombes volent maintenant dans la lumire...

?es photomontages de r-ve grKce au( surimpressionsBernard Jolivalt

0n photographie, la surimpression consiste # e(poser deu( images diffrentes sur un

m-me support. 0n matire de retouche d'image, cela consiste # superposer plusieursimages avec diffrents niveau( de transparence.

3ette manipulation est idale pour donner # vos images l'impression de sortir d'un r-ve.


17/311

%rparation des i"aes

Pour mieu( suivre cet atelier, enregistre1 les deu( images ncessaires # sa ralisation survotre disque dur et ouvre1+les dans votre version de Paint =hop Pro.

igure ! Le bouchon de radiateur d'une 7olls 7o5ce


18/311

igure ; ! ?es nuages filandreu( au+dessus des toits de Briare, dans le Loiret

Votre premier travail consiste # dtourer la statuette. tilise1 pour cela la technique devotre choi( ! lasso, baguette magique ou masques.

igure > ! La statuette a t dtoure

Calculs de calques

Pour obtenir notre montage, nous utiliserons des calques de transparence diffrente.:ais, attention, il 5 a un pige.

=i nous nous contentons de placer la statuette sur un calque au dessus des nuages, la

silhouette des toits se confondra avec le bas de la statuette.


19/311

igure A ! ne surimpression directe... et rate

Pour que les toits restent opaques, il faut utiliser trois calques, disposs dans l'ordresuivant !

3alque ; ! les toits

3alque ! les nuages

4rrire+plan ! la statuette

edi"ensionner l'i"ae de la statuette

4utre problme ! les deu( images n'ont pas les m-mes dimensions. &l faut d'abord

redimensionner l'image de la statuette pour lui donner la m-me taille que celle desnuages !

. 4ppu5e1 sur les touches :a6F& en vous assurant que l'image des nuages estactive.

La boEte de dialogue qui apparaEt donne des informations sur l'image en cours,dont la taille ! >AC ( ;>> pi(els. 7etene1 ces chiffres.

;. Passe1 # l'image de la statuette.

>. =lectionne1 &mage H 9aille du support )&mage H 3anvas =i1e*.

A. ?ans la 1one ?imensions, entre1 >AC pi(els comme pi(els comme


20/311

igure C ! 7edimensionnement d'une image

4prs cette manipulation, les ailes de notre statuette sont coupes. &l faut dplacerl'image pour la revoir en entier.

. =lectionne1 l'outil Baguette magique ):agic Wand* et rduise1 sa 9olrance # T.

;. 3lique1 dans le fond blanc de la statuette.

=euls les pi(els parfaitement blancs sont pris en compte.>. 3hoisisse1 =lection H &ntervertir la slection.

A. aites glisser la statuette 6usqu'en bas de l'image, au ras du bord.

C. 4ppu5e1 sur les touches 3trlF? pour tout dslectionner.

%rparation des calques

3ontrairement # ce qu'on pourrait penser, notre montage ne consiste pas # placer lastatuette sur les nuages. &l faut en fait effectuer l'opration inverse, c'est+#+diretransfrer les toits et les nuages sur l'image de la statuette, puis transfrer les nuages etles coller sur un troisime calque.

. =lectionne1 l'ensemble de l'image des nuages ! =lection H =lectionner tout.

;. 3hoisisse1 0dition H 3opier.

>. 3olle1 cette slection dans un nouveau calque de l'image de la statuette ! 0ditionH 3oller H 3omme nouveau calque.

Les nuages recouvrent maintenant notre statuette.


21/311

. =lectionne1 l'outil Baguette magique avec une 9olrance # AT, puis clique1 dansles toits.

;. 3hoisisse1 =lection H &ntervertir la slection.

>. 3hoisisse1 0dition H 3ouper.

Les nuages disparaissent de l'image ! vous n'aperceve1 plus que les toits et lastatuette dtoure.A. 4ppu5e1 sur 3trlF? pour tout dslectionner.

igure G ! Les toits ont t conservs

&l nous reste # intgrer les nuages dans notre image. 0tant donn que nous avons copil'image correspondante lors de l'tape ;, elle est tou6ours disponible dans le Presse+papiers de WindoIs !

4ppu5e1 sur 3trlFL pour crer un deu(ime calque. La statuette est alors recouverte parle calque qui, par dfaut, est opaque # TT U.

e"place"ent des cu"ulus

Petit inconvnient ! les gros nuages, dans la partie infrieure de l'image, sont trop clairs.&ls risquent de dsquilibrer l'effet de surimpression. . =lectionne1 l'outil Pinceau( # cloner )3lone Brushes*. 7gle1 sa 9aille # ;C pi(els.

A. 3lique1 dans les nuages filandreu( en maintenant la touche :a6 enfonce.

3ette opration saisit une partie de l'image. 3'est cette partie qui va servir de@tampon@ pour le clonage.

C. 3lique1 dans les gros nuages blancs et par de 6udicieu( dplacements de la souris,remplace1 les nuages blancs par des nuages filandreu(.


22/311

G. 3hoisisse1 =lection H ?slectionner.

igure M ! Les gros nuages ont t remplacs par des nuages filandreu(

lae de la suri"pression

Pour achever notre effet de surimpression, nous devons rgler la transparence descalques. =eul les nuages subiront une modification, afin de laisser voir la statuette.

4fficher la fen-tre Proprits des calques et rgle1 l'opacit des diffrents calques suivantles valeurs suivantes !

9oits ! TTU


23/311

Bernard Jolivalt

2n voudrait souvent que les personnes prsentes sur les photos soient ailleurs, dans unautre dcor. ne seule solution ! le montage. Pour que ce montage soit raliste et neressemble pas # un simple collage d'enfant, il faut lui donner de la profondeur.

0t voil# comment une 6eune femme s'est retrouve sur une plage du 3ameroun

%rparation du "ontae

3omme pour tout montage, les images que nous utiliserons doivent -tre de m-me taille.=i a n'est pas le cas, une petit redimensionnement s'impose.

0nregistre1 d'abord nos deu( photos sur votre ordinateur, puis ouvre1+les dans Paint

=hop Pro !

igure ! La 6eune femme sera au premier plan

igure ; ! la plage au second

&ci, l'image de fond )la plage* est trop petite pour notre premier plan )la 6eune femme*.


24/311

Bien sr, on peut tou6ours l'agrandir, mais elle perdrait alors de sa nettet. :ieu( vautplutJt rduire notre image de premier plan. =lectionne1+la et !

. 3hoisisse1 &mage H 7edimensionner )&mage H 7esi1e*.

;. 0ntre1 dans la boEte de dialogue une des dimensions voulues pour le

redimensionnement.?ans notre e(emple, l'image devra faire ;;T pi(els de largeur. Paint =hop Procalcule alors automatiquement la hauteur.

>. 3hoisisse1 7chantillonnage bicubique pour le 95pe de redimensionnement)7esi1e 95pe*.

3'est la mthode de redimensionnement la plus prcise. Vous vitere1 ainsi les @effetsd'escalier@ sur la photo rchantillone.

Cration de l'effet de profondeur

0videmment, l'image de fond tant parfaitement nette, on serait tent de l'utiliser tellequelle. Le problme, c'est que l'avant+plan va donner l'impression d'avoir t dcoupau( ciseau( et simplement coll sur le fond. Pour lui donner un effet de profondeur, nousallons travailler sur l'image de la plage !

3hoisisse1 &mage H lou H 4doucir )&mage H Blur H =often*.

igure > ! L'image de fond a t adoucie

3'est ce flou qui, une fois le photomontage ralis, donnera un effet de profondeur #notre image. &l est suffisamment faible pour que le contenu de l'image reste lisible, maisasse1 marqu pour suggrer une profondeur de champ semblable a celle obtenue sur unephoto.

Conseil

Le on flou !0vite1 l'option du flou gaussien qui accentue leflou au centre de l'image, m-me s'il offre l'avantage d'-treparamtrable.

/lection de la zone de dcoupe


25/311

L'image de premier plan tant trs grande.


26/311

igure C ! 3hoisisse1 le point de lecture

A. Passe1 sur l'image de premier plan.

C. Place1 le curseur entre la main de la 6eune femme et le bord gauche de l'image,puis clique1.

L'emplacement du clic est important. L'image de fond sera positionne par rapport# ce point.

G. Le bouton de la souris tou6ours enfonc, bala5e1 la 1one slectionne dans sonintgralit.

Note

-n clone cach.&l n'est pas ncessaire que le premier point

de report )votre premier clic* soit clon dans la 1oneslectionne. Vous pouve1 le placer hors slection, maisl'image de fond apparaEtra uniquement dans la 1oneslectionne.

Lorsque vous ave1 termin, choisisse1 =lections H ?slectionner. Peut+-tre devre1+vous retoucher quelques pi(els ici et l#, notamment au bord des images. tilise1 pourcela la brosse # cloner.

0t voil# le travail D

igure G !


27/311

Patrouille de rance a l'air aussi statique qu'une maquette en plastique. 0n quelquesminutes, nous crerons un flou de mouvement qui lui fera passer le mur du son )photode droite* D

Le rlae du flou

Pour suivre cet atelier, commence1 par enregistrer sur votre disque dur la photooriginale. 2uvre1+la ensuite dans Paint =hop Pro.

igure !


28/311

igure ; ! ?finition des paramtres d'un flou de mouvement.

Attention

La onne profondeur de couleur.?ans Paint =hop Pro, leseffets spciau( ne peuvent -tre effectus que sur les imagescodes en ;A bits, soit G,M millions de couleur. 3'est le casdes images au( formats P% et P ! le flou ainsi produit n'est pas du tout crdible.&l est certes orient dans le bon sens, mais il s'e(erce dans les deu( sens ! en avant eten arrire. Pour suggrer la vitesse de l'avion, le flou doit s'e(ercer uniquement versl'arrire.

igure > ! Le flou de mouvement est bidirectionnel, ce qui est irraliste.


29/311

Pour crer un flou raliste, la partie avant du su6et doit rester nette. slectionne1 pourcela la partie qui devra -tre floue avec le Lasso )reehand*, comme reprsent sur lafigure ci+dessous. 4pplique1 ensuite l'effet de flou.

igure A ! =lectionne1 la 1one # laquelle vous appliquere1 l'effet de flou.

Conseil

Annulation.?epuis la version C, Paint =hop Pro autoriseplusieurs niveau( d'annulation. =i le flou que vous ave1appliqu ne vous convient pas, annule1 # deu( reprises afin dercuprer le trac de la slection. 7efaites ensuite un essaiavec une valeur Pi(el diffrente.

&uelques conseils pour un effet russi

Le choi( des 1ones # rendre floues n'est pas vident. Suelques rgles doivent cependant-tre respectes !

4 l'avant, des lments caractristiques doivent rester nets afin que le su6et

demeure identifiable.

3'est bien sr, et avant tout, le profil ! dans notre e(emple, l'avant du fuselage etle bord d'attaque des ailes, mais aussi celui de la drive, # l'arrire. 0n bref, tous

les lments qui @attaquent@ l'air.

ne 1one de traEne )celle dans laquelle se manifestera le flou* doit -tre prvue #

l'arrire du su6et.

Le flou ne doit pas -tre trop fort.

La rgion entre les 1ones nette et floue seraient en effet trop diffrencie,rvlant par la suite l'emplacement du lasso.

Conseil

,sto"pae.n raccord estomp pourra ventuellement -treeffectu entre les 1ones floue et nette avec l'outil 7etoucher

)=mudge*, par application de petites touches.


30/311

igure C ! Le flou de mouvement est maintenant appliqu dans une seule direction.

Pour appliquer un flou de mouvement intense, il vous faudra procder en deu( voire entrois temps, en traant # chaque fois la 1one du lasso un peu en arrire de la prcdenteet en appliquant un flou relativement faible. Par accumulation, le flou de mouvement seraprogressivement de plus en plus intense vers l'arrire. La mthode est certes un peufastidieuse, mais le rsultat en vaut la peine.

La colorisation ! un virage spia pour des photos rtrosBernard Jolivalt

9andis que l'os de la seiche fait le bonheur des canaris, et que sa chair enchante lesgourmets, la matire colorante qu'elle scrte )le spia* est utilise par les peintres pourdessiner au lavis. 3'est aussi un bain colorant autrefois trs pris pour teinter + c'est #dire virer + des photos. L'infographie permet au6ourd'hui de virer une photo rapidementsans qu'il soit ncessaire de rev-tir votre costume de p-che.

ete1 un Xil # la figure ci+dessous. La photo de gauche reprsente le pilote d'un oer?7+ )un avion de la premire guerre mondiale*, photographi lors d'un meeting arien.Le traitement des couleurs par un virage spia )photo de droite* donnera le sentimentd'un vritable document d'poque.


31/311

/uppression des couleurs

La premire tape consistera # prparer supprimer les couleurs de notre photo.3ommence1 par enregistrer sur votre disque la photo ci+dessous.

igure !


32/311

dense. . 3lique1 sur 2O pour quitter la boEte de dialogue du gamma.


33/311

Colorisation spia


34/311

/lection au lasso des parties ( retoucher

Pour la ralisation de cet atelier, nous utiliserons la photo reprsente sur la igure .

3ommence1 donc par enregistrer celle+ci sur votre machine.

igure ! ne belle voiture, mais l'environnement peut -tre amlior.

Vous pouve1 utiliser le pinceau # cloner sans effectuer de slection. 3elle+ci a pour but de@protger@ les parties de l'image qui ne devront pas -tre modifies. L'effet du pinceau #cloner portant sur plusieurs pi(els, une slection vitera les dbordements lorsque vousatteindre1 les bords des parties # traiter.

. 2uvre1 l'image dans Paint =hop Pro.

Conseil

%ar scurit...3onserve1 tou6ours un original de l'image quevous traite1. tilise1 pour cela la commande 0nregistrer sous)=ave 4s* du menu ichier.

;.

>. 3lique1 sur l'outil Lasso )reehand* et slectionne1 le poteau, comme le montre laigure ;.

La slection doit -tre asse1 large, et surtout trs prcise # la base du poteau.Yoome1 asse1 fortement pour travailler dans de bonnes conditions.

igure ; ! La slection doit -tre prcise # la base du poteau afin de ne pas retoucher accidentellement leslments # conserver.


35/311

Confiuration du pinceau

Le pinceau # cloner sert # reproduire des parties d'une image. Pour utiliser cet outil, vousdeve1 d'abord en dfinir le dia"4tre. )il dpendra de l'importance des 1ones #transfrer* ainsi que l'endroit o seront prle#es les pixels. &l suffit ensuite dedessiner dans les 1ones # recouvrir. Passons # la pratique !

. 3lique1 sur l'outil Pinceau # cloner.

;. 3lique1 sur le bouton 4fficher la palette configuration )9oggle 3ontrol Palette* !

+ ?onne1 au pinceau une 9aille )=i1e* de T pi(els qui correspondappro(imativement # la largeur du poteau.

+ Laisse1 l'2pacit )2pacit5* # TT.

+ ?finisse1 la


36/311

igure > ! La croi( indique le centre de la 1one de prlvement des pi(els.

A. Poursuive1 6usqu'# disparition complte du poteau.

7emarque1 que les parties d'image places hors de la slection ne sont pasaffectes.

Conseil

%our plus de prcision.


37/311

igure C ! 3ette photo ne montre que l'essentiel ! la Bentle5 devant l'hJtel D

n effet de loupe Bernard Jolivalt

ne photo dont vous voule1 mettre un lment en vidence Q PlutJt que de recadrer ledocument entier, pourquoi ne pas utiliser une loupe Q 0n manipulant les diffrents effetsde dformations inclus dans Paint =hop Pro, vous pouve1 obtenir un verre trs raliste,reflets inclus. 0ffet assur.

%lacer la loupe

Pour suivre cet atelier, commence1 par enregistrer l'image suivante sur votre ordinateur.


38/311

igure !


39/311

;. 3oche1 la case Vrification auto )4utoproof*.

Les modifications apparaEtront dans l'image en temps rel>. 7duise1 trs lgrement la luminosit.

La perte de lumire doit -tre # peine perceptible. Pour cette image, elle a t mise# +M.

A. 4ugmente1 trs lgrement le contraste, de T units environ. Valide1 lorsquevous -tes satisfait.

&ci, ces corrections sont presque e(agres. 0lles doivent tou6ours -tre trs discrtes.

igure ; ! ?ans l'aperu de droite, la luminosit a t rduite, le contraste lgrement augment

L'arandisse"ent

. 4ctionne1 le curseur d'effet pour appliquer la dformation # vue.

9rouve1 un compromis entre la puissance du grossissement et la lisibilit, commequand vous approche1 ou loigne1 une loupe pour lire. 4ttention cependant ! ici,vous deve1 6ouer aussi avec la pi(elisation de l'image.

La 1one de l'image slectionne donne l'impression d'-tre bombe.


40/311

igure > ! La 1one de slection est comme bombe

Astuce

-n effet de recul ?0n choisissant l'option 3intrage )Pinch* #la place de l'effet de bombage, vous obtiendre1 une lentilledivergente. Les graphistes utilisent en gnral cet effet pour@prendre du recul@ par rapport # un dessin.

5iseauter le #erre


41/311

igure A ! La touche 3trl permet de crer des 1ones de slection imbriques

>. 3hoisisse1 =lections H :asquer les marques de slection )8iding and VieIing the:arquee*.

Pour plus de clart, mieu( vaut masquer le trac des 1ones de slection. Vous

travaillere1 mieu( si vous ne les vo5e1 pas scintiller.A. =lectionne1 l'outil 7etouche )7etouch* et choisisse1 la forme 7ond )7ound*, une9aille )=i1e* de C et une 2pacit )2pacit5* de CT.

Le choi( d'une opacit rduite vite un e(cs de blanc dans la retouche.C. Passe1 le :ode de retouche )7etouch mode* en LuminositFF )Lightness p*

dans les options de retouche )deu(ime onglet de la boEte de configuration*.

G. 0claircisse1 le bord du verre en passant plusieurs fois l'outil sur la slection.

igure C ! Blanchisse1 le biseau du verre

M. 3hoisisse1 =lection H :asquer les marques de slection pour rtablir l'affichagede la slection.

3hoisisse1 =lection H ?slectionne1.Les reflets sur le #erre


42/311


43/311

0coupae des photoraphies

4vant m-me de poser un cadre, il faut choisir ce que vous alle1 mettre # l'intrieur. 0tdcouper ces images pour qu'elles rentre correctement # l'intrieur du cadre. 0nregistre1sur votre disque dur l'image # partir de laquelle nous allons travailler et ouvre1+la # l'aidede Paint =hop Pro !

igure ! La photo # encadrer

. 3lique1 au centre de l'ovale )sous le menton dans notre e(emple*, puis rgle1 sesproportions. Veille1 # ne pas cocher la case 4nti+alias.


44/311

igure ; ! La 1one # recadrer vient d'-tre dfinie

A. 3opie1 et colle1 votre slection dans une nouvelle image.

Paint =hop Pro cre aussitJt un fichier # la taille de la slection.

9out en bas, # droite de l'cran, la ligne d'tat fournit une prcieuse information ! noussavons que la slection ovale mesure e(actement CN Z ;G pi(els.

igure > ! Paint =hop Pro indique tou6ours la taille de l'image active

Astuce

3ieilles i"aesPour donner # cette image un loo

vritablement ancien, vire1 la photo en spia.

1esurer l'paisseur du cadre

Paint =hop Pro a la malencontreuse manie de crer un cadre sur l'image, pas autour.Suelques essais de cadres ovales sur des images de diffrents formats permettent dedduire, par une petite rgle de trois, que le cadre ovale rogne tou6ours ;M U de la taille.

=achant qu'un cadre occupe tou6ours ;M U de la surface de l'image, nous devonsagrandir la nJtre en consquence. %rKce # un calcul des plus lmentaires, nous savons

que ;G F ;MU [ ;MA et que CN F ;M U [ ;T )nous avons arrondi le rsultat*.


45/311

contente1 vous de l'tape suivante ! crer le cadre.

Cration du cadre

&l s'agit maintenant de crer le cadre proprement dit !

. 3hoisisse1 &mage H 3adre prdfini.

3hoisisse1 l'option Bois arrondi )7ounded Wood* dans le premier panneau del'4ssistant d'encadrement, puis clique1 sur =uivant ). 7gle1 la valeur de la boEte de dialogue # A pi(els.

La slection se rtracte de A pi(els.A. 3hoisisse1 =lections H :odifier H Progressivit )=election H :odif5 H 0(pand*.

C. 0ntre1 une valeur de A.

La slection reprend sa taille d'origine.


46/311

4pparemment, il ne s'est rien produit. 0n ralit, l'estompage a bien eu lieu, mais commela slection est superpose # l'image de fond, on ne peut pas la distinguer.

%lacer l'i"ae dans le cadre


47/311

/lection de l'i"ae


48/311

igure ; ! La fleur est slectionne

lae de la nou#elle teinte


49/311

igure > ! Le paramtre 9einte dfinit la nouvelle couleur

>. 4ctionne1 le curseur 9einte )8ue* et rgle1+le sur GT.

2bserve1 le changement de couleur de la fleur.

Attention

1fiez*#ous des o"res !=i le bleu que vous ave1 choisi esttrop prononc )par e(emple une valeur de NT*, les ombres del'image risquent de passer en ngatif, c'est+#+dire devenir plusclaires que la fleur elle+m-me.

igure A ! 4vec un bleu trop prononc, les ombres sont en ngatif D

A6out des o"res


50/311

Pour que la fleur soit parfaite, il faut liminer les taches claires qui apparaissent a et l#,et supprimer une frange noire apparue sous le trac de la 1one de slection. n outil trspratique va nous 5 aider ! la gomme slective.

. 3lique1 sur 3alques H usionner H usionner tout )La5ers H :erge H :erge all*.

;. =lectionne1 l'outil Pipette )?ropper*.

>. aites un clic droit dans une tache claire, au bout des ptales.

La couleur d'arrire+plan est slectionne, c'est celle+ci qui sera remplace par lagomme.

A. 3lique1 dans le bleu dense, trs prs de la tache, avec le bouton gauche de lasouris.

&l s'agit de slectionner la couleur de premier plan, celle qui remplacera lestaches.

C. 3hoisisse1 l'outil %omme slective )3olor 7eplacer*.

?onne1+lui une 9aille )=i1e* de C ou ;T pi(els et une 9olrance de CT.G. Bala5e1 toutes les taches avec le curseur de la souris.

La gomme slective remplace les pi(els par la couleur de premier plan.


51/311

Paint =hop Pro possde une fonction pour crer des cadres autour des images, mais riende trs original. 4lors n'hsite1 pas et cre1 votre propre cadre. Les diffrents effetsdisponibles dans Paint =hop Pro permettent toutes les fantaisies. Vo5e1 vous+m-me.

&uelle photo choisir ?

Le t5pe de cadre que nous allons crer demande quelques prcautions. Pour un rsultatparfait, respecte1 les deu( points suivants !

Le su6et de la photo ne doit pas -tre cadr trop serr.

Pourquoi Q 9out simplement parce que le cadre que nous allons crer va rognerles bords de la photo.

Les bords de l'image doivent -tre riches en variations de couleurs.

0tant donn que Paint =hop Pro se base sur la teinte des pi(els pour crer l'effetdu cadre, les effets seront peu visibles si le bord de l'image est trop uniforme.


52/311

igure ! ne marionnette # encadrer

Cration du cadre

Le cadre que nous allons crer s'intgre dans une slection. La premire tape consistedonc # crer cette slection.

. Prene1 les dimensions de l'image # l'aide des touches 3trlF&.

. =lectionne1 l'outil =lection.


53/311

La taille du rectangle de slection.

Le rapport largeur$hauteur du rectangle de slection.

Pour que notre cadre n'apparaisse pas trop brutalement sur l'image, il faut adoucir laslection !

3hoisisse1 =lections H :odifier H Progressivit )=elections H :odif5 H eather* et opte1pour une progressivit de T pi(els. Le rectangle de slection intrieur se contractelgrement.

Cration de l'effet

7este # appliquer le bon effet pour que notre cadre soit russi. . 7gle1 le niveau de ?tails et d'2pacit # votre convenance.

L'aperu prsente l'effet dans toute l'image alors qu'il est appliqu uniquementdans la slection progressive.

igure > ! n effet appliqu dans un cadre

La simplification des lignes et des couleurs apporte par l'effet 3ra5on de couleur permetd'appliquer un deu(ime effet ! =culpture. n e(emple parmi les innombrables effetsqu'autorise cette fonction !

igure A ! 4pplication de l'effet =culpture

Astuce

,ssais sans "arques.=i vous voule1 procder # des essaissans -tre g-n par les marques de slection, masque1+les en

appu5ant sur 3trlF:a6F: )la m-me squence de touches lesfait rapparaEtre*.


54/311

3adrer et redimensionner une imageBernard Jolivalt

&l est bien rare qu'une image soit e(actement # la taille voulue. 0lle est trop grande outrop petite, ou encore ses proportions ne conviennent pas. &l est alors trs simple de

dtriorer l'image par des manipulations hasardeuses. Vous dcouvrire1 ici les rgles quivous permettront d'obtenir une image adapte # votre page, tout en en prservant laqualit originale.

:ais avant de tourner la page, nous vous conseillons d' afficher et de sauvegarderl'imagesur laquelle nous nous appuierons tout au long de cet atelier.

Les questions ( se poser

?ans tous les cas, il faudra se poser quelques questions e(istentielles !

&uelle taille doit a#oir l'i"ae dans la pae 7e ? 3'est videmment la

question cruciale. Pour une image qui doit -tre affiche sur un cran, ce qui est lecas du Web, la taille s'e(prime en pi(els.

&uelle est la taille actuelle de l'i"ae ? ?ans Paint =hop Pro C, elle est

affiche la boEte de dialogue d'ouverture du fichier, # gauche de l'aperu. ne foisl'image charge, on peut obtenir cette information en appu5ant sur :a6F&.

Les proportions sont*elles diffrentes ? Pour le savoir, divise1 la largeur de

l'image par sa hauteur. aites en autant pour la taille souhaite pour la page Web.=i les deu( rapports sont identiques, l'image pourra -tre utilise sans qu'il soitncessaire de la @rogner@.

8aut*il arandir ou rduire l'i"ae ? 3'est un point important car, dans le

premier cas, Paint =hop Pro a6oute des pi(els # l'image, d'o/ des effets de blocs etd'escaliers. =i l'image est rduite, des pi(els sont supprims, d'o/ une pertesensible de dtails. =i la situation le permet, il est souvent prfrable de recadrerune image plutJt que d'en modifier la taille.

?ans cet atelier, nous partirons d'une image dont la taille est de >AC ( AGA pi(els.L'emplacement qui lui a t rserv dans la page Web est de >TT ( ATT pi(els. TT pi(els de large et ATT de haut. 3es valeursapparaissent dans la barre d'tat, en bas # gauche )voir igure *.


55/311

igure ! 9race1 le rectangle de recadrage sans vous soucier de l'emplacement e(act.

>. 3lique1 # l'intrieur du rectangle de recadrage et faites+le glisser o/ vous levoule1. Le choi( du cadrage final est une question purement esthtique. ?ans cete(emple, nous conservons le reflet du drap dans le fleuve.

A. ?ouble+clique1 # l'intrieur du rectangle de recadrage. L'image estautomatiquement rogne # la taille dfinie, soit >TT ( ATT pi(els )igure ;*.


56/311

igure ; ! 3ette image est # la taille requise )>TT ( ATT pi(els*

L'image est # la bonne taille, mais pas mal de matire a t perdue. ?ans cet e(emple, lerecadrage donne plus de force au thme central de l'image, le linge blanc qui sche surl'escalier. Parfois, il faudra conserver l'intgralit de l'image. ?ans ce cas, on sera obligde la redimensionner.

edi"ensionner l'i"ae

Lorsqu'une image est redimensionne, elle subit une dgradation due # l'a6out ou lasuppression de pi(els. :-me si Paint =hop Pro s'efforce de minimiser ce problme eninterpolant les pi(els... mais nous n'entrerons pas dans ces dtails.

=upposons que votre image est charge dans un emplacement rserv au mo5en de lacommande suivante !

Le navigateur la redimensionne automatiquement afin qu'elle entre dans le cadre, quitte# l'tirer dans un sens ou dans l'autre si les proportions ne sont pas les m-mes. ?'o/l'intr-t de prparer l'image.

?ans l'e(emple qui suit, le problme est le m-me que prcdemment ! une image de >AC( AGA pi(els doit tenir dans un emplacement de >TT ( ATT pi(els. Les deu( cadres nesont pas homottiques. L'image a un rapport de !T,MA alors que celui de l'emplacementest de !T,MC. La diffrence est trs minime, de sorte qu'on pourra ne pas en tenircompte. &l nous faut simplement rduire la taille de l'image dans Paint =hop Pro.

=ur quel cJt nous baserons+nous Q =ur celui dont le rapport est le plus faible afind'optimiser le redimensionnement. 0n largeur, il est de >AC$>TT [ ,C " en hauteur, ilest de AGA$ATT [ ,G. TT dans la 1one Largeur. Pardfaut, Paint =hop Pro calcule automatiquement la hauteur ! AT> pi(els )voir


57/311

igure >*. 3lique1 sur 2O pour valider.

igure > ! Lors d'un redimensionnement Paint =hop Pro recalcule automatiquement l'autre cJt d'une image.

L'image est trop haute de > pi(els. 9rois solutions s'offrent vous !


58/311

0t bien, c'est reparti D :ais avec Paint =hop Pro cette fois+ci D Les outils de slection vouspermettront de dfinir les contours de la dcoupe avec une prcision redoutable. Pourvous faire une ide 6ete1 un Xil # l'image ci+dessous ! # gauche, la photographie dontnous partirons. 4 droite la m-me photo aprs dtourage de la voiture.

-n lasso9 un on che#al9 et c'est parti !

3ommence1 par enregistrer la photographie ci+dessous sur votre disque dur, afin depouvoir raliser les manipulations de l'atelier.

igure ! Votre mission, rcuprer cette voiture. =i vous l'accepte1...


59/311

Astuce

%lusieurs ( la suite !Pour tracer plusieurs contours deslection, maintene1 la touche :a6 enfonce pendant lesslections.

0finir les contours de la #oiture

3omme les bords de la voiture ne se dtachent pas nettement du fond, nous utiliseronsle Lasso en mode Point # point. 4prs avoir ouvert l'image dans Paint =hop Pro !

. 4fin de pouvoir travailler avec prcision, agrandisse1 l'ob6et # l'aide de l'outilYoom.

;. 3lique1 sur l'outil Lasso puis sur 4fficher$masquer la palette 3onfiguration.?roule1 la liste Lasso et choisisse1 le t5pe Point # point.

igure ; ! 3hoisisse1 une slection Point # point.

>. 9race1 le contour de l'ob6et par des clics successifs comme le montre la igure >.Pour obtenir de belles courbes, rapproche1 les points.

9ravaille1 lentement car, en cas d'erreur, vous devre1 recommencer entirementle contour.


60/311

igure > ! 9race1 le contour de l'ob6et avec prcision.

A. Le contour termin, double+clique1 sur le point de dpart pour clore le trac etquitter l'outil Lasso.

igure A ! La voiture est entirement slectionne.

0tourer et recadrer la #oiture


61/311

igure G ! La voiture dtoure.

?e petites retouches sont gnralement ncessaires. &l faudra par e(emple fairedisparaEtre quelques pi(els superflus sur les bords. tilise1 pour cela des Pinceau( )Paint

Brush* fins et la Pipette )?ropper*. &l n'e(iste pas de mthode unique pour effectuer cespetites retouches. 3'est surtout une affaire de got et de discernement.

&l ne vous reste qu'# recadrer l'image afin de limiter le fond # son strict minimum !

. 3lique1 sur l'outil =lection et trace1 un rectangle autour de l'ob6et.

;. 3lique1 ensuite sur &mage, 7ecadrer la slection )&mage, 3rop to =election*.

%our une intration parfaite dans #os paes 7e

4 condition que l'image soit au format %&, vous pouve1 lui affecter un fond transparent,afin qu'elle s'insre parfaitement dans vos pages Web.

La couleur de transparence ne doit se trouver nulle part ailleurs dans l'ob6et, ce qui seraitdu plus mauvais effet )un phare ou un reflet laisserait voir le fond de page Web,l'horreur...*. 3'est pourquoi, il vous faut la choisir 6udicieusement.

Astuce

3aleurs 35.=i vous ave1 un doute sur les valeurs d'unecouleur, dplace1 le curseur de l'outil Pipette sur les 1ones #e(aminer. Le code 7VB e(act de la couleur au+dessus delaquelle se trouve la pipette est affich en temps rel dans lapalette 3ouleur.

?ans le cas de la voiture, qui ne contient aucune trace de blanc, nous utiliserons le blanc# TTU )codage 7VB [ ;CC,;CC,;CC* utilis lors du dtourage !

. 3lique1 sur 3ouleur, 7glage de la transparence de la palette )3olors, =et Palette9ransparenc5*.

;. 3oche1 l'option ?onner # la transparence la valeur de la couleur d'arrire+plan)=et the transparenc5 value to the current bacground color*.

>. 3lique1 sur le bouton Vrifier )Proof*.

n damier gris et blanc apparaEt dans les 1ones transparentes.

4ssure1+vous qu'il n'e(iste pas des 1ones transparentes sur la voiture.


62/311

pas # utiliser un 1oom de forte puissance.

igure M ! Vrifie1 qu'aucune des 1ones transparentes.

A. 3lique1 sur 2O pour accepter la couleur de transparence puis enregistre1 l'image.

La igure N montre le dtourage utilis dans une page Web. %rKce # la transparence,l'image est parfaitement incruste sur le fond de page.

igure N ! L'image dtoure apparaEt sur un fond de page Web.

?es dtourages de pro grKce au( masquesBernard Jolivalt

0(traire de ses images des ob6ets comple(es donne souvent mal # la t-te. La baguettemagique est inoprante, et l'utilisation du lasso bien trop longue et dlicate. 3ommentfont donc les professionnels Q &ls utilisent des masques, tout simplement D

La technique du masque nous vient directement des labos photos. Pour dtourer unob6et, le photographe prend une copie du ngatif et recouvre les parties qui ne doiventpas -tre e(poses avec de la gouache opaque. 3'est ce que nous allons faire pourdtourer notre image.


63/311

%re"iers coups de lasso

Pour mieu( suivre cet atelier, commence1 par enregistrer sur votre disque dur la figure et ouvre1+la sous Paint =hop Pro.

igure ! L'allgorie de la :ort )horloge astronomique de =trasbourg*

Pour nous faciliter le travail, dlimitons d'abord trs grossirement la 1one de travail #l'aide de l'outil Lasso !


64/311

. 3lique1 sur l'outil Lasso )reehand*.

4ssure1+vous que la palette des options est bien affiche.

;. =lectionne1 Point # point )Point to Point* dans le menu 95pe de slection)=election 95pe*

Le trac du lasso sera plus facile. &l vous suffira de cliquer tout autour de l'ob6et.

igure ; ! =lectionne1 grossirement la 1one autour de l'ob6et

>. 3hoisisse1 =lections H &ntervertir )=elections H &nvert*.

La 1one slectionne se trouve maintenant # l'e(trieur de l'ob6et.

Cration du "asque

La slection est dgrossie. Pour l'affiner, nous allons utiliser un masque. 0t tout d'abordle crer !

. 3hoisisse1 :asque H


65/311

Le masque subsiste, mais l'ensemble de l'image est accessible au( outils de Paint=hop Pro.

Note

-n "asque roue ?&l est possible de colorer en rouge le

masque en cliquant sur :asques, Visualiser le masque ):ass,VieIing :as*. tile pour certains montages, cette option estg-nante pour le dtourage.

Le "asque en thorie


66/311

igure A ! n masque contient ;CG niveau( de gris

Pour le dtourage, nous allons travailler essentiellement avec du noir )pourrapprocher les bords du masque de dtourage de la silhouette de l'ob6et* et dublanc )pour corriger les bavures*.

G. ?ans la palette, choisisse1 un noir complet )couleur 7VB [ T,T,T*.

Astuce

0u noir au lanc.Pour passer rapidement du noir au blanc,dfinisse1 une des couleurs dans l'indicateur d'avant+plan, uneautre dans l'indicateur d'arrire+plan. &l suffit ensuite de cliquersur la petite flche, entre les deu( indicateurs, pour lespermuter instantanment.

Nettet et coups de pinceau

. 0tende1 soigneusement le masque 6usqu'au( bords de l'image # conserver # l'aide

du pinceau noir.A. 3orrige1 les erreurs ventuelles avec du blanc.

Yoome1 pour bien voir la 1one de travail et n'hsite1 pas # faire varier la 9aille, la


67/311

Astuce

,n cas de dorde"ent...Pour rattraper une erreur, il estparfois plus rapide d'annuler l'action avec 3trlFY que dechanger de couleur de masque.

&uitter le "ode calque

Votre su6et est bien dtour Q 7este # sortir du mode masque !

3hoisisse1 3alques H usionner H usionner tout )La5ers H :erge H :erge 4ll*. Lemasque est limin.

Le dtourage e(ige une certaine pratique. Le plus gros problme est l'limination deslisers ! si le dtourage @mord@ sur l'image, l'ob6et sera grignot. =i, au contraire, il esttrop lKche, un liser sombre risque d'apparaEtre # certains endroits. ?ans ce cas,

claircisse1 ces 1ones avec l'outil 7etouche )7etouch* en choisissant l'option LuminositFF )Lightness p* et un diamtre de pinceau trs rduit.


68/311

Le fractionne"ent9 pour quoi faire ?

La fonction de fractionnement d'image de Paint =hop Pro M.T permet de dcouper uneimage en plusieurs 1ones 6ointives. 3ette fonction, prsente galement che1 sonconcurrent Photoshop G.T )outil 9ranche*, est utilise essentiellement dans trois cas !

Le dcoupage d'une image en morceau( plus petits chargs les uns aprs lesautres.

3ette option est une alternative intressante au chargement en mode entrelac,surtout pour les images de grande taille. Le visiteur dcouvre l'image parpanneau( successifs )l'entrelacement reste bien sr possible*, ce qui maintientson intr-t et vite de le voir partir trop tJt.

La division d'une image en 1ones cliquables parfaitement contigu]s.

3ette fonctionnalit permet de crer rapidement un bloc de boutons en lesdessinant tous dans une seule image, laquelle est ensuite divise en 1onescliquables.

La cration d'un assortiment de boutons, barres, te(tes, etc., homognes.

PlutJt que de les crer sparment dans des fichiers distincts en rptant chaquefois les m-mes oprations sur chaque image, la fonction d'image fractionnepermet de crer d'abord toutes les formes dans un seul document, de les traiterglobalement )couleurs, filtres, effets spciau(...*, puis de les fractionner etd'enregistrer chaque partie sous un nom de fichier distinct.

La arre d'outils 7e

Le fractionnement d'image est une fonction Web. 0lle ne figure pas dans le menuprincipal de Paint =hop Pro M, mais dans l'une des nombreuses barres d'outils. Pouratteindre cette fonction !

. ?ans Paint =hop Pro M, clique1 sur 4ffichage H Barre d'outils )VieI H 9oolBars*.La boEte de dialogue de gestion des barres d'outils apparaEt.


69/311

igure ! 3e panneau contient toutes les barres d'outils de Paint =hop Pro M

;. 3oche1 la case Barre d'outils Web )Web 9oolBar* et ferme1 la boEte de dialogue.

La barre d'outils Web vient s'a6outer # celles d6# prsentes.

Astuce

La onne arre ( la onne place.%rKce au double+traitvertical, # gauche de la barre d'outils, cette dernire peut -tredplace et dpose n'importe o/ dans l'interface de Paint=hop Pro sous la forme d'un panneau d'outils. 0lle peut -tre

galement amarre # gauche, # droite ou en bas de l'espacede travail.

Le bouton d'image fractionne se trouve # l'e(tr-me gauche de la barre d'outils. 3elle+ci,qui fait dsormais partie de l'environnement de Paint =hop Pro, est affiche # chaquedmarrage du logiciel.

igure ; ! 3e bouton active la fonction de fractionnement d'une image

Cration de l'i"ae

?ans la manipulation qui suit, nous allons crer un bloc de quatre boutons de T ( >Tpi(els. 3haque bouton de ce bloc sera associ # un lien. Les boutons que nous allonscrer sont trs simples. 3e qui importe, c'est le fractionnement.

. 3lique1 sur ichier H


70/311

>. Vrifie1 que le 95pe d'image )&mage 95pe* est bien en mode G,M millions.

?ans le cas contraire, la plupart des effets et des filtres ne seront pas accessibles.A. Laisse1 la rsolution sur M; points par pouce )c'est celle des crans

informatiques*.

C. 4vec l'outil 9e(te, place1 les te(tes du menu # gale distance les uns des autres.

Pour vous aider dans le positionnement, active1 la grille en cliquant sur 4ffichageH %rille )VieI H %rid*.

Voil#, votre bloc de menu est termin. Prochaine tape ! le fractionnement proprementdit.

igure > ! n bloc de quatre boutons, chacun mesurant T ( >T pi(els

8ractionne"ent de l'i"ae

Passons au( choses srieuses avec l'outil &mage fractionne !

. 3lique1 sur le bouton &mage fractionne )&mage =licer* dans la barre d'outils Web.

Paint =hop Pro M ouvre la boEte de dialogue :odule de fractionnement d'image.

;. 3lique1 sur le petit bouton en forme de loupe, en bas # droite de la fen-tre de

l'image, pour agrandir le document.L'outil :ain )Pan*, # l'e(tr-me droite, permet de dplacer l'image dans la fen-tre.


71/311

igure A ! Le panneau de fractionnement de l'image

>. 3lique1 sur le bouton 2util de fractionnement )=licer* dans la 1one 2utils )9ools*,en haut # gauche du panneau.

A. 4mene1 le curseur dans la 1one d'image ! il se transforme en couteau.

C. 2bserve1 bien les valeurs \ et ^, en bas # gauche de la fen-tre ! \ indique laposition du curseur sur le plan hori1ontal, ^ sa position sur le plan vertical. T, puis clique1.

2bserve1 comment Paint =hop Pro M trace une ligne noire hori1ontale ou verticaleselon que le curseur est lgrement tir vers le haut ou le bas, ou vers la droite et

la gauche.G. 7elKche1 le bouton ! l'image est fractionne au niveau ^ [ >T.


72/311

igure C ! n fractionnement hori1ontal # ^ [ >T pi(els

Vous n'ave1 plus qu'# effectuer les m-mes oprations pour les coordonnes ^ [ GT et ^[ T. L'image est ainsi dcoupe en quatre parties gales.

=i vous vous -tes tromp, efface1 la ligne de fractionnement en activant l'outil=uppression )?elete* + il ressemble # une gomme +, puis en cliquant sur le trait #liminer.

Cration des liens

3hacune des quatre 1ones que nous venons de dfinir peut recevoir un lien. 3'est trssimple !

. 4ctive1 l'outil lche )4rroI* et clique1 dans la partie d'image qui doit recevoir unlien.

Le contour de la 1one slectionne s'agrandit trs lgrement )il faut vraimentl'ouvrir l'Xil pour s'en apercevoir*.

;. 0ntre1 l'adresse Web du lien )autre page ou autre site* dans la case 7L.

>. ?ans 9e(te alt. )4lt_te(t*, tape1 le te(te qui doit apparaEtre dans l'info+bulleillustrant le lien dans le navigateur Web.

=i un navigateur a t configur pour ne pas charger de graphismes, ce te(te estaffich # la place de l'image.

A.


73/311

Pour visualiser le rsultat, clique1 sur le bouton en forme d'Xil, en bas de la boEte dedialogue. 3elui+ci ouvre une fen-tre de votre navigateur Web par dfaut, avec votreimage fractionne comme contenu. ?place1 le curseur et vrifie1 l'e(istence des liens enobservant l'info+bulle et en lisant le nom de l'7L dans la ligne d'tat, tout en bas #gauche du navigateur.

igure G ! La fonction d'aperu de Paint =hop Pro M a dmarr le navigateur Web ! vrifie1 vos liens

&l ne vous reste plus qu'# enregistrer votre image. n 6eu d'enfant aprs lesmanipulations que vous vene1 d'effectuer D 3lique1 tout simplement sur le bouton0nreg.sous )=ave 4s* de l'interface de Paint =hop Pro D

La boEte de dialogue standard de WindoIs apparaEt. Vous remarquere1 que le t5pe defichier n'est pas un format graphique, mais un format 89:L )e(tension .htm*.


74/311

igure ! n titre sans attrait.

3es quelques mots ont t crits dans Paint =hop Pro, sur un document vierge configuren G,M millions de couleurs )indispensable pour accder au( effets spciau(*. . 3a vous rappelle un peu les clbres '0(pansions' du sculpteur 3sar Q Pas de

gnie ici, mais l'application de l'effet de ciselage.


75/311

igure > ! L'e(agration de l'effet 3iseler produit d'intressantes e(pansions.

4 vous de 6ouer !

. 3lique1 sur le slecteur de couleur de premier plan et choisisse1 la couleur de lapolice. 3lique1 ensuite dans le slecteur d'arrire+plan et choisisse1 la couleur

pour l'e(pansion.;. =lectionne1 l'outil 9e(te, puis saisisse1 le te(te de votre titre.

>. =lectionne1 toutes les lettres de votre titre # l'aide de la Baguette magique.)=lectionne1 chaque caractre tout en maintenant la touche :a6 enfonce.*

Yoome1 ventuellement pour travailler plus confortablement.A. 3hoisisse1 &mage H 0ffets spciau( H 3iseler )&mage H =pecial 0ffects H 3hisel*.

?ans la boEte de dialogue, coche1 l'option 3ouleur d'arrire+plan.C. 7gle1 la 9aille de l'effet en actionnant la glissire ou en tapant directement une

valeur.

?ans notre e(emple, elle est de CT pi(els. Valide1.

. tilise1 l'outil Pot de peinture )lood ill* pour entourer votre cration avec lacouleur ainsi dfinie.

Conseil

Couleurs fausses.=i par la suite vous enregistre1 l'image auformat %&, la rduction du nombre de couleur risque defausser trs lgrement la teinte qui a t dfinie. &l sera alorsplus simple de modifier la couleur de fond de la page enintervenant sur le code 89:L de la page que de rattrapper la

couleur dans l'image.

A.C. =lectionne1 le te(te et le dbordement # l'aide du rectangle de slection, puis

appu5e1 sur les touches :a6F7 pour recadrer l'image.

Conseil

Le on for"at.Le choi( des formats P% ou P


76/311

. ?ouble+clique1 sur le slecteur de couleur d'arrire+plan et affecte1+lui un blancpur comme couleur ! valeur 7VB [ ;CC,;CC,;CC.

;. 3hoisisse1 3ouleurs H 7glage de la transparence de la palette )3olors H =etPalette 9ransparenc5*.

n message indique que l'image doit -tre rduite # une couche et # seulement

;CG couleurs. 4ccepte1. Vous n'ave1 pas le choi( D>. ?ans la boEte de dialogue suivante, valide1 sans modifier les valeurs par dfaut.

A. ?ans la dernire boEte de dialogue, coche1 l'option ?onner # la transparence lavaleur de la couleur d'arrire+plan )=et the transparenc5 value to the currentbacground color*.

C. 3lique1 Vrifier afin de contrJler l'emplacement des transparences )reprsent parun damier sur l'image*, et enregistre1.

igure A ! Le titre incrust sur un fond .

G. La igure A montre le titre dtour plac sur un fond de page. Le rglage de lataille du ciselage, le choi( des couleurs et d'autres effets appliqus au( lettreselles+m-mes )dgrads, colorisations...* ouvrent une foule de perspectives.0ssa5e1...

ne photo sur les lettres de vos titresBernard Jolivalt

tiliser un te(te sur fond de photo pour vos titres peut crer des effets des plus patants.&l suffit de choisir la photo @qui le fait@ D Les possibilits sont videmment infinies. Pourvous faire une ide, 6ete1 donc un Xil # la figure ci+dessous.


77/311

eco""andations et considrations raphiques

Bien que la manipulation soit relativement simple, le respect de quelques rgleslmentaires s'impose !

3hoisisse1 une photo dont la composition est asse1 simple.

0vite1 les perspectives fu5antes qui, par une illusion d'optique, donneraient

l'impression que le titre penche.

3hoisisse1 une police bien grasse, paisse.

Plus elle offre de surface, plus l'image sera visible. 9ene1 compte du fond de page sur lequel les lettres contenant l'image seront

appliques.

='il est clair, l'image qui apparaEt dans les lettres doit -tre plutJt sombre, etinversement.

Pour la ralisation de cet atelier, nous utiliserons la photo reprsente sur la igure pour illustrer le titre @ontaines@. 3ommence1 donc par enregistrer celle+ci sur votre

machine.

La composition de l'image est belle mais l'lment fort, le 6aillissement de l'eau, se trouve# droite. , utura \Bl B9 et &mpact.


78/311

igure ; ! 3es quatre polices sont suffisamment grasses pour recevoir une image.


79/311

Astuce

Co""e un ant !La hauteur ma(imale des lettres, dans lechamp 9aille, n'est pas une limite. ?ans tous les logiciels + etpas seulement de dessin +, il est possible de dfinir une taille

trs nettement suprieure.>.A. 3lique1 dans l'image.

Le te(te apparaEt sous la forme d'une slection flottante. =i la taille des lettres neconvient pas, appu5e1 sur la touche =uppr et revene1 # l'0tape >.

igure A ! Positionne1 le te(te.

%rparation du fond transparent


80/311

A.

igure C ! 7emplisse1 les 1ones autour des lettres et # l'intrieur avec un aplat de couleur.

C. 3hoisisse1 de nouveau =lections H &ntervertir.G. 3hoisisse1 0dition H 3ouper )0dition H 3ut*.

La photo en arrire+plan rapparaEt # travers la dcoupe des lettres.M. 3hoisisse1 3ouches H usionner H usionner tout )La5ers H :erge H :erge all*,

afin d'aplatir l'image )suppression de la couche*.

N. 3lique1 sur l'outil =lection et trace1 un rectangle asse1 prs des lettres. 4ppu5e1ensuite sur :a6F7 pour recadrer l'image.

igure G ! Le lettrage a t recadr asse1 serr.

. 3lique1 sur la flche entre les deu( indicateurs de couleur pour que la couleur dupremier plan )celle utilise dans l'0tape N* devienne la couleur d'arrire+plan.

T.3hoisisse1 3ouleurs H 7glage de la transparence de la palette )3olors H =etPalette 9ransparenc5*.

.3oche1 l'option ?onner # la transparence la valeur de la couleur d'arrire+plan)=et the transparenc5 value to the current bacground color*.

;. 3lique1 sur le bouton Vrifier )Proof*. 4ssure1+vous qu'aucune 1one indsirablen'est transparente.

>.3lique1 sur 2O pour accepter la couleur de transparence puis enregistre1 l'imagetermine.

La igure M montre le lettrage+photo utilis dans une page Web.


81/311

igure M ! igure M !


82/311

igure ! L'art de crer des motifs.

Conseil

,ssayez le natif.3re1 un motif aprs avoir pass l'imagede dpart en ngatif. L'effet final est souvent amlior. Pourinverser une image ou une slection, choisisse1 3ouleurs H


83/311

rpt de :ar5lin :onroe, du logo des soupes 8ein1, etc*. 7emarque1 que, d'une lettre #une autre, le motif est rgulirement espac.

igure > ! 7eproduite comme motif dans un lettrage, le poing appuie le message du titre. Les tapes

Pour crer un motif avec Paint =hop Pro, procde1 comme suit !

. ?essine1 le motif avec les outils de dessin, essentiellement les Pinceau( )Brushes*ou charge1 l'image contenant le motif voulu.

;. =lectionne1+le motif.

>. =lectionne1 l'outil Pot de peinture )lood ill*.

A. ?ans la palette de configuration du Pot de peinture, clique1 sur le bouton )P=PC*ou l'onglet )P=PG* 2ptions.

NoteAfficher la palette.=i la palette du Pot de peinture n'est pasaffiche, clique1 sur le bouton 4fficher$masquer la palette deconfiguration )9oggle 9ools 2ptions WindoI*.

C.

G. ?roule1 le menu =ource du nouveau motif )


84/311

igure A ! Le motif est charg dans le Pot de peinture.

M. ?ans la palette principale du pot de Peinture, droule1 le menu =t5le deremplissage )ill st5le* et choisisse1 :otif )Pattern*.

N. 3harge1 l'image devant recevoir le motif et slectionne1 la ou les 1ones # remplir.

Les slections multiples s'effectuent en maintenant la touche :a6 enfonce tout enslectionnant les diffrentes 1ones.

. 3lique1 dans les 1ones # remplir avec l'outil Pot de peinture.Le motif se rpte dans la slection.

Note

La ""oire des "otifs.Paint =hop Pro mmorise le motifdfini dans le Pot de peinture pendant toute la session detravail, ou 6usqu'# ce qu'un nouveau motif ait t choisi.

=elon les ncessits du travail, quand vous utilise1 le Pot depeinture choisisse1, dans le menu =t5le de remplissage,l'option 3ouleur unie + celle propose par dfaut + ou :otif.

3rer des ombres portes divergentesBernard Jolivalt

3omme beaucoup de logiciels graphiques, les outils de Paint =hop Pro permettent decrer une ombre porte. Pro6ete vers le fond de l'cran, elle donnera un visiteur lesentiment que la source lumineuse est # cJt de lui. ne ombre porte divergentedonnera le sentiment que la lumire est place au del# de l'ob6et, face # l'observateur.


85/311

alisation et positionne"ent de l'o"re

?ans notre e(emple, l'ombre porte est obtenue # partir d'un te(te )le chat est en fait un

caractre de la police 8olida5s :9*.

igure ! . =aisisse1 le te(te dans la fen-tre, et choisisse1 la 9aille )=i1e* et la 3ouleur)3olor* voulues. 3oche1 ensuite l'option lottante )loating* et valide1.

A. 3lique1 dans l'image vide et positionne1 le te(te o/ vous le souhaite1 )modeflottant*.

3lique1 de nouveau pour le dposer.

C. 4ppu5e1 conscutivement sur les touches 3trlF3 puis 3trlF0 pour copier $ collerla slection dans l'image.

G. 3lique1 dans la fen-tre, puis appu5e1 sur 3trlF& pour retourner l'imageverticalement.


86/311

igure ; ! 4 ce stade, vous ave1 cr une version @retourne@ du te(te D

Astuce

accourci.Le raccourci+clavier 3trlF: retourne la slectiondans le sens hori1ontal.

lae de la couleur et de la densit de l'o"re

:aintenant que vous possde1 une 'copie retourne' de l'image, modifie1+en la couleurpour lui donner l'apparence d'une ombre !

. =i ncessaire, slectionne1 la copie de l'image.

;. 3hoisisse1 3ouleurs H 46uster H 9einte$=aturation$Luminosit )3olors H 4d6ust H8ue$=aturation$Lightness*.

La boEte de dialogue correspondante s'affiche.

>. 0ffectue1 les rglages qui dfiniront l'apparence de l'ombre porte !+ Place1 le curseur de saturation )U =aturation* # +TT, afin de supprimer lacouleur.

+ 7gle1 la valeur de luminosit )U Lightness* selon la densit de l'ombre voulue.

igure > ! Lorsque vous -tes satisfait des rglages, valide1.

Note

O"res colores.Pour une ombre de la m-me couleur quel'ob6et, ne modifie1 que peu le pourcentage de saturation.


87/311

A.C. aites glisser la slection retourne contre le te(te original. Laisse1

ventuellement un espace d'un pi(el entre les deu( images.

igure A !


88/311

igure G ! La dformation trap1o`dale cre l'ombre divergente.

Conseil

%our un contour nic=el !La dformation de l'image cre uneffet de flou artificiel lgrement pi(ellis. Pour amliorer les

contours de l'ombre, a6oute1 un trs lger flou gaussien !

3hoisisse1 &mage H lou H lou %aussien )&mage H Blur H%aussian Blur*, et applique1 un 7a5on )7adius* de T,C.

igure M !


89/311

Le choix du drad

4vant m-me de crer notre titre, il faut prparer le dgrad. =ous Paint =hop Pro, ledgrad est un effet de remplissage. 3'est donc dans l'outil Pot de peinture qu'il faut allerle chercher. 2uvre1 un nouveau document en millions de couleurs et applique1 lesrglages suivants !

. 3lique1 sur l'outil Pot de peinture )lood ill*.

=i a n'est pas d6# fait, affiche1 la palette de configuration de cet outil.

;. 3hoisisse1 ?grad linaire dans la liste 7empliss.

>. 3lique1 sur l'onglet 2ptions du Pot de peinture )lood ill 2ptions* " c'est celui dumilieu.

igure ! 3es options servent # paramtrer un dgrad

A. =lectionne1 =pectre adouci dans la liste ?grad.&l s'agit de choisir la palette du dgrad qui sera appliqu. n petit chantillon dudgrad apparaEt en bas # droite de la boEte de dialogue.

Astuce

-n drad ( #os couleurs.Paint =hop Pro permet de crerdes dgrads personnaliss. Pour accder # l'diteur dedgrad, clique1 sur le bouton 0diter.

C.G. &ncline1 le dgrad de T.

Pour cela, clique1 sur l'aiguille du cercle et oriente1+la, bouton de la souris

enfonc, du nombre de degrs voulu. Les rais du spectre sont dsormais verticau(et non plus hori1ontau(.

Voil#, le rglage de notre dgrad est fait.


90/311

. =lectionne1 l'outil 9e(te )9e(t*, puis clique1 dans la fen-tre pour afficher la boEtede dialogue correspondante.

;. 3hoisisse1 une Police )ont* et dfinisse1+en la 9aille )=i1e*.


91/311

>.A. &ntervertisse1 de nouveau la slection avec la commande =lection H &ntervertir.

=eul le lettrage est slectionn.C. 3hoisisse1 l'outil Pot de peinture et clique1 dans chacune des lettres.

igure A ! Le dgrad est rparti sur toutes les lettres slectionnes

Attention

Les accents !


92/311

%rparation du lettrae

La premire tape pour crer un titre consiste # poser le te(te, lequel sera au dbut de lam-me couleur que le fond de l'image.

. 3re1 un document dans Paint =hop Pro et remplisse1+le de bleu fonc.

;. =lectionne1 l'outil 9e(te )9e(t* et crive1 votre titre.

Pense1 # dsactiver l'option 4nti+aliasing.

igure ! Le te(te vient d'-tre plac. =eules les marques de slection sont visibles

?eu(ime tape ! la slection du titre pour pouvoir le travailler.

. 3hoisisse1 =lections H :odifier H Progressivit )=election H :odif5 H eather*.

;. 3hoisisse1 un


93/311

igure ; ! La slection progressive entoure les lettres

ConseilLa onne #aleur.La valeur de progressivit donne icicorrespond # une police 4rial de taille M;. =elon la policeutilise, le nombre de pi(els peut varier. . 7emplisse1 la 1one entre les lettres et le bord de la slection.

Le dgrad est automatiquement appliqu grKce # la slection progressive.


94/311

igure > ! L'effet de lumire apparaEt ds le remplissage de la progressivit avec le pot de peinture

Lu"i4re intrieure

L'effet lumineu( peut -tre accentu par un dgrad # l'intrieur des lettres. Pour cela !

. 3hoisisse1 l'outil Baguette magique ):agic Wand*.

;. =lectionne1 chacune des lettres, sans oublier les points et les accents.

>. 3hoisisse1 =lections H &ntervertir.

A. 3hoisisse1 =lections H :odifier H Progressivit )=election H :odif5 H eather*.

3onserve1 la valeur dfinie pour la cration du halo e(trieur.C. =lectionne1 l'outil Pot de peinture et clique1 dans chaque lettre, points et

accents.

G. 4ppu5e1 sur les touches 3trlF? pour tout dslectionner.

0t voil# le rsultat ! le dgrad lumineu( s'tend tout autour du bord des lettres.

igure A ! ?es lettres de feu pour un titre qui en 6ette D

Astuce

>alo en tout enre !&l e(iste une foule de variantes selonles couleurs utilises et l'importance de la progressivit pourles irradiations e(ternes et internes.


95/311

n te(te sur une ligne courbe )vM*Bernard Jolivalt

Placer un te(te le long d'une courbe est un procd vieu( comme les arts graphiques. Ladiffrence, c'est qu'avant, il fallait placer chaque lettre # la main le long de la courbe enfaisant trs attention # la rgularit de l'inclinaison. L'erreur tait # peine permise. %rKce# la version M de Paint =hop Pro, tout est plus simple ! il suffit d'une courbe de B1ier etde quelques clics.

%rparation du trac

4vant de placer un te(te le long d'une courbe, il faut... une 6olie courbe, comme celle dela photo ci+dessous.


96/311

igure ! o""ae ( 1. 5zier.&nventes par Pierre B1ier, lescourbes du m-me nom sont des tracs calculs par l'ordinateurselon la position de diffrents points de contrJle. Ledplacement de ces points entraEne un nouveau calcul et un

nouveau dessin du trac.

>.A. 7gle1 la largeur # pi(el et coche1 la case 0n vectoriel )3reate as vector*.

?ans le cas contraire, Paint =hop Pro tracera un trait bitmap inutilisable pourplacer du te(te dessus.

C. 3lique1 sur votre image, l# o/ la courbe doit commencer )en bas # gauche*, puis,en maintenant le bouton de la souris enfonc, trace1 une droite 6usqu'# l'endroito/ la courbe doit prendre fin.

G. 3lique1 une fois un peu au+dessus du sommet de la courbe, puis une autre fois unpeu en dessous.

La courbe est trace.


97/311

igure > ! ne courbe appro(imative a t cre.

7egarde1 la boEte qui encadre la courbe ! une di1aine de poignes )huit autour, une aucentre et une dcentre* permettent de dformer, dplacer et faire pivoter le trac. :aisce n'est pas avec cette mthode que nous allons crer notre courbe D1odelae du trac

Pour donner # la courbe sa forme dfinitive, au pi(el prs, nous allons diter ses nXuds.&l s'agit des points porteurs qui dfinissent la courbure de notre ligne !

. =lectionne1 l'outil 2b6et vectoriel )2b6ect =elector*.Le contenu du panneau d'options change.

igure A ! 3'est grKce # ce panneau que vous alle1 plier la courbe selon vos dsirs.

;. 3lique1 sur le bouton 0diter nXud ). 3lique1 sur un des nXuds # l'e(trmit de la courbe.

?eu( barres apparaissent, avec despoignes # leurs e(trmits.

A. 3lique1 sur l'une de ces poignes et faites+la glisser sur l'image.2bserve1 comment, selon la longueur et l'orientation de la barre, la courbe sedforme.

igure C ! Les barres de contrJle permettent de rgler la courbure avec prcision.

4 partir d'ici, le rglage des courbes s'effectue au feeling. 0n effet, aprs quelquesminutes, il est facile de prvoir le comportement de la courbe selon les actions effectuessur les barres.


98/311

Lorsque le trac pouse enfin compltement la courbe, clique1 sur n'importe quel outilpour quitter le mode d'dition de nXud et dposer le trac.

Astuce

>ors les "urs !=i l'image est trop petite et que la poigne dela barre de contrJle disparaEt de l'image, tire1 sur un coin del'image pour agrandir sa 1one de travail. La poigne sera ainsiaccessible, m-me si elle est en dehors du visuel.

%lacer du texte sur le trac

Le plus difficile est fait. 7este maintenant # diter le te(te et # placer celui+ci le long dutrac courbe. n 6eu d'enfant D

. 3lique1 sur l'outil 9e(te.

;. 4mene1 le curseur de l'outil 9e(te au dbut du trac.Le curseur se transforme en @4@ pos sur une pente lorsque celui+ci survole letrac.

igure G ! Le curseur de positionnement d'un te(te sur un trac.

>. 3lique1 # l'endroit de la courbe o/ vous souhaite1 que commence le te(te.

La boEte de dialogue de configuration de te(te apparaEt.

A. =aisisse1 votre te(te et choisisse1 sa police, sa couleur et sa taille. 3lique1 sur 2Opour valider.

Le te(te est automatiquement plac sur la courbe.

igure M ! Le te(te est automatiquement plac le long du trac vectoriel.

Astuce

2lissez !Le trac et la courbe peuvent -tre indpendammentdplacs, dforms ou pivots avec l'outil 2b6et vectoriel.

1asquae du trac

Le trac n'a maintenant plus lieu d'e(ister. . ?coche1 la case Visible dans la boEte de dialogue qui s'affiche, puis clique1 sur2O.


99/311

La ligne de base du te(te devient invisible. &l nous reste # intgrer le te(tevectoriel # la photo bitmap.

igure N ! La courbe de B1ier est devenue invisible.

A. =lectionne1 le te(te.

C. 3hoisisse1 3alques H 3onvertir en Bitmap )La5ers H 3onvert to 7aster La5er*.

Le te(te cesse d'-tre un ob6et ! il est intgr # l'image bitmap.

C. 4prs avoir t converti en bitmap, le te(te ne peut plus -tre dit, ni dform.L'image est termine, pr-te # -tre publie sur le Web. ?ernier dtail ! cettecourbe si avantageuse est celle d'une goutte de colle. Vous l'avie1 bien srdevin...

Suelques minutes pour crer un %& animBernard Jolivalt

n %& anim est un fichier constitu de plusieurs images qui s'affichentsquentiellement, # un r5thme dfini. 3rer un %& consiste # crer les images qui lecomposeront sparment, puis # les incorporer dans un fichier qui portera l'e(tension %&et sera appel comme n'importe quelle image dans une page Web.

4u cours de cet atelier, vous ralisere1 le %& anim reprsent ci+dessous en quelquesminutes.

Crer les i"aes dans %aint /hop %ro

. 0nregistre1 le dessin du feu affich ci+dessous )clique1 droit sur l'image etchoisisse1 0nregistrer sous*. 0t, s'il ne vous plaEt pas, dessine1+le vous+m-me D


100/311

igure ! Le dessin de dpart est pr-t.

;. 2uvre1 le feu dans Paint =hop Pro.

>. 3lique1 sur l'indicateur de couleur d'avant+plan. Le slecteur de couleurs apparaEt.

A. 3hoisisse1 un rouge primaire. =on code 7VB est ;CC,T,T.

C. 3lique1 sur l'outil Pot de Peinture )lood ill*, puis clique1 dans le cercle suprieurdu feu de signalisation.

G. 0nregistre1 le fichier sous le nom eu_7.gif.

M. 7pte1 ces manipulations pour pour les feu( 6aune et vert, en repartant dufichier eu(.gif.

igure ; ! Les images de l'animation sont pr-tes.0finir les crit4res de l'ani"ation

L'animation des %& s'effectue dans le module 4nimation =hop. Pour lancer ce dernier,choisisse1 la commande correspondante du groupe de programmes de Paint =hop Pro)par dfaut ?marrer H Programmes H Paint =hop Pro H 4nimation =hop*.

. 3hoisisse1 ensuite sur ichier H 4ssistant d'animation )ile H 4nimation Wi1ard*.

Par dfaut, le premier panneau propose de crer la nouvelle animation # la m-metaille que le premier fichier )same si1e as the first image frame*. 3lique1 sur=uivant.

;. Le deu(ime panneau permet de dfinir la couleur de canevas.

&l peut s'agir de l'option 9ransparent ou 2paque. &ci, c'est le blanc entourant ledessin du signal qui sera la couleur de transparence. 3lique1 sur =uivant.

>. Le troisime panneau permet de dfinir comment vous souhaite1 que soientpositionnes les images d'une taille diffrente de la taille dfinie pour le %&anime. Particulirement pratique pour des %& dont une partie de l'image nechange pas.

3lique1 sur =uivant.A. Le quatrime panneau permet de dfinir deu( aspects essentiels du droulement

de l'animation !

Le no"re de oucles. L'animation peut se drouler ( fois puis s'arr-ter ou, pardfaut, se rpter indfiniment.

Le te"ps d'affichae des i"aes. L'unit pour ce paramtre est le centime de


101/311

seconde. 0ntre1 MC dans ce champ, afin d'afficher >$A de secondes chaque feu.3lique1 sur =uivant.

igure > ! ?finisse1 les critres de droulement de l'animation

,t tournez "an4e !

&l faut maintenant indiquer # 4nimation =hop quels sont les fichiers # utiliser$

. 3ommence1 par charger les fichiers image en cliquant sur le bouton 46outerl'image )4dd &mage*.


102/311

igure A ! Les diffrents fichiers de l'animation ont t chargs.

;. tilise1 les boutons :onter ):ove p* et ?escendre ):ove ?oIn* pour faireapparaEtre vos images dans le bon ordre. 3lique1 ensuite sur =uivant.

>. 3lique1 sur 9erminer. 4nimation :aster affiche le montage d'image )igure C*.

igure C ! Les trois images de l'animation ont t montes.

A. 0nregistre1 l'animation sous le nom de votre choi(.

Vous pouve1 maintenant optimiser l'animation. 4ccepte1 la proposition par dfaut)la meilleure qualit d'image*, puis clique1 sur =uivant.

0n cliquant sur le bouton Personnaliser )3ustomi1e* vous pouve1 dfinir le nombrede couleurs et d'autres paramtres qui vous permettront de rduire le poids dufichier.

C. ?ans le dernier panneau, 4nimation =hop indique les temps de tlchargement del'animation selon les diffrentes vitesses de modem.

Pour ce modeste %&, ils sont de moins d'une seconde. Les internautes seront viteservis. 3lique1 sur 9erminer pour crer le fichier.


103/311

igure G ! Suand vous save1 crer un %& anim, vous save1 tous les crer D

G. 3lique1 sur le bouton 4fficher l'animation )VieI 4nimation* pour testerimmdiatement le %& anim.

3e n'est pas plus difficile que a

Note

1odifie ?Pour modifier les paramtres de droulement d'un%& anim e(istant, ouve1+le dans 4nimation =hop etchoisisse1 0dition H Proprits )0dit H Properties*.

3ration d'images d'arrire+planBernard Jolivalt

L'image d'arrire+plan d'un site ne dois 6amais montrer qu'elle est rptitive. Pour cela, ilfaut viter les effets de tuiles, rendre invisibles les 6ointures entre les diffrentesrptitions de l'image. Voil# la mthode idale pour crer ces fonds de page # l'aide dePaint =hop pro.

Oranisation de son espace de tra#ail

La cration d'une image d'arrire+plan se heurte # un problme de perception. L'imagen'apparaEt qu'une seule fois dans Paint =hop Pro et plusieurs fois dans la page Web. 2n aalors du mal # se rendre compte de l'effet de cet image duplique plusieurs fois enmo1a`que.


104/311

igure ! Prvoir l'effet de la te(ture de base )en haut # gauche* n'est pas tou6ours vident.

&l faut donc trouver une parade. Le meilleur mo5en est de crer une page Web pourtester en temps rel le rendu de son image.

1. 3re1 et enregistre1 une page 89:L avec ce simple code !

3e fichier de test ne fait qu'une seule chose ! afficher une image d'arrire+plan.

2. 3re1 une nouvelle image dans Paint =hop Pro. et enregistre1+la dans le m-medossier que le fichier 89:L sous le nom mon_image.jpg.

>. 2uvre1 la page 89:L dans votre navigateur favori et place1 celui+ci # cJt dePaint =hop Pro. &ls seront # deu( facilement accessibles la cration de l'image defond.

igure ; ! Paint =hop Pro et


105/311

Cration des raccords

&l 5 a de fortes chances pour que dans le navigateur, la rptition de l'image d'arrireplan soit visible, notamment # cause des coupures dans le motif. Procde1 comme suitpour faire en sorte qu'ils soient parfaitement 6ointifs. 4vant tout, assure1 vous que votreimage est en G,M millions de couleurs, puis !

. 3hoisisse1 l'outil =lections. =i votre te(ture est carre, choisisse1 l'option deslection 3arr )=quare*.

;. 9race1 une slection # une quin1aine de pi(els environ des bords de l'image.

>. 3hoisisse1 =lections H 3onvertir en motif 6ointif )=election H 3onvert to=eamless Pattern*.

=i votre slection est place trop prs du bord de l'image, Paint =hop Pro vous lesignale. ?ans ce cas, recommence1 la manipulation.

Paint

Tutoriel PaintShoPro 7

Documents

Transcript of Tutoriel PaintShoPro 7