• 10juin

    Tutoriel : bouton lumineux

    Créez un nouveau document.

    Remplissez le fond de bleu foncé (#3A434D).

    Créez un nouveau calque. Dessinez un disque blanc de diamètre 30 pixels environ.

    - Illustration -

    —————————————————————————————-

    Ouvrez les options de fusions de votre disque blanc.

    Ajoutez une lueur externe, de couleur bleu (#4991EA), montez l’opacité de la lueur à 100%

    Passez ensuite le paramètre technique à « précise » puis changez-le grossissement à 32% et la taille à 7 pixels.

    Cochez l’option lisser, et montez l’étendue à 58%.

    - Illustration -

    —————————————————————————————-

    Ajoutez maintenant un biseautage et estampage.

    Diminuez la profondeur à 81%.

    Montez la taille à 10 pixels en rajoutant 1 pixel de flou.

    Changez le mode des tons clairs à incrustation avec une couleur noire.

    Passez le mode d’ombrage en mode normal, avec un bleu clair (#6EC0FF).

    - Illustration -

    —————————————————————————————-

    Voici alors ce que vous devriez obtenir.

    - Illustration -

    —————————————————————————————-

    Toujours dans les options de fusions de ce calque, ajoutez une incrustation en dégradé.

    Choisissez un mode radial pour le dégradé.

    Mettez les couleurs de #FFFFFF à #7BD5FF puis à #1D589A.

    - Illustration -

    —————————————————————————————-

    Puis décalez votre fenêtre avec les options de fusions sur le bord, afin de pouvoir voir votre zone de travail.

    Puis déplacez le centre de votre dégradé vers le haut gauche.

    - Illustration -

    —————————————————————————————-

    Ajoutez maintenant un contour, de taille 2 pixels de type dégradé.

    Choisissez une étendue maximal (150%) et un dégradé de blanc à bleu (#21577C)

    - Illustration -

    —————————————————————————————-

    Voici alors ce que vous obtenez.

    - Illustration -

    —————————————————————————————-

    Créez un nouveau calque.

    Créez un nouveau disque blanc, légèrement plus petit que votre ancien disque.

    - Illustration -

    —————————————————————————————-

    Passez le mode de ce nouveau calque à incrustation, voici ce que vous devriez alors obtenir.

    - Illustration -

    —————————————————————————————-

    Prenez l’outil gomme, avec une pointe flou de taille 35 pixels.

    - Illustration -

    —————————————————————————————-

    Gommez la partie basse de votre cercle.

    - Illustration -

    —————————————————————————————-

    Et voilà le rendu.

    - Illustration -

    —————————————————————————————-

    Juste pour le plaisir, je me suis amusé à dessiner un « fond », voici ce que j’ai obtenu, comme quoi cet effet de bouton lumineux rend plutôt bien sur des interfaces sombres.

    - Illustration -

    Catégories : Tutoriels Aucun commentaire
    A propos de l'auteur :
    Son site web
    Passionné des nouveaux médias ainsi que des tendances graphiques, Clément est actuellement directeur artistique freelance et fondateur de DO IT* et ce depuis 2009.

    Voir aussi

Laisser un commentaire