Accueil   -   Présentation   -   Nos partenaires   -   La newsletter   -   L'équipe de Forum-Toshop   -   Contact

Tutoriel FT : Signature Space Art

Bonjour à tous, voici une traduction du tutoriel de Sunjo sur le forum masDesigns notre traductrice Nekodesu. Ce tutoriel va vous apprendre à faire une signature « Space Art » du champ d’étoiles en fond à la planète, en passant par la nébuleuse. Vous pouvez retrouvez ce tutoriel sur notre forum ici.


INFORMATION :

¤ Version utilisée : Photoshop CS
¤ Difficulté : Avancé
¤ Temps de réalisation : [...]
¤ Set de brushes utilisés : Funsize Grunge 3 par Funsize51
¤ Textures utilisées : Planet Texture 2 par Qzma
¤ Stock photos utilisées : Cloud Stock 01 par ssecret-stock
¤ Stock photos utilisées :: Sky Stock XXIX set 2 par grace-stock

¤ LE CHAMP D’ETOILES :

PARTIE 1 :

Premièrement, créez un nouveau document (Ctrl+N), avec une taille aux alentours de 380×120, et remplissez la zone de travail de noir.

01.jpg

PARTIE 2 :

Maintenant allez dans Filtre>Bruit>Ajout de bruit, choisissez une quantité aux environs de 15%, et sélectionnez une répartition Gaussienne.

02.jpg

PARTIE 3 :

Tapez ensuite Ctrl+L sur votre clavier (ou faites Image>Réglages>Niveaux) et utilisiez ces paramètres :

03th.jpg

04.jpg

PARTIE 4 :

Maintenant, faites un clic droit sur le calque et sélectionnez Options de fusion. Puis sélectionnez ces paramètres :

(NDT : Incrustation couleur>Couleur #002432)

Vous devriez maintenant obtenir quelque chose comme ceci

05th.jpg

06.jpg

On dirait presque que vous avez un portail de l’espace n’est-ce pas ? Abordons maintenant la prochaine étape… La planète !


¤ LA PLANÈTE :

PARTIE 1:

Premièrement, créez un nouveau document (Ctrl+N) aux environs de 700×700. Remplissez l’arrière-plan de noir et ajoutez-y un nouveau calque.

07th.jpg

PARTIE 2:

Ouvrez votre ficher de texture, assurez-vous qu’il ne soit pas trop grand, ou la planète aura peu de détails, donc réduisez-le un peu si nécessaire.

08th.jpg

PARTIE 3:

Maintenant définissez la texture comme motif, en faisant Édition>utiliser comme motif… et nommez-la comme bon vous semble.

09.jpg

PARTIE 4:

Ouvrez de nouveau votre document en 700×700 et faites un cercle en utilisant l’Outil Ellipse (U) tout en gardant la touche Shift appuyée afin de faire un cercle parfait. Faites un clic droit et Définissez une sélection. Vous devrez obtenir un cercle comme celui-ci ci-dessous.

(NDT : si vous souhaitez modifier sa place ou sa taille, utilisez l’Outil Transformation manuelle (Ctrl+T), tout en sélectionnant le cadenas dans le menu du-dessus afin de conserver le rapport de proportions)

10th.jpg

PARTIE 5:

Maintenant, cliquez sur lOutil Pot de Peinture (G), et sur le menu du dessus choisissez comme fond « Motif » au lieu de « 1er plan ». Sélectionnez le motif de planète que vous avez défini précédemment, et remplissez le cercle de ce motif en utilisant cet outil.

Vous devriez obtenir un résultat dans ce style. AUSSI – assurez-vous de ne pas dé-sélectionner votre cercle !

11th.jpg

PARTIE 6:

Faites Filtre>Déformation>Sphérisation… et utilisez 100%. Vous devriez avoir un résultat comme ci-dessous maintenant : (encore une fois assurez-vous de ne pas avoir dé-sélectionnez le calque)

(NDT : sinon re-sélectionnez-le en cliquant sur le calque tout en maintenant la touche Ctrl enfoncée)

12th.jpg

PARTIE 7:

Maintenant que nous en avons fini avec la texture, arrive la partie délicate.

Avec votre cercle toujours en sélection, créez un nouveau calque, et remplissez le cercle avec la couleur dont vous souhaitez que votre planète soit (NDT : pensez à remettre le fond en « 1er plan »), mais assurez-vous d’utiliser une couleur saturée, essayez de maintenir le sélectionneur de couleur dans la partie basse gauche, comme ci-dessous.

13th.jpg 14th.jpg

PARTIE 8:

Maintenant vous pouvez dé-sélectionner le cercle (Ctrl+D), faites un clic droit sur le calque et sélectionnez Options de Fusion… . Utilisez les paramètres ci-dessous.

(Utilisez la palette de couleurs avec laquelle vous avez rempli le cercle cela dit, mais essayez de garder une tonalité comme dans ces exemples)

15th.jpg 16th.jpg

PARTIE 9:

Vous devriez obtenir un résultat comme ci-dessous :

17th.jpg

PARTIE 10:

Déplacez ce calque en-dessous de celui de votre texture de planète (la texture sphérique que vous avez créé précédemment)

Désaturez votre calque de texture Image>Réglages>Désaturation (Shift+Ctrl+U). Créez un nouveau calque, nommez-le « Ombre », placez-le en haut de votre liste de calques, ensuite faites une sélection comme ci-dessous et remplissez-le de noir comme dans l’exemple.

18th.jpg

PARTIE 11:

Faites Ctrl+T et utilisez L:120% et H:120% (cela rendra probablement toute la zone de travail noire, mais ignorez-le)

Maintenant faites Filtre>Atténuation>Flou gaussien et utilisez un rayon de 50 px (vous aurez probablement besoin de le flouter davantage ou moins selon la taille de votre zone de travail).

Vous devriez obtenir un résultat comme cela.

19th.jpg

PARTIE 12:

Ne semble pas si bien, n’est-ce pas ? Et bien il est temps d’améliorer un peu cela, déplacez votre ombre de la partie où vous souhaitez faire apparaître votre lumière.

Dans cet exemple, je l’ai déplacé sur le bas droit puisque je veux que la lumière apparaisse du haut gauche, voici ce que j’ai:

(NDT : Si en déplaçant votre calque Ombre, vous obtenez une délimitation nette, utilisez l’Outil Goutte d’eau (R) afin de l’atténuer)

20th.jpg

PARTIE 13:

Comme promis dans la précédente partie, le rendu va devenir plus intéressant.

(NDT : Suivez ces consignes si vous disposez de Photoshop CS3 – sinon rendez-vous un peu plus loin – les aperçus ne s’appuieront que sur ceux de l’alternative via Photoshop CS)

Tout d’abord dupliquez votre calque de texture de planète. Faites Image>Réglage>Luminosité/Contraste et rendez la Luminosité à -150, le Contraste à +100. Maintenant placez ce calque en Superposition avec une opacité à 100%.

Puis sélectionnez votre calque de texture de planète ORIGINAL et placez-le en Lumière tamisée avec une opacité à 70%.

En étape finale, faites Calque>Nouveau Calque de Réglage>Luminosité/Contraste, et utilisez les paramètres suivants : Luminosité à -20, Contraste à +100.

(NDT : Alternative pour les utilisateurs de Photoshop CS2 et version ultérieures :

Sélectionnez votre calque de texture de planète et placez-le en Lumière tamisée avec une opacité à 100%. Puis faites Calque>Nouveau Calque de Réglage>Luminosité/Contraste, et utilisez les paramètres ci-dessous:)

21.jpg 22th.jpg

PARTIE 14:

Et vous avez fini… Vous venez juste de créer une planète – de niveau avancé – que vous pouvez inclure dans des portions d’espace.

Voici quelques changements que j’ai ajouté/changé sur la fin: Mettez le calque d’ombre à 97% d’opacité et rendez plus nette la texture afin d’y ajouter plus de détails.

23th.jpg

PARTIE 15 (optionnelle):

Certains d’entre vous peuvent se demander comme obtenir une planète sur fond transparent sans l’ombre entourant la planète collée à son bas. J’ai donc ajouté cette étape pour vous aider à vous en débarrasser. Premièrement, groupez tous vos calques. Rendez invisible le calque d’arrière-plan. Ensuite sélectionnez le calque « Ombre » et placez-le en haut en-dehors du groupe. Puis rendez invisible le calque « Ombre ».

Créez un nouveau calque au-dessus du groupe, et faites Image>Appliquer une image. Et rendez invisible votre fichier, ou groupe.

Maintenant rendez visible votre calque « Ombre ». Déplacez-le en haut de votre liste de calques. Après avoir sélectionné votre calque « Ombre », Faites un clic droit et sélectionnez Créer un masque d’écrêtage (Ctrl+G).

Vous avez maintenant une planète sur fond transparent.

24th.png

Votre résultat final devrait donc ressembler à cela :

25.jpg

Maintenant réduisez le tout et ajoutez-le à votre signature, après avoir fait une rotation (NDT : à l’aide de l’Outil Transformation manuelle [Ctrl+T]), voici le résultat :

26.jpg

Ensuite dupliquez votre calque de planète, faites une rotation, de sorte que la partie lumineuse pointe vers la gauche (vers le milieu dans notre cas)

Et réduisez-là, cela ajoute des détails. Voici ce que vous avez après y avoir ajouté une lune.

27.jpg

Vous ne savez pas comment faire une lune ? Et bien c’est assez simple, dupliquez la planète la plus petite, et faites Ctrl+T, puis réduisez-là autour des 8% (donnez ou enlevez un %) de sorte que cela ressemble à l’exemple montré.


¤ LA NÉBULEUSE :

Cette étape sera postée en deux versions, la première étant une version simplifiée, la seconde étant la traduction du tutoriel d’origine.

VERSION SIMPLIFIÉE BRUSHÉE

PARTIE 1:

Nous utiliserons ici le set de brush Funsize Grunge 3 de Funsize51, mais il existe notamment des brushes de nébuleuses disponible par exemple sur DeviantArt. Les résultats de cette étape seront assez aléatoires, donc ne vous inquiétez pas si votre rendu diffère de l’exemple.

Prenez une brush du set et commencez à peindre sur la zone de travail. Faites une rotation à l’aide l’Outil Transformation Manuel (Ctrl+T) et gommez les parties qui vous déplaise à l’aide d’une brush à arrondi flou.

28.jpg

PARTIE 2:

Utilisez l’Outil Pinceau toujours avec une brush à arrondi flou, couleur #21282B avec une forme en « Autre dynamique » et peignez les alentours de votre nébuleuse.

Puis sélectionnez le cadenas « Verrouillez les pixels transparents » situé en haut de votre fenêtre des calques, et commencez à déterminer des zones de couleurs sur votre calque.

29th.jpg

30.jpg

PARTIE 3:

Faites un clic-droit et choisissez Options de Fusion, utilisez une Incrustation couleur #9EC8DB en mode Produit. Puis faites Filtre>Renforcement>Accentuation afin de rendre l’ensemble plus net.

31.jpg

PARTIE 4:

Dupliquez quelques parties qui vous plaise et disposez-les autour de votre nébuleuse en mode Incrustation. Puis peignez en blanc les parties que vous souhaitez rehausser. Enfin faites calques>Réglages>Balances des couleurs afin d’harmoniser l’ensemble de la couleur qui vous satisfasse. Et nous en avons fini pour cette version.

32.jpg

VERSION TRADUITE DU TUTORIEL

PARTIE 1:

Ok, cette étape est plutôt difficile et c’est là que vos résultats vont beaucoup varier… Mais ne vous inquiétez pas, votre nébuleuse rendra probablement mieux que l’exemple donné. ; )

Tout d’abord prenez quelques stock photos de nuages, comme celles données au début.

Cloud_Stock_01th.jpg Cloud_Stock_02th.jpg

PARTIE 2:

Ouvrez vos stock photos et mélanger-les ensemble.

Pour les mélanger, prenez une partie que vous aimez dans la photo et ajoutez-là sur votre photo principale.

(Pour faire cela, déplacez simplement la photo sur la zone de travail de votre photo principale avec l’Outil Déplacement (V). Mettez ensuite tous vos calques de photos en mode Incrustation. Vous devriez obtenir un résultat comme dans l’exemple.

(Note : j’ai re-dimensionné le mien pour qu’il ressemble davantage à une nébuleuse)

(NDT : le résultat est obtenu en copiant la photo de grace-stock sur celle de ssecret-stock, la photo copiée est ensuite traitée selon les consignes puis dupliquée.)

33th.jpg

PARTIE 3:

Maintenant fusionnez tous vos calques, prenez lOutil Tampon de Duplication (S).

Et soyez fou, dupliquez une partie que vous aimez encore et encore, et rendez-le tout aléatoire, effacez aussi des parties que vous appréciez moins.

Après quelques diverses duplications, voici ce que j’obtiens :

34th.jpg

PARTIE 4:

Fusionnez une nouvelle fois tous les calques et faites Image>Réglages>Luminosité/Contraste. Utilisez ces paramètres : Luminosité -85 / Contraste +80

(NDT : Après un essai non concluant avec ces paramètres j’ai opté pour une Luminosité et un contraste en -10)

35th.jpg

PARTIE 5:

Si les couleurs ne correspondent pas à ce que vous attendez de votre nébuleuse, faites Image>Réglage>Balance des couleurs. Je ne peux pas vous dire exactement ce que vous pouvez utiliser ici, mais jouez avec les paramètres jusqu’à ce que vous obteniez une couleur qui vous satisfasse. Après ces réglages voici le résultat :

36th.jpg

PARTIE 6:

Sélectionnez une partie aléatoire des nuages avec l’Outil Lasso (L). Cette sélection servira pour votre signature. Voici ici la sélection :

37th.jpg

PARTIE 7:

Faites un clic droit sur votre sélection et choisissez Contour progressif, prenez un contour aux environs de 10 px et cliquez OK.

Maintenant déplacez votre sélection sur votre signature, encore, en utilisant l’Outil Déplacement pour le faire. Voici à quoi ressemble ma signature maintenant.

38.jpg

Maintenant la nébuleuse attire un peu trop l’attention, je fais donc un clic-droit sur le calque de la nébuleuse, et choisis Options de Fusion, puis utilise une couleur en Incrustation. La couleur utilisée est #475868, le mode de fusion en Couleur et l’opacité à 100%.

39.jpg

J’utilise le tampon de duplication sur la nébuleuse un peu plus et use la luminosité/contraste sur certaines parties également. Voici le résultat obtenu:

40.jpg

Créez un nouveau calque, puis prenez une brush à contour flou en 20 px et peignez en plein milieu de la nébuleuse. Mettez ce calque en Incrustation et créez un nouveau calque.

Sur ce calque, peignez aux alentours des parties lumineuses de la nébuleuse. Mais assurez-vous de ne pas peindre directement sur la partie lumineuse.

Placez ce calque en Incrustation avec une opacité aux environs de 20%. Vous devriez avoir ce genre de résultat.

41.jpg

Vous avez maintenant fini avec la nébuleuse, abordons la dernière étape, texte et contours.


¤ LES TOUCHES FINALES :

PARTIE 1:

Pour les touches finales, nous avons besoin de deux choses évidentes : du texte et un contour.

Nous allons commencer par le texte. Pour le texte, j’utilise simplement du Verdana en 12 pt, en bold et tout en majuscules.

(Clic-droit sur votre texte>Faux gras, j’utilise aussi le « bold » pour la police, donc j’utilise deux gras pour une police)

Je rends également le texte plus court (verticalement) de sorte qu’il ressemble davantage à une police de l’espace. Mais essayez toujours est-il, d’utiliser votre propre style de texte.

Voici mon résultat après avoir ajouté le texte:

(Une astuce de texte : Assurez-vous que vote texte soit proche de votre point de vue principal, s’il est quelque part sur votre droite par exemple, il distraira un peu trop et ne donnera pas un bon rendu à votre signature)

42.jpg

43.jpg

PARTIE 2:

Maintenant nous allons ajouter un contour, pour les signatures de type Space-Art j’utilise toujours les mêmes contours : un contour de 3 px type film.

Ces bords sont plutôt simple, ajoutez simplement une ligne de 3px sur le haut et le bas de votre signature et utilisez toujours du noir pour votre couleur de fond.

AUSSI : Avant d’ajouter les bords, je fais un nouveau calque et utilise Image>Appliquer une image et ensuite utilise Filtre>Renforcements>Contours plus nets. Rendre plus nette votre signature lui donne pour la plupart du temps un bon rendu, assurez-vous seulement de ne pas laisser le calque plus net à pleine opacité.

Je mets ce calque aux alentours de 50%.

Et voilà, vous avez fini! Voici le résultat final :

44.jpg

45.jpg

L’auteur espère que vous avez apprécié son tutoriel et que vous avez appris quelque chose. Il est certain que cela a pris du temps à faire ; )

Envie de partager un peu de Graphisme ?
  • Facebook
  • Twitter
  • del.icio.us
  • MySpace
  • Google Bookmarks
  • StumbleUpon
  • Netvibes

Articles sur le même sujet :

4 commentaires sur “Tutoriel FT : Signature Space Art”

  1. Sirkis

    Superbe traduction , merci Nekodesu  ;)

  2. Docslumpy

    Très bon tuto bravo !

  3. Faith

    Salut, très bon tuto, j’ai juste un probleme a la partie 5 quand tu dit: « Maintenant, cliquez sur l‘Outil Pot de Peinture (G), et sur le menu du dessus choisissez comme fond “Motif” au lieu de “1er plan”. Sélectionnez le motif de planète que vous avez défini précédemment, et remplissez le cercle de ce motif en utilisant cet outil. »…
    … Je prend le pot de peinture, je met motif et la quand je vais pour replir le cercle je ne peut pas car la souris (le pot de peinture dans ce cas) ce transforme en signe interndition, donc je suis bloquer a ce niveau la. Si une personne pouvez me renseigner je la remercie d’avance.

    Faith

  4. DesertWind

    Faith : si tu a un problème avec le tuto, crée un sujet dans la section aide là tu aura des renseignements :)

Laisser un commentaire