incruster un paysage imaginaire dans un miroir
Transcription
incruster un paysage imaginaire dans un miroir
Partenaire du numéro .psd N° 07/2010 (38) Mensuel Août SSN 1733-2745 PHOTOMONTAGE créez la caricature grâce à un nouvel outil de déformation Photoshop CS5 Entrez dans l’univers de photomontage Incrustez un paysage imaginaire dans un miroir PHOTOGRAPHIE Correction d’optique sous Lightroom 3 WEB DESIGN Charte graphique sous Fireworks CS4 Chers lecteurs, L’art du photomontage exige une bonne connaissance des outils de Photoshop et surtout beaucoup de pratique. Afin de devenir un maître dans ce domaine, il faut faire toujours plus d’exercices pour connaître tous les secrets de cette technique. Dans ce numéro, nous avons donc préparé les tutoriels qui vous permettront de perfectionner vos savoir-faire. Nous vous invitons à réaliser en premier le tutoriel de Thomas Muselet, photographe et retoucheur, qui se spécialise dans les photos d’artistes. Il vous expliquera comment insérer l’image d’un paysage imaginaire dans un miroir. L’image finale sert ensuite d’arrière-plan au photomontage que l’auteur avait réalisé pour la Compagnie Magic’Emry. Ensuite, nous vous encourageons à vous mesurer grâce au tutoriel Come in my world de Maksim Kotsyak. L’ auteur de cet exercice vous expliquera comment réaliser une caricature à l’aide d’un nouvel outil de déformation de Photoshop CS5. Ceux qui préfèrent le web design pourront réaliser le tutoriel de Mathieu Biasotto qui expliquera le processus de création d’une charte graphique sous Fireworks CS4. Pour finir, nous vous proposons la lecture de l’article de Christophe Delarsille Vos objectifs font peau neuve dans lequel vous découvrirez le module de correction d’optique dans Lightroom 3. Ainsi, vous découvrirez plusieurs types de correction : corrections automatiques et manuelles. Bonne lecture à tous, Equipe .psd Photoshop Image de couverture : Rétro magie Photo réalisée 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 Président de Software Press Sp. z o.o. SK Paweł Marciniak Directrice de la publication Ewa Łozowicka DTP Graphics & Design Eurodesign www.euro-design.info Photo de couverture Thomas Muselet Publicité [email protected] Software Press Sp. z o.o. SK ul. Bokserska 1, 02-682 Varsovie, Pologne tél. +33 170 610 717, fax +48 22 244-24-59 http://www.psdmag.org/fr Bétatests ISSN : 1733-2745 (c) 2010 Software Press Sp. z o.o. SK, tous droits réservés Rédactrice en chef Justyna Książek [email protected] 3 Jonathan Marois, Patrick Haond, Benoît Recarte, Charline Goutx, Hélène Hertgen Les personnes intéressées par la coopération sont priées de nous contacter : [email protected] .psd 07/2010 | www.psdmag.org/fr Tous les logos et marques déposées sont la propriété de leurs propriétaires respectifs. sommaire NEWS News 5 DOSSIER Incruster un paysage imaginaire dans un miroir 6 Thomas Muselet Come in my world Maksim Kotsyak 12 PRATIQUE Charte graphique très zen sous Fireworks CS4 22 Matthieu Biasotto This is it – inspiration David Fréchou aka Avid FOCUS Vos objectifs font peau neuve Christophe Delarsille SUCCESS STORY Resiliance – se lancer à son compte Nicolas Maillard INTERVIEW Interview de David Fréchou aka Avid Réalisée par Cédric Baudouin Galerie Galerie de Thomas Muselet 4 28 36 40 46 48 .psd 07/2010 | www.psdmag.org/fr NEWS Fotolia DESKTOP Fotolia Desktop permet de : • télécharger en un seul clic les fichiers sélectionnés par lot • créer un nombre illimité de galeries et de répertoires et d’y classer les fichiers sélectionnés • télécharger des maquettes Le 22 juin Fotolia, banque d’images leader en Europe sur le marché des microstocks, a présenté Fotolia Desktop, sa solution de recherche et de gestion d’images, destinée aux professionnels de l’édition et de la communication, dont l’activité exige une consommation importante de photos, de vecteurs ou de vidéos (agences de publicité et de communication, graphistes, webdesigners etc). • visualiser l’ensemble de ses images (fichiers acquis, sélections, maquettes téléchargées) • avoir accès à l’historique de toutes ses sélections et créations. Fotolia Desktop intègrera prochainement la gestion multi-utilisateurs, permettant ainsi aux collaborateurs d’un même projet ou d’une même agence de partager leur bibliothèque d’images et de mutualiser leurs travaux, au service d’une plus grande efficacité. EN DEUX CLICS, FOTOLIA DESKTOP EST ACCESSIBLE SUR LE BUREAU DE L’UTILISATEUR Proposée en libre téléchargement sur le site www.fotolia.fr/desktop et accessible directement sur l’ordinateur de l’utilisateur, l’application Fotolia Desktop a été conçue comme le compagnon de travail idéal des créatifs. Ces derniers bénéficient ainsi d’un accès simplifié à plus de 9 millions d’images et d’une solution de gestion des images intuitive, adaptée à leur organisation de travail. À l’écoute des besoins de nos clients, nous apprenons beaucoup de leurs comportements de consommateurs commente Guillaume Le Bleis, Directeur Général de Fotolia France. Le gain de temps, la bonne image au bon moment peuvent faire la différence. C’est à partir de ce constat que nous avons conçu la solution Fotolia Desktop. Nous avons souhaité offrir à nos clients un compagnon de travail innovant pour leur simplifier l’usage des images au quotidien et les accompagner dans la réussite de leurs projets ajoute Guillaume Le Bleis. 5 Compatible Mac et PC, Fotolia Desktop est l’un des premiers logiciels développés à partir de la technologie Adobe AIR 2.0, très récemment présentée par Adobe. L’environnement Adobe AIR permet de créer en toute simplicité des applications puissantes et rapides qui peuvent être exécutées directement depuis son bureau après une installation en un clic. Fotolia profite de la dernière version AIR 2.0 pour apporter des nouvelles fonctionnalités comme la prise en compte des applications natives pour la lecture des contenus multimédia. Après avoir préalablement installé Adobe AIR2.0, l’utilisateur télécharge gratuitement l’application Fotolia Desktop sur le site www. fotolia.fr/desktop. Fotolia Desktop est alors accessible directement sur son bureau via un raccourci. .psd 07/2010 | www.psdmag.org/fr DOSSIER INCRUSTER UN PAYSAGE IMAGINAIRE DANS UN MIROIR 6 .psd 07/2010 | www.psdmag.org/fr dossier INCRUSTER UN PAYSAGE IMA GINAIRE DANS UN MIROIR Dans ce tutoriel, vous allez apprendre à incruster un paysage sorti de l’imagination dans un miroir et tout cela dans une ambiance onirique, féerique et magique. Pour information, cette étape est tirée d’un montage que j’ai réalisé pour la Compagnie Magic’Emry, pour mettre en scène l’un de leur numéro de grandes illusions (voir la photo de couverture). Thomas Muselet Age : 31 ans, Lille / France, Photographe C’est dans un monde photographique hors norme et très coloré, que le photographe retoucheur Thomas Muselet, âgé de 31ans, s’est spécialisé dans les photos d’artistes au nombre desquels on trouve des musiciens, des magiciens, des comédiens, etc. Son univers graphique connu par ses mises en scènes créatives et innovantes, lui ont permis de développer un style particulier et atypique. Une véritable identité visuelle qui est devenue sa signature. Site : http://www.thomas-muselet.com La finalité de ce montage est de réussir à incruster une image de caractère fantastique et abstrait, dans un décor ancien de style Château de Versailles, en respectant les perspectives et les reflets occasionnés par l’organisation d’une telle mise en scène. 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 dossier INCRUSTER UN PAYSAGE IMAGINAIRE DANS UN MIROIR 1 1: IMPORTER LES IMAGES Pour commencer, ouvrez la photo base_fond, et superposez grossièrement, au-dessus d’elle, l’image paysage_imaginaire. Vous pourrez rapidement remarquer que le paysage imaginaire, est deux fois plus grand que l’image de base. Pour redimensionner correctement, et sans détériorer l’image, 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 procédé empêche de détériorer l’image, lorsque vous réduirez ou agrandirez l’image à plusieurs reprises. Il est nécessaire d’appliquer ce principe, surtout si vous n’êtes pas certain de votre redimensionnement. 2: MISE AU FORMAT Maintenant, nous allons placer approximativement le paysage imaginaire dans le miroir. Tout d’abord, diminuez le paysage imaginaire à l’échelle du miroir. En utilisant l’outil Déplacement [V], tout en maintenant la touche [Maj], venez chercher un coin de l’image, et réduisez celle-ci à la taille du miroir. Ce procédé aura pour effet de garder les proportions largeur/hauteur, lors de la réduction. Pour faciliter le placement de l’image, n’hésitez pas à jouer avec l’opacité du calque pour visualiser le miroir. Pour ma part, j’ai appliqué une opacité de 72%. 2 8 .psd 07/2010 | www.psdmag.org/fr dossier INCRUSTER UN PAYSAGE IMAGINAIRE DANS UN MIROIR 3: PRÉCISIONS DU FORMAT Pour obtenir maintenant un résultat qui soit crédible et précis en terme de perspective, j’ai utilisé les différents outils de transformation d’images tel que la perspective, l’inclinaison, la torsion etc. Vous pourrez retrouver tous ces outils en tapant Éditions>Transformation>Perspective (ou autres). Il m’est impossible d’expliquer précisément les transformations effectuées pour arriver à ce résultat, tant elles sont nombreuses et complexes. Le but de cette manœuvre, est d’obtenir une plateforme similaire au sol du décor de base (en termes de perspectives), pour pouvoir accueillir dans le futur, une incrustation. Il faut être patient, et utiliser judicieusement les différents outils mis à votre disposition (faites des essais). Après cette transformation, j’ai enlevé l’option Objet dynamique, pour pouvoir interagir sur l’image. En effet, le fait d’être en objet dynamique, bloque certains outils et de précieuses fonctionnalités. Pour enlever l’objet dynamique et revenir sur une image pixelisée, faites un clic droit sur le calque, et cliquez sur Pixeliser le calque. Pour supprimer les bords de l’image dépassant du miroir après les diverses modifications, j’ai appliqué une sélection avec l’outil Lasso polygonal, en y délimitant soigneusement le contour du miroir. En créant une inversion de sélection avec [Maj]+[Ctrl]+[I], j’ai supprimé les bords dépassant du miroir grâce à l’outil Couper [Ctrl]+[X]. 3 4 4: ÉLÉMENTS INDÉSIRABLES Pour supprimer les éléments indésirables comme le lampadaire et la queue du serpent (entre autres), j’ai utilisé l’outil de correction Tampon de duplication [S], et en utilisant le principe de copier/coller, j’ai fait disparaître ces éléments dérangeants. Vous pouvez utiliser en complément, les outils correcteurs de tons directs et l’outil Pièce, pour fignoler encore votre suppression. Grâce à tous ces outils, la suppression des éléments indésirables devient alors très aisée. 5 5: REFLET DE MIROIR Pour créer un effet reflet de miroir, créez un calque vierge : Calque>Nouveau calque, et appelez-le reflet du miroir. Puis, commencez par délimiter le contour du miroir avec l’outil Lasso polygonal [L], pour ne pas dépasser et déborder pendant vos travaux. Prenez ensuite l’outil Dégradé [G], et choisissez un dégradé linéaire de couleur blanche allant vers le neutre. En partant d’un coin du miroir, tirez une droite de longueur appropriée pour donner une impression de reflets. Répétez cette étape plusieurs fois sur au moins deux coins du miroir, avec des longueurs différentes. 9 .psd 07/2010 | www.psdmag.org/fr dossier INCRUSTER UN PAYSAGE IMAGINAIRE DANS UN MIROIR 6 6: CONTOUR MIROIR LUMINEUX Pour renforcer le côté surnaturel et magique, je vais créer un cadre légèrement lumineux de couleur blanche. Comme d’habitude, je crée un calque vierge que je nomme (par exemple) : contour miroir lumineux. En récupérant la sélection de mon encadrement de miroir, en cliquant sur la vignette de son calque et en pressant la touche [Ctrl] (ce procédé me permet de gagner beaucoup de temps), je vais créer un contour lumineux sur cette sélection, en passant par Édition>Contour, et en y appliquant une épaisseur de 40 px de couleur blanche. Voilà donc avec un cadre blanc d’une largeur de 40 px, sur les bords de mon miroir. Pour donner un effet lumineux à ce contour, j’utilise le Filtre>Atténuation>Flou gaussien avec un rayon de 30 px. Ce rendu accentue cette sensation de luminosité sortante du miroir. 7 10 7: FILAMENTS LUMINEUX Pour donner un côté projection de lumière, nous allons créer ce que j’appelle des Filaments Lumineux. Pour créer ces filaments, il vous faut tout d’abord télécharger des brush (aussi appelés formes) de projection de lumières. En surfant sur le Net vous trouverez rapidement ce genre d’éléments à télécharger. Je crée un calque vide que je nomme filaments. Je sélectionne l’outil Formes [B], et choisis un effet d’éclairage en brush de couleur blanche. En positionnant de façon adéquate les formes de couleurs et en changeant surtout de manière aléatoire le diamètre de ma forme, j’engendre un effet de diffusion de lumières. Pour renforcer cet effet de remplacement de ce phénomène, je passe le mode de fusion du calque en mode incrustation. Pour plus de résultat, n’hésitez pas à reproduire cet effet sur plusieurs calques, en jouant avec les modes de fusions. 7a .psd 07/2010 | www.psdmag.org/fr dossier INCRUSTER UN PAYSAGE IMAGINAIRE DANS UN MIROIR 8: PAILLETTES ET ÉTOILES Pour terminer mon effet magique, toujours sur un calque vierge, je suis venu appliquer des formes (brush) de paillettes et d’étoiles, en essayant de les plaquer de manière cohérente au tracé de mes filaments de lumières. En changeant la diffusion et la taille de mes formes, j’ai obtenu un rendu plus naturel et moins linéaires. Comme pour les filaments, vous pouvez créer d’autres calques du même type, et jouer avec les modes de fusions. Pour terminer, sur un calque vierge, je suis venu peindre grossièrement avec un pinceau à contour diffus de couleur blanche et d’une opacité de 15%, le côté droit du miroir, pour équilibrer l’ambiance magique, et boucher les derniers trous où il n’y avait pas d’effets. 8a 8 9 9: LOGIQUE DE MIROIR Dans un souci de crédibilité, il est nécessaire de refaire les étapes de 1 à 6, sur les deux miroirs de gauche, en prenant pour exemple, les reflets réels existants, sur l’image base fond. 11 .psd 07/2010 | www.psdmag.org/fr Photoshop CS5 | intermédiaire | 120 min DOSSIER COME IN MY WORLD 12 .psd 07/2010 | www.psdmag.org/fr DOSSIER COME IN MY WORLD Ce tutoriel va vous expliquer une nouvelle démarche pour faire les caricatures à partir de photos. Grâce à un nouvel outil de déformation dans Photoshop CS5. Mais aussi comment mettre en valeur une personne et lui créer tout un monde imaginaire plein de couleurs. HelloMaksim / Maksim Kotsyak HelloMaksim est une jeune société ayant pris le challenge de l’entrepreneuriat en Belgique. Elle est dirigée par Maksim Kotsyak avec une direction qui côtoie la création, la communication et la promotion visuelle. On y retrouve les activités comme le design graphique et la publicité, design d’objets et de mobilier, le layout de sites internet, la décoration d’espaces ainsi que la fabrication de pièces/œuvres uniques. Son idée est de montrer un style nouveau, différent et très personnel. Sites : http://www.hellomaksim.com http://www.behance.net/hellomaksim 1 1: CHOISISSEZ VOS IMAGES Prenez une photo d’une 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 tâche, réfléchissez comment vous allez déformer le visage de la personne choisie et qu’est-ce que vous voulez mettre en valeur. Dupliquez le calque pour pouvoir comparer la déformation avec l’original. 13 .psd 07/2010 | www.psdmag.org/fr DOSSIER COME IN MY WORLD 2 2: DÉFORMATION DE LA MARIONNETTE Cet outil est une nouveauté sous Photoshop CS5. Il permet, au moyen d’un filet visuel, de déformer radicalement des zones spécifiques de l’image tout en laissant d’autres zones intactes. Ses applications vont de la retouche d’image subtile (la mise en forme des cheveux) à des transformations totales (le repositionnement des bras ou des jambes). Choisissez la commande Edition>Déformation de la marionnette. On va voir apparaître un maillage de filets, ce maillage s’établit exclusivement sur la zone de l’image. Pour avoir plus de précision choisissez Plus de points dans l’onglet Densité. Grâce à une petite épingle, positionnez les points sur votre image. Ces points vont être les points de référence qui vont intervenir dans la modification du visage. En déplaçant un point, la déformation se crée avec le respect des proportions qui se reporte sur la totalité de l’image. Les points peuvent être supprimés et positionnés sur toute la zone de l’image. Lorsque vous aurez fini votre opération vous pouvez la valider pour obtenir le résultat final. 3 3: AJOUT D’AQUARELLES Pour ajouter une touche de couleur vive qui s’intègre bien à l’image, utilisez un scan haute résolution d’un essai couleur avec les aquarelles. En numérisant votre image, sélectionnez et enlevez toute la teinte blanche (grâce à l’outil Baguette magique) afin de garder une légère transparence sur l’image. Vous pouvez aussi d’utiliser une autre image abstraite pour donner de la couleur à votre montage. 14 .psd 07/2010 | www.psdmag.org/fr DOSSIER COME IN MY WORLD 4 4: LAISSEZ LIBRE COURS À VOTRE IMAGINATION Réfléchissez sur quelles couleurs qui iront bien avec votre personnage. Un moyen original et très amusant c’est d’utiliser les jeux de transparence et de superposition de plusieurs images détourées. Dans ce cas, prenez une fleur avec sa belle couleur jaune pour mettre en valeur le visage de la femme. Faites un ovale de sélection à la place de son visage, appliquez-lui un Contour progressif (commande Sélection>Modifier>Contour progressif) d’un 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: L’INTERACTION DE L’IMAGE SUR VOTRE TRAVAIL Afin de donner un effet d’intervention du pinceau sur la couleur jaune de vos aquarelles, faites passer la main de la photo devant. Vous aurez besoin d’un détourage précis, vous pouvez le faire grâce à l’outil Plume, moyennant une séléction du tracé. Créez donc ce tracé dans l’onglet Tracés, et nommez-le pour ne pas vous tromper dans la suite du travail. Faites une copie de votre image déformée, sélectionnez le tracé et cliquez sur le petit rond pour récupérer le tracé comme sélection. Faites Intervertir votre sélection via la commande Sélection. 5 16 .psd 07/2010 | www.psdmag.org/fr DOSSIER COME IN MY WORLD 6 6: PINCEAU DE COULEUR Pour éclaircir le pinceau qui se trouve dans l’image et lui donner la même couleur, dupliquez votre calque avec l’aquarelle. Faites la sélection du calque de la main et enlevez le reste de la couleur en faisant Intervertir la sélection. 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 s’intègre bien avec la nouvelle couleur, éclaircissez cette partie en sélectionnant la commande Image>Réglages>Niveaux. Augmentez la luminosité en glissant le curseur central vers votre gauche jusqu’au chiffre 1,50 puis validez avec le bouton Ok. 7: DÉCORER LA CHEVELURE Une jolie fleur blanche dans les cheveux, utilisée pour nouer et décorer la chevelure. Il existe de nombreuses sortes de décors, choisissez le votre ! Placez la fleur en-dessous des calques avec la couleur et donnez-lui un mode de Lumière ponctuelle toujours en gardant l’Opacité à 100%. Grâce à cette manipulation elle s’intégrera mieux dans l’ensemble. 7 17 .psd 07/2010 | www.psdmag.org/fr DOSSIER COME IN MY WORLD 8 8: PLUS DE FLEURS Pour rajouter un effet de couleur qui sera encore plus artistique, utilisez la photo d’un ensemble de trois fleurs. Cette manipulation est purement décorative et permet de deviner la forme de feuilles dans les zones colorées. Positionnez votre calque détouré sur la partie voulue de l’image et appliquez-lui le mode Couleur. Dupliquez et faites pivoter ce calque pour remplir d’avantage le visuel. 9: DYNAMISME DANS LES CHEVEUX En voyant le mouvement des cheveux sur l’image d’origine, on peut leur ajouter encore plus de dynamisme. C’est-à-dire les représenter par un ensemble de formes fluides et colorées. Faites le tour des images pour trouver celle qui vous plait. Dans notre cas, j’ai 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 détourer la main et la remettre au premier plan. Continuez sur votre lancée et détourez d’autres mains lesquelles vous allez également mettre devant pour donner l’impression que l’image se prépare ellemême. Créez les nouveaux Tracés, nommez-les, et faites votre détourage grâce à l’outil Plume. Dupliquez votre calque de déformation et enlevez les parties inutiles de l’image comme expliqué dans l’étape 5. Veillez à ce que les calques soient au même emplacement que le calque de déformation. 9 18 .psd 07/2010 | www.psdmag.org/fr DOSSIER COME IN MY WORLD 10 10: DÉCORATION DU FOND ET DE LA PEAU Créez ensuite d’autres parties de couleurs pour avoir un fond plus soutenu et cohérent. Reprenez le calque du début avec l’aquarelle, dupliquez-le et positionnez-le tout en-dessous de votre image. L’avantage de Photoshop, c’est que l’on a plus besoin de refaire les aquarelles pour changer de couleur. Appliquez simplement la commande Image>Réglages>Teinte/Saturation et déplacez 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 19 supplémentaire à l’ensemble, le bleu par exemple qui ajoute une nouvelle teinte, tout en gardant une composition fraîche et colorée. Pour aller encore plus loin, vous pouvez décorer la peau de la femme avec un motif graphique de votre choix. Glissez l’image dans votre plan de travail, et positionnez le calque juste au-dessus de la photo modifiée. Ensuite, appliquez-lui le mode Produit. Regardez comment cela se présente 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 à l’aide d’un outil Pinceau. .psd 07/2010 | www.psdmag.org/fr DOSSIER COME IN MY WORLD 11 11: DESSINER LES LIGNES Pour donner un aspect encore plus dessiné à notre assemblage d’images, faites tracer les lignes au feutre bleu en se basant sur le montage actuel. Vous pouvez imprimer l’état actuel du fichier, ou dessiner les lignes avec une tablette graphique. Essayez d’être le plus proche possible, suivez avec précision le mouvement des cheveux, et n’hésitez pas à exagérer certaines lignes pour qu’elles 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 à l’endroit et réaffichez d’autres calques. Pour que le dessin s’intègre mieux, je vous conseille de le désaturer à l’aide de la commande Image>Réglages>Teinte/Saturation. Faites glisser le curseur de Saturation vers la gauche. 12: TOUCHE FINALE Notre image est presque terminée. Il ne reste qu’à rajouter un petit détail qui donnera une teinte unie à la composition. A l’aide de l’outil Degradé, faites un Dégradé radial avec une couleur claire au premier plan et une teinte plus foncée en arrière-plan. Vous pouvez également glisser une image existante ou faire copier/coller à partir d’Illustrator. Placez ce calque tout au-dessus du visuel et mettez-le en mode Produit. Celle permettra d’atténuer certaines couleurs trop vives et de donner un aspect photographique avec les coins légèrement plus sombres. 12 20 .psd 07/2010 | www.psdmag.org/fr PRATIQUE Fireworks CS4 | intermédiaire | 90 min CHARTE GRAPHIQUE TRÈS ZEN FIREWORKS CS4 Dans cet article vous allez découvrir l’épanouissement que l’on peut obtenir avec Fireworks CS4 lorsqu’on s’attaque aux chartes graphiques pour le web. Vous allez ouvrir vos chakras en apprenant comment utiliser les vecteurs de manière intéressante, comment mettre en scène le logo et enfin comment créer une charte graphique complète qui émerveillera votre troisième œil. Pour ce tutorial vous devez maîtriser les outils vectoriels de création et connaître un minimum l’interface de Fireworks CS4, les fonctions de bases estimées connues ne sont pas détaillées ici. 22 Matthieu Biasotto Créatif professionnel accro au café, Matthieu Biasotto est un graphiste indépendant sur la Région Toulousaine. Spécialisé dans le Web design et le print Le Matthieu cherche toujours à être pertinent et intelligent pour chaque création, que ce soit pour un dispositif digital grand compte ou une communication visuelle classique de PME. Site : http://www.infographiste-toulouse.fr .psd 07/2010 | www.psdmag.org/fr PRATIQUE CHARTE GRAPHIQUE TRÈS ZEN SOUS FIREWORKS CS4 1: CRÉER UN NOUVEAU DOCUMENT SUR FIREWORKS 1 [Ctrl]+[N] pour ouvrir la fenêtre de création de document, choisissez les options suivantes : 1500 px de largeur, 1700 px de hauteur, résolution 72 dpi. 2: EXPIREZ... ON INTÈGRE LE LOGO Le logo est déjà réalisé et validé auparavant, il symbolise les 3 lettres du client Message Bien Être (MBE) en s’inspirant des chakras. Faites [Ctrl]+[R] pour ouvrir la fenêtre d’importation de document dans votre création. Vous allez importer le fichier logo.ai. 2 3 3: ON VA CRÉER LE BACKGROUND DE LA CHARTE Pour créer le fond du site nous allons utiliser l’outil Rectangle [U] et appliquer un dégradé linéaire. Tracez un rectangle de 1500px de large par 326 px de haut, et appliquez un dégradé linéaire avec 3 couleurs : #1F5B00, #7CBD2A, #2B7E00. Ensuite vous allez définir une couleur de fond à votre document de manière à être en harmonie avec votre rectangle. Donnez la couleur #163F00. Créez maintenant un autre rectangle avec un dégradé linéaire dont les couleurs sont les suivantes : #163F00, #1F5B00, #2B7E00. Passez-le en arrièreplan [Ctrl]+[Maj]+[Flèche bas]. 23 .psd 07/2010 | www.psdmag.org/fr PRATIQUE CHARTE GRAPHIQUE TRÈS ZEN SOUS FIREWORKS CS4 4 4: MISE EN PLACE DU LOGO Récupérez 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 paramètres présentés sur l’image. Nous allons disposez des vecteurs enregistrés au format Fireworks png (.png) préexistants (je les ai tous créés pour les besoins de la maquette... vous allez gagner du temps !). Importez un à un, à l’aide 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-végetal1.png, vecteur-végetal2.png, vecteur-végetal3.png, vecteur-végetal4.png, bambou.png. Nous allons les mettre en place. Ici, vous pouvez faire appel à votre imagination. 5: CRÉATION D’ÉLÉMENTS SUR MESURE Nous allons peaufiner la création avec quelques vecteurs créés avec l’outil Plume [P]. Le but est d’apporter une petite touche de couleur avec des motifs un peu en décalage avec le thème pour éviter de tomber dans une atmosphère trop verte. Avec votre plume créez un premier élément. Puis deux autres avec des teintes plus relevées, mais toujours dans le vert. Recommencez l’opération sur d’autre teinte et avec des formes légèrement différentes. Pour les plus paresseux vous pouvez aussi importer le fichier vecteur-funky. png. Après les avoir groupées avec [Ctrl]+[G], dupliquez vos formes [Ctrl]+[Alt]+[D], et inversez-les avec l’outil Miroir. Tracez maintenant quelques courbes pour affiner le tout et agrémenter la création. Alternez les options de traits de fireworks : Adouci, pointillé, tirets, bambou mouillé etc. 5 24 .psd 07/2010 | www.psdmag.org/fr PRATIQUE CHARTE GRAPHIQUE TRÈS ZEN SOUS FIREWORKS CS4 6: RÉALISER LE HEADER Pour l’entête du site nous allons rappeler le nom du site, placer un espace pour gérer les langues, l’espace connexion, et les coordonnées du client. Avec l’outil Rectangle [U], tracez un rectangle avec comme arrondi 48 et une opacité de 29. Avec l’outil Texte : placez vos textes pour les langues. Si vous avez des drapeaux à dispositions c’est encore mieux. Maintenant, toujours avec l’outil Rectangle [U], créez un autre rectangle avec un Dégradé linéaire blanc vers blanc, Opacité 100>70%. Ce rectangle doit avoir un arrondi de 32%, enfin vous y appliquez une lueur avec les paramètres figurants sur l’image. Avec l’outil Texte [T], placez vos textes pour ce rectangle (les coordonnées du client). Note : utilisez l’outil Trait [N] pour réaliser des séparateurs entre les éléments pour plus de réalisme. 7: LE BODY 6 Nous allons maintenant réaliser 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 l’adaptons au fur et à mesure. Dupliquez ce même rectangle, appliquez une opacité de 100%. Videz la couleur de la surface et mettez un contour blanc, 1px adouci. Nous allons créer l’espace pour le menu vertical à gauche. Avec [U] créez deux rectangles. Sélectionnez les deux rectangles et faites [Ctrl]+[Alt]+[U] pour faire une union entre les deux vecteurs et obtenir un tracé. Avec l’outil Texte [T], placez vos titres de paragraphes pour nos pages d’accueil. Avec l’option Commande>Texte>Lorem Ipsum vous allez générer 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 à l’aide de l’outil Miroir. Utiliser maintenant l’outil de Sélection Bitmap [M] sur votre photo dupliquée/inversée. Vous allez appliquer un bord diffus de 100% à votre sélection 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 PRATIQUE CHARTE GRAPHIQUE TRÈS ZEN SOUS FIREWORKS CS4 8 8: CRÉER UN BLOC NEWS Créez un rectangle avec l’outil [U] : Largeur 350px, Hauteur 85px, Couleur #84C03B, arrondi de l’angle 24. Puis un autre rectangle blanc arrondi 100% avec une opacité de 18%. Recommencez l’opération pour le lien Lire la suite et la date de la news. Avec l’outil Texte [T] saisissez les textes de la news. Il ne vous reste qu’à agrémenter le contenu en fonction du cahier des charges pour l’améliorer. 9: LE FOOTER Nous allons créer un petit footer discret (le header étant tellement imposant que nous allons finir discrètement avec un pied de page pour équilibrer). Avec l’outil Texte, créer votre barre de liens. Dupliquez le logo du header et réduisez-le pour faire un rappel dans le footer. Elevez-vous spirituellement et admirez le travail. C’est terminé. 9 27 .psd 07/2010 | www.psdmag.org/fr PRATIQUE Photoshop CS4 | débutant | 90 min THIS IS IT - INSPIRATION Gwadloup, Mi mye (Guadeloupe, la voici) est tout simplement un concept inspiré de la pochette de This is it; l’objectif est de partir d’une forme (personnage, pays ou autre) et de lui donner vie en interieur. J’ai choisi de représenter la Guadeloupe et la Martinique avec à l’intérieur des images qui les représentent. Cette petite série serra bientôt rejointe par la Guyane et la Réunion. C’est un jeu de détourage et d’assemblage avec l’insertion de couleurs, car les îles sont colorées de par leurs diversités culturelles, leur nature, rythmées par divers temps forts tout au long de l’année. Nos outils pour ce montage seront les groupes, le flou gaussien, les masques de fusions et les objets dynamiques. 28 David Fréchou aka Avid Graphiste âgé de 26 ans, ses allers-retours entre la métropole et les Antilles dont il est originaire ont enrichis son univers visuel et technique qui vont du graphisme pure à l’univers web en passant par les outils print et l’illustration. Actuellement il travail au sein d’un pôle créa dans une grande agence opérationnelle et à côté participe à de nombreux projets avec des photographes, modèles et autres artiste. .psd 07/2010 | www.psdmag.org/fr PRATIQUE THIS IS IT – INSPIRATION 1 1: NOUVEAU DOCUMENT Nous allons d’abord chercher notre carte sur internet au format vectoriel, ou tout simplement refaire les contours de notre île sur Illustrator avec l’outil Plume à partir d’un modèle bitmap. Une fois cette étape effectuée nous sommes prêts à commencer. Dans Photoshop, je crée 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 tonalités de This is it, soit un bleu aux références couleurs C=45 M=22 J=24 N=0. Surtout bien renommé notre calque fond. 2: CHOISIR UN MODE Afin d’avoir une idée 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 d’épreuve>Espace de travail CMJN, ensuite on s’assure bien de cocher aussi la couleur d’épreuves, Affichage>Couleur d’épreuve [Ctrl]+[Y]. 2 29 .psd 07/2010 | www.psdmag.org/fr PRATIQUE THIS IS IT – INSPIRATION 3 3: CRÉER UN CERCLE Nous allons maintenant créer une rond avec l’outil Ellipse de la même couleur que notre fond ; le rond sera légèrement aplati. Il doit être conséquent et placé au centre de notre image (n’hésitez pas à vous créer un script repère afin de vous faciliter la vie, il pourra être l’utiliser pour n’importe 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>Atténuation>Flou gaussien. L’intérêt des objets dynamiques est de pouvoir revenir et travailler sur notre élément à tout moment. 4: PEAUFINER LE FOND Afin d’être plus doux on va baisser l’opacité à 60% et répéter l’opération deux autres fois avec des cercles proportionnels. Pour cela utilisez la touche [Maj] quand vous tracez votre cercle mais en réduisant notre cercle afin d’obtenir une surface douce en mettant une opacité à 90% et fluide avec un dégradé voluptueux. À cela nous allons ajouter un peu de matière en créant un nouveau calque au dessus de notre fond, [Maj]+[Ctrl]+[N]. Avec notre outil Pinceau de base d’un Diamètre 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é linéaire +, mettez l’opacité en 52%. À ce niveau avons nous avons un fond avec un effet de lumière qui sera notre base pour le reste du montage. 4 30 .psd 07/2010 | www.psdmag.org/fr PRATIQUE THIS IS IT – INSPIRATION 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 qu’Objet dynamique. Une fois importé, nous allons mettre notre calque en mode Lumière 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 PRATIQUE THIS IS IT – INSPIRATION 6 7: INSERTION DES ÉLÉMENTS II 6: INSERTION DES ÉLÉMENTS I À ce stade il s’agira de remplir notre forme avec tous les éléments que vous voudrez et qui donneront vie a votre composition; cela peut inclure du détourage, et de jouer avec les modes de fusions afin d’obtenir quelque chose qui vous plaît. Nous allons nous mettre sur le calque Guadeloupe et nous allons récupérer la sélection en faisant [Ctrl]+ clic, créez un nouveau groupe, Calque>Nouveau>Groupe, que l’on appelle éléments interne, et l’on crée un masque de fusion. Pour remplir notre groupe avec différents éléments. Pour ma part ma composition est faite avec des choses qui me font penser à la Guadeloupe, comme l’hibiscus, la danseuse traditionnelle, le madras (du tissu), un anoli (un lézard de l’île), une mobylette, le Ka (tambour symbole de la musique traditionnelle), le rhum (l’alcool 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 PRATIQUE THIS IS IT – INSPIRATION 8 9 8: AJOUTER DE LA COULEUR Nous allons maintenant ajouter de la couleur ! Ainsi nous créons un nouveau groupe que l’on appellera lumières. À l’intérieur de notre groupe on va tout simplement créer un calque [Ctrl]+[Maj]+[N], et avec notre Pinceau [B] de Diamètre 200 px et Dureté 0 px, et avec une couleur très 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 répéter cette séquence 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. 9: TYPOGRAPHIE Après cette étape nous nous attaquons à la typo avec l’outil Texte [T] ; sur la première ligne nous avons notre nom, ici Gwadloup (Guadeloupe en créole) et Mi Mye (la voici en créole) pour reprendre les codes typo de la pochette This is it. La typographie utilisée 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é l’un en-dessous de l’autre. Ensuite, nous venons appliquer à nos textes une ombre interne en mode de fusion Lumière linéaire avec un Angle de 90° avec une Distance de 5 px et une taille de 5 px, à cela nous ajoutons un dégradé en mode Lumière vive de 19% en opacité pour mettre une profondeur dans votre texte. 33 Une fois que tout est ok, le montage est terminé et il ne reste plus qu’à signer !! .psd 07/2010 | www.psdmag.org/fr f o r m a t i o n s 34 N ous avons le plaisir de vous présenter la nouvelle rubrique Formations dans laquelle les écoles et les centres de formations présenterons leurs formations en graphisme et multimédia. Dans cette rubrique vous trouverez les présentations générales de ces établissements ainsi que les descriptions de divers cours qu’ils proposent. Vous connaîtrez ses avantages et ses spécificités afin de bien choisir la formation qui répondra à vos attentes. Sur notre site www.psdmag.org/fr vous trouverez bientôt la section Formations contenant les courtes descriptions des établissements et leurs coordonnées. .psd 06/2010 | www.psdmag.org/fr FOCUS VOS OBJECTIFS FONT PEAU NEUVE Je clôturais l’article sur les nouveautés de Lightroom 3 (voir .PSD mag du mois de mai 4/2010) par ces quelques mots : Reste à lui ajouter de vrais outils de correction d’objectifs autre que le vignettage (distorsion, dé-fisheye) comme le fait DxO et ce sera parfait. Une semaine plus tard, j’apprenais que cette version allait bel Christophe Delarsille Créatif publicitaire et graphic designer, Christophe utilise Lightroom depuis la version 2 pour un usage privé en photographie. Autodidacte, il en apprécie la souplesse et l’ergonomie. Il utilise principalement Lightroom pour le développement des fichiers RAW. http://www.delarsille.be http://www.flickr.com/photos/cdelarsille/ sets/72157621885118419/show/ et bien accueillir un module de correction d’optique. Je n’en 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. EN QUOI EST-CE EXTRAORDINAIRE ? Tout d’abord, comme je l’expliquais dans le précédent 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 précieux. Deuxièmement, il permet d’appliquer les corrections d’objectifs directement sur les fichiers RAW, en gardant donc la qualité et la richesse de ce format d’image. Inutile de convertir au préalable vos images en Tiff, PSD ou Jpeg. Ce qui fait de Lightroom le logiciel le plus avancé techniquement puisqu’il est le seul à offrir cet outil lors des développements des fichiers RAW. Et troisièmement, il offre un lifting à tous vos objectifs. VOUS AVEZ DE MEILLEURS OBJECTIFS Je ne sais pas si vous êtes comme moi, mais lors du choix d’un futur achat d’un objectif, je suis toujours tiraillé entre acheter un objectif accessible financièrement mais qui me décevra plus tard par sa qualité ou casser ma tirelire pour acheter un bon caillou qui me donnera entière satisfaction mais me ruinera. À présent, grâce au module de correction il est possible de rectifier 36 les principaux défauts d’un objectif. Ce qui permet donc d’obtenir une photo de très bonne qualité technique alors que le matériel de base ne l’était pas. C’est tout bonnement révolutionnaire ! QUELLES SONT CES CORRECTIONS ? Evidement, le logiciel ne rivalisera jamais avec un objectif qui a un piqué incroyable. L’outil netteté très efficace ne remplacera jamais la qualité d’un bon objectif. Là où il est efficace, c’est au niveau des distorsions. Les lentilles sont sphériques et la plupart des objectifs déforment l’image. Elle apparaît bombée dans le centre et étirée sur les côtés. Ces défauts se voient le plus souvent dans les photos de paysage, la ligne d’horizon n’est jamais droite. Certains objectifs apportent aussi du vignettage sur les coins des images (les coins sont plus sombres) surtout sur les courtes focales. Bien qu’aujourd’hui ce défaut soit devenu un esthétisme à la mode, il est toutefois pratique de pouvoir le corriger. Enfin, et pour moi le défaut le plus horrible des objectifs bas de gamme, Lightroom permet de corriger les aberrations chromatiques. Elles produisent une image aux contours irisés faisant apparaître des franges roses (magenta) .psd 07/2010 | www.psdmag.org/fr FOCUS VOS OBJECTIFS FONT PEAU NEUVE ou bleues (cyan). Ce défaut est surtout apparu depuis l’arrivée des appareils photos numériques. Les constructeurs corrigent de mieux en mieux ce défaut mais il reste malgré tout présent sur tous les appareils compacts et l’entièreté de la gamme d’objectif grand public. Il est à présent possible aussi de redresser les perspectives, lors de prises de vue d’architecture par exemple. Pour l’instant, les objectifs les plus courants chez les photographes ont été ajoutés dans la banque de données de Lightroom. CORRECTIONS AUTOMATIQUES Lightroom fonctionne par couple boîtier/objectif. Un objectif ne réagira pas de la même manière s’il est branché à un boîtier à moyens capteurs ou à un full frame. Si votre matériel est reconnu par Lightroom, les corrections ne prendront qu’une seconde. Dans la partie développement, ouvrez l’ongelt Corrections de l’objectif, cochez Activer les corrections de profil et vous voyez apparaître votre matériel. Les corrections se font instantanément (Figure 1.). Figure 1 Sur l’image ci-dessous de l’intérieur d’une collégiale, vous remarquerez que le centre de l’image est légèrement moins bombé. On le voit à peine car l’objectif est déjà de très bonne qualité. Par contre, on peut voir très clairement que le vignettage autour de l’image a complètement disparu. (Figure 3.) CORRECTIONS MANUELLES C’est dans ce menu que vous devrez corriger les erreurs de vos objectifs si vote couple n’a pas de profil pré-enregistré. (Figure 2.) Tout est très intuitif et les résultats apparaissent instantanément. Inutile de tout décrire pendant des pages. Figure 2 Figure 3 37 .psd 07/2010 | www.psdmag.org/fr FOCUS VOS OBJECTIFS FONT PEAU NEUVE Dans le cas de la collégiale, j’ai testé le redressement des perspectives pour remettre les colonnes droites. Pour se faire, j’ai principalement utilisé la transformation Vertical. (Figure 4.) Un autre exemple plus parlant avec cette photo d’immeuble prise un soir d’hiver. (Figure 5.) imperfections. Si vous utilisez un télé-zoom comme par exemple un 50-200 mm, les distorsions ne seront pas les mêmes à 50 mm qu’à 200 mm. De même les aberrations chromatiques sont plus visibles sur les photos prise avec un grand angle qu’avec un téléobjectif. Figure 4 Figure 5 ASTUCE Etant donné que ces manipulations font partie de l’onglet Développement, il vous est tout à fait possible de créer un nouveau paramètre prédéfini pour l’appliquer à toutes vos photos prises avec ce boîtier et cet objectif. Cliquez sur le petit + situé à côté de Paramètres prédéfinis à gauche de votre écran. Décochez toutes les cases à l’exception du groupe Corrections de l’objectif. A l’avenir, il vous suffira de cliquer sur ce paramètre pour corriger votre image en deux secondes. Attention toutefois que chaque focale apporte ses propres 38 Il faut donc créer un réglage pour chaque plage de focale et idéalement à chaque ouverture également. CRÉER SON PROFIL DE CORRECTION Pour se faire, une seule solution. Créer un nouveau profil qui s’ajoutera à la liste du matériel 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. .psd 07/2010 | www.psdmag.org/fr FOCUS VOS OBJECTIFS FONT PEAU NEUVE Créer un profil est un peu technique et est destiné aux photographes soucieux d’un résultat optimal. Une fois l’application installée, vous trouverez dans le dossier : des chartes de calibration à imprimer qu’il faudra photographier suivant une méthode très précise (Figure 6.), trois PDF de documentation et plusieurs exemples de chartes déjà photographiées pour mieux comprendre comment s’y prendre. Le tout est en anglais mais très bien détaillé. Le profil une fois créé peut également être publié sur le site et permet le partage avec d’autres utilisateurs. Si votre matériel n’est pas repris dans la liste de Lightroom, patien- ressortez-les et faites des tests. Si vous hésitez entre deux objectifs de gamme différentes, dites-vous que certains défauts peuvent être récupérés. Si vous avez de vieux clichés 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 n’avez pas toujours avec vous, prenez-le à chacune de vos sorties, il prendra de meilleures photos qu’auparavant. LA PHOTOGRAPHIE EST EN PLEINE RÉVOLUTION ET C’EST LOIN D’ÊTRE FINI Lightroom 3 ouvre une porte restée fermée jusqu’alors. Elle permet à un photographe amateur ayant du matériel semi-professionnel de réaliser des photos proche d’un résultat 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 rejetées à cause de leurs défauts techniques. C’est un très bon moyen de réaliser des photos de qualité sans se ruiner. Figure 6 tez quelques temps, il y sera peut-être bientôt ajouté. Il est possible aussi qu’un utilisateur l’a peut-être déjà créé à l’aide de Lens Profil Creator et sera bientôt disponible sur le site. Si vous êtes exigeant et n’avez pas confiance aux autres, alors lancez-vous dans l’aventure. DÉPOUSSIÉREZ ! Lightroom m’étonne de plus en plus. Si vous avez des objectifs que vous n’utilisez 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 COMPTE Après avoir travaillé pour les grandes agences, Nicolas Maillard a décidé de créer son propre studio graphique, de franchir le pas et de profiter d’un cadre de vie agréable loin des grandes métropoles. Regardez comment il est parvenu à travailler en freelance. Nicolas Maillard Il est jeune, dynamique, sportif. Il est un passionné de dessin depuis toujours et il pensait plus jeune que réussir à en vivre était un assez utopique. Il a crée son studio de création graphique RESILIANCE © situé dans le Sud-Manche à proximité de la ville d’Avranches 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 réalisation d’affiches, de plaquettes publicitaires ou encore de carte de visite. Son activité s’étend sur tout l’Ouest de la France, mais aussi les villes plus éloignées comme Paris grâce à un échange basé principalement par mail et téléphone. Site Internet : http://www.resiliance.fr Contact : [email protected] 40 .psd 07/2010 | www.psdmag.org/fr RESILIANCE – SE LANCER À SON COMPTE SUCCESS STORY DÉBUTS Comme beaucoup de personnes qui font ce métier, cette passion est apparue très jeune. Rares sont les pages de mes cahiers d’écolier qui n’ont pas subies les coups de crayons donnant naissance à différents personnages et mises en scène. J’ai commencé par des caricatures, puis très accroc au sport je me suis crée une gamme de vêtements fictive (chaussures, maillots, t-shirts…) qui en est restée au stade de papier. Je me suis mis aussi à la BD dont une que j’ai réussi à finir au bout de trois ans ! Tout ceci restant dans un cercle intimiste. J’espérais en faire un jour mon métier mais sans trop savoir comment m’y prendre. Puis est venu Internet et le métier s’est développé avec les sites web. PARCOURS Intéressé par un Bac STI Arts Appliqués, je me suis finale- ment lancé dans une voie générale avec un bac S. Une fois obtenu j’ai passé le concours d’entrée pour intégrer un BTS Communication Visuelle, mais étant resté sur liste d’attente j’ai continué en filière scientifique en passant un DEUG MIAS à la Fac de Caen. Ces deux années m’ont permis d’apprendre le langage HTML nécessaire à la création de site Internet. Puis j’ai repris mes convictions en main et j’ai été finalement accepté à l’école Brassart à Tours où j’y ai obtenu mon diplôme de Technicien Supérieur en Communication visuelle. A la sortie j’ai été embauché dans une petite agence en tant qu’infographiste et deux ans après Euro RSCG m’ a contacté pour me recruter à Rennes en tant que Directeur Artistique Web. Après trois ans de bons et loyaux services j’ai donc décidé de me lancer à mon compte. Figure 1. Affiche LNDA – Réalisation de l’Affiche et de Flyers pour le Festival de découverte musicale La nuit des Abrincat’s qui aura lieu à Avranches (Sud-Manche) le 11 septembre prochain 41 .psd 07/2010 | www.psdmag.org/fr RESILIANCE – SE LANCER À SON COMPTE SUCCESS STORY TRAVAILLER À SON COMPTE Ma décision de me lancer à mon compte à été mûrement réfléchie. À l’origine je devais m’associer avec un ami avec qui j’avais déjà travaillé en agence. Mais devant son incertitude et ses hésitations j’ai du franchir le pas seul. Après trois ans à Rennes, j’en ai profité pour revenir dans la Manche, ma région natale, afin de profiter de l’environnement et de fuir un peu la ville. J’ai multiplié les rendez-vous avec divers conseillers (CCI, Pole Emploi,…) pour finalement opter pour le fameux statut d’auto-entrepreneur qui scie parfaitement à mon métier. Un lancement en douceur avec une fiscalité simplifiée (je ne facture ni ne récupère la TVA) ce qui m’évite pour le moment d’avoir à passer par un comptable. J’ai aménagé une pièce dans ma maison qui me permet de travailler à domicile et ainsi réduire mes coûts. Avant de démissionner de mon poste d’employé, je cumulais déjà deux statuts ce qui m’a permis de tâter le terrain et ainsi me constituer une clientèle. Mais rien n’est jamais acquis d’avance. En m’installant la première chose que j’ai fait c’est de revoir totalement mon site internet, car c’est l’élément essentiel de ma communication. On y voit ce que je fais et qui je suis. Ma chance pour débuter est d’avoir pu obtenir des contrats de sous-traitance avec des grandes Agences de l’Ouest. On travail souvent dans l’urgence mais les projets sont d’envergure nationale et souvent bien rémunérés ce qui me permet à coté de participer à des projets locaux d’associations ou de répondre à des concours qui sont très en vogue en ce moment. Cela va faire trois mois que je me suis lancé et les projets s’enchainent ne me laissant même pas le temps de regarder la Coupe du Monde ! Néanmoins pour l’instant je navigue à vue car je ne sais pas encore sur quels projets je travaillerai d’ici deux ou trois mois. Figure 2. Affiche Chasse au trésor – Réalisation du visuel de la sixième chasse au trésor au Pays de la Baie du Mont Saint-Michel organisée par l’ensemble des offices de tourisme du Sud-Manche 42 .psd 07/2010 | www.psdmag.org/fr RESILIANCE – SE LANCER À SON COMPTE À titre personnel, mon premier grand projet a été de réaliser le site Internet dynamique d’une commune de 1300 habitants, la commune dans laquelle je joue au football. Ayant plusieurs connaissances au cœur du conseil communal, ces derniers ont voulu travailler avec moi étant très satisfait du site Internet que j’avais réalisé bénévolement pour le club de foot. Tout cela devait évidemment se faire dans la légalité, j’ai sauté sur le nouveau statut d’auto-entrepreneur. Étant à cette époque encore salarié la conception du site s’est déroulée sur plus d’un an ! J’ai enchainé les rendez-vous à la mairie sur mon temps libre pour bien définir le cahier des charges et présenter les avancées du site. Seul à bord, j’ai dû cumuler les casquettes de commercial, chef de projet, intégrateur, développeur et webdesigner contrairement à ma fonction de Directeur Artistique en Agence. Le plus difficile a sans doute dû être la collecte des éléments pour constituer le site et savoir dire stop aux modifications ou évolutions du site non-comprises dans le devis initial. Le client tente toujours d’en avoir plus pour le même prix; au début on cède toujours un peu de terrain. Ce projet m’a tout de même permis d’avoir ma première Figure 3. Affiche CAB2010 – Réalisation de l’affiche pour le challenge Albert Beaufils, tournoi de football organisé par le club de l’US Saint-Quentin-sur-le-Homme, qui est devenu depuis quelques années le plus populaire de la région avec des équipes venant de pays étrangers comme la Belgique. SUCCESS STORY PREMIER GRAND PROJET expérience professionnelle individuelle où j’ai du tout gérer. Ceci m’a ainsi permis de tester mes capacités et de me conforter dans mon idée de me lancer un jour à mon compte. PROJETS RÉALISÉS Dans mon parcours il y a eu deux étapes : celui en agence et celui à mon compte. Lorsqu’Euro RSCG m’a contacté, j’ai su que j’allais travailler sur de gros budgets et avec des clients réputés. Cela n’a pas manqué : Crédit Agricole, Hygena, But, Bonduelle, Amora, SNCM, Michelin, Marie… Mais celui qui m’a sans doute le plus passionné et où j’y étais spécialement dédié est UMBRO ; depuis quelques années la marque au diamant a repris son image en main et fait souffler un vent de jeunesse et de fraîcheur à sa gamme d’équipement sportif. Un autre projet qui m’a bien plu est la réalisation d’un site d’un nouveau genre, le coaching végétal sur Internet par Vilmorin. Pour ce travail le spécialiste des graines recherchait un modèle capable d’incarner un coach crédible donnant ses conseils sur le site et par mail afin de mettre toutes les chances de son côté pour faire pousser ses légumes et plantes. J’ai donc proposé mon père, jeune retraité et passionné de jardinage, et ce dernier a fait l’unanimité ! J’ai alors réalisé une séance photo avec lui, qui a ma grande surprise à jouer le jeu. Le site à connu un franc succès et il devrait même y avoir une suite. D’autres projets étaient par contre moins enthousiasmants comme la réalisation de bannières pour des pâtés pour chats ; néanmoins cela restait pour des marques reconnues. Depuis que je travaille en indépendant j’ai pu enfin renouer avec un de mes plaisirs la réalisation d’affiches pour des festivals et événements locaux ; chose que j’avais un peu perdu depuis que je travaillais dans la branche WEB d’Euro RSCG. Autre activité qui me ravie, c’est la réalisation de logos, véritable synthèse de la communication d’une entreprise. Dans un logo il n’y a normalement pas de place au hasard, tout est calculé, presque scientifique… GRAPHISTE FREELANCE – EMPLOI RENTABLE ? Cela va bientôt faire trois mois que je suis à mon compte et pour l’instant j’en vie normalement. Le départ est bon et j’en profite car je sais très bien qu’il peut y avoir des creux. De plus lorsque je me suis lancé, j’ai pu bénéficier de l’ACCRE, aide à la Création et à la Reprise d’entreprise ce qui m’a apporté un petit capital très utile pour m’équiper et me constituer une trésorerie. Le fait que je sois multitâches me permet de pouvoir travailler à la fois pour le web (création, intégration et développement) comme pour le print, ce qui ... n’est pas le cas de tout le monde. 44 .psd 07/2010 | www.psdmag.org/fr RESILIANCE – SE LANCER À SON COMPTE Je souhaite aussi pouvoir me développer et passer du statut d’auto-entrepreneur à celui d’Entreprise Individuelle et si tout se passe bien à une SARL avec des employés ou associés car l’échange de connaissances et d’avis dans ce métier est essentiel. Mais ce que je veux avant tout c’est pourvoir vivre de ma passion et que mon travail soit reconnu. Figure 6. Logos – Sélection d’une partie de mes logos que j’ai pu réaliser depuis ces dernières années et qui reste une de mes activités favorites. Un de mes principaux objectifs est de réaliser l’affiche pour le Festival Papillons de nuit qui se situe à quelques kilomètres de chez moi. Ce festival qui vient de fêter ses dix ans est désormais reconnu nationalement avec de belles têtes d’affiches. J’ai participé au concours l’année dernière et je sais que j’ai fini dans le dernier carré, source d’espoir. Figure 5. Site Saint-Quentin – Réalisation de A à Z (web design, intégration, développement, référencement) d’un 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 d’affiche auquel ma proposition est arrivée sur le podium SUCCESS STORY OBJECTIFS FUTURS 45 .psd 07/2010 | www.psdmag.org/fr interview Gyal Roots Modèle: Erika Photographe: Vincent Macher Graphiste: Avid www.vincentmacher.com Interview de DAVID FRÉCHOU AKA AVID QU’EST-CE QUE VOUS AIMEZ LE PLUS DANS LA VIE ? Ma maman, ma femme, mes frères, ma famille, mes amis. L’art, plus précisément le dessin, la photo, le graphisme et la danse. J’aime aussi manger et donc cuisiner. Afro Lanmod 70’s, Modèle : Dorryx, Photographe : Célinho, Graphiste : Avid www.lanmod.book.fr QUEL EST VOTRE PARCOURS ? Au delà de l’apprentissage scolaire, c’est véritablement sur le terrain que je me suis formé. Aujourd’hui encore, je reste en alerte constante sur l’évolution de la scène graphique et remet constamment en question mon travail afin de l’améliorer. Mon parcours a commencé depuis ma plus tendre enfance avec le Club Dorothée et ce fameux dessin animé qu’est Dragon Ball devenu ensuite Dragon Ball Z. Je m’en suis inspiré, refaisant les dessins puis les mélangeant avec l’univers des comics étant aussi fan de Spiderman, Spawn et d’autre manga par la suite pour développer mon propre style graphique. Arrivé au lycée, j’ai suivi un cursus option arts plastiques découvrant l’histoire de l’art et ses grands maîtres, développant 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. Après avoir obtenu mon bac L, c’est vers l’île sœur que je me suis tourné et suis entré à l’IRAVM (Institut Régional des Arts Visuels de la Martinique) découvrant le monde du graphisme et Photoshop 7. Après 3 ans dans cet institut, en alternant travaux personnels et recherches, c’est au cours d’un voyage d’études que j’ai eu un déclic et que j’ai décidé de venir étudier en France pour ouvrir mon univers graphique et culturel. Ainsi, j’ai intégrer 3 écoles en alternance dans Paris de 2006 à 2008 : Efficom (pour un BTS en communication visuelle), l’École Multimédia (pour une formation de graphiste print/ PAO/web) et Itecom (pour une formation de webdesigner) ; à côté, j’étais freelance et je gère en même temps un magazine. De fin 2007 à 2010, j’ai occupé le poste de graphiste dans une petite agence conseil en communication globale afin de toucher aussi bien à l’univers print que web. Selon moi, j’ai pu trouver un juste équilibre entre la création institutionnelle et ma passion hors entreprise pour le photomontage. Actuellement, j’occupe un poste en tant que maquettiste confirmé à la Défense (Courbevoie) dans un pôle graphique où je m’épanouis et continu d’apprendre et d’échanger. Je suis aussi membre des associations Lyann’art et Lanmod œuvrant en tant que graphiste, d’autre part je n’hésite pas à collaborer avec d’autres graphistes, photographes, bodypainters et modèles ce qui me permet d’avoir matière à travailler pour m’exprimer sur des sujets vraiment divers. QU’EST-CE QUI GRAVITE AUTOUR DE VOUS, QUEL EST VOTRE MONDE ? Issu des îles, je dirais que je gravite dans une culture Afro Caribéennes, ce qui représente un monde haut en couleurs; imprégné de tradition, de musique, de danse et de métissage culturel. QUEL EST VOTRE PROCESSUS DE CRÉATION ? Avant de me lancer dans une création, je m’en imprègne 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 même pour des 46 .psd 07/2010 | www.psdmag.org/fr Candy Shop, Modèle: Sabrina, Photographe: Shawn, Maquilleuse: Ludivine, Directrice Artistique: Ness, Graphiste: Avid, www.lyannart.book.fr INTERVIEW DE DAVID FRÉCHOU AKA AVID interview photomontages. Ces étapes permettent d’être cohérent pour développer des axes et des idées et ensuite passer à la création. QU’EST-CE QUI VOUS INSPIRE ? La vie, mon vécu, tout ce qui m’entoure est source d’inspiration. A cela il faut aussi ajouter une veille quotidienne, et des sites de référence comme Deviantart, Behance, Flickr, Abuzeedo, Psdtuts, Psd photoshop, Advanced creation, Photoshcool, Créanumérique et bien d’autres encore; pour suivre tout cela je m’abonne à leur flux rss et ainsi je peux tout retrouver. QUELLES SONT VOS RÉFÉRENCES GRAPHIQUES ? Mosk, Takeshi ,Aeiko, Peter Jaworowski, Dean Site,Agiaco, +ekud, MichaelO, omnigfx, m4gik, soad2K, wgman, inphi, Kai, Msch ,Archan Nair, Kyza, Rokas Mežetis, Roodhorst Kevin, Kevin Roodhorst, Ricardofx, et bien d’autres encore qui d’un côté me donnent, comme je dis souvent des claques visuelles, mais aussi la motivation pour continuer et évoluer. PARLEZ-NOUS DE VOTRE TECHNIQUE GRAPHIQUE PRÉFÉRÉE ? Le photomontage ou photomanipulation qui consiste à combiner plusieurs éléments afin de raconter une histoire. J’adore combiner des images entre elles, y ajouter formes, brush et illustrations vectorielles. COMMENT L’AVEZ-VOUS DÉVELOPPÉE ? J’ai regardé beaucoup de tutoriels et continue encore afin de comprendre les techniques et effets employés. Ensuite, je les réutilise et les développe à ma manière afin d’avoir un travail de composition qui m’est propre. QUELS SONT VOS PROJETS ? J’aspire à devenir une référence dans le milieu: j’aimerai exposer mes travaux, collaborer, échanger sur mon parcours, travailler pour de grandes marques. Contribuer à l’édition d’un book regroupant des graphistes issus des DOM-TOM car il y a un style et du niveau là-bas. CONSEILLERIEZ-VOUS À D’AUTRES (GRAPHISTES) DE TENTER L’EXPÉRIENCE ? Je pense sincèrement que c’est une expérience à faire; pour soi c’est 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 réalisée par Cédric Baudouin This it inspiration, Graphiste: Avid, www.avid971.free.fr, www.lyannart.book.fr VOUS AVEZ PARTICIPÉ À UNE BATTLE DU VECTOR LOUNGE DUNE, DITES-NOUS COMMENT CELA S’EST PASSÉ ? Et ben, je dirais que la première fois que l’on est en live devant un public sur un sujet donné, ce n’est pas facile. Ce n’est vraiment pas pareil entre être chez soi et être devant un public, ce fut très déconcertant et cela l’est toujours surtout si l’on rajoute à cela le temps imparti de 30 mn. Au départ je me sens toujours déstabilisé mais une fois pris dans la battle, je ne fais plus vraiment attention à tout ce qui m’entoure et fais ma composition. Finalement ce qui devient frustrant, c’est de ne pas pouvoir prendre de recul et amener sa composition à un travail plus détaillé dans la finition. 47 .psd 07/2010 | www.psdmag.org/fr Galerie Howard Buten De passage en France, Howard Buten (buffo) est un clown-psychologue-danseur-musicien et romancier de renommée internationale http://www.buffo-buten.com Galerie de THOMAS MUSELET Thomas Muselet Age : 31 ans Lille / France Photographe C’est dans un monde photographique hors norme et très coloré, que le photographe retoucheur Thomas Muselet, âgé de 31ans, s’est spécialisé dans les photos d’artistes au nombre desquels on trouve des musiciens, des magiciens, des comédiens, etc. Son univers graphique propre et des mises en scènes créatives et innovantes, lui ont permis de développer un style particulier et atypique. Une véritable identité visuelle qui est devenue sa signature. Site : www.thomas-muselet.com Sylvie.R Promotion de l’artiste 2009 Chanteuse de Jazz 48 David Larible et Gensi. Clowns internationaux de passage en France Photo prise avant la montée sur scène des artistes http://www.davidlarible.it Momo Frigo : Yannick Hornez, Clown et Chroniqueur Télé. Photo réalisée pour la future exposition photo de Thomas Muselet. http:/cracraetmomo.blogspot.com/ .psd 07/2010 | www.psdmag.org/fr Galerie Galerie de THOMAS MUSELET Jean Frédéric présente Photo réalisée pour la promotion de l’artiste 2010 Magie de grande illusions et close up : www.jfmagicien.com Soldier Dead Mise en scène de la bête pour l’artiste Franck Dia-delma Modèle : Nicolas W Poursuite Family Petit délire…. en famille 49 .psd 07/2010 | www.psdmag.org/fr