teknopole.com
Orb

Affiché 25283 fois - difficulté : Difficulté : 2/5

Ce tutorial vous explique de dessiner ce que l'on appelle orb. Cet effet se rapporche un peu du bouton aqua, cependant il est généralement utilisé dans la conception de splash. Les orbs, tous comme les designs, ne s'apprennent pas réellement, les variantes sont indénombrables, et chaque personne a sa façon de les dessiner. Je ne fais donc que vous présenter une de mes orbs, à vous ensuite d'expérimenter et de créer la votre.

Source : http://www.teknopole.com

Afficher directement les illustrations

- Orb -

Tutorial :

Créez un nouveau document de taille 400*300 pixels.
Remplissez le fond d'un gris foncé (#333333)
Faites une sélection circulaire centrée (utilisez les repères pour cela : affichage > nouveau repère)
- Illustration -
----------------------------------------------------------------------------------------
Créez un nouveau calque.
Remplissez le fond de gris foncé #333333
Ouvrez les options de fusions de ce calque, et ajoutez un biseautage et estampage.
Passez en mode biseau externe, montez la taille à 22 pixels.
Réglez la provenance de la lumière à 90°
Diminuez l'opacité des tons clairs à 10%, et celui des tons foncés à 36%.
- Illustration -
----------------------------------------------------------------------------------------
Voici ce que vous obtenez :- Illustration -
----------------------------------------------------------------------------------------
Dupliquez le calque avec le disque, puis effacer les options de fusions (clic droit sur le calque > effacer les options de fusions)
Ajoutez ensuite une ombre externe, de couleur bleu foncé (#24578C).
Réglez ensuite la distance de l'ombre à 10 pixels.
- Illustration -
----------------------------------------------------------------------------------------
Ajoutez maintenant une ombre interne, d'opacité 6%.
Réglez également la distance à 3 pixels, la taille à 15 pixels, et le maigrissement à 25%
- Illustration -
----------------------------------------------------------------------------------------
Ajoutez maintenant une lueur externe, de couleur gris #8A8A8A.
Diminuez l'opacité à 40%, et montez la taille à 10 pixels.
- Illustration -
----------------------------------------------------------------------------------------
Ajoutez ensuite un biseautage et estampage.
Réglez la taille à 21 pixels, et le flou à 1 pixel.
Modifiez l'élévation à 70°, puis cliquez sur la courbe à droite de contour brillant. Et ajouter quelques points pour obtenir la même courbe que la mienne.
Pour finir, diminuez l'opacité des tons clairs à 13%, et celui de l'ombrage à 20%
- Illustration -
----------------------------------------------------------------------------------------
Cliquez ensuite sur contour (sous biseautage et estampage)
Et montez l'étendue à 90%
- Illustration -
----------------------------------------------------------------------------------------
Ajoutez maintenant l'option de fusion satin.
Choisissez une couleur blanche, et passe le mode de fusion à superposition.
Réglez l'angle à 90°, une distance à 12 pixels, une taille à 13 pixels.
Pour finir, choississez le monde rouleau pour le contour (cliquez sur la courbe, puis choisissez le mode rouleau) Et cochez lissé et décochez inverser.
- Illustration -
----------------------------------------------------------------------------------------
Ajoutez maintenant une incrustation de couleur en mode couleur avec un bleu clair (#C7D3E3)- Illustration -
----------------------------------------------------------------------------------------
Pour finir avec les options de fusions de ce calque, ajoutez un contour, de couleur noir, de taille 1 pixel, en position intérieur et d'opacité 26%- Illustration -
----------------------------------------------------------------------------------------
Voici ce que vous devriez obtenir- Illustration -
----------------------------------------------------------------------------------------
Créez un nouveau calque, puis tracez un disque gris (#333333) au centre de votre document, légèrement plus petit que le précédent.- Illustration -
----------------------------------------------------------------------------------------
Ouvrez les options de fusions de ce calque.
Ajoutez une ombre externe, de couleur bleu foncé (#24578C).
Réglez ensuite la distance de l'ombre à 10 pixels.
- Illustration -
----------------------------------------------------------------------------------------
Ajoutez maintenant une ombre interne, d'opacité 50%.
Réglez également la distance à 3 pixels, la taille à 15 pixels, et le maigrissement à 25%
- Illustration -
----------------------------------------------------------------------------------------
Ajoutez maintenant une incrustation de couleur en mode couleur avec un bleu clair (#C7D3E3)- Illustration -
----------------------------------------------------------------------------------------
Pour finir avec les options de fusions de ce calque, ajoutez un contour, de couleur noir, de taille 1 pixel, en position intérieur et d'opacité 26%- Illustration -
----------------------------------------------------------------------------------------
Voici ce que vous obtenez- Illustration -
----------------------------------------------------------------------------------------
Créez un nouveau calque.
Avec l'outil ellipse de sélection, en mode intersection, tracez tout d'abord un cercle centré, de taille comprise entre les deux précédents cercles.
- Illustration -
----------------------------------------------------------------------------------------
Puis tracez un cercle sur la gauche afin d'obtenir une intersection comme sur l'illustration.
Remplissez alors la sélection de blanc.
- Illustration -
----------------------------------------------------------------------------------------
Diminuez l'opacité de fond à 0%, puis ajoutez une incrustation en dégradé.
Choisissez un dégradé de blanc à transparent, le tout d'opacité 21%
Modifiez ensuite l'angle à -90°
- Illustration -
----------------------------------------------------------------------------------------
Dupliquez le calque.
Allez dans edition > transformation > symétrie axe horizontal, et déplacez le calque sur la droite.
Voici ce que vous devriez obtenir
- Illustration -
----------------------------------------------------------------------------------------
Créez un nouveau calque.
Puis, procédez de même que dans les étapes précédentes pour obtenir une zone blanche comme sur l'illustration
- Illustration -
----------------------------------------------------------------------------------------
Diminuez de nouveau l'opacité de fond du calque à 0%
Puis ajoutez le même dégradé.
Cliquez alors sur la barre à droite de dégradé.
- Illustration -
----------------------------------------------------------------------------------------
Une nouvelle fenêtre s'ouvre, choisissez l'opacité de l'ancre à droite à 10%- Illustration -
----------------------------------------------------------------------------------------
Voici ce que vous obtenez :- Illustration -
----------------------------------------------------------------------------------------
Dupliquez le calque 2 (celui avec le plus d'options de fusions)
Placez le calque dupliqué tout en haut de votre fenetre de calque, puis diminuez l'opacité de fond de ce calque à 0%
- Illustration -
----------------------------------------------------------------------------------------
Et voilà le rendu final, une sympathique orb.- Illustration -
Commentaires

11 commentaires postés sur ce tutorial

----------------------------------------------------------------------------------------

dellar le 17/7/2007

Niquel, merci pour ce tuto

----------------------------------------------------------------------------------------

shini le 17/7/2007

Superbe effet, même moi j'ai réussi à le faire.

Merci beaucoup

----------------------------------------------------------------------------------------

Xiod le 6/7/2008

Oula ba si même toi t\\\'as réussi alors je le conseil même a ceux qui n\\\'ont jamais touché a toshop !

----------------------------------------------------------------------------------------

----------------------------------------------------------------------------------------

Poster un commentaire :

Pseudo :
E-mail (facultatif) :
Code anti-spam : Code anti-spam à recopier
Message :
Liens sponsorisés