Créer un sticker qui se décolle pour son site internet

    Partagez

    MeGaMaN
    co_admin
    co_admin

    Nombre de messages : 44
    Date d'inscription : 28/12/2007

    Créer un sticker qui se décolle pour son site internet

    Message par MeGaMaN le Sam 16 Fév - 11:33


    Le but de ce tutorial est de créer une sorte de pliage
    pour donner l’impression que le bloc présent sur son site internet est
    une feuille, ou dans notre exemple une sorte de sticker collé sur
    l’écran.


    Je trouve l’effet et le rendu plutôt joli, surtout que
    ce n’est franchement pas compliqué. Alors pourquoi se refuser ce petit
    plaisir :p


    ETAPE 1


    Je crée un nouveau document sur fond bland, et avec
    l’outil sélection (et sur un nouveau calque) je crée un rectangle que
    je remplis avec le pot de peinture de noire.






    ETAPE 2


    Je vais dans le menu calque > style de calque >
    incrustation de dégradé, et je configure mon dégradé de bleu clair vers
    un bleu foncé (voir le fichier source PSD en haut de page pour
    retrouver la configuration exacte de mon exemple).






    ETAPE 3


    Je crée un nouveau calque et je remplis cette fois ma
    sélection avec un gris, puis je dispose ce nouveau calque sous le
    rectangle bleu (pour changer la place des calques ; je peux glisser et
    déposer mes calques dans la fenêtre des calques : si elle n’est pas
    affichée à l’écran je me rends dans le menu fenêtre > fenêtre des
    calques).






    ETAPE 4


    Je crée un nouveau calque par-dessus le rectangle bleu
    puis avec l’outil sélection polygonale, je crée une forme comme
    ci-dessous. Je remplis cette forme avec le pot de peinture en noir.






    ETAPE 5


    Je supprime les pixels qui dépassent de mon rectangle
    bleu, puis je supprime le coin de mon rectangle bleu, voir l’image
    ci-dessous.






    ETAPE 6


    Je remplis ma petite forme en gris, et j’utilise l’outil sélection lasso pour rogner ma forme comme ci-dessous.






    ETAPE 7


    Attention étape précise et importante : Le but est de
    donner un effet de reflet sur notre décollement. Pour cela j’utilise
    l’outil lasso polygonal et je crée une fine bordure « gris foncé »,
    puis une blanche, puis une grise, puis blanche, puis grise, et blanche.


    Astuce : je prends l’outil loupe et je zoom sur le côté droit de mon rectangle pour travailler plus précisément.






    ETAPE 8


    Je fignole et je comble la partie bleue qui se trouve normalement sous mon décollement.





    _________________

    soumia
    co_admin
    co_admin

    Nombre de messages : 88
    Age : 28
    Localisation : agadir
    Date d'inscription : 27/12/2007

    Re: Créer un sticker qui se décolle pour son site internet

    Message par soumia le Mar 26 Fév - 16:48

    Merci MeGaMaN lah ijib chi site internet!! Very Happy

      La date/heure actuelle est Mer 7 Déc - 20:58