32
Créer un texte avec un effet d’ombre interne
Dans ce tutorial vous apprendrez à créer un texte « pressé » à la manière de la fenetre d’ouverture De la Creative Suite 4 d’Adobe. un effet rapide est classe 
Bonjour à tous et bienvenue dans mon deuxième tutorial
Aujourd’hui nous allons apprendre à créer un petit effet de texte « découpé » ou « pressé », appelez ça comme vous voulez, vous verrez de quoi je parle une fois le résultat achevé !
Cet effet est assez à la mode dans le monde du design en ce moment, il a été popularisé notamment car il est présent sur la fenêtre d’ouverture de tout les logiciels de le CS4 d’adobe ; cependant l’effet est très convaincant aussi en webdesign.
Bref voici l’effet que nous allons réaliser :
Ce tutorial est assez simple car la majeur partie ce joue sur les styles de calques, mais cet effet est très utile, classe et il passe partout !
Etape 1) Fond et texte
Pour commencer je créer un document de 500x500 pixels Et je le remplis avec un dégradé, faites attention à placer la couleur la plus claire en haut à gauche !
Voici la configuration du dégradé :
Voici donc votre fond :
Ensuite je tape mon texte (essayez de ne pas mettre un texte trop long pour un meilleur effet)
J’ai ici utilisé la police REZland Je place mon texte au milieu du document et j’applique ces styles de calques (Calques>style de calques)
Voici ce que ça donne ! :
Etape 2) Mise en valeur
Voilà, j’ai mon texte avec l’effet voulu, mais il fait un peu moche tout seul comme ça, alors je vais ajoutez un autre petit texte ou slogan en dessous, avec le même style de calque (il vous suffit de faire clique droit sur le premier calque de texte>copier les styles de calques>coller les styles de calques sur le deuxième texte.
Attention : il est préférable que vous reconfiguriez un peu les styles de calques vu que le texte est plus petit, par exemple réduisez la taille de l’ombre interne.
Je vais maintenant ajoutez la petite barre de séparation, pour ça je créer un nouveau document de 1x2 pixels et je remplis le pixel du haut en noir et celui du bas en blanc :
Je copie ce document dans ma composition principale et je l’étire grâce à l’outil transformation (Ctrl+t)
Ensuite je gomme les deux extrémités du trait grâce à l’outil gomme, en utilisant une brush diffuse.(je baisse aussi l’opacité : 65% environ)
Etape 3) petit détails
Je créer un nouveau calque par-dessus tous les autres et je créer un gros point blanc et doux grâce à l’outil formes (Brush)
Je passe ce calque en mode de fusion « Lumière tamisée » Et enfin je peux redéfinir le cadrage de ma composition grâce à l’outil recadrage
Et voilà !
J’espère que vous avez appréciez ce tutorial, c’est mon deuxième ici sur wks.fr
Si vous avez des problèmes des impressions des critiques n’hésitez pas à le dire dans le formulaire ci-dessous !
Vous pouvez (et vous devez :p) ajoutez vos créations dans la galerie prévu à cet effet
Et dernière chose : voici le fichier PSD où vous trouverez des infos si vous avez des problèmes :
Téléchargement des fichiers sources liés à ce tutorial
Veuillez vous connecter pour télécharger les fichiers sources
Article publié par B-82
Vous aimez cet article? Partagez le !
salut à tous, je suis B-82, j’ai 16 ans et j’adore le design et le graphisme, j’aimerais beaucoup en faire mon métier plus tard.
j’ai appris à manier photoshop en grande partie grâce à Wks.fr
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 14 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
13 mai 2009 10:56, par Rokkall
Effet sympa c’est vrai, mais ta source de lumière à la fin me paraît trop « fade » et les arrêtes du « by b-82 » sont elles trop lumineuses ont ça gêne la lecture du coup, mais sinon l’effet dans le « wks » est super bien rendu.
C’est juste un point de vue, pas obligatoirement une vérité absolue.
Répondre -
13 mai 2009 12:30, par Jérôme
WONKA je n’arrive pas à envoyer mon image dans la galerie !!!
" Your picture is right ! Warning : move_uploaded_file(stockpix/493/3772.jpg) [function.move-uploaded-file] : failed to open stream : No such file or directory in /home/www/6aa640a53cf66f9374508657e4e1b72e/web/upload_pix.php on line 161
Warning : move_uploaded_file() [function.move-uploaded-file] : Unable to move ’/tmp/phpd6d6ER’ to ’stockpix/493/3772.jpg’ in /home/www/6aa640a53cf66f9374508657e4e1b72e/web/upload_pix.php on line 161 "
Voilà ce que j’obtiens.. peux-tu m’aider
Répondre -
14 mai 2009 10:28, par Max
Voici le rendu http://mopteek.over-blog.com/article-30951985.html
Répondre -
-
15 mai 2009 13:45, par B-82
wow ! sympa ! les couleurs vont très bien avec ! et le petit (c) du copyright ça rajoute toujours en classitude ! :p
Répondre
-
-
17 mai 2009 13:09, par Brutor
Salut tout le monde, j’utilise photoshop depuis une semaine (avant j’étais sur un vieux truc style photofiltre) donc je me ballade de tuto en tuto. Voici mon résultat : http://img30.imageshack.us/img30/396/brutorlogo2.jpg
Répondre-
25 mai 2009 14:34, par Jérôme
Pas mal pour un début... Je vais évidement te dire ce qui ne va pas selon moi
Répondre
Je pense que ta typo n’est pa assez grasse (bold) pour ce genre d’effet et les images en fond ce n’est pas conseillé non plus...
Allez refais nous en un plus travaillé :p
-
-
24 juin 2009 13:38, par `NioR .
Salut, je n’arrive pas à sélectionner le mode de fusion « Incrustation » pour le style « Ombre portée ». Le menu est en partie grisé. Avez-vous la solution ? Merci !
PS : Merci pour ces tutos ! Ca me donne pleins d’idées !
Répondre
