equal for all

mardi 17 août 2010

Créez une carte de voeux feu d’artifice pour la nouvelle année 2010

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 :
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.
JPG - 60 ko
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.
JPG - 77.4 ko
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).
JPG - 69.9 ko
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.
JPG - 63.6 ko
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.
JPG - 68.8 ko
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).
JPG - 75.5 ko
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é.
JPG - 91.2 ko
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.
JPG - 86.9 ko
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
JPG - 118.3 ko
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).
JPG - 124 ko
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).
JPG - 136.3 ko
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 ».
JPG - 134.9 ko
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.
JPG - 145 ko
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.
JPG - 148.1 ko
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.
JPG - 140.1 ko
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 ;)
JPG - 139.6 ko
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.

0 commentaires:

Enregistrer un commentaire