• Modifier un Mock-up - Photoshop

    Tutos Théoriques PS

    Tutoriel modifier un Mock-up. 

    Création Nicole - du 07 - 05 - 2018

     

    Nb : Non réalisable avec Photoshop CS5!

    Peut être réalisé avec CS6 et versions supérieures.

     

    L'image de départ :

    Modifier un Mock-up - Photoshop

    Lien pour le télécharger ici

     

    Résultat après modifications : 

     

    Modifier un Mock-up - Photoshop

    autre résultat :

     

    Modifier un Mock-up - Photoshop

     

     

     

    C'est parti !

     

    Nous allons aujourd’hui apprendre à modifier un mockup.

    Pour ce faire, téléchargez le mockup dose :

     Lien pour le télécharger ici

    Une fois cela fait, ouvrez-le.

    Dupliquez et fermez l'original bien sûr !

     

    La palette de calques se présente comme suit :

    Modifier un Mock-up - Photoshop

    Add your text : rajouter votre texte

    Text Effects : effets de texte (dans un groupe)

    Gradients – Dégradés qui correspondent au fond (si vous souhaitez le conserver bien sûr)

    Background : Fond.

     

    Étape 1 :

     

    On va s’intéresser au calque Add your Text. On double clic dessus.

    On change le texte et la police de votre choix et sa taille. (J’ai pris Alba, taille 550)

    On valide le texte et on le recentre.

    On ferme ce calque en cliquant sur la croix en haut ou en faisant ctrl + w.

    Il vous demande d’enregistrer, répondez oui.

    Dose s’est transformé en Nicole. Sauf que les couleurs de base ne me plaisent pas du tout (hormis le rose lol).

    On va donc intervenir sur tout ça.

     

     

    Étape 2 :

     

    On déroule la flèche qui correspond au groupe text effect. (Effets de texte)

    Voilà à quoi tout cela ressemble et on va, dans un premier temps, décortiquer cette palette.

    Modifier un Mock-up - Photoshop

     

    On va d’abord s’intéresser aux deux calques de remplissage : color fill 3 et color fill 2.

    Pour les modifier, il suffit de faire un double-clic dessus, il vous ouvre la palette de couleurs, et à vous de choisir celle qui vous plait !

     

    Voilà à quoi ressemble notre texte à présent :

     

    Modifier un Mock-up - Photoshop

     

    Étape 3 :

     

    Maintenant, on va s’intéresser à l’ombre et la 3d.

    Modifier un Mock-up - Photoshop

    La 3d se présente sous forme de groupe avec un effet de texte.

    On n’a pas besoin de toucher à la 3d, mais si vous êtes curieux, vous pouvez aller voir en déroulant le groupe et en cliquant sur le FX du groupe.

     

    L’ombre (Shadow)

    Le premier Shadow est une ombre blanche, on peut choisir de l’enlever en fermant le calque.

     

    Seconde ombre Shadow celle-ci nous intéresse fortement (entourée en rouge) :

    Modifier un Mock-up - Photoshop

     

    Double clic sur les effets de calque (FX)

    On ne touche qu’à l’ombre, mettez vos paramètres préférés.

    Notez que j'ai barré toutes les ombres inutiles, mais si vous souhaitez les garder, c'est à vous de voir !

    Je n’interviens que sur le calque entouré. Les autres, je les ai fermés. (Question de goût)

    Tant que le calque FX est ouvert, vous pouvez intervenir directement sur l’ombre en la déplaçant avec la souris !

     (Pas de capture possible, désolée)

     

    Étape 4 :

    Vous pouvez maintenant choisir d’enlever les dégradés de fond et le background. (ou pas, c'est toujours selon vos goûts persos)

    Double clic sur le background pur le transformer en calque et cliquer sur la poubelle pour le supprimer.

     

    Votre signature prend forme. Le calque est maintenant transparent.

     

    Revenez tout en haut de la pile de calque et faire une fusion de tous les calques pour cela :

     

    Sélectionnez tous vos calques en maintenant le bouton de la souris gauche enfoncé avec la touche shift (relâchez shift une fois tous les calques sélectionnés) dans la palette calques  puis CTRL + E.

     

    Étape 5 :

     

    Édition transformation ou CTRL + T. On va modifier un chouilla le texte :

     

    On clique sur le bouton permuter et transformer. On a une nouvelle barre d’outils :

    Modifier un Mock-up - Photoshop

    On a une nouvelle barre d'outils qui se présente comme ceci :

     

    Modifier un Mock-up - Photoshop

     

    Personnellement, j’ai pris drapeau et une inflexion à 20.

    Vous pouvez rentrer -50, etc.

    À vous de tester celui qui vous plait! Validez en cliquant sur la coche tout à droite!

     

    On termine avec : Image / rognage / Pixels transparents pour retirer toute la zone inutile autour de votre texte.

    Sauvegardez au format PNG et vous avez une signature originale !

     

    Un mockup se modifie toujours de la même manière, à vous d'étudier la palette de calques pour comprendre ce que vous pouvez modifier.

    J'espère que ce tutoriel vous a plu et que vous allez vite devenir accro!

    N'hésitez pas à m'envoyer vos signatures ou montages!

     

    Nicole S.

      

    Vous trouverez d'autres mock-ups ici 

     

    Merci Nancy 

     

    Modifier un Mock-up - Photoshop

    Merci Tine

     

    Modifier un Mock-up - Photoshop

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :