PSD Photoshop No60

N° 06/2012 (60) Mensuel Juin ISSN 1733-2745

Partenaire du numéro

Photomontage Utilisez les brosses et le détourage pour faire une création originale

matte Painting soUs PhotoshoP Créez une image sombre

Digital Painting

iDentité visUelle

Réalisez votre flyer et préparez-le à

l’impression

sous Painter

http://www.fotolia.fr

http://francais.istockphoto.com/

3 .psd 06/2012 | www.psdmag.org/fr

Chers lecteurs,Nous vous présentons le numéro de juin de votre magazine préféré. Nous vous invitons à découvrir les tutoriels présentés et de perfectionner votre technique de photomontage et de digital painting.

Tout d’abord allez vers la page 6 pour réaliser le tutoriel de couverture préparé par Jean-Claude Grillet Bisanti. Dans cette première partie vous découvrirez le procès de création de arrière-plan pour passer ensuite à la création du personnage (ce tutoriel sera présent dans le numéro de juillet).Cet exercice est réalisé sous Painter, si vous ne connaissez pas encore ce logiciel, vous pourrez le découvrir et connaître ses fonctionnalités.

Si vous préférez faire des photomontages, vous serez sûrement intéressés par le tutoriel de Theil Yannick qui vous expliquera comment grâce aux brosses, au détourage et à l’outil de dégrader créer une composition originale. Et pour ceux qui se spécialisent dans le matte painting nous présentons le tutoriel de Kewin Miceli. L’auteur a réalisé une création sombre en se servant de quelques photos et des techniques pour obtenir une ambiance mystère du visuel final.

Bonne lecture à tous,Équipe .psd Photoshop

Le magazine .psd est publié par SW Press Sp. z o.o.

Président de SW Press Sp. z o.o.Dominika Truszczyńska-Gosk

Directrice de la publicationJustyna Książek

ISSN : 1733-2745

(c) 2012 SW Press Sp. z o.o. tous droits réservés

Rédactrice en chefJustyna Książ[email protected]

DTPGraphics & Design Eurodesignwww.euro-design.info

Photo de couverture Jean-Claude Grillet Bisanti

BétatestsJonathan Marois, Patrick Haond, Benoît Recarte, Charline Goutx, Hélène Hertgen, Aurélien Lautour

Les personnes intéressées par la coopération sont priées de nous contacter : [email protected]

Publicité[email protected]

SW Press Sp. z o.o. ul. Bokserska 1, 02-682 Varsovie, Polognetél. +48 22 427 35 34, fax +48 22 244-24-59http://www.psdmag.org/fr

Tous les logos et marques déposées sont la propriété de leurs propriétaires respectifs.

http://www.euro-design.info

som

ma

ire

DossierMon fils – tutorial sur Painter 11, partie 1 06Jean-Claude Grillet Bisanti

Matte Painting sous Photoshop 16Kewin Miceli

PraTiQUeDe la conception à l’impression d’un flyer... 23Kevin Deffay

Winter’s Dream 31Florian Ruocco alias «AKSHOBHYIA»

FiCHe TeCHNiQUeBaleines dans les nuages 37Theil Yannick


http://www.autograf.fr

6

Do

ssie

r

Suite à mon dernier tutoriel expliquant ma méthode pour peindre un

animal publié dans le numéro de février 2012 de PSD Photoshop, j’ai

eu l’honneur de me voir demander de réaliser un second tutoriel.

Souhaitant diversifier au mieux de mon précédent article, j’ai décidé

d’orienter cet article sur un autre style de peinture digitale, plus proche

des techniques que j’ai utilisée sur mon portrait d’Adora, peinture qui a

reçu un daily deviation sur le site communautaire deviantart et qui m’a

valu le début d’une petite notoriété sur le web. Adora est un portrait

d’une petite fille dans un bois, commandée par un internaute, j’avais

depuis envie de peindre un autre tableau similaire pour mon fils.

Mon filsJean-Claude Grillet BisantiOriginaire de la Suisse, j’ai suivi un cursus de juriste sans aucun rapport avec les arts graphiques. Passionné depuis mon plus jeune âge d’abord par le dessin puis la peinture à l’huile que j’ai pratiqué en tant qu’amateur autodidacte pendant une quinzaine d’année. Je me suis mis aux arts numériques en février 2011 à contrecoeur et essentiellement pour des raisons logistiques puisque je n’avais plus la possibilité d’avoir un atelier chez moi. Conquis par les prouesses de Painter 11, je me suis créé une page sur le réseau social deviant art en vue de pouvoir échanger des astuces et partager mes travaux. Grace à ce réseau d’artiste, j’ai obtenu en peu de temps une petite notoriété qui m’a permis de décrocher quelques commandes pour des particuliers. Un de ces portraits a été récompensé par un daily deviation qui m’a offert une visibilité à des dizaines de milliers d’internautes, dont la rédaction de PSD Photoshop. Je me passionne également pour les arts martiaux que j’enseigne depuis plusieurs années, passion dont j’essaie de retranscrire les principes fondamentaux dans mes peintures. Pour me joindre : http://bisanti.deviantart.com/

– tutorial sur Painter 11partie 1

Painter 11 | avancé | 30 h

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

7

1, 2: ObJeCtIfS De Ce tUtOrIelCe tutoriel va se concentrer principalement sur la peinture du tableau et plus particulièrement du cro-quis ci-dessous. Je ne vous cache pas que pour arri-ver à ce sketch, il m’a fallu de nombreux croquis et essais pour trouver une pose satisfaisante. J’ai utilisée autant de références photographiques que possible pour obtenir des proportions anatomiques correctes. Pour cela, avoir un fils de 2 ans et demi à la maison aide grandement !

la 1ère étape consiste à réduire la résolution de l’image à 100 DIP pour établir un schéma de couleur et de poser les sous-couches.

Pour plus de renseignement sur le matériel que j’uti-lise ainsi que sur les principes de composition que

j’essaie d’appliquer, je vous suggère de télécharger mon précédent tutoriel.

1

2


Mon fils – tutorial sur Painter 11, Partie 1D

oss

ier

8

3: baSele sketch se trouve sur le calque supérieur. Puis j’ai établi un 2ème calque en-dessous pour bloquer les couleurs de l’enfant et finalement un 3ème calque pour le décor. La sous couche de base a été déposée avec le pinceau gouache/detail opaque 10 et puis je passe très vite au pinceau acrilycs / wet acrilycs 10 qui sera utilisé sur quasiment l’essentiel du tableau.

Ce pinceau permet d’obtenir rapidement de nombreux effets très intéressant. Par exemple, en augmentant sa taille à 90 et en diminuant l’opacité à 7%, j’ai réalisé le dégradé pour le ciel. Puis en diminuant la taille du pinceau et en jouant sur la fonctionnalité resat, je com-mence à esquisser les nuages.

4: Souhaitant peindre un paysage montagnard en été, j’opte pour un ciel est d’un bleu pro-fond, mais avec quelques traînées nuageuse dans le ciel, qui seront utile pour attirer le regard sur le visage de l’enfant. en effet, les lignes vaporeuses convergent toutes vers le visage de l’enfant

3

4



oss

ier

9

5, 6: toutefois, je suis encore dans les tous débuts de la peinture et ne souhaite pas aller trop dans les détails du ciel et des nuages. J’y reviendrai plus tard car je préfère me focaliser sur les autres éléments composant l’image.

ensuite, je crée un nouveau calque (situé entre le calque du ciel et celui de la sous-couche de l’enfant) et commence à peindre la montagne ainsi que la vallée. Pour ce faire, je continue à utiliser le pinceau acrilycs / wet acrilycs 10. Pour ce faire, j’ai réglé l’opacité à 20% et effectue plusieurs passages pour obtenir les couleurs les plus opaques, notam-ment la neige.

Une fois encore, le but est plus de placer mes ers éléments de couleurs et de travail-ler tant que possible sur la composition. ainsi, les ombres de la montagne, la rivière et les collines forment des courbes qui ramènent vers le personnage central. en créant ainsi différentes pistes, j’entends guider le regard du spectateur à travers toute l’image. ainsi, en moins de 2h, j’ai déjà posé de bonnes bases pour cette peinture.

7: arrivé à ce stade, je fais une pause de quelques heures pour pouvoir revenir dessus avec un regard frais. en effet, la prochaine étape constituera à peindre le tout en détail. Il faut que je sois sûr que la composition fonc-tionne, car tout changement de composition pourrait devenir bin plus complexe et risque de ressembler à du rafistolage.Dès que je rouvre mon fichier, 3 erreurs flagrantes me sautent aux yeux :• l’enfant est situé trop à droite de

l’image alors qu’il regarde justement de ce côté. De plus, il est trop grand par rapport au décor et prend trop le dessus sur la montagne,

5

7

6


• le ciel est trop important, une erreur classique de l’illustrateur que je suis par rapport aux peintres. en effet, ma composition initiale prévoit une place importante neutre pour le titre d’un roman… Hors mon but n’est pas de faire une illus-tration, mais bien une peinture digitale !

• Je réalise que mon format n’est pas tout à fait au format 20cm x 30cm (a4 standard), ce qui pourrait poser un problème si je sou-haite imprimer ce document.

bref, il est temps que je me remette au travail immédiatement. toute-fois, il convient avant de faire une sauvegarde sur un disque externe (à faire après chaque étape importante de la peinture).Je commence par réduire les calques contenant les croquis de l’en-fant de 15% chacun.


oss

ier

10

8: Puis, j’utilise l’outil Crop pour recadrer l’image et obtenir un format 2 000 x 3 000 pixels, tout en réduisant la surface du ciel. Je déplace également les nuages de droites pour que leurs courbes amènent toujours au visage de l’enfant. Initialement, j’envisageais de mettre un arbre sur le côté gauche de l’image, mais finalement, avec ces change-ments, je me rends compte que l’image possède déjà plu-sieurs points important et que rajouter un tronc d’arbre et son feuillage rendrait l’image trop détaillée. l’adage le MIeUX EST L’ENEMI DU BIEN se vérifie une fois de plus dans mon travail, sic.Heureusement, j’ai constaté ces erreurs avant dans à un stade relativement peu avancé de la peinture.Un peu ébranlé par la découverte de toutes ces erreurs – comme quoi, même après 15 ans de pratique il faut constam-ment se remettre en question – je décide de vérifier ma com-position en utilisant 2 méthodes simples mais qui a fait ses preuves.

a) la rèGle DeS tIerSDans mon précédent tutoriel, j’avais déjà détaillé en détail cette méthode qui consiste à séparer l’image en 9 rectangles égaux, les éléments essentiels de l’image devant se situés idéalement sur les croisements (les yeux sont sur la ligne supérieure).

b) leS OMbreS CHINOISeSl’idée est de remplacer les éléments principaux par des cou-leurs unies neutres. Une bonne composition, particulièrement celles incluant des personnages, doit être lisible et compré-hensible avec juste les ombres chinoises. Ceci est particuliè-rement facile à réaliser avec la fonction lasso et fill in. ainsi je m’assure que chaque partie du décor amène le regard sur mon fils – cf., la 3ème colline qui monte sur sa main droite pour arriver sur sa main gauche !

8


Peinture digitaleJ’ai maintenant une composition agréable, lisible et qui met bien en valeur le paysage que l’enfant. Il est donc grand temps de passer à la peinture. a partir de ce moment, la peinture se déroule plus à l’instinct et sur l’expé-rience cumulée en 15 ans de peinture. toutefois, j’essaie de garder à l’esprit mes 10 commandements pour la peinture digitale :1). PeINDre DU PlUS lOIN aU PlUS PrOCHe, en peinture digitale,

suivre les préceptes applicables aux peintures traditionnelles pour garder un aspect pictural

2). Ne JaMaIS effaCer [Ctrl]+[Z] est à prohiber ainsi, vous pourrez avoir des erreurs heureuses et donnerez un aspect traditionnel à votre image

3). lIMIter leS OUtIlS limitez-vous à quelques brosses, pour donner de la cohérence à l’entier de votre image

4). Ne PaS MelaNGer leS teCHNIQUeS incompatibles en art tradition-nel. evitez ainsi de mélanger l’aquarelle avec l’huile (ou alors avec par-cimonie), le rendu serait trop artificiel

5). SPeCIalISeZ-VOUS dans l’usage de certaines brosses. Painter 11 offre tellement de possibilités qu’il n’est pas possible de les maîtriser toutes

6). eXPerIMeNter MaIS raISONNableMeNt. en principe, j’essaie 1 à 2 nouvelles brosses par peintures au maximum. ainsi, vous vous amé-liorez en tant que peintre digital, avez le plaisir de tester certains outils, tout en gardant une image harmonieuse

7). lIMIter l’USaGe DeS OUtIlS bleNDer, il est aisé de lisser toutes les transitions, mais à ce moment, vous aurez un aspect plus proche d’une illustration hyperréaliste à l’aérographe que d’une peinture. Vous garderez aussi intact les textures des brosses que vous utilisez

8). LIMITER LE NOMBRE DE CALQUES. Trop de calques signifie moins d’interactions entre les éléments ainsi qu’une grande consommation de la mémoire vive de votre ordinateur. fusionnez le maximum de calques

9). eVIter D’IMPOrter DeS IMaGeS, pour un peintre, il est essentiel que chaque pixel résulte d’un geste de poignet et non pas d’un collage de photo ou d’élément peint. Idem pour les textures, les brosses de Pain-ter 11 de base permettent déjà d’obtenir des effets de textures intéres-sants et réalistes.

10). UtIlISer l’OPtION flIP - =usage d’un miroir en peinture tradition-nelle - régulièrement pour vérifier qu’il n’y a pas d’erreur de proportion


oss

ier

11

9: PeINDre le PaySaGePour cette partie, je vais commencer par reprendre les montagnes, soit l’objet le plus distant et vais utiliser exclusivement le pinceau acrilycs/wet acrilics 10.

en bon européen habitué à lire de gauche à droite, je m’attaque en premier à la montagne de gauche et sa forêt sous-jacente. Cette partie du décor est juste là en tant que continuité du reste du décor et ne doit pas être trop contrastée, sinon, elle risque de distraire le spectateur. Pour cela, il y a plusieurs astuces :• la perspective atmosphérique, soit un effet de perspective créé

par la différence de netteté entre le premier plan et les plans plus éloignés, le dégradé des couleurs et la diminution des contrastes, est une technique réalisée en augmentant la taille du pinceau à 50, et l’opacité à 4%, puis en passant délicatement à plusieurs reprises avec la couleur du ciel le plus clair sur le bas des col-lines et de la montagne),

• les contrastes sont réduits, en l’occurrence, je vais limiter l’utili-sation des verts pour cette zone, contrairement à la vallée sur la droite de l’image,

• Il faut limiter les détails dans les zones d’ombre (qui restent ainsi floues). Cette règle est valable aussi pour les objets en 1er plan.

Ci-dessous sur l’image, la montagne est presque achevée et j’ai achevé la moitié supérieure de la forêt (la partie inférieure étant en cours de réalisation. J’ai ainsi fait exprès de limiter la pure neige blanche au maximum. la ligne de la montagne partant de la gauche arrive sur les yeux de l’enfant.

Pour la forêt, j’ai appliqué une multitude de petits points (proche du pointillisme) pour donner l’illusion d’une multitude d’arbres. Pour limiter le contraste et donnner une cohérance à l’image, j’ai passé ensuite une autre couche de petits points voilet pâle (couleur simi-laire à celle de l’ombre de la montagne).

10: Puis pour unifier l’ensemble, je rajoute une couche de peinture bleue claire quasi transparente au moyen de la brosse acrilycs/glazing

acrilics 10 sans toucher le réglage par défaut. Voici le résultat obtenu après 5 minutes d’application et en ayant fait la même chose sur la 2ème montagne.

9

10



oss

ier

12

11: Je continue lentement et progressivement, augmentant au fur et à mesure la saturation des couleurs, plus les col-lines se rapprochent du sujet central.

13:e ne vous cache pas que peindre la mon-tagne et la vallée a nécessité 2 séances de 3 heures chacune… Par contre, le résul-tat en vaut la peine et est très proche de mes peintures à l’huile (je vous invite à comparer avec certaines peintures publiées sur ma page Da et dans les numéros de février et mars 2012 de PSD Photoshop).

12: Je vous parlais précédemment de texture. en utilisant le pinceau acrylics/Wet acrylics 10 et en jouant uniquement sur les réglages de base comme l’opacité entre 7% et 75%,le resat à 24% et la fonction bleed à 50% et bien sûr en variant la pression du stylet, il est possible d’obtenir plusieurs textures très intéressantes et bien distinctes.l’image ci-dessous est un zoom très important de la montagne et de la forêt. Vous pouvez constater que la montagne consiste en très rela-tivement grossiers qui s’atténuent en descendant dans la vallée. les arbres présentent un caractère vaporeux obtenu avec l’opacité réduite à son minimum.

11

13

12



oss

ier

13

14: PeINDre le PreMIer PlaNIl est maintenant temps de peindre l’herbe au 1er plan. Je vais vous démontrer comment, en utilisant le même pinceau Acrylics/Weyt Acrylics 10, je peins des touffes d’herbes. J’ai juste modifié le réglage de base comme suit : Opacité 50%, Resat 30% et Bleed 60%

Pour cette partie, je pense qu’une démonstration visuelle vaudra tous les discours possibles. Pour résumer, le principe est d’avoir une sous couche foncée et de travailler des couleurs les plus foncées au plus claires.

15: Je me rends compte qu’à ce stade, le tutoriel est déjà extrêmement long. Je décide alors de le séparer en 2 partie, cet article sera uni-quement concentré sur la peinture du paysage, le traitement de l’en-fant fera l’objet d’un tutoriel séparé.

Du coup, je décide de peindre la partie laissée blanche derrière le croquis de l’enfant. Pour ce faire, j’ai repris toutes les techniques pré-cédemment exposées.

14

15



oss

ier

14

16, 17, 18: Une fois ce détour fait, je me remets au travail sur l’herbe au 1er plan. Vous constaterez au passage que j’ai accentué les zones d’ombres au moyen de plusieurs passages léger de la brosse acrylicy/glazing acrylic.

Cette base plus foncée me permettra de rajouter des brindilles d’herbes en allant des teintes les plus foncées aux plus claires avec des multitudes de traits.

16

17



oss

ier

Mon fils – tutorial sur Painter 11, Partie 1

15

19: DerNIèreS tOUCHeS SUr le DéCOrJ’applique comme dernière touche un rajout de texture de papier french Water-color Paper mais uniquement sur le ciel et le paysage lointain, accentuant la perspec-tive atmosphérique et rajoutant du réalisme à l’image. en effet, sur un vrai canvas, la peinture est plus épaisse aux 1ers plans, donc la texture du papier est cachée par les couches successives de peinture ainsi que l’atteste l’image qui démontre les para-mètres utilisés pour la texture.

Pour obtenir cet effet, j’ai dupliqué le calque contenant le décor, puis ai appliqué la texture sur l’entier de la copie. Puis j’ai rajouté le calque initiale sans texture et j’ai effacé le ciel ainsi que les ombres du paysage lointain. ainsi, seule une partie de la peinture est texturée.

Voilà, la peinture est maintenant achevée et le résultat (~30 heures de travail pour le décor et l’écriture de ce tutoriel) est proche de celui que j’aurai pu obtenir sur un canvas de 60cm x 40cm, sauf que le peindre à l’huile avec autant de détail m’aurait pris probablement une cinquantaine d’heures, sans compter les inconvénients liés au temps de séchage des diverses couches. bref, je suis devenu fan inconditionnel de Corel Painter 11 qui permet de créer d’utiliser mes techniques traditionnelles et de transposer fidèlement mon style dans des images numériques.

Pour les courageux ayant eu la patience de lire l’entier de cette 1ère partie du tutoriel, je vous en remercie et vous invite à me laisser un message sur ma galerie http://bisanti.deviantart.com/.

encore un grand merci à l’équipe de PSD Photoshop pour m’avoir invité à réaliser ce second tutorial qui, je l’espère, vous aura donné envie de tester Corel Painter.

18

19


Do

ssie

r

Photoshop CS3 | avancé | 90 min


Ce tutoriel est destine aux personnes de niveau intermédiaires à

avance. C’est pour cela que je ne passerai pas en revu tout les petits

détails qui sont une évidence pour les graphistes d’un certain niveau.

L’image se constitue de photos et de painting, c’est donc un matte

painting. Elle est relativement simple et rapide à créer.

MattepaintingKewin Miceliartiste digital, il est passionné de Photoshop et du photomontage en général. Très influencé par l’artiste Joachim luetke (designer du groupe de musique Dimmu borgir entre autre) il travail en freelance pour des sociétés internationales telle que Universal Music. Ses oeuvres sont très appréciées dans le milieu de la musique métal. Pour plus d’informations n’hésitez pas à prendre contact avec Kewin.Contact : [email protected] : http://www.donmiceli.com

sous Photoshop

Do

ssie

r

1: étaPe 1en premier nous aurons besoin d’ouvrir l’image de bâtiment à sa taille originale.

3: étaPe 3À l’aide de la Gomme et/ou du lasso, effacez cer-taines parties du bâtiment, libre à votre imagination de les choisir, vous pouvez aussi suivre mes sélections qui sont indiquées ci-dessous.

2: étaPe 2Vous devrez détourer le bâtiment de la manière qui vous convient le mieux, dans mon cas j’ai choisi la sélection rapide étant donné que je ne cherche pas à avoir une image propre. en utilisant l’outil de clo-nage, vous allez cloner les parties vierge de l’image pour effacer les éléments non désirés tels que les voi-tures, les passants, cet...

4: étaPe 4Détourez la seconde image tout en jouant avec la balance de couleur pour la rendre proche de celle du bâtiment.

Do

ssie

r 1

2

3

4


MattePainting


5: étaPe 5Placez les images de ciels sous le calque du bâtiment. Créez un masque pour chacun d’eux et à l’aide de la Gomme, effacez les par-ties non désirée. Variez les modes d’incrusta-tions selon vos choix de calques en Soft light.

6: étaPe 6en utilisant l’outil Puppet Warp déformez le haut du dôme sans trop d’exa-gération, nous cherchons à avoir un résultat convaincant. Puis créez un nouveau calque, sélectionnez l’ outil Pinceau, gardez l’opacité à 100%, mais baissez le flow à 17%. Dessinez ensuite les parties détruites du dôme en variant du noir au gris claire pour accentuer les détails de lumi-nosité. faites de même pour l’autre partie du toit.

6a

6b

5

MattePaintingD

oss

ier


8: étaPe 8Une fois les filtres appliqués vous devriez obtenir l’image ci-dessous. Créez un nouveau calque, et en utilisant le pinceau (rond souple) dessinez les rayons de lumières. Incrustez ce calque en mode Over-lay à 65% d’opacité en dessous de tout les filtres. Vous devriez main-tenant avoir une image proche de celle-ci.

7

8

7: étaPe 7Commencez à appliquer les filtres ci-dessous, dans l’ordre suivant : Curves à 20% d’opacité, dupliquez ce calque et changez un petit peut la courbe la poussant sur des tons clair, toujours à 20% d’opacité.

Gradient (#075053 à #ffffff) à 55% d’opacité, dupliquez ce calque à 40% d’opacité, créez un masque puis effacez les parties des rayons de lumières.

Hue/Saturation à 100% d’opacité, Vibrance à 100% d’opacité, et le Photo filter (#ac7a33) aussi à 100%.

MattePaintingD

oss

ier


9: étaPe 9Créez un nouveau calque, puis toujours à l’aide du pinceau rond souple, dessinez un bateau, ou un sous marin, ou ce qu’il vous passe par la tête pour remplir certaines zones vierge. Variez les tons de

couleurs pour créer des détails, puis utilisez l’outil Dodge tool pour éclaircir certaines parties. Créez un nouveau calque, puis avec le même paramètres de pinceau, créez les parties sombres.

9

10: étaPe 10Créez un nouveau calque puis répétez le même procédé que l’étape précédente en créant de nouveaux détails un peut partout.

10

MattePaintingD

oss

ier


11: étaPe 11Ouvrez une nouvelle fenêtre, puis au pinceau, dessinez des formes abstraites, vous sauvegarderai celle-ci en tant que nouvelle brush. retournez à l’image en appliquant cette brush sur l’ensemble du bâti-ment, en variant la dynamique et l’angle de la brush. Une fois fini vous devriez avoir un rendu proche de celui ci-dessous.

12: étaPe 12Sur un nouveau calque vous allez dessinez une tête de mort (cela n’est pas nécessaire, mais pour le fun on la fera). au pinceau rond souple toujours avec le même paramètre (100% opacité sur 17% de flow).

11 12

13

MattePainting

13: étaPe 13appliquez la texture par dessus tout le reste de calques, placez-la en mode Incrustation soft light à 80% d’opacité. Si vous avez suivi mes instructions et surtout utilisé votre imagination, votre image devrait être finie, libre à vous de continuez à la détailler comme bon vous sembles.

Donc voilà comment je crée une image de ce style en environ deux heures de travail, c’est très simple, rapide et donne un rendu assez sympa.

Ce genre d’images se vendent très bien dans l’industrie des jeux vidéos, du cinéma, et de la musique, ce tutoriel qui est pour moi plus un workflow qu’un tutoriel à part entière, vous permettra d’améliorer vos connaissance de Photoshop, et surtout de mieux comprendre le principe du matte painting.

Do

ssie

r


http://www.creaphiq.fr

http://www.photoshop-creation.com

http://forumde.lalogotheque.com


PraT

iQUe


De la concePtion à l’iMPression D’un flyer...

24

1: étaPe 1Faites un croquis de la mise en page de votre flyer. Ce croquis vous servira de base pour votre réalisation et vous permettra de voir si tout les éléments néces-saire à une bonne communication sont bien présents (nom de l’évènement ou de l’entreprise à promouvoir, date, lieu et informations pratiques).

Cette étape consiste à appliquer techniquement ce que vous imaginez pour votre flyer : une ou plusieurs photos, des couleurs, un slogan, des dates, du texte, des logos, un contact...

1Un flyer efficace doit rester sobre avec

une accroche limpide. Réfléchissez à la

hiérarchie de votre information : qu’est-ce

qui est le plus important dans le message

que vous voulez faire passer ? Qu’est-ce

qui est secondaire ? Sachez mettre une

information ou une date en avant pour lui

donner de l’impact. Attention, trop d’impact

nuit à l’impact : restez sobre et efficace.

De la concePtion

Kevin DeffayJeune graphiste freelance de 27 ans, je suis passionné par le graphiste depuis l’âge de 16 ans. après une formation dans la mise en page et la PaO je me suis orienté vers la conception graphique et la maitrise de Photoshop en autodidacte.www.kd-com.fr

à l’impressiond’un flyer...

PraT

iQUe


25

2: étaPe 2Ouvrez Photoshop. Créez un nouveau document de 106 x 156 mm (ce format prend en compte 3 mm de fonds perdus tout autour de notre flyers) et nommez-le flyer_rock_festival_recto. Ces dimensions peuvent varier selon votre imprimeur, contactez-le pour avoir ses contraintes. Vérifiez que vous êtes bien avec une résolu-tion de 300 px/pouce. Passez en mode en CMJN. Mettez un arrière-plan en Transparent.

3: étaPe 3le but de cette étape est de mettre des repères sur votre document Photoshop pour bien voir où va être coupé le flyer. Avant de composer votre flyer, nous allons donc poser les repères sur le document.Pour que la coupe soit nette, le flyer sera coupé à 3 mm de chaque bord. Au final, vous aurez un flyer coupé de 10 cm sur 15 cm. Mais votre création (votre photo en arrière-plan ou vos couleurs de fond par exemple) doit déborder et remplir tout l’espace de 10,6 x 15,6 cm pour qu’il n’y ait pas de risque de marge blanche après la coupe. Cette zone de papier qui va être coupée est appelée le fond perdu.

Dans la barre d’outils à gauche, cliquer sur l’outil de Déplacement ou touche [V].

ensuite, vous allez devoir placer des repères à 3 mm du bord sur tous les côtés : pour cela, placez votre souris dans la règle de gauche (si les règles ne sont pas affichées, allez dans Affichage>Règles ou [Cmd]+[R] sur Mac ou [Ctrl]+[R] sous PC), cliquez, laissez appuyé votre clic et faites glisser un repère à 3mm du bord. Si vous manquez de précision pour placer le repère exactement au bon endroit, relâcher

votre clic, annulez l’opération (Édition>Annuler ou [Cmd]/[Ctrl]+[Z] et zoomez [Cmd]/[Ctrl]+[+] près du bord en haut et à gauche.

Pour faciliter le zoom allez dans Fenêtre>Navigation. Vous pouvez déplacer le curseur de cette fenêtre pour zoomer à 200% votre document. ensuite, vous pouvez déplacer le carré rouge en haut et à gauche de cette même fenêtre. Votre document est alors zoomé sur la partie haut et gauche de votre document. Vous pouvez renouveler votre opération comme indiqué ci-dessus pour placer avec précision votre repère gauche et votre repère haut à 3 mm de chaque bord. faites pareil pour le repère bas et droite en déplacent votre carré rouge de navigation en bas et à droite de votre fenêtre.

astuce :avec la même méthode, vous pouvez également placer des repères supplémentaires à 7 mm de chaque bord en plus de vos repères de fond perdu. Ces nouveaux repères sont appelés repères de sécurité pour vos textes. évitez de mettre du texte au-delà de ces repères de sécurité. Vous serez ainsi sûr de vos textes qui ne seront jamais coupés.

2

3

De la conception à l’impression D’un flyer...Pr

aTiQ

Ue


26

4: étaPe 4Composez maintenant votre flyer suivant votre croquis. Créez un dossier de calque et nommez-le bg. Dans ce dossier créez un calque de remplissage Calques>Nouveau calque de remplissage>Dégradé, réglez votre dégradé avec une première couleur C 51, M 72, J 78, N 70 avec une opacité de 100% et placez l’étape d’opacité et de dégradé à 50%. Sélectionnez la seconde couleur en blanc avec une opacité à 0%, cliquez sur Ok. réglez ensuite le mode en Densité linéaire + avec une orientation 80° et une échelle 150%. Nommez votre calque bg dégradé.

5: étaPe 5Nous allons maintenant importer notre texture. Créez un nouveau dossier de calque et nommez-le fx, importez votre texture de fond avec Fichier>Importer et agrandissez-la pour qu’elle soit à la dimen-sion du flyer. Passez le calque en mode Densité linéaire +.

4

5


aTiQ

Ue


27

6: étaPe 6Pour vos lignes, créez un nouveau dossier de calque sous le dossier fx et nommez-le lignes prenez l’outil de Forme [U], mettez une cou-leur orange C 15 M 32, J 85, N 1 au premier plan, puis tracez un rec-tangle sur toute la hauteur.

Dupliquez ce calque de forme de façon à avoir trois lignes parallèles. fusionnez les trois calques entres eux [Cmd]/[Ctrl]+[E] et réduisez la hauteur de vos lignes avec [Cmd]/[Ctrl]+[T].

reprenez votre outil Déplacement, avec la touche [Shift] de votre cla-vier et votre souris sélectionnez le calque de ligne et le groupe de calque bg et centrer vos lignes dans votre flyer.

Dupliquez le calque et faites Edition>Transformation>Perspective. Placez le calque en haut de vos lignes afin d’obtenir un effet de pro-fondeur. faites [Cmd]/[Ctrl]+[clic gauche] sur le calque obtenu pour faire une sélection.

Créez un nouveau calque puis avec l’outil Dégradé (le même dégradé que pour le fond) [G], appliquez un effet d’ombre à la perspective.Sélectionnez maintenant les lignes verticales et appliquez le même effet, baissez l’opacité du calque à 50%. tracez un trait [U] en noir, puis appliquez un flou gaussien Filtre>Atténuation>Flou gaussien, réglez Rayon en 7,4px et faites un masque de fusion pour que l’om-bré soit visible que dans vos lignes.

Sélectionnez tous les calques de percepective et fusionnez-les entres eux. Dupliquez le calque et faites Edition>Transformation>Symétrie axe vertical. Placez votre calque en bas de vos lignes pour avoir le même effet en bas. Sélectionnez les calques et fusionnez-les. Mas-quez le calque, nous y reviendrons plus tard.

astuce : faites attention avec le noir, utilisez un noir 100% plutôt que le noir par défaut de Photoshop, surtout pour les textes qui dépassent les 300% d’encrage autorisé pour l’impression. Veillez à ne jamais dépasser ce taux d’encrage en quadrichromie.

6

7

7: étaPe 7Sous le groupe de calque fx créez un nouveau groupe de calque et nommez-le texte. Dans ce groupe faites un autre groupe que vous nommez titre. Prenez ensuite l’outil Texte [T]. écrivez en blanc rock appliquez une ombre portée.

Créez un nouveau calque texte avec la couleur orange de vos lignes et appliquez la même ombre portée. Créez ensuite les deux formes (le rond et le rectangle) et placez le numéro de l’édition dans le rond.


aTiQ

Ue


28

8: étaPe 8Créez un nouveau groupe de calque programmation toujours dans le groupe texte et sélectionnez l’outil Forme personnalisée [U].

Créez six calques de formes étoiles et fusionnez-les, placez le mot avec au centre.

astuce : Pour la liste des groupes n’hésitez pas à jouer avec la taille, la graisse et la couleur pour gagnez en lisibilité. Créez un calque de texte par ligne de programmation en diminuant le corps du texte sui-vant la valeur du groupe que vous annoncez.

faites la même chose pour le bloc d’information qui contient les dates, le lieu, le lien internet. Puis faites un filet pour séparer la pro-grammation des informations.

8

8a


aTiQ

Ue


29

9: étaPe 9reprenez votre calque lignes et faites un masque de fusion pour lais-ser apparaître le texte. Nous allons maintenant intégrer une image dans nos lignes. Importez le fichier guitariste.jpg au-dessus de vos lignes. faites une sélection avec [Cmd]/[Ctrl]+[clic gauche] sur le calque des lignes, inversez la sélection avec [Cmd]/[Ctrl]+[Shift]+[I] puis ajoutez un masque de fusion à votre photo.

Prenez ensuite l’outil Pinceau [P], vérifiez que vous avez bien le noir au premier plan si ce n’est pas le cas, appuyez sur la touche [D]. Prenez une forme assez grosse et de Dureté 0%, toujours sur votre masque de fusion effacez le haut et le bas de l’image pour la fondre dans vos lignes.

9


aTiQ

Ue


De la conception à l’impression D’un flyer...

30

10: étaPe 10Enregistrez votre fichier au format .psd. Ce fichier vous permet-tra de pouvoir revenir sur votre flyer si vous avez des modification à y apporter. Maintenant allez dans Calque>Aplatir l’image puis Fichier>Enregistrer sous dans la fenêtre de dialogue choisissez le format Photoshop PDf puis cliquez sur Enregistrer.

11: étaPe 11Dans la nouvelle fenêtre de dialogue choisissez le format [PDF/X-1a:2001] format de fichier normalisé pour l’impression offset.Pour plus de renseignements sur le format pdf/x allez sur le lien suivant : http://www.adobe.com/fr/designcenter/acrobat/articles/acr8ap_pdfx_02.html

Puis cliquez sur Enregistrer le PDF. C’est ce fichier qu’il faudra envoyer à votre imprimeur.

Vous avez fini ! Pas tout à fait, car il faut maintenant faire le verso !

10

11

PraT

iQUe


31

PraT

iQUe

Le but de ce montage est de donner

à notre image un rendu style peinture.

L’essentiel du montage repose sur la

maîtrise de l’outil Pinceau mélangeur

et du masque de fusion.

Winter’s

Florian Ruocco alias «AKSHOBHYIA»Designer graphiste de 21 ans, j’ai commencé l’infographie à l’âge de 9 ans, entièrement autodidacte à la base, j’ai suivi une formation de Designer graphique de 2 ans avec spécialisation dans la retouche numérique. J’utilise la plupart du temps Photoshop, Illustrator et NX2 de temps à autre. Je me passionne également pour la photographie, je suis actuellement en freelance et j’ai déjà participé à la création de logos pour différentes entreprises, ainsi qu’à l’élaboration de différents supports de communication print et Web. Mon Site : http://www.akshobhyia.fr/

Dream



Winter’s DreaM

32

1: étaPe 1tous d’abord, ouvrez un nouveau document de taille 21x29,7 cm en 300 dpi. Clic droit sur l’arrière-plan et choisissez Calque d’après l’ar-rière-plan puis option de fusion - Incrustation dégradé uniforme de 90° de style réfléchi avec comme valeur #e7eaf5 et #abd7ec. Impor-tez maintenant l’image wintergirl.jpg et appliquez-lui un masque de fusion, à l’aide de l’outil Dégradé noir (premier plan - Transparent) effacez chaque côté de l’image, de manière à la fondre dans le fond.

2: étaPe 2Importez maintenant l’image the_amazing_snow_tree_by_night_fate_stock-d3ahrer.jpg et opérez comme précédemment en effaçant l’arbre de manière à le fondre. Idem pour l’image background_2_by_elenadudina-d1sku79.jpg, cependant n’effacez que le coté droit de l’image. Nous allons maintenant accentuer le maquillage en com-mençant par les yeux, à l’aide d’une brosse douce peignez en bleu #0000ff et passer le calque en mode de fusion lumière tamisée avec 40% d’opacité. Créez un nouveau calque et peignez la bouche en rose #ff00ff, passez le calque en mode de fusion lumière crue avec 37% d’opacité.

PraT

iQUe 1

2


Winter’s DreaM

3: étaPe 3Nous allons maintenant passer à l’esquisse du visage. Créez un nou-veau calque et sélec-tionnez l’outil pinceau mélangeur avec les réglages suivants (que vous conserverez tout au long du tutoriel) : Humidité 80% - Charge 75% - Mélange 90% - Flux 100% - échantillon-nez tout. Commencez maintenant à peindre les cheveux, en pensant bien à suivre le mou-vement pour éviter tout dérapage.

4: étaPe 4Créez un nouveau calque (il vaut mieux décomposer la pein-ture en plusieurs calques pour éviter tout pro-blème) et peignez main-tenant le visage, pensez à zoomer et tentez de respecter les ombres (tout en conservant l’as-pect esquisse qui est le but du montage). faites la même chose pour les yeux et la bouche. l’es-quisse de votre visage est fin prête, nous allons maintenant passer au décor.

PraT

iQUe 3

4

3a

4a


Winter’s DreaM

étaPe 5Créez un nouveau calque et commen-cez à peindre l’arbre de droite, réalisez des traits simples et clairs. faites la même chose pour la forêt de gauche qui doit rester assez grossière car elle sera ensuite quasiment recouverte. Importez maintenant l’image cosmos6_01.jpeg, passez l’image en mode de fusion Super-position avec une opa-cité de 66%.

6: étaPe 6allez chercher l’image cosmos6_02.jpeg et placez la en haut à gauche en supprimant ce qui ne nous intéresse pas à l’aide du masque de fusion ou d’une autre technique de votre choix, passez-la en mode de fusion incrus-tation et faites [Cmd] ou [Ctrl]+[U] en réglant la teinte à -56. Prenez ensuite l’image nuage.jpeg, effacez le haut de l’image afin de ne garder que les nuages. Créez maintenant un nouveau calque et pei-gnez vos nuages.

PraT

iQUe

5a 5b

6

6a

34

5


Winter’s DreaM

étaPe 7Nous allons mainte-nant importer l’image phatpuppy_waterfall_stock_by_phatpuppy-d3hf00k.jpg. effacez tout sauf la chute d’eau, créez ensuite un nou-veau calque et peignez la chute en suivant pré-cisément le mouvement de l’eau. Sélection-nez l’image winter_drift_by_rebelx-dtwl4f.jpg, détourez-la pour ne garder que le petit muret, faites ensuite Édition>Transformation> Symétrie axe horizontal et placez le muret près de l’arbre de droite.

8: étaPe 8faites comme précé-demment, créez un nou-veau calque et peignez votre muret. Importez maintenant l’image FS_Fantasy_sky_1.jpeg, détourez-la de manière à ne garder que la lune, passez le calque en mode de fusion incrus-tation. allez cher-cher l’image 22170_Landscapes0148_2_L.jpeg, effacez le côté droit de l’image et pla-cez-la au dessus de la chute d’eau, créez un nouveau calque et pei-gnez vos montagnes toujours en suivant le mouvement de l’image.

PraT

iQUe 7

8

7a

8a


Winter’s DreaM

étaPe 9Nous allons maintenant passer au peaufinage de notre artwork. Créez un nouveau calque et à l’aide d’une brosse douce créez des points blancs un peu par-tout sur l’image. faites ensuite Filtre>Flou directionnel et choisis-sez 63° pour l’angle et 39 px de distance. Vous voyez vos flocons de neige apparaître. Impor-tez maintenant l’image texturegrunge.png, faites [Cmd] ou [Ctrl]+[I] et passez l’image en mode de fusion Incrus-tation avec une opacité de 63%.

10: étaPe 10Sélectionnez main-tenant l’ensemble de vos calques et dupli-quez-les, puis fusion-nez-les. faites ensuite Filtre>Divers>Passe-haut en entrant 81,2 px pour le rayon, passez votre nouveau calque en mode de fusion Lumière tamisée. Créez encore un nouveau calque noir et faites Filtre>Rendu>Nuages par différence, passez votre calque en lumière tamisée et effacez-le seulement sur le visage de la femme. Votre mon-tage est fin prêt!

PraT

iQUe

10

9

9a



FiC

He

TeC

HN

iQUe

Baleines Dans les nuages

1: arrIère PlaN/CréatION DU DéGraDéOuvrez un nouveau document de format a4, 350 pixel/pouce en rVb. Dans votre fenêtre de calque se trouve une icône représentant un cercle noir et blanc, cliquez dessus ; allez dans Dégradé, une fenêtre apparaît et cliquez dans le dégradé. Dans les petits pots du bas ; celui de gauche est de couleur blanche et celui de droite est bleu son indice couleur est #006baf, ceux du haut reste de couleur noir. Dans la fenêtre fond en dégradé, introduisez les paramètres suivants : Style linéaire, angle 90%, échelle 58% et cliquez sur Ok.

FiC

He

TeC

HN

iQUe

1

Dans ce tutoriel nous allons réaliser à travers différentes étapes

une affiche fantastique qui évoque l’imaginaire et l’évasion ; tout en

travaillant sur l’assemblage de différents morceaux de photographies

et en ayant pour acquis ; les changements de couleurs, l’utilisation

des brushs, le détourage et la création d’un dégradé afin de créer une

image originale.

Baleines

Theil YannickJeune français de 25 ans diplômé en communication graphique et infographie, détiens 4 années d’expérience notamment à titre d’infographiste free-lance. étudie actuellement à l’UQaM Université du Québec a Montréal, à la faculté des arts, pour devenir professeur en arts.Site internet : http://www.wix.com/yannicktheil/infographiste

dans les nuages


FiC

He

TeC

HN

iQUe


2: aJOUt Mer De NUaGeStapez le lien suivant http://www.fermedesetoiles.com/images/concours-photos/ambroggi-elodie.jpg pour ajouter la mer de nuages à votre visuel. Positionnez l’image de façon à ce que l’horizon soit à environ la moitié du visuel, ajoutez un masque vectoriel (icône se trouvant dans votre fenêtre de calques) à votre image et avec votre outil Pinceau enlevez le ciel et les parties qui débordent de sorte à n’avoir que la mer de nuages.

4: INSertION DeS baleINeS PartIe 1tapez le lien suivant http://img.groundspeak.com/waymarking/1dc46bba-fd3e-4ddb-9e5c-5f96a768139d.jpg pour ajouter la baleine à votre visuel. Détourez-la à l’aide de votre outil lasso magnétique ou l’outil Plume. en allant dans édition>transformation>Symetrie axe horizontal vous pouvez chan-ger de coté votre baleine et en faisant [Ctrl]+[t] vous pouvez la faire pivoter. Placez-la entre les calques de nuages.

3: UtIlISatION brUSHPour les brushes de nuages tapez le lien suivant : http://www.brus-heezy.com/brushes/1227-cloud-photoshop-brushes ; une fois ins-tallé, faites en sorte que chaque nuages soit sur des calques sépa-rés, jouez avec les dimensions de votre pinceau, son opacité et posez-en à différents endroits de votre visuel comme vous le sou-haitez ou de ma manière. N’hésitez pas à agrandir vos nuages en faisant [Ctrl]+[t].

2

4

3


Baleines Dans les nuagesFi

CH

e T

eCH

NiQ

Ue

5: INSertION DeS baleINeS PartIe 2tapez le lien suivant http://www.eridia.com/projets/Whale/Wha-leacrobat1.jpg pour ajoutez la queue à votre baleine. Détourez-la à l’aide de l’outil baguette magique ou l’outil lasso magnétique et créez un masque vectoriel afin d’effacer une partie de la baleine. ensuite positionnez la queue entre les calques de vos nuages comme vous le souhaitez ou de ma manière. Positionnez la queue en faisant [Ctrl]+[t].

7: INSertION DeS PalaIStapez les liens suivants http://upload.wikimedia.org/wikipedia/com-mons/5/59/byodoin_Phoenix_Hall_Uji_2009.jpg et http://japonpas-sion.files.wordpress.com/2011/02/castillo_himeji_japon-740412.jpg pour les mettre dans votre visuel. Détourez les avec l’outil Plume et n’hésitez pas agrandir pour faire un détourage propre. Placez-les à ma manière. Créez un masque vectoriel et jouez avec l’opacité du pinceau pour fondre le sol du palais sur la baleine. Dupliquez votre palais sur la seconde baleine.

6: INSertION DeS baleINeS PartIe 3, CHaNGeMeNt De COUleUrStapez le lien suivant http://cdn-gulli.ladmedia.fr/var/jeunesse/sto-rage/images/gulli/encyclopedie-et-dictionnaire/actu/festival-photo-la-gacilly/oceans-une-baleine/11339468-1-fre-fr/Oceans-Une-baleine.jpg pour ajouter la baleine au visuel. Détourez la avec votre outil Plume. Dans votre fenêtre de calque, créez un calque noir et blanc au-dessus du calque de la baleine ; placez votre souris sur le trait fin entre le calque de la baleine et le calque noir et blanc, main-tenez [alt] et cliquez.

5

7

6


FiC

He

TeC

HN

iQUe


8: INSertION De la POrte, lUMINOSIté/CONtraSteTapez le lien suivant http://japonpassion.files.wordpress.com/2011/02/castillo_himeji_japon-740412.jpg pour l’ajouter au visuel. Détourez la porte avec votre outil Plume et créez un masque vectoriel, avec votre pinceau, effacez de sorte à ce que la porte soit entre la bosse. Dans votre fenêtre de calque, créez un calque de luminosité/Contraste (luminosité + 15, Contraste + 45). Placez votre souris sur le trait entre le calque porte et de luminosité/Contraste, maintenez [alt] et cliquez.

10: CHaNGeMeNt De COUleUrSDans votre fenêtre de calque, créez un calque de couleur unie ayant comme indice couleur #710b0b ou une autre couleur de votre choix afin de changer la couleur des voiles. Placez votre souris sur le trait fin entre le calque du bateau et le calque de couleur unie. Maintenez [alt] et cliquez. Dans votre fenêtre de calque, mettez votre de calque de couleurs unie en Produit et réglez l’opacité en le baissant jusqu’au chiffre 90%.

9: INSertION DeS bateaUXtapez les liens suivants http://upload.wikimedia.org/wikipedia/commons/a/a5/Junk_Halong_bay_Vietnam.jpg et http://southpaci-ficvn.files.wordpress.com/2010/05/50d-phoenix-015-copy1.jpg pour les mettre dans votre visuel. Détourez les proprement. Placez en un comme vous le souhaitez ou en arrière des nuages au-dessus de la baleine, l’autre bateau sera au premier plan, placez entre les calques de nuages de sorte que l’on puisse voir le bateau au travers

8

10

9


FiC

He

TeC

HN

iQUe



11: aJOUt DeS OISeaUX PartIe 1tapez le lien suivant http://www.hdwallpapersfull.com/wallpapers/white-dove-pair-birds-1600x1200.jpg pour les ajouter à votre visuel. Détourez-en un à la fois à l’aide de votre outil lasso magnétique ou votre outil Plume et placez le premier oiseau en gros plan ([Ctrl]+[t] pour changez leurs taille) vers le bas à droite de votre visuel et le second oiseau plus petit placé vers le haut à droite également.

12: aJOUt DeS OISeaUX PartIe 2, CHaNGeMeNt De COUleUrS/aMélIOratION VISUeltapez le lien suivant http://mw2.google.com/mw-panoramio/photos/medium/18926711.jpg pour l’ajou-ter à votre visuel. Détourez les oiseaux avec l’ou-til Plume. Placez-les où vous le voulez. Comme pour les voiles du bateau, changez-les en blanc ; Normal et Opacité 85%. fusionnez tous vos calques ; dupli-quez-le et allez dans filtre>Divers>Passe haut, mettez la barre au maximum et cliquez Ok. Mettez le calque en Incrustation et Opacité 45%. Créez un masque vectoriel et nettoyez les parties trop foncées.

11

12

PSD Photoshop No60

Documents

Transcript of PSD Photoshop No60