Dans ce tutoriel, je vais vous montrez comment fabriquez un superbe "auto-collant" style "web 2.0" que vous pouvez voir sur une multitude de site désormais. Si vous avez des difficultés avec ce tutoriel, laissez un commentaire, ou venez faire un tour sur le forum, nous y réponderons et nous vous aiderons. Maintenant voici comment faire ...
Inspiration et traduction de : Tootorials
Inspiration et traduction de : Tootorials
Étape 1 : La forme de base
Créer un nouveau document de la taille voulu et sélectionné l'outil Forme automatique (Custom Shape Tool) et faite un clic droit sur votre document. Cherchez ensuite dans la liste la forme qui ressemble à un cercle entouré d'une bordure en dent de scie. Appliquez la ensuite sur votre document. Vous devriez avoir quelque chose qui ressemble à l'image ci-dessous. Une fois appliqué sur votre document, dirigez-vous vers l'encadré calques (Layer box) situé en bas à droite par défaut et faite un clic droit sur le calque créé par le forme automatique et sélectionnez Pixellisez (Rasterize Layer).
Étape 2 : Le dégradé
Dirigiez vous à nouveau dans l'encadré des calques et faite un clic droit sur le calque que vous venez de pixelliser et sélectionné Options de fusion (Blending options). Une fois dans les options, choisissez Incrustation en dégradé "Gradient Overlay" et laissez toutes les options par défaut exepté la couleur désiré tel que ci-dessous.
Étape 3 : Effet de soulevement
Maintenant, nous allons ajouté le demi-cercle que vous voyez dans le produit final. Afin d'obtenir cet effet, sélectionné l'outil Éllipse de sélection "Elliptical Marquee Tool". Enfoncé la touche de votre clavier MAJ "Shift" et faite un éllipse parfaite dans le centre de votre image. Maintenant, faite un nouveau calque (CTRL + MAJ (SHIFT) + N) et remplissé le cercle avec une couleur quelqu'onque (CTRL + Backspace). Vous devriez maintenant avoir quelque chose comme ceci :
Maintenant, dirigez-vous vers vos calques et enfoncé la touche CTRL et cliquez sur le calque que vous avez créé à l'étape précédente. Ceci devrait faire apparaitre la un "cercle de sélection" autour de l'éllipse que vous venez de créer. Appuyez 2x sur les touches fléchées "BAS" et 2x sur "GAUCHE" afin de décentrer légèrement le cercle. Pour finir, appuyer sur la touche Suppr (DELETE) ce qui devrait vous donnez ceci :
Maintenant cliquer sur le le calque où ce trouve le demi-cercle et appuyer simultanément sur "CTRL+J" afin de dupliquer le calque. Une fois le calque dupliquer, sélectionner la copie du calque et faite lui faire une symétrie horizontal : Édition > Transformation > Symétrie Horizontal (Edit>Transform>Flip Horizontal). Ensuite, faite lui faire une deuxième symétrie mais cette fois vertical : Édition > Transformation > Symétrie Vertical (Edit>Transform>Flip Vertical). Pour finir, positionner ce calque à l'opposer de sa symétrie afin de mettre les deux demi-cercle un face à l'autre.
Maintenant, sélectionner l'efface (Eraser) afin de donner une impression d'incrustation à vos demi-cercle. Effacer simplement les bords des demi-cercles afin de leur donner le look voulu. Les propriétés de l'efface son au plus bas afin d'être plus précis. Quelques passages seront peut-être nécessaire afin d'arriver au résultat voulu. Il est à noté que cette étape n'est pas obligatoire. C'est à votre goût! Pour finir, appliquer la couleur #FABB57 au demi-cercle du haut et #AC190B à celui du bas. Pour appliquer cette couleur, simplement faire un clique droit sur leur calque respectif et sélectionner Options de fusion (Blending Options) > Incrustation de couleur (Color Overlay).
Étape 4 : Le texte
Pour les besoins de notre exemple, nous avons écrit "SHINY"! J'ai ajouté une simple incrustation en dégradé "Gradient Overlay" avec un orange légé. Dupliquez ensuite le calque du texte et placé le sous le calque original dans l'encadré des cadres à votre droite. Ensuite sélectionné la copie du calque texte et appuyer une fois sur la touche fléché "HAUT" afin de décaler les 2 textes légèrement afin de lui donner un look d'indentation. La couleur de l'ombre est quant à elle la même couleur utilisée lors de la création des demi-cercle (#AC190B). Vous devriez maintenant avoir quelque chose qui ressemble à celà :
Étape 5 : La touche finale
Pour la touche finale, nous allons ajouter une simple petite étoile brillante. Afin de faire celà, il suffit de créer un nouveau calque et dessinez une ligne vertical blanche d'environs ½ centimètre de long. Ensuiter aller dans le menu Filtre > Atténuation > Flou directionnel (Filter>Blur>Motion Blur) et ajouter un flou directionnel d'un angle de 90 et d'une distance de 15. Une fois appliquer appuyer simultanément sur CTRL+T et fait lui faire une rotation vers la droite. Vouc avec maintenant la moitier de l'étoile de créer. Il ne vous reste qu'à dupliquer le calque et à lui appliquer une symétrie horizontale comme nous avons fait auparavant dans ce tutoriel. Une fosi dupliquer, déplacer les calques afin de les chevauchés et de formée une étoile.
Pour terminer l'étoile, ajouter un nouveau calque et sélectionné l'outil Crayon (pencil) afin de dessiner une ligne de 1px en plein centre de l'étoile. Pour finir, rendez vous dans les options de fusions (Blending Otions) et ajoutez lui une Lueur externe (Outer glow) avec les paramètres suivant :
Voici maintenant le produit final :
Ajouter aux favoris
Bookmarker
Envoyer par mail
Vu: 2539
Rétrolien(0)
Adresse URI pour un rétrolien sur cet article
Commentaires (0)
Ecrivez un commentaire
Voici maintenant le produit final :
Ajouter aux favoris
Bookmarker
Envoyer par mail
Vu: 2539
