Entrez Dans l'Univers de Photo Montage

Embed Size (px)

Citation preview

PARTENAIRE Du NumRO

.psd N 07/2010 (38) Mensuel Aot SSN 1733-2745

PHOTOmONTAGE Crez La CariCature grCe un nouveL outiL de dFormation photoshop Cs5

Entrez dans lunivers de photomontageIncrustez un paysage imaginaire dans un miroir

PHOTOGRAPHIE CorreCtion doptique sous Lightroom 3 WEB DESIGN Charte graphique sous Fireworks Cs4

Chers lecteurs,

Lart du photomontage exige une bonne connaissance des outils de Photoshop et surtout beaucoup de pratique. Afin de devenir un matre dans ce domaine, il faut faire toujours plus dexercices pour connatre tous les secrets de cette technique. Dans ce numro, nous avons donc prpar les tutoriels qui vous permettront de perfectionner vos savoir-faire. Nous vous invitons raliser en premier le tutoriel de Thomas Muselet, photographe et retoucheur, qui se spcialise dans les photos dartistes. Il vous expliquera comment insrer limage dun paysage imaginaire dans un miroir. Limage finale sert ensuite darrire-plan au photomontage que lauteur avait ralis pour la Compagnie MagicEmry. Ensuite, nous vous encourageons vous mesurer grce au tutoriel Come in my world de Maksim Kotsyak. L auteur de cet exercice vous expliquera comment raliser une caricature laide dun nouvel outil de dformation de Photoshop CS5. Ceux qui prfrent le web design pourront raliser le tutoriel de Mathieu Biasotto qui expliquera le processus de cration dune charte graphique sous Fireworks CS4. Pour finir, nous vous proposons la lecture de larticle de Christophe Delarsille Vos objectifs font peau neuve dans lequel vous dcouvrirez le module de correction doptique dans Lightroom 3. Ainsi, vous dcouvrirez plusieurs types de correction : corrections automatiques et manuelles. Bonne lecture tous, Equipe .psd Photoshop

Image de couverture : Rtro magie Photo ralise pour la promotion des artistes, pour leur nouveau spectacle Magie de grandes illusions : www.magicemry.com

Le magazine .psd est publi par Software Press Sp. z o.o. SK Prsident de Software Press Sp. z o.o. SK Pawe Marciniak Directrice de la publication Ewa ozowicka ISSN : 1733-2745 (c) 2010 Software Press Sp. z o.o. SK, tous droits rservs Rdactrice en chef Justyna Ksiek [email protected]

DTP Graphics & Design Eurodesign www.euro-design.info Photo de couverture Thomas MuseletJonathan Marois, Patrick Haond, Benot Recarte, Charline Goutx, Hlne Hertgen

Publicit [email protected] Software Press Sp. z o.o. SK ul. Bokserska 1, 02-682 Varsovie, Pologne tl. +33 170 610 717, fax +48 22 244-24-59 http://www.psdmag.org/frTous les logos et marques dposes sont la proprit de leurs propritaires respectifs.

Btatests

Les personnes intresses par la coopration sont pries de nous contacter : [email protected]

3

.psd 07/2010 | www.psdmag.org/fr

sommaireNeWsNews

5

Dossier

Incruster un paysage imaginaire dans un miroir Thomas Muselet Come in my world Maksim Kotsyak

6 12

PraTiQUe

Charte graphique trs zen sous Fireworks CS4 22 Matthieu Biasotto This is it inspiration David Frchou aka Avid 28

FoCUs

Vos objectifs font peau neuve Christophe Delarsille

36

sUCCess sTorY

Resiliance se lancer son compte Nicolas Maillard

40

iNTerVieW Galerie

Interview de David Frchou aka Avid Ralise par Cdric Baudouin

46

Galerie de Thomas Muselet

48

4

.psd 07/2010 | www.psdmag.org/fr

NeWs

Fotolia DESKTOPFotolia Desktop permet de : tlcharger en un seul clic les fichiers slectionns par lot crer un nombre illimit de galeries et de rpertoires et dy classer les fichiers slectionns tlcharger des maquettes Le 22 juin Fotolia, banque dimages leader en Europe sur le march des microstocks, a prsent Fotolia Desktop, sa solution de recherche et de gestion dimages, destine aux professionnels de ldition et de la communication, dont lactivit exige une consommation importante de photos, de vecteurs ou de vidos (agences de publicit et de communication, graphistes, webdesigners etc). visualiser lensemble de ses images (fichiers acquis, slections, maquettes tlcharges) avoir accs lhistorique de toutes ses slections et crations. Fotolia Desktop intgrera prochainement la gestion multi-utilisateurs, permettant ainsi aux collaborateurs dun mme projet ou dune mme agence de partager leur bibliothque dimages et de mutualiser leurs travaux, au service dune plus grande efficacit. EN DEUX CLICS, FOTOLIA DESKTOP EST ACCESSIBLE SUR LE BUREAU DE LUTILISATEUR Compatible Mac et PC, Fotolia Desktop est lun des premiers logiciels dvelopps partir de la technologie Adobe AIR 2.0, trs rcemment prsente par Adobe. Lenvironnement Adobe AIR permet de crer en toute simplicit des applications puissantes et rapides qui peuvent tre excutes directement depuis son bureau aprs une installation en un clic. Fotolia profite de la dernire version AIR 2.0 pour apporter des nouvelles fonctionnalits comme la prise en compte des applications natives pour la lecture des contenus multimdia. Aprs avoir pralablement install Adobe AIR2.0, lutilisateur tlcharge gratuitement lapplication Fotolia Desktop sur le site www. fotolia.fr/desktop. Fotolia Desktop est alors accessible directement sur son bureau via un raccourci.

Propose en libre tlchargement sur le site www.fotolia.fr/desktop et accessible directement sur lordinateur de lutilisateur, lapplication Fotolia Desktop a t conue comme le compagnon de travail idal des cratifs. Ces derniers bnficient ainsi dun accs simplifi plus de 9 millions dimages et dune solution de gestion des images intuitive, adapte leur organisation de travail. lcoute des besoins de nos clients, nous apprenons beaucoup de leurs comportements de consommateurs commente Guillaume Le Bleis, Directeur Gnral de Fotolia France. Le gain de temps, la bonne image au bon moment peuvent faire la diffrence. Cest partir de ce constat que nous avons conu la solution Fotolia Desktop. Nous avons souhait offrir nos clients un compagnon de travail innovant pour leur simplifier lusage des images au quotidien et les accompagner dans la russite de leurs projets ajoute Guillaume Le Bleis.

5

.psd 07/2010 | www.psdmag.org/fr

INCRUSTER UN PAYSAGE IMAGINAIRE DANS UN MIROIR

Dossier

6

.psd 07/2010 | www.psdmag.org/fr

DaNs UNDans ce tutoriel, vous allez apprendre incruster un paysage sorti de limagination dans un miroir et tout cela dans une ambiance onirique, ferique et magique. Pour information, cette tape est tire dun montage que jai ralis pour la Compagnie MagicEmry, pour mettre en scne lun de leur numro de grandes illusions (voir la photo de couverture).

INCRUSTER UN PAYSAGE IMA GINAIRE

Dossier

miroirThomas Muselet Age : 31 ans, Lille / France, Photographe Cest dans un monde photographique hors norme et trs color, que le photographe retoucheur Thomas Muselet, g de 31ans, sest spcialis dans les photos dartistes au nombre desquels on trouve des musiciens, des magiciens, des comdiens, etc. Son univers graphique connu par ses mises en scnes cratives et innovantes, lui ont permis de dvelopper un style particulier et atypique. Une vritable identit visuelle qui est devenue sa signature. Site : http://www.thomas-muselet.com

La finalit de ce montage est de russir incruster une image de caractre fantastique et abstrait, dans un dcor ancien de style Chteau de Versailles, en respectant les perspectives et les reflets occasionns par lorganisation dune telle mise en scne. Pour travailler sur ce support, vous pouvez utiliser les photos que vous trouverez sur le site www.psdmag.org/fr .

7

.psd 07/2010 | www.psdmag.org/fr

INCRUSTER UN PAYSAGE IMAGINAIRE DANS UN MIROIR

Dossier

1

1: IMPORTER LES IMAGES

Pour commencer, ouvrez la photo base_fond, et superposez grossirement, au-dessus delle, limage paysage_imaginaire. Vous pourrez rapidement remarquer que le paysage imaginaire, est deux fois plus grand que limage de base. Pour redimensionner correctement, et sans dtriorer limage, passez le paysage imaginaire, en objet dynamique (clic droit de la souris sur le calque du paysage, et cliquez sur convertir en objet dynamique). Ce procd empche de dtriorer limage, lorsque vous rduirez ou agrandirez limage plusieurs reprises. Il est ncessaire dappliquer ce principe, surtout si vous ntes pas certain de votre redimensionnement.

Maintenant, nous allons placer approximativement le paysage imaginaire dans le miroir. Tout dabord, diminuez le paysage imaginaire lchelle du miroir. En utilisant loutil Dplacement [V], tout en maintenant la touche [Maj], venez chercher un coin de limage, et rduisez celle-ci la taille du miroir. Ce procd aura pour effet de garder les proportions largeur/hauteur, lors de la rduction. Pour faciliter le placement de limage, nhsitez pas jouer avec lopacit du calque pour visualiser le miroir. Pour ma part, jai appliqu une opacit de 72%.

2: MISE AU FORMAT

2

8

.psd 07/2010 | www.psdmag.org/fr

INCRUSTER UN PAYSAGE IMAGINAIRE DANS UN MIROIR

Dossier

3: PRCISIONS DU FORMAT

Pour obtenir maintenant un rsultat qui soit crdible et prcis en terme de perspective, jai utilis les diffrents outils de transformation dimages tel que la perspective, linclinaison, la torsion etc. Vous pourrez retrouver tous ces outils en tapant ditions>Transformation>Perspective (ou autres). Il mest impossible dexpliquer prcisment les transformations effectues pour arriver ce rsultat, tant elles sont nombreuses et complexes. Le but de cette manuvre, est dobtenir une plateforme similaire au sol du dcor de base (en termes de perspectives), pour pouvoir accueillir dans le futur, une incrustation. Il faut tre patient, et utiliser judicieusement les diffrents outils mis votre disposition (faites des essais). Aprs cette transformation, jai enlev loption Objet dynamique, pour pouvoir interagir sur limage. En effet, le fait dtre en objet dynamique, bloque certains outils et de prcieuses fonctionnalits. Pour enlever lobjet dynamique et revenir sur une image pixelise, faites un clic droit sur le calque, et cliquez sur Pixeliser le calque. Pour supprimer les bords de limage dpassant du miroir aprs les diverses modifications, jai appliqu une slection avec loutil Lasso polygonal, en y dlimitant soigneusement le contour du miroir. En crant une inversion de slection avec [Maj]+[Ctrl]+[I], jai supprim les bords dpassant du miroir grce loutil Couper [Ctrl]+[X].

3

4

4: LMENTS INDSIRABLES

Pour supprimer les lments indsirables comme le lampadaire et la queue du serpent (entre autres), jai utilis loutil de correction Tampon de duplication [S], et en utilisant le principe de copier/coller, jai fait disparatre ces lments drangeants. Vous pouvez utiliser en complment, les outils correcteurs de tons directs et loutil Pice, pour fignoler encore votre suppression. Grce tous ces outils, la suppression des lments indsirables devient alors trs aise.

5

5: REFLET DE MIROIR

Pour crer un effet reflet de miroir, crez un calque vierge : Calque>Nouveau calque, et appelez-le reflet du miroir. Puis, commencez par dlimiter le contour du miroir avec loutil Lasso polygonal [L], pour ne pas dpasser et dborder pendant vos travaux. Prenez ensuite loutil Dgrad [G], et choisissez un dgrad linaire de couleur blanche allant vers le neutre. En partant dun coin du miroir, tirez une droite de longueur approprie pour donner une impression de reflets. Rptez cette tape plusieurs fois sur au moins deux coins du miroir, avec des longueurs diffrentes.

9

.psd 07/2010 | www.psdmag.org/fr

INCRUSTER UN PAYSAGE IMAGINAIRE DANS UN MIROIR

Dossier

6

Pour renforcer le ct surnaturel et magique, je vais crer un cadre lgrement lumineux de couleur blanche. Comme dhabitude, je cre un calque vierge que je nomme (par exemple) : contour miroir lumineux. En rcuprant la slection de mon encadrement de miroir, en cliquant sur la vignette de son calque et en pressant la touche [Ctrl] (ce procd me permet de gagner beaucoup de temps), je vais crer un contour lumineux sur cette slection, en passant par dition>Contour, et en y appliquant une paisseur de 40 px de couleur blanche. Voil donc avec un cadre blanc dune largeur de 40 px, sur les bords de mon miroir. Pour donner un effet lumineux ce contour, jutilise le Filtre>Attnuation>Flou gaussien avec un rayon de 30 px. Ce rendu accentue cette sensation de luminosit sortante du miroir.

6: CONTOUR MIROIR LUMINEUX

7: FILAMENTS LUMINEUX

Pour donner un ct projection de lumire, nous allons crer ce que jappelle des Filaments Lumineux. Pour crer ces filaments, il vous faut tout dabord tlcharger des brush (aussi appels formes) de projection de lumires. En surfant sur le Net vous trouverez rapidement ce genre dlments tlcharger. Je cre un calque vide que je nomme filaments. Je slectionne loutil Formes [B], et choisis un effet dclairage en brush de couleur blanche. En positionnant de faon adquate les formes de couleurs et en changeant surtout de manire alatoire le diamtre de ma forme, jengendre un effet de diffusion de lumires. Pour renforcer cet effet de remplacement de ce phnomne, je passe le mode de fusion du calque en mode incrustation. Pour plus de rsultat, nhsitez pas reproduire cet effet sur plusieurs calques, en jouant avec les modes de fusions.

7

7a

10

.psd 07/2010 | www.psdmag.org/fr

INCRUSTER UN PAYSAGE IMAGINAIRE DANS UN MIROIR

Dossier

8: PAILLETTES ET TOILES

Pour terminer mon effet magique, toujours sur un calque vierge, je suis venu appliquer des formes (brush) de paillettes et dtoiles, en essayant de les plaquer de manire cohrente au trac de mes filaments de lumires. En changeant la diffusion et la taille de mes formes, jai obtenu un rendu plus naturel et moins linaires. Comme

pour les filaments, vous pouvez crer dautres calques du mme type, et jouer avec les modes de fusions. Pour terminer, sur un calque vierge, je suis venu peindre grossirement avec un pinceau contour diffus de couleur blanche et dune opacit de 15%, le ct droit du miroir, pour quilibrer lambiance magique, et boucher les derniers trous o il ny avait pas deffets.

8

8a

9

9: LOGIQUE DE MIROIR

Dans un souci de crdibilit, il est ncessaire de refaire les tapes de 1 6, sur les deux miroirs de gauche, en prenant pour exemple, les reflets rels existants, sur limage base fond.

11

.psd 07/2010 | www.psdmag.org/fr

COME IN MY WORLDPhotoshop CS5 | intermdiaire | 120 min

Dossier

12

.psd 07/2010 | www.psdmag.org/fr

Dossier

mY WorlDCe tutoriel va vous expliquer une nouvelle dmarche pour faire les caricatures partir de photos. Grce un nouvel outil de dformation dans Photoshop CS5. Mais aussi comment mettre en valeur une personne et lui crer tout un monde imaginaire plein de couleurs.

COME IN

1

HelloMaksim / Maksim Kotsyak HelloMaksim est une jeune socit ayant pris le challenge de lentrepreneuriat en Belgique. Elle est dirige par Maksim Kotsyak avec une direction qui ctoie la cration, la communication et la promotion visuelle. On y retrouve les activits comme le design graphique et la publicit, design dobjets et de mobilier, le layout de sites internet, la dcoration despaces ainsi que la fabrication de pices/uvres uniques. Son ide est de montrer un style nouveau, diffrent et trs personnel. Sites : http://www.hellomaksim.com http://www.behance.net/hellomaksim

1: CHOISISSEZ VOS IMAGES

Prenez une photo dune personne que vous connaissez ou trouvez une image libre de droit pour commencer votre montage. Vous pouvez utiliser le portrait en couleur ou en niveau de gris. Pour vous faciliter la tche, rflchissez comment vous allez dformer le visage de la personne choisie et quest-ce que vous voulez mettre en valeur. Dupliquez le calque pour pouvoir comparer la dformation avec loriginal.

13

.psd 07/2010 | www.psdmag.org/fr

COME IN MY WORLD

Dossier

2

2: DFORMATION DE LA MARIONNETTE

Cet outil est une nouveaut sous Photoshop CS5. Il permet, au moyen dun filet visuel, de dformer radicalement des zones spcifiques de limage tout en laissant dautres zones intactes. Ses applications vont de la retouche dimage subtile (la mise en forme des cheveux) des transformations totales (le repositionnement des bras ou des jambes). Choisissez la commande Edition>Dformation de la marionnette. On va voir apparatre un maillage de filets, ce maillage stablit exclusivement sur la zone de limage. Pour avoir plus de prcision choisissez Plus de points dans longlet Densit. Grce une petite pingle, positionnez les points sur votre image. Ces points vont tre les points de rfrence qui vont intervenir dans la modification du visage. En dplaant un point, la dformation se cre avec le respect des proportions qui se reporte sur la totalit de limage. Les points peuvent tre supprims et positionns sur toute la zone de limage. Lorsque vous aurez fini votre opration vous pouvez la valider pour obtenir le rsultat final.

3

Pour ajouter une touche de couleur vive qui sintgre bien limage, utilisez un scan haute rsolution dun essai couleur avec les aquarelles. En numrisant votre image, slectionnez et enlevez toute la teinte blanche (grce loutil Baguette magique) afin de garder une lgre transparence sur limage. Vous pouvez aussi dutiliser une autre image abstraite pour donner de la couleur votre montage.

3: AJOUT DAQUARELLES

14

.psd 07/2010 | www.psdmag.org/fr

COME IN MY WORLD

Dossier

4

4: LAISSEZ LIBRE COURS VOTRE IMAGINATION

Rflchissez sur quelles couleurs qui iront bien avec votre personnage. Un moyen original et trs amusant cest dutiliser les jeux de transparence et de superposition de plusieurs images dtoures. Dans ce cas, prenez une fleur avec sa belle couleur jaune pour mettre en valeur le visage de la femme. Faites un ovale de slection la place de son visage, appliquez-lui un Contour progressif (commande Slection>Modifier>Contour progressif) dun rayon de 100 px et supprimez le milieu de la fleur pour montrer le visage. Mettez ce calque en Opacit de 50% et appliquez-lui un mode de Densit couleur + dans votre palette de calques.

5: LINTERACTION DE LIMAGE SUR VOTRE TRAVAIL

Afin de donner un effet dintervention du pinceau sur la couleur jaune de vos aquarelles, faites passer la main de la photo devant. Vous aurez besoin dun dtourage prcis, vous pouvez le faire grce loutil Plume, moyennant une slction du trac. Crez donc ce trac dans longlet Tracs, et nommez-le pour ne pas vous tromper dans la suite du travail. Faites une copie de votre image dforme, slectionnez le trac et cliquez sur le petit rond pour rcuprer le trac comme slection. Faites Intervertir votre slection via la commande Slection.

5

16

.psd 07/2010 | www.psdmag.org/fr

COME IN MY WORLD

Dossier

6

Pour claircir le pinceau qui se trouve dans limage et lui donner la mme couleur, dupliquez votre calque avec laquarelle. Faites la slection du calque de la main et enlevez le reste de la couleur en faisant Intervertir la slection. Ne gardez de la couleur que sur la partie de poils du pinceau. Appliquez le mode Couleur dans la palette de calques. Pour que le pinceau sintgre bien avec la nouvelle couleur, claircissez cette partie en slectionnant la commande Image>Rglages>Niveaux. Augmentez la luminosit en glissant le curseur central vers votre gauche jusquau chiffre 1,50 puis validez avec le bouton Ok.

6: PINCEAU DE COULEUR

7: DCORER LA CHEVELURE

Une jolie fleur blanche dans les cheveux, utilise pour nouer et dcorer la chevelure. Il existe de nombreuses sortes de dcors, choisissez le votre ! Placez la fleur en-dessous des calques avec la couleur et donnez-lui un mode de Lumire ponctuelle toujours en gardant lOpacit 100%. Grce cette manipulation elle sintgrera mieux dans lensemble.

7

17

.psd 07/2010 | www.psdmag.org/fr

COME IN MY WORLD

Dossier

8

8: PLUS DE FLEURS

Pour rajouter un effet de couleur qui sera encore plus artistique, utilisez la photo dun ensemble de trois fleurs. Cette manipulation est purement dcorative et permet de deviner la forme de feuilles dans les zones colores. Positionnez votre calque dtour sur la partie voulue de limage et appliquez-lui le mode Couleur. Dupliquez et faites pivoter ce calque pour remplir davantage le visuel.

En voyant le mouvement des cheveux sur limage dorigine, on peut leur ajouter encore plus de dynamisme. Cest--dire les reprsenter par un ensemble de formes fluides et colores. Faites le tour des images pour trouver celle qui vous plait. Dans notre cas, jai choisi une image libre de droit, laquelle comporte un chouette effet graphique. Dupliquez une fois le calque et mettez-le en mode Obscuir. Ensuite, faites un Masque de fusion pour enlever les parties inutiles. Veillez toujours ce que les lignes suivent les cheveux naturels afin de garder le mouvement et le jeu avec le peigne. Pour cela il vous faut dtourer la main et la remettre au premier plan. Continuez sur votre lance et dtourez dautres mains lesquelles vous allez galement mettre devant pour donner limpression que limage se prpare ellemme. Crez les nouveaux Tracs, nommez-les, et faites votre dtourage grce loutil Plume. Dupliquez votre calque de dformation et enlevez les parties inutiles de limage comme expliqu dans ltape 5. Veillez ce que les calques soient au mme emplacement que le calque de dformation.

9: DYNAMISME DANS LES CHEVEUX

9

18

.psd 07/2010 | www.psdmag.org/fr

COME IN MY WORLD

Dossier

10

Crez ensuite dautres parties de couleurs pour avoir un fond plus soutenu et cohrent. Reprenez le calque du dbut avec laquarelle, dupliquez-le et positionnez-le tout en-dessous de votre image. Lavantage de Photoshop, cest que lon a plus besoin de refaire les aquarelles pour changer de couleur. Appliquez simplement la commande Image>Rglages>Teinte/Saturation et dplacez le curseur de Teinte vers la droite pour arriver une couleur qui vous plait. Validez votre choix en appuyant sur Ok. Essayez de choisir une couleur

10: DCORATION DU FOND ET DE LA PEAU

supplmentaire lensemble, le bleu par exemple qui ajoute une nouvelle teinte, tout en gardant une composition frache et colore. Pour aller encore plus loin, vous pouvez dcorer la peau de la femme avec un motif graphique de votre choix. Glissez limage dans votre plan de travail, et positionnez le calque juste au-dessus de la photo modifie. Ensuite, appliquez-lui le mode Produit. Regardez comment cela se prsente et si le motif occupe trop de place enlevez les zones inutiles avec un Masque de fusion. Appuyez sur le bouton de Masque et remplissez ces parties laide dun outil Pinceau.

19

.psd 07/2010 | www.psdmag.org/fr

COME IN MY WORLD

Dossier

11

11: DESSINER LES LIGNES

Pour donner un aspect encore plus dessin notre assemblage dimages, faites tracer les lignes au feutre bleu en se basant sur le montage actuel. Vous pouvez imprimer ltat actuel du fichier, ou dessiner les lignes avec une tablette graphique. Essayez dtre le plus proche possible, suivez avec prcision le mouvement des cheveux, et nhsitez pas exagrer certaines lignes pour quelles sortent du lot. Dans le cas du dessin sur un calque papier, scannez votre dessin et coller-le sur un nouveau calque avec le mode Produit. Positionnez le dessin lendroit et raffichez dautres calques. Pour que le dessin sintgre mieux, je vous conseille de le dsaturer laide de la commande Image>Rglages>Teinte/Saturation. Faites glisser le curseur de Saturation vers la gauche.

12: TOUCHE FINALE

Notre image est presque termine. Il ne reste qu rajouter un petit dtail qui donnera une teinte unie la composition. A laide de loutil Degrad, faites un Dgrad radial avec une couleur claire au premier plan et une teinte plus fonce en arrire-plan. Vous pouvez galement glisser une image existante ou faire copier/coller partir dIllustrator. Placez ce calque tout au-dessus du visuel et mettez-le en mode Produit. Celle permettra dattnuer certaines couleurs trop vives et de donner un aspect photographique avec les coins lgrement plus sombres.

12

20

.psd 07/2010 | www.psdmag.org/fr

Fireworks CS4 | intermdiaire | 90 min

PraTiQUe

FireWorKs Cs4Dans cet article vous allez dcouvrir lpanouissement que lon peut obtenir avec Fireworks CS4 lorsquon sattaque aux chartes graphiques pour le web. Vous allez ouvrir vos chakras en apprenant comment utiliser les vecteurs de manire intressante, comment mettre en scne le logo et enfin comment crer une charte graphique complte qui merveillera votre troisime il. Pour ce tutorial vous devez matriser les outils vectoriels de cration et connatre un minimum linterface de Fireworks CS4, les fonctions de bases estimes connues ne sont pas dtailles ici.

CHARTE GRAPHIQUE TRS ZEN

Matthieu Biasotto Cratif professionnel accro au caf, Matthieu Biasotto est un graphiste indpendant sur la Rgion Toulousaine. Spcialis dans le Web design et le print Le Matthieu cherche toujours tre pertinent et intelligent pour chaque cration, que ce soit pour un dispositif digital grand compte ou une communication visuelle classique de PME. Site : http://www.infographiste-toulouse.fr

22

.psd 07/2010 | www.psdmag.org/fr

CHARTE GRAPHIQUE TRS ZEN SOUS FIREWORKS CS4

PraTiQUe

1: CRER UN NOUVEAU DOCUMENT SUR FIREWORKS

1

[Ctrl]+[N] pour ouvrir la fentre de cration de document, choisissez les options suivantes : 1500 px de largeur, 1700 px de hauteur, rsolution 72 dpi.

2: EXPIREZ... ON INTGRE LE LOGO

Le logo est dj ralis et valid auparavant, il symbolise les 3 lettres du client Message Bien tre (MBE) en sinspirant des chakras. Faites [Ctrl]+[R] pour ouvrir la fentre dimportation de document dans votre cration. Vous allez importer le fichier logo.ai.

2

3

3: ON VA CRER LE BACKGROUND DE LA CHARTE

Pour crer le fond du site nous allons utiliser loutil Rectangle [U] et appliquer un dgrad linaire. Tracez un rectangle de 1500px de large par 326 px de haut, et appliquez un dgrad linaire avec 3 couleurs : #1F5B00, #7CBD2A, #2B7E00. Ensuite vous allez dfinir une couleur de fond votre document de manire tre en harmonie avec votre rectangle. Donnez la couleur #163F00. Crez maintenant un autre rectangle avec un dgrad linaire dont les couleurs sont les suivantes : #163F00, #1F5B00, #2B7E00. Passez-le en arrireplan [Ctrl]+[Maj]+[Flche bas].

23

.psd 07/2010 | www.psdmag.org/fr

CHARTE GRAPHIQUE TRS ZEN SOUS FIREWORKS CS4

PraTiQUe

4

4: MISE EN PLACE DU LOGO

Rcuprez votre logo sur le document et appliquez-lui une couleur unie Blanc. Maintenant dans les effets fireworks utilisez la lueur que vous mettrez avec les paramtres prsents sur limage. Nous allons disposez des vecteurs enregistrs au format Fireworks png (.png) prexistants (je les ai tous crs pour les besoins de la maquette... vous allez gagner du temps !). Importez un un, laide de [Ctrl]+[R] les fichiers suivants : vecteur couronne.png, vecteur-fantaisie. png, vecteur- fleur1.png, vecteur- fleur2.png, vecteur- fleur3.png, vecteur-floral.png, vecteur-vgetal1.png, vecteur-vgetal2.png, vecteur-vgetal3.png, vecteur-vgetal4.png, bambou.png. Nous allons les mettre en place. Ici, vous pouvez faire appel votre imagination.

5: CRATION DLMENTS SUR MESURE

Nous allons peaufiner la cration avec quelques vecteurs crs avec loutil Plume [P]. Le but est dapporter une petite touche de couleur avec des motifs un peu en dcalage avec le thme pour viter de tomber dans une atmosphre trop verte. Avec votre plume crez un premier lment. Puis deux autres avec des teintes plus releves, mais toujours dans le vert. Recommencez lopration sur dautre teinte et avec des formes lgrement diffrentes. Pour les plus paresseux vous pouvez aussi importer le fichier vecteur-funky. png. Aprs les avoir groupes avec [Ctrl]+[G], dupliquez vos formes [Ctrl]+[Alt]+[D], et inversez-les avec loutil Miroir. Tracez maintenant quelques courbes pour affiner le tout et agrmenter la cration. Alternez les options de traits de fireworks : Adouci, pointill, tirets, bambou mouill etc.

5

24

.psd 07/2010 | www.psdmag.org/fr

CHARTE GRAPHIQUE TRS ZEN SOUS FIREWORKS CS4

PraTiQUe

6: RALISER LE HEADER

Pour lentte du site nous allons rappeler le nom du site, placer un espace pour grer les langues, lespace connexion, et les coordonnes du client. Avec loutil Rectangle [U], tracez un rectangle avec comme arrondi 48 et une opacit de 29. Avec loutil Texte : placez vos textes pour les langues. Si vous avez des drapeaux dispositions cest encore mieux. Maintenant, toujours avec loutil Rectangle [U], crez un autre rectangle avec un Dgrad linaire blanc vers blanc, Opacit 100>70%. Ce rectangle doit avoir un arrondi de 32%, enfin vous y appliquez une lueur avec les paramtres figurants sur limage. Avec loutil Texte [T], placez vos textes pour ce rectangle (les coordonnes du client). Note : utilisez loutil Trait [N] pour raliser des sparateurs entre les lments pour plus de ralisme.

6

Nous allons maintenant raliser la partie Contenu. Pour cela toujours notre bon vieux Rectangle [U] 1000 px de large, un arrondi de 6 et une opacit de 73%. La hauteur importe peu puisque nous ladaptons au fur et mesure. Dupliquez ce mme rectangle, appliquez une opacit de 100%. Videz la couleur de la surface et mettez un contour blanc, 1px adouci. Nous allons crer lespace pour le menu vertical gauche. Avec [U] crez deux rectangles. Slectionnez les deux rectangles et faites [Ctrl]+[Alt]+[U] pour faire une union entre les deux vecteurs et obtenir un trac. Avec loutil Texte [T], placez

7: LE BODY

vos titres de paragraphes pour nos pages daccueil. Avec loption Commande>Texte>Lorem Ipsum vous allez gnrer vos textes de paragraphes que vous pourrez ensuite redimensionner votre guise. Faites [Ctrl]+[R] pour importer la photo photo.png. Puis dupliquez celle-ci [Ctrl]+[Alt]+[D] et inversez-la verticalement laide de loutil Miroir. Utiliser maintenant loutil de Slection Bitmap [M] sur votre photo duplique/inverse. Vous allez appliquer un bord diffus de 100% votre slection et tracer un rectangle mi hauteur de votre fameuse photo. Puis faites [Suppr] plusieurs fois. Appliquez maintenant un flou gaussien de 1,8 (effet Fireworks>Flou>Flou gaussien).

7

26

.psd 07/2010 | www.psdmag.org/fr

CHARTE GRAPHIQUE TRS ZEN SOUS FIREWORKS CS4

PraTiQUe

8

8: CRER UN BLOC NEWS

Crez un rectangle avec loutil [U] : Largeur 350px, Hauteur 85px, Couleur #84C03B, arrondi de langle 24. Puis un autre rectangle blanc arrondi 100% avec une opacit de 18%. Recommencez lopration pour le lien Lire la suite et la date de la news. Avec loutil Texte [T] saisissez les textes de la news. Il ne vous reste qu agrmenter le contenu en fonction du cahier des charges pour lamliorer.

9: LE FOOTER

Nous allons crer un petit footer discret (le header tant tellement imposant que nous allons finir discrtement avec un pied de page pour quilibrer). Avec loutil Texte, crer votre barre de liens. Dupliquez le logo du header et rduisez-le pour faire un rappel dans le footer. Elevez-vous spirituellement et admirez le travail. Cest termin.

9

27

.psd 07/2010 | www.psdmag.org/fr

Photoshop CS4 | dbutant | 90 min

PraTiQUe

iNsPiraTioNGwadloup, Mi mye (Guadeloupe, la voici) est tout simplement un concept inspir de la pochette de This is it; lobjectif est de partir dune forme (personnage, pays ou autre) et de lui donner vie en interieur. Jai choisi de reprsenter la Guadeloupe et la Martinique avec lintrieur des images qui les reprsentent. Cette petite srie serra bientt rejointe par la Guyane et la Runion. Cest un jeu de dtourage et dassemblage avec linsertion de couleurs, car les les sont colores de par leurs diversits culturelles, leur nature, rythmes par divers temps forts tout au long de lanne. Nos outils pour ce montage seront les groupes, le flou gaussien, les masques de fusions et les objets dynamiques.David Frchou aka Avid Graphiste g de 26 ans, ses allers-retours entre la mtropole et les Antilles dont il est originaire ont enrichis son univers visuel et technique qui vont du graphisme pure lunivers web en passant par les outils print et lillustration. Actuellement il travail au sein dun ple cra dans une grande agence oprationnelle et ct participe de nombreux projets avec des photographes, modles et autres artiste.

THIS IS IT -

28

.psd 07/2010 | www.psdmag.org/fr

THIS IS IT INSPIRATION

PraTiQUe

1

1: NOUVEAU DOCUMENT

Nous allons dabord chercher notre carte sur internet au format vectoriel, ou tout simplement refaire les contours de notre le sur Illustrator avec loutil Plume partir dun modle bitmap. Une fois cette tape effectue nous sommes prts commencer. Dans Photoshop, je cre un nouveau document [Ctrl]+[N] au format A3 (42x29,7 cm) en 300 dpi en RVB avec un fond de couleur bleu pris dans les tonalits de This is it, soit un bleu aux rfrences couleurs C=45 M=22 J=24 N=0. Surtout bien renomm notre calque fond.

2: CHOISIR UN MODE

Afin davoir une ide de nos couleurs pour une ventuelle impression en CMJN, et sans perdre la main sur les filtres RVB, nous allons nous mettre en affichage CMJN. Pour cela nous allons dans Affichage>Format dpreuve>Espace de travail CMJN, ensuite on sassure bien de cocher aussi la couleur dpreuves, Affichage>Couleur dpreuve [Ctrl]+[Y].

2

29

.psd 07/2010 | www.psdmag.org/fr

THIS IS IT INSPIRATION

PraTiQUe

3

Nous allons maintenant crer une rond avec loutil Ellipse de la mme couleur que notre fond ; le rond sera lgrement aplati. Il doit tre consquent et plac au centre de notre image (nhsitez pas vous crer un script repre afin de vous faciliter la vie, il pourra tre lutiliser pour nimporte quel document par la suite). Une fois notre cercle fait sur votre calque, faites un clic droit et convertissez notre cercle en Objet dynamique ; clic droit et Convertir en objet dynamique en mode fusion Superposition. ce cercle nous allons ajouter un Flou gaussien de 250 px de rayon, Filtre>Attnuation>Flou gaussien. Lintrt des objets dynamiques est de pouvoir revenir et travailler sur notre lment tout moment.

3: CRER UN CERCLE

4: PEAUFINER LE FOND

Afin dtre plus doux on va baisser lopacit 60% et rpter lopration deux autres fois avec des cercles proportionnels. Pour cela utilisez la touche [Maj] quand vous tracez votre cercle mais en rduisant notre cercle afin dobtenir une surface douce en mettant une opacit 90% et fluide avec un dgrad voluptueux. cela nous allons ajouter un peu de matire en crant un nouveau calque au dessus de notre fond, [Maj]+[Ctrl]+[N]. Avec notre outil Pinceau de base dun Diamtre de 1500 px et Contour 0 px on va peindre avec le bleu utilis plus haut.Une fois peint nous passons notre calque en mode Densit linaire +, mettez lopacit en 52%. ce niveau avons nous avons un fond avec un effet de lumire qui sera notre base pour le reste du montage.

4

30

.psd 07/2010 | www.psdmag.org/fr

THIS IS IT INSPIRATION

PraTiQUe

5

5a

5: PREMIER PLAN

Nous retournons sur Illustrator pour faire un copier/ coller [Ctrl]+[C]/[Ctrl]+[V] de notre forme dans Photoshop, en veillant bien faire une importation en tant quObjet dynamique. Une fois import, nous allons mettre notre calque en mode Lumire vive avec une opacit et un fond 20%.

5a:

Nous allons ensuite ajouter une Ombre interne, Lueur externe et un Contour.

31

.psd 07/2010 | www.psdmag.org/fr

THIS IS IT INSPIRATION

PraTiQUe

6

7: INSERTION DES LMENTS II

Nous allons nous mettre sur le calque Guadeloupe et nous allons rcuprer la slection en faisant [Ctrl]+ clic, crez un nouveau groupe, Calque>Nouveau>Groupe, que lon appelle lments interne, et lon cre un masque de fusion. Pour remplir notre groupe avec diffrents lments.

6: INSERTION DES LMENTS I

ce stade il sagira de remplir notre forme avec tous les lments que vous voudrez et qui donneront vie a votre composition; cela peut inclure du dtourage, et de jouer avec les modes de fusions afin dobtenir quelque chose qui vous plat. Pour ma part ma composition est faite avec des choses qui me font penser la Guadeloupe, comme lhibiscus, la danseuse traditionnelle, le madras (du tissu), un anoli (un lzard de lle), une mobylette, le Ka (tambour symbole de la musique traditionnelle), le rhum (lalcool local), un colibri, des caramboles (fruit local), une feuille de palmier (nous sommes dans les tropiques), et le bord de mer de Sainte-Anne.

7

32

.psd 07/2010 | www.psdmag.org/fr

THIS IS IT INSPIRATION

PraTiQUe

8

9 8: AJOUTER DE LA COULEUR

Nous allons maintenant ajouter de la couleur ! Ainsi nous crons un nouveau groupe que lon appellera lumires. lintrieur de notre groupe on va tout simplement crer un calque [Ctrl]+[Maj]+[N], et avec notre Pinceau [B] de Diamtre 200 px et Duret 0 px, et avec une couleur trs flashy comme un bleu C=57 M=0 J=13 N=0. Une fois colori, on va passer notre calque en mode Densit couleur. On va rpter cette squence quatre cinq fois tout en changeant les couleurs; un rose C=42 M=79 J=0 N=0 ou un orange C=0 M=44 J=79 N=0 et un vert C=66 M=0 J=100 N=0.

Aprs cette tape nous nous attaquons la typo avec loutil Texte [T] ; sur la premire ligne nous avons notre nom, ici Gwadloup (Guadeloupe en crole) et Mi Mye (la voici en crole) pour reprendre les codes typo de la pochette This is it. La typographie utilise est la Perpetua Titling MT Light en majuscule (disponible sur www.fontyukle.com) de 30 points pour Gwadloup et de 50 points pour Mi Mye, pour ainsi tre bien cal lun en-dessous de lautre. Ensuite, nous venons appliquer nos textes une ombre interne en mode de fusion Lumire linaire avec un Angle de 90 avec une Distance de 5 px et une taille de 5 px, cela nous ajoutons un dgrad en mode Lumire vive de 19% en opacit pour mettre une profondeur dans votre texte.

9: TYPOGRAPHIE

Une fois que tout est ok, le montage est termin et il ne reste plus qu signer !!

33

.psd 07/2010 | www.psdmag.org/fr

f O R M A T I O N S34

rubrique Formations dans laquelle les coles et les centres de formations prsenterons leurs formations en graphisme et multimdia. Dans cette rubrique vous trouverez les prsentations gnrales de ces tablissements ainsi que les descriptions de divers cours quils proposent. Vous connatrez ses avantages et ses spcificits afin de bien choisir la formation qui rpondra vos attentes.

N

ous avons le plaisir de vous prsenter la nouvelle

Sur notre site www.psdmag.org/fr vous trouverez bientt la section Formations contenant les courtes descriptions des tablissements et leurs coordonnes.

.psd 06/2010 | www.psdmag.org/fr

PEAU NEUVEJe clturais larticle sur les nouveauts de Lightroom 3 (voir .PSD mag du mois de mai 4/2010) par ces quelques mots : Reste lui ajouter de vrais outils de correction dobjectifs autre que le vignettage (distorsion, d-fisheye) comme le fait DxO et ce sera parfait. Une semaine plus tard, japprenais que cette version allait bel et bien accueillir un module de correction doptique. Je nen croyais pas mes yeux. Adobe avait gard secret cette carte pour ne la jouer qu la fin, peu de temps avant la sortie officielle du logiciel.Christophe Delarsille Cratif publicitaire et graphic designer, Christophe utilise Lightroom depuis la version 2 pour un usage priv en photographie. Autodidacte, il en apprcie la souplesse et lergonomie. Il utilise principalement Lightroom pour le dveloppement des fichiers RAW. http://www.delarsille.be http://www.flickr.com/photos/cdelarsille/ sets/72157621885118419/show/

Vos oBJeCTiFs FoNT

FoCUs

EN QUOI EST-CE EXTRAORDINAIRE ?

Tout dabord, comme je lexpliquais dans le prcdent article, il permet de retravailler et corriger ses prises de vue directement dans le logiciel sans devoir passer par un tiers. Ce qui permet de gagner un temps prcieux. Deuximement, il permet dappliquer les corrections dobjectifs directement sur les fichiers RAW, en gardant donc la qualit et la richesse de ce format dimage. Inutile de convertir au pralable vos images en Tiff, PSD ou Jpeg. Ce qui fait de Lightroom le logiciel le plus avanc techniquement puisquil est le seul offrir cet outil lors des dveloppements des fichiers RAW. Et troisimement, il offre un lifting tous vos objectifs.

les principaux dfauts dun objectif. Ce qui permet donc dobtenir une photo de trs bonne qualit technique alors que le matriel de base ne ltait pas. Cest tout bonnement rvolutionnaire !

QUELLES SONT CES CORRECTIONS ?

VOUS AVEZ DE MEILLEURS OBJECTIFS

Je ne sais pas si vous tes comme moi, mais lors du choix dun futur achat dun objectif, je suis toujours tiraill entre acheter un objectif accessible financirement mais qui me dcevra plus tard par sa qualit ou casser ma tirelire pour acheter un bon caillou qui me donnera entire satisfaction mais me ruinera. prsent, grce au module de correction il est possible de rectifier

Evidement, le logiciel ne rivalisera jamais avec un objectif qui a un piqu incroyable. Loutil nettet trs efficace ne remplacera jamais la qualit dun bon objectif. L o il est efficace, cest au niveau des distorsions. Les lentilles sont sphriques et la plupart des objectifs dforment limage. Elle apparat bombe dans le centre et tire sur les cts. Ces dfauts se voient le plus souvent dans les photos de paysage, la ligne dhorizon nest jamais droite. Certains objectifs apportent aussi du vignettage sur les coins des images (les coins sont plus sombres) surtout sur les courtes focales. Bien quaujourdhui ce dfaut soit devenu un esthtisme la mode, il est toutefois pratique de pouvoir le corriger. Enfin, et pour moi le dfaut le plus horrible des objectifs bas de gamme, Lightroom permet de corriger les aberrations chromatiques. Elles produisent une image aux contours iriss faisant apparatre des franges roses (magenta)

36

.psd 07/2010 | www.psdmag.org/fr

VOS OBJECTIfS fONT PEAU NEUVE

FoCUs

ou bleues (cyan). Ce dfaut est surtout apparu depuis larrive des appareils photos numriques. Les constructeurs corrigent de mieux en mieux ce dfaut mais il reste malgr tout prsent sur tous les appareils compacts et lentiret de la gamme dobjectif grand public. Il est prsent possible aussi de redresser les perspectives, lors de prises de vue darchitecture par exemple. Pour linstant, les objectifs les plus courants chez les photographes ont t ajouts dans la banque de donnes de Lightroom.

Sur limage ci-dessous de lintrieur dune collgiale, vous remarquerez que le centre de limage est lgrement moins bomb. On le voit peine car lobjectif est dj de trs bonne qualit. Par contre, on peut voir trs clairement que le vignettage autour de limage a compltement disparu. (Figure 3.)

CORRECTIONS MANUELLES

CORRECTIONS AUTOMATIQUES

Lightroom fonctionne par couple botier/objectif. Un objectif ne ragira pas de la mme manire sil est branch un botier moyens capteurs ou un full frame. Si votre matriel est reconnu par Lightroom, les corrections ne prendront quune seconde. Dans la partie dveloppement, ouvrez longelt Corrections de lobjectif, cochez Activer les corrections de profil et vous voyez apparatre votre matriel. Les corrections se font instantanment (Figure 1.).

Cest dans ce menu que vous devrez corriger les erreurs de vos objectifs si vote couple na pas de profil pr-enregistr. (Figure 2.) Tout est trs intuitif et les rsultats apparaissent instantanment. Inutile de tout dcrire pendant des pages.

Figure 1

Figure 2

Figure 3

37

.psd 07/2010 | www.psdmag.org/fr

VOS OBJECTIfS fONT PEAU NEUVE

FoCUs

Dans le cas de la collgiale, jai test le redressement des perspectives pour remettre les colonnes droites. Pour se faire, jai principalement utilis la transformation Vertical. (Figure 4.) Un autre exemple plus parlant avec cette photo dimmeuble prise un soir dhiver. (Figure 5.)

imperfections. Si vous utilisez un tl-zoom comme par exemple un 50-200 mm, les distorsions ne seront pas les mmes 50 mm qu 200 mm. De mme les aberrations chromatiques sont plus visibles sur les photos prise avec un grand angle quavec un tlobjectif.

Figure 4

Figure 5

ASTUCE

Etant donn que ces manipulations font partie de longlet Dveloppement, il vous est tout fait possible de crer un nouveau paramtre prdfini pour lappliquer toutes vos photos prises avec ce botier et cet objectif. Cliquez sur le petit + situ ct de Paramtres prdfinis gauche de votre cran. Dcochez toutes les cases lexception du groupe Corrections de lobjectif. A lavenir, il vous suffira de cliquer sur ce paramtre pour corriger votre image en deux secondes. Attention toutefois que chaque focale apporte ses propres

Il faut donc crer un rglage pour chaque plage de focale et idalement chaque ouverture galement.

CRER SON PROFIL DE CORRECTION

Pour se faire, une seule solution. Crer un nouveau profil qui sajoutera la liste du matriel reconnu par Lightroom. Pour se faire, Adobe propose un logiciel gratuit disponible sur son site (http://labs.adobe. com/downloads/lensprofile_creator.html) disponible pour Mac et PC.

38

.psd 07/2010 | www.psdmag.org/fr

VOS OBJECTIfS fONT PEAU NEUVECrer un profil est un peu technique et est destin aux photographes soucieux dun rsultat optimal. Une fois lapplication installe, vous trouverez dans le dossier : des chartes de calibration imprimer quil faudra photographier suivant une mthode trs prcise (Figure 6.), trois PDF de documentation et plusieurs exemples de chartes dj photographies pour mieux comprendre comment sy prendre. Le tout est en anglais mais trs bien dtaill. Le profil une fois cr peut galement tre publi sur le site et permet le partage avec dautres utilisateurs. Si votre matriel nest pas repris dans la liste de Lightroom, patienressortez-les et faites des tests. Si vous hsitez entre deux objectifs de gamme diffrentes, dites-vous que certains dfauts peuvent tre rcuprs. Si vous avez de vieux clichs que vous aimiez bien mais qui contenait des aberrations chromatiques disgracieuses, ressortez-les galement et essayer de les supprimer. Si vous avez un compact qui fait de bonnes photos mais pas aussi propres que votre reflex plus encombrant et que vous navez pas toujours avec vous, prenez-le chacune de vos sorties, il prendra de meilleures photos quauparavant.

FoCUs

LA PHOTOGRAPHIE EST EN PLEINE RVOLUTION ET CEST LOIN DTRE FINI

Lightroom 3 ouvre une porte reste ferme jusqualors. Elle permet un photographe amateur ayant du matriel semi-professionnel de raliser des photos proche dun rsultat technique digne de certains professionnels et en tout cas, de pouvoir les agrandir pour une exposition ou de les faire publier dans un magasine sans tre rejetes cause de leurs dfauts techniques. Cest un trs bon moyen de raliser des photos de qualit sans se ruiner.

Figure 6

tez quelques temps, il y sera peut-tre bientt ajout. Il est possible aussi quun utilisateur la peut-tre dj cr laide de Lens Profil Creator et sera bientt disponible sur le site. Si vous tes exigeant et navez pas confiance aux autres, alors lancez-vous dans laventure.

DPOUSSIREZ !

Lightroom mtonne de plus en plus. Si vous avez des objectifs que vous nutilisez plus car vous les trouviez de mauvaise qualit,

Figure 7

PUBLICIT

39

.psd 06/2010 | www.psdmag.org/fr

sUCCess sTorY

resiliaNCe SE LANCER SON COMPTEmtropoles. Regardez comment il est parvenu travailler en freelance. Aprs avoir travaill pour les grandes agences, Nicolas Maillard a dcid de crer son propre studio graphique, de franchir le pas et de profiter dun cadre de vie agrable loin des grandesNicolas Maillard Il est jeune, dynamique, sportif. Il est un passionn de dessin depuis toujours et il pensait plus jeune que russir en vivre tait un assez utopique. Il a cre son studio de cration graphique RESILIANCE situ dans le Sud-Manche proximit de la ville dAvranches et du Mont Saint-Michel. Cr en 2009, Resiliance couvre tous les domaines de la communication visuelle, du logo au site internet en passant par la ralisation daffiches, de plaquettes publicitaires ou encore de carte de visite. Son activit stend sur tout lOuest de la France, mais aussi les villes plus loignes comme Paris grce un change bas principalement par mail et tlphone. Site Internet : http://www.resiliance.fr Contact : [email protected]

40

.psd 07/2010 | www.psdmag.org/fr

RESILIANCE SE LANCER SON COMPTEDBUTS

sUCCess sTorY

Comme beaucoup de personnes qui font ce mtier, cette passion est apparue trs jeune. Rares sont les pages de mes cahiers dcolier qui nont pas subies les coups de crayons donnant naissance diffrents personnages et mises en scne. Jai commenc par des caricatures, puis trs accroc au sport je me suis cre une gamme de vtements fictive (chaussures, maillots, t-shirts) qui en est reste au stade de papier. Je me suis mis aussi la BD dont une que jai russi finir au bout de trois ans ! Tout ceci restant dans un cercle intimiste. Jesprais en faire un jour mon mtier mais sans trop savoir comment my prendre. Puis est venu Internet et le mtier sest dvelopp avec les sites web.

PARCOURS

Intress par un Bac STI Arts Appliqus, je me suis finale-

ment lanc dans une voie gnrale avec un bac S. Une fois obtenu jai pass le concours dentre pour intgrer un BTS Communication Visuelle, mais tant rest sur liste dattente jai continu en filire scientifique en passant un DEUG MIAS la Fac de Caen. Ces deux annes mont permis dapprendre le langage HTML ncessaire la cration de site Internet. Puis jai repris mes convictions en main et jai t finalement accept lcole Brassart Tours o jy ai obtenu mon diplme de Technicien Suprieur en Communication visuelle. A la sortie jai t embauch dans une petite agence en tant quinfographiste et deux ans aprs Euro RSCG m a contact pour me recruter Rennes en tant que Directeur Artistique Web. Aprs trois ans de bons et loyaux services jai donc dcid de me lancer mon compte.

Figure 1. Affiche LNDA Ralisation de lAffiche et de Flyers pour le Festival de dcouverte musicale La nuit des Abrincats qui aura lieu Avranches (Sud-Manche) le 11 septembre prochain

41

.psd 07/2010 | www.psdmag.org/fr

RESILIANCE SE LANCER SON COMPTETRAVAILLER SON COMPTE

sUCCess sTorY

Ma dcision de me lancer mon compte t mrement rflchie. lorigine je devais massocier avec un ami avec qui javais dj travaill en agence. Mais devant son incertitude et ses hsitations jai du franchir le pas seul. Aprs trois ans Rennes, jen ai profit pour revenir dans la Manche, ma rgion natale, afin de profiter de lenvironnement et de fuir un peu la ville. Jai multipli les rendez-vous avec divers conseillers (CCI, Pole Emploi,) pour finalement opter pour le fameux statut dauto-entrepreneur qui scie parfaitement mon mtier. Un lancement en douceur avec une fiscalit simplifie (je ne facture ni ne rcupre la TVA) ce qui mvite pour le moment davoir passer par un comptable. Jai amnag une pice dans ma maison qui me permet de travailler domicile et ainsi rduire mes cots. Avant de dmissionner de mon poste demploy, je cumulais

dj deux statuts ce qui ma permis de tter le terrain et ainsi me constituer une clientle. Mais rien nest jamais acquis davance. En minstallant la premire chose que jai fait cest de revoir totalement mon site internet, car cest llment essentiel de ma communication. On y voit ce que je fais et qui je suis. Ma chance pour dbuter est davoir pu obtenir des contrats de sous-traitance avec des grandes Agences de lOuest. On travail souvent dans lurgence mais les projets sont denvergure nationale et souvent bien rmunrs ce qui me permet cot de participer des projets locaux dassociations ou de rpondre des concours qui sont trs en vogue en ce moment. Cela va faire trois mois que je me suis lanc et les projets senchainent ne me laissant mme pas le temps de regarder la Coupe du Monde ! Nanmoins pour linstant je navigue vue car je ne sais pas encore sur quels projets je travaillerai dici deux ou trois mois.

Figure 2. Affiche Chasse au trsor Ralisation du visuel de la sixime chasse au trsor au Pays de la Baie du Mont Saint-Michel organise par lensemble des offices de tourisme du Sud-Manche

42

.psd 07/2010 | www.psdmag.org/fr

RESILIANCE SE LANCER SON COMPTEPREMIER GRAND PROJET titre personnel, mon premier grand projet a t de raliser le site Internet dynamique dune commune de 1300 habitants, la commune dans laquelle je joue au football. Ayant plusieurs connaissances au cur du conseil communal, ces derniers ont voulu travailler avec moi tant trs satisfait du site Internet que javais ralis bnvolement pour le club de foot. Tout cela devait videmment se faire dans la lgalit, jai saut sur le nouveau statut dauto-entrepreneur. tant cette poque encore salari la conception du site sest droule sur plus dun an ! Jai enchain les rendez-vous la mairie sur mon temps libre pour bien dfinir le cahier des charges et prsenter les avances du site. Seul bord, jai d cumuler les casquettes de commercial, chef de projet, intgrateur, dveloppeur et webdesigner contrairement ma fonction de Directeur Artistique en Agence. Le plus difficile a sans doute d tre la collecte des lments pour constituer le site et savoir dire stop aux modifications ou volutions du site non-comprises dans le devis initial. Le client tente toujours den avoir plus pour le mme prix; au dbut on cde toujours un peu de terrain. Ce projet ma tout de mme permis davoir ma premire

sUCCess sTorY

exprience professionnelle individuelle o jai du tout grer. Ceci ma ainsi permis de tester mes capacits et de me conforter dans mon ide de me lancer un jour mon compte.

PROJETS RALISS

Figure 3. Affiche CAB2010 Ralisation de laffiche pour le challenge Albert Beaufils, tournoi de football organis par le club de lUS Saint-Quentin-sur-le-Homme, qui est devenu depuis quelques annes le plus populaire de la rgion avec des quipes venant de pays trangers comme la Belgique.

Dans mon parcours il y a eu deux tapes : celui en agence et celui mon compte. LorsquEuro RSCG ma contact, jai su que jallais travailler sur de gros budgets et avec des clients rputs. Cela na pas manqu : Crdit Agricole, Hygena, But, Bonduelle, Amora, SNCM, Michelin, Marie Mais celui qui ma sans doute le plus passionn et o jy tais spcialement ddi est UMBRO ; depuis quelques annes la marque au diamant a repris son image en main et fait souffler un vent de jeunesse et de fracheur sa gamme dquipement sportif. Un autre projet qui ma bien plu est la ralisation dun site dun nouveau genre, le coaching vgtal sur Internet par Vilmorin. Pour ce travail le spcialiste des graines recherchait un modle capable dincarner un coach crdible donnant ses conseils sur le site et par mail afin de mettre toutes les chances de son ct pour faire pousser ses lgumes et plantes. Jai donc propos mon pre, jeune retrait et passionn de jardinage, et ce dernier a fait lunanimit ! Jai alors ralis une sance photo avec lui, qui a ma grande surprise jouer le jeu. Le site connu un franc succs et il devrait mme y avoir une suite. Dautres projets taient par contre moins enthousiasmants comme la ralisation de bannires pour des pts pour chats ; nanmoins cela restait pour des marques reconnues. Depuis que je travaille en indpendant jai pu enfin renouer avec un de mes plaisirs la ralisation daffiches pour des festivals et vnements locaux ; chose que javais un peu perdu depuis que je travaillais dans la branche WEB dEuro RSCG. Autre activit qui me ravie, cest la ralisation de logos, vritable synthse de la communication dune entreprise. Dans un logo il ny a normalement pas de place au hasard, tout est calcul, presque scientifique

GRAPHISTE FREELANCE EMPLOI RENTABLE ?

Cela va bientt faire trois mois que je suis mon compte et pour linstant jen vie normalement. Le dpart est bon et jen profite car je sais trs bien quil peut y avoir des creux. De plus lorsque je me suis lanc, jai pu bnficier de lACCRE, aide la Cration et la Reprise dentreprise ce qui ma apport un petit capital trs utile pour mquiper et me constituer une trsorerie. Le fait que je sois multitches me permet de pouvoir travailler la fois pour le web (cration, intgration et dveloppement) comme pour le print, ce qui ... nest pas le cas de tout le monde.

44

.psd 07/2010 | www.psdmag.org/fr

RESILIANCE SE LANCER SON COMPTEOBJECTIFS FUTURS

sUCCess sTorY

Un de mes principaux objectifs est de raliser laffiche pour le Festival Papillons de nuit qui se situe quelques kilomtres de chez moi. Ce festival qui vient de fter ses dix ans est dsormais reconnu nationalement avec de belles ttes daffiches. Jai particip au concours lanne dernire et je sais que jai fini dans le dernier carr, source despoir.

Je souhaite aussi pouvoir me dvelopper et passer du statut dauto-entrepreneur celui dEntreprise Individuelle et si tout se passe bien une SARL avec des employs ou associs car lchange de connaissances et davis dans ce mtier est essentiel. Mais ce que je veux avant tout cest pourvoir vivre de ma passion et que mon travail soit reconnu.

Figure 5. Site Saint-Quentin Ralisation de A Z (web design, intgration, dveloppement, rfrencement) dun site dynamique pour la commune de Saint-Quentin-sur-le-Homme.

Figure 4. Affiche P2N Le festival musical des Papillons de nuit a organis, pour ses 10 ans, un grand concours daffiche auquel ma proposition est arrive sur le podium

45

.psd 07/2010 | www.psdmag.org/fr

Figure 6. Logos Slection dune partie de mes logos que jai pu raliser depuis ces dernires annes et qui reste une de mes activits favorites.

iNTerVieW

Gyal Roots Modle: Erika Photographe: Vincent Macher Graphiste: Avid www.vincentmacher.com

interview deDAVID fRCHOUaKa aViDQUEST-CE QUE VOUS AIMEZ LE PLUS DANS LA VIE ? Ma maman, ma femme, mes frres, ma famille, mes amis. Lart, plus prcisment le dessin, la photo, le graphisme et la danse. Jaime aussi manger et donc cuisiner. QUEL EST VOTRE PARCOURS ? Au del de lapprentissage scolaire, cest vritablement sur le terrain que je me suis form. Aujourdhui encore, je reste en alerte constante sur lvolution de la scne graphique et remet constamment en question mon travail afin de lamliorer. Mon parcours a commenc depuis ma plus tendre enfance avec le Club Dorothe et ce fameux dessin anim quest Dragon Ball devenu ensuite Dragon Ball Z. Je men suis inspir, refaisant les dessins puis les mlangeant avec lunivers des comics tant aussi fan de Spiderman, Spawn et dautre manga par la suite pour dvelopper mon propre style graphique. Arriv au lyce, jai suivi un cursus option arts plastiques dcouvrant lhistoire de lart et ses grands matres, dveloppant ainsi mon univers artistique travers la peinture acrylique mais aussi en dessinant pendant les cours, motiv par mon crew, le President 5 Crew et autres mes compatriotes dessinateurs. Aprs avoir obtenu mon bac L, cest vers lle sur que je me suis tourn et suis entr lIRAVM (Institut Rgional des Arts Visuels de la Martinique) dcouvrant le monde du graphisme et Photoshop 7. Aprs 3 ans dans cet institut, en alternant travaux personnels et recherches, cest au cours dun voyage dtudes que jai eu un dclic et que jai dcid de venir tudier en France pour ouvrir mon univers graphique et culturel. Ainsi, jai intgrer 3 coles en alternance dans Paris de 2006 2008 : Efficom (pour un BTS en communication visuelle), lcole Multimdia (pour une formation de graphiste print/ PAO/web) et Itecom (pour une formation de webdesigner) ; ct, jtais freelance et je gre en mme temps un magazine. De fin 2007 2010, jai occup le poste de graphiste dans une petite agence conseil en communication globale afin de toucher aussi bien lunivers print que web. Selon moi, jai pu trouver un juste quilibre entre la cration institutionnelle et ma passion hors entreprise pour le photomontage. Actuellement, joccupe un poste en tant que maquettiste confirm la Dfense (Courbevoie) dans un ple graphique o je mpanouis et continu dapprendre et dchanger. Je suis aussi membre des associations Lyannart et Lanmod uvrant en tant que graphiste, dautre part je nhsite pas collaborer avec dautres graphistes, photographes, bodypainters et modles ce qui me permet davoir matire travailler pour mexprimer sur des sujets vraiment divers. QUEST-CE QUI GRAVITE AUTOUR DE VOUS, QUEL EST VOTRE MONDE ? Issu des les, je dirais que je gravite dans une culture Afro Caribennes, ce qui reprsente un monde haut en couleurs; imprgn de tradition, de musique, de danse et de mtissage culturel. QUEL EST VOTRE PROCESSUS DE CRATION ? Avant de me lancer dans une cration, je men imprgne et pense ce que je veux raconter ou montrer. Ensuite je fais de la veille graphique aussi bien pour du print que du web et mme pour des

Afro Lanmod 70s, Modle : Dorryx, Photographe : Clinho, Graphiste : Avid www.lanmod.book.fr

46

.psd 07/2010 | www.psdmag.org/fr

INTERVIEW DE DAVID fRCHOU AKA AVID

iNTerVieW

photomontages. Ces tapes permettent dtre cohrent pour dvelopper des axes et des ides et ensuite passer la cration. QUEST-CE QUI VOUS INSPIRE ? La vie, mon vcu, tout ce qui mentoure est source dinspiration. A cela il faut aussi ajouter une veille quotidienne, et des sites de rfrence comme Deviantart, Behance, Flickr, Abuzeedo, Psdtuts, Psd photoshop, Advanced creation, Photoshcool, Cranumrique et bien dautres encore; pour suivre tout cela je mabonne leur flux rss et ainsi je peux tout retrouver. QUELLES SONT VOS RFRENCES GRAPHIQUES ? Mosk, Takeshi ,Aeiko, Peter Jaworowski, Dean Site,Agiaco, +ekud, MichaelO, omnigfx, m4gik, soad2K, wgman, inphi, Kai, Msch ,Archan Nair, Kyza, Rokas Meetis, Roodhorst Kevin, Kevin Roodhorst, Ricardofx, et bien dautres encore qui dun ct me donnent, comme je dis souvent des claques visuelles, mais aussi la motivation pour continuer et voluer. PARLEZ-NOUS DE VOTRE TECHNIQUE GRAPHIQUE PRFRE ? Le photomontage ou photomanipulation qui consiste combiner plusieurs lments afin de raconter une histoire. Jadore combiner des images entre elles, y ajouter formes, brush et illustrations vectorielles. COMMENT LAVEZ-VOUS DVELOPPE ? Jai regard beaucoup de tutoriels et continue encore afin de comprendre les techniques et effets employs. Ensuite, je les rutilise et les dveloppe ma manire afin davoir un travail de composition qui mest propre. QUELS SONT VOS PROJETS ? Jaspire devenir une rfrence dans le milieu: jaimerai exposer mes travaux, collaborer, changer sur mon parcours, travailler pour de grandes marques. Contribuer ldition dun book regroupant des graphistes issus des DOM-TOM car il y a un style et du niveau l-bas. VOUS AVEZ PARTICIP UNE BATTLE DU VECTOR LOUNGE DUNE, DITES-NOUS COMMENT CELA SEST PASS ? Et ben, je dirais que la premire fois que lon est en live devant un public sur un sujet donn, ce nest pas facile. Ce nest vraiment pas pareil entre tre chez soi et tre devant un public, ce fut trs dconcertant et cela lest toujours surtout si lon rajoute cela le temps imparti de 30 mn. Au dpart je me sens toujours dstabilis mais une fois pris dans la battle, je ne fais plus vraiment attention tout ce qui mentoure et fais ma composition. Finalement ce qui devient frustrant, cest de ne pas pouvoir prendre de recul et amener sa composition un travail plus dtaill dans la finition. CONSEILLERIEZ-VOUS DAUTRES (GRAPHISTES) DE TENTER LEXPRIENCE ? Je pense sincrement que cest une exprience faire; pour soi cest un challenge, une motivation, cela permet de montrer son travail et donc de se mettre en avant quelque soit son niveau ou ses techniques. Interview ralise par Cdric Baudouin

This it inspiration, Graphiste: Avid, www.avid971.free.fr, www.lyannart.book.fr

47

.psd 07/2010 | www.psdmag.org/fr

Candy Shop, Modle: Sabrina, Photographe: Shawn, Maquilleuse: Ludivine, Directrice Artistique: Ness, Graphiste: Avid, www.lyannart.book.fr

Galerie

Howard Buten De passage en France, Howard Buten (buffo) est un clown-psychologue-danseur-musicien et romancier de renomme internationale http://www.buffo-buten.com

Galerie deTHOMAS MUSELETThomas Muselet Age : 31 ans Lille / France Photographe Cest dans un monde photographique hors norme et trs color, que le photographe retoucheur Thomas Muselet, g de 31ans, sest spcialis dans les photos dartistes au nombre desquels on trouve des musiciens, des magiciens, des comdiens, etc. Son univers graphique propre et des mises en scnes cratives et innovantes, lui ont permis de dvelopper un style particulier et atypique. Une vritable identit visuelle qui est devenue sa signature. Site : www.thomas-muselet.com

David Larible et Gensi. Clowns internationaux de passage en France Photo prise avant la monte sur scne des artistes http://www.davidlarible.it

Sylvie.R Promotion de lartiste 2009 Chanteuse de Jazz

Momo Frigo : Yannick Hornez, Clown et Chroniqueur Tl. Photo ralise pour la future exposition photo de Thomas Muselet. http:/cracraetmomo.blogspot.com/

48

.psd 07/2010 | www.psdmag.org/fr

GALERIE DE THOMAS MUSELET

GalerieJean Frdric prsente Photo ralise pour la promotion de lartiste 2010 Magie de grande illusions et close up : www.jfmagicien.com

Soldier Dead Mise en scne de la bte pour lartiste Franck Dia-delma Modle : Nicolas W

Poursuite Family Petit dlire. en famille

49

.psd 07/2010 | www.psdmag.org/fr