carte de vœux photoshop+illustrator

17
 Voici un tutoriel qui arrive à point nommé, en effet vous apprendrez grâce à cet exercice à créer une carte de vœux pour l’année 2010, vous utiliserez pour cela Illustrator pour créer des chiffres en 3D puis Photoshop pour créer une ambiance brillante et éclatante (tout comme le sera cette nouvelle année 2010, c’est tout ce que je vous souhaite). De par cette carte je souhaite à toutes les lectrices et tous les lecteurs de wks.fr une agréable et belle année 2010. Ce tutoriel Photoshop / Illustrator est plutôt rapide, vous devriez donc le terminer en moins de 30 minutes. Les techniques ne nécessitant pas de grandes connaissances en PAO, j’invite les débutants à tenter le coup et puis si certaines étapes vous paraissent compliqué es, n’hésitez pas à utiliser les commentaires pour poser vos questions. Mais avant toute choses, laissez moi vous présenter ce que vous allez créer :

Transcript of carte de vœux photoshop+illustrator

Page 1: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 1/17

Voici un tutoriel qui arrive à point nommé, en effet vous apprendrez grâce à cet exercice à créer

une carte de vœux pour l’année 2010, vous utiliserez pour cela Illustrator pour créer des chiffres

en 3D puis Photoshop pour créer une ambiance brillante et éclatante (tout comme le sera cette

nouvelle année 2010, c’est tout ce que je vous souhaite). De par cette carte je souhaite à toutes

les lectrices et tous les lecteurs de wks.fr une agréable et belle année 2010.

Ce tutoriel Photoshop / Illustrator est plutôt rapide, vous devriez donc le terminer en moins de 30

minutes. Les techniques ne nécessitant pas de grandes connaissances en PAO, j’invite les

débutants à tenter le coup et puis si certaines étapes vous paraissent compliquées, n’hésitez

pas à utiliser les commentaires pour poser vos questions.

Mais avant toute choses, laissez moi vous présenter ce que vous allez créer :

Page 2: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 2/17

Les étoiles scintillantes et le feu d’artifice seront créés par des brushs à télécharger sur Internet,

le 2010 sera quant à lui à créer sur Illustrator. Enfin les lueurs et autres effets de couleurs seront

créés grâce à l’outil dégradés et au pinceau de Photoshop. 

Bon courage à tous pour la réussite de ce tutoriel sur Illustrator et Photoshop.

ETAPE 1 

Ouvrez le logiciel Illustrator puis créez un nouveau document en allant dans le menu Fichier>

Nouveau (peu importe la taille, la couleur de fond devra être le blanc) puis cliquez sur OK. Enfin,

sélectionnez l’outil Texte (T) et créez un joli 2010 au milieu de votre image. 

ETAPE 2 

Sélectionnez l’outil Sélection (V) puis sélectionnez votre 2010. Ensuite allez dans le menu Effet>

3D> Extrusion, une nouvelle fenêtre s’ouvre, cochez la case à droite « Aperçu », ensuite changez

la taille de l’extrusion à 50pt ou pixels et modifiez l’option Surface en bas par plastique (Attention

 j’ai une version anglaise d’Illustrator, il se peut donc que les noms ne soit pas exactement les

mêmes, désolé). Jouez sur les options pour obtenir un rendu 3D parfait.

Page 3: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 3/17

 

ETAPE 3 

Astuce : si vous avez envie de modifier votre forme 3D, pas la peine de créer un nouveau texte et

de lui appliquer une nouvelle forme en trois dimensions. Allez dans le menu Fenêtre> Apparence.

Une petite fenêtre s’ouvre (la fenêtre Apparence), identifiez la ligne correspondant à la 3D, puis

cliquez dessus pour pouvoir la modifier.

J’ai ensuite modifié la couleur de mon texte, pour se faire, rien de plus simple, sélectionnez l’outil

texte puis sélectionnez les chiffres (en double cliquant sur 2010). Puis double-cliquez sur la

couleur d’avant plan pour modifier la couleur attribuée au texte (dans mon exemple, du blanc tout

simplement).

Page 4: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 4/17

 

ETAPE 4 

Vous allez maintenant ouvrir Photoshop, puis créez un nouveau document, pour cela allez dans

le menu Fichier> Nouveau. Ensuite configurez pour avoir une nouvelle image de 600 pixels de

largeur et 600 pixels de hauteur.

Page 5: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 5/17

 

ETAPE 5 

Vous allez maintenant remplir votre image. Pour cela sélectionnez l’outil Pot de peinture (G), puis 

modifiez la couleur d’avant plan par un bleu foncé (#00283e), vous pouvez choisir une autre

couleur si vous souhaitez que votre image finale ait une autre tonalité que le bleu.

Page 6: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 6/17

 

ETAPE 6 

Vous allez maintenant créer une première lueur, pour cela commencez par créer un nouveau

calque que vous appellerez « Lueur 1 » (pour créer un calque allez dans le menu Calque>

Nouveau> Calque ou alors appuyez sur les touches Ctrl/Cmd + Maj + N).

Sélectionnez l’outil Pinceau (B) puis modifiez la couleur d’avant plan par le blanc (#FFFFFF), puis

modifiez la Forme du pinceau par un Arrondi flou, la Taille à 400 pixels, puis l’opacité à 50%,

enfin utilisez le pinceau pour créer une lueur sur le centre de votre image (remarque : toutes les

options se trouvent dans la barre horizontale en haut de votre écran).

Page 7: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 7/17

 

ETAPE 7 

Vous allez maintenant créer des étoiles, pour cela vous utiliserez des brushs (ou formes de

pinceaux personnalisées) que vous allez télécharger sur ce site

Internet :http://scully7491.deviantart.com/art/Starlight-Brushes-14754346 

Astuce : pour charger des formes, sélectionnez l’outil Pinceau (B) puis allez dans la fenêtre des

formes (soit en cliquant sur la forme en haut, soit en appuyant sur F5), puis en haut à droite,

cliquez sur la petite flèche pour ouvrir le menu déroulant, dedans, sélectionnez Charger des

formes, pour terminer, parcourez les fichiers, trouvez votre fichier .abr et cliquez sur OK.

Une fois que vous avez chargé les formes, créez un nouveau calque que vous appelez

« Etoiles ». Puis utilisez l’outil Pinceau et les formes précédemment installées pour créer un ciel

étoilé.

Page 8: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 8/17

 

ETAPE 8 

Il est possible que les bords de vos étoiles soient trop marqués, si vous voulez atténuer les

bords, utilisez simplement l’outil Gomme avec une forme Arrondie floue et une taille plutôt large :

environ 200 pixels.

Page 9: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 9/17

 

ETAPE 9 

Vous allez maintenant créer un feu d’artifice, pour cela rien de plus simple, commencez par créer 

un nouveau calque que vous appelez « Artifice », puis utilisez les formes de pinceau que vous

pouvez télécharger sur cette page : http://getbrushes.com/misc-photoshop-brushes/jannes-

fireworks-brushes.php 

Page 10: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 10/17

 

ETAPE 10 

Vous allez maintenant ajouter de la couleur à votre composition graphique, pour cela créez un

nouveau calque que vous appelez Lumière Bleue, puis sélectionnez l’outil Dégradé. Enfin

changez la couleur d’avant plan par un bleu-clair : #2078b9 puis une couleur d’arrière plan :

#3e6081.

Enfin changez la forme du dégradé en Dégradé radial.

Et pour terminer, créez un dégradé partant du centre vers le bas gauche, ensuite passez le

calque « Lumière Bleue » en mode de fusion Lumière vive (vous trouverez l’option mode de

fusion dans le menu déroulant en haut à gauche dans la fenêtre Calques).

Page 11: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 11/17

 

ETAPE 11 

Vous allez maintenant ajouter le fameux « Happy New Year » ou « Bonne année », pour cela,

sélectionnez l’outil Texte (T) puis créez une zone de texte partant du bord gauche vers le bord

droit. Enfin tapez votre texte, et centrer le grâce à l’option centrage (voir dans les options du texte

en haut de votre écran).

Page 12: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 12/17

 

ETAPE 12 

Vous allez maintenant importer votre texte en 3D, pour cela rien de plus simple, retournez dans

Illustrator, puis sélectionnez le bloc de texte, enfin faites Ctrl/Cmd + C pour copier le texte, puis

dans Photoshop faites Ctrl/Cmd + V pour coller le « 2010 » dans votre image.

Normalement une fenêtre s’ouvre, sélectionnez pixels, puis cliquez sur OK. Votre « 2010 » est

maintenant ajouté à l’image, redimensionnez-le comme vous le souhaitez, puis appuyer sur la

touche Entrée. Pour terminer, renommez le calque contenant le texte en 3D « Texte 3D ».

Page 13: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 13/17

 

ETAPE 13 

Vous allez maintenant créer de petits scintillements sur le texte en 3D pour donner l’illusion qu’il

est très brillant. Pour cela, commencez par créer un nouveau groupe « Scintillements » et créez

dedans un nouveau calque « Scintillement 1 ». Ensuite, sélectionnez l’outil Pinceau (B) et avec

une forme Arrondi flou et une taille 50 pixels, créez des lueurs sur le haut du texte 3D.

Page 14: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 14/17

 

ETAPE 14 

Vous allez maintenant créer des scintillements plus marqués sur le texte en 3D. Pour cela vous

allez utiliser les formes de pinceaux disponibles sur cette

page :http://demosthenesvoice.deviantart.com/art/Star-Brushes-97311837. 

Créez un nouveau calque que vous appelez « Scintillement 2 », sélectionnez l’outil Pinceau (B),

instalez puis sélectionnez les formes précédemment téléchargées. Enfin, créez votre étoile pour

simuler un scintillement sur le haute du texte en 3D.

Page 15: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 15/17

 

ETAPE 15 

Créez un troisième calque que vous appelez « Scintillement 3 » puis usez de la même technique

pour créer de plus petites étoiles sur le haut du texte.

Page 16: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 16/17

 

ETAPE 16 

L’exercice est maintenant terminé, vous pouvez ajouter votre nom en bas à droite pour signaler le

créateur de l’image, dans l’exemple j’ai simplement ajouté un texte blanc « by wks.fr ».

Pour terminer, n’oubliez pas de faire Ctrl/Cmd + S pour enregistrer -sous votre image, une copie

en .psd pour pouvoir modifier plus tard votre création graphique et une copie en .jpg pour pouvoir

l’uploader dans la galerie de wks.fr

Page 17: carte de vœux photoshop+illustrator

5/10/2018 carte de v ux photoshop+illustrator - slidepdf.com

http://slidepdf.com/reader/full/carte-de-voeux-photoshopillustrator 17/17

 

Merci à tous d’avoir lu et essayé ce nouvel exercice sur wks.fr, et encore une fois je souhaite à

tout le monde une belle et bien heureuse nouvelle année 2010.

Remarque : la police utilisée est Mr Dafoe