Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-14%
Le deal à ne pas rater :
Apple MacBook Air (2020) 13,3″ Puce Apple M1 – RAM 8Go/SSD 256Go
799 € 930 €
Voir le deal

2 participants

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

    MeGaMaN
    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 Empty Créer un sticker qui se décolle pour son site internet

    Message par MeGaMaN 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.



    Créer un sticker qui se décolle pour son site internet Tuto_sp_14_1-46dc9


    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).



    Créer un sticker qui se décolle pour son site internet Tuto_sp_14_2-7307b


    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).



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


    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.



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


    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.



    Créer un sticker qui se décolle pour son site internet Tuto_sp_14_5-657ad


    ETAPE 6


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



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


    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.



    Créer un sticker qui se décolle pour son site internet Tuto_sp_14_7-96ed4


    ETAPE 8


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



    Créer un sticker qui se décolle pour son site internet Tuto_sp_14_8-e1035
    soumia
    soumia
    co_admin
    co_admin


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

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

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

    Merci MeGaMaN lah ijib chi site internet!! Very Happy

      Sujets similaires

      -

      La date/heure actuelle est Dim 19 Mai - 14:00

      Ne ratez plus aucun deal !
      Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
      IgnorerAutoriser