NoShade.net est en vente — Contactez nous si vous êtes intéressé
Le siteTutoriauxInterviews
icone RSS NoShade.net

Accueil » Tutoriaux » Photoshop » L'effet "pastille"

L'effet "pastille"


Petit effet assez à la mode depuis peu, la création d'une petite pastille autocollante qui se décolle dans un coin est en fait assez simple et rapide à réaliser. C'est ce que nous allons voir ensemble.



Premièrement, créez un nouveau document, disons de 400 sur 400 pixels.
Remplissez le fond d'une couleur, dans l'exemple, j'ai choisi du bleu.

Avec l'outil "Ellipse" (touche U), ou alors l'outil "Ellipse de sélection", créez un simple rond blanc sur un nouveau calque.
N'oubliez pas qu'avec un outil Ellipse, pour dessiner un rond, et non un ovale, il vous suffit de maintenir la touche shift enfoncée pour conserver les proportions hauteur/largeur lors de votre tracé. :)

Avec l'outil "Lasso Polygonal" maintenant, nous allons découper une partie du rond que vous avez tracé. Faites une sélection comme ceci.



Faites maintenant un clic droit sur cette sélection, puis "Calque par couper".
Avec cette fonction, nous allons donc extraire cette partie du rond, la retirer du calque courant pour la déposer sur un nouveau calque.

Sur le calque contenant le plus gros de la pastille, faites un clic droit puis "Options de fusion".
Appliquez une très légère ombre portée, une très légère lueur interne qui s'étendra sur 25 pixels environ, avec très peu d'opacité, ainsi qu'éventuellement, une incrustation en dégradé.
Le but de ces trois effets est de créer un peu de relief, de matière à notre pastille, cependant, tout cela doit être très discret pour que le résultat soit doux à l'oeil!

Placez-vous sur le calque contenant le bout retourné, puis faites une transformation manuelle (Pomme + T sur Mac / Ctrl + T sous Windows).
Faites un clic droit n'importe où sur votre document, puis "Symétrie axe horizontal" puis "Symétrie axe vertical".
Ainsi, votre forme est inversée, le bord plié qui se trouvait en bas à gauche, se retrouves en haut à droite!

Avec l'outil de déplacement (touche V), déplacez cette forme pour venir coller le bord haut-droit au reste de la pastille, en haut à droite.

Sur ce même calque, appliquez une ombre portée, très légère là encore.

Vous reste à remplir cette pastille, avec du texte ou une image, que vous placerez entre les deux calques que nous avions jusqu'à maintenant!

Simple, rapide, efficace! :)


Le 28/01/2008 par Legibe

Partager ce tutoriel : icone Scoopeo icone del.icio.us icone Digg icone Facebook icone Technorati icone TwitThis icone Google icone Live icone MySpace icone Wikio icone Mixx icone Reddit icone NewsVine

Vous avez aimé ce tutoriel ?

Faites un don pour nous encourager à en écrire d'autres! :-)

Commentaires :

Oliv a écrit :

Merci pour le tuto, mais il manque les instructions pour "retourner" le petit bout de pastille.

Legibe a écrit :

Oups! Très pertinent en effet! J'ai modifié le tuto, rajouté cette étape, merci pour ta remarque!!! :)

Waladex a écrit :

Merci beaucoup, tuto très utile et très compréhensible !

MILDE a écrit :

Quelle est la police que tu utilises pour ta phrase " une belle petite pastille"?

merci

MILDE a écrit :

Autre question quand je fais " un clic droit sur cette sélection, puis "Calque par couper"." calque par couper reste grisé comment faire?

merci

Legibe a écrit :

@MILDE : la police utilisée est "Desyrel" :)

Pour ton problème à mon avis c'est car dans ta palette de calques, tu as un calque "non pixels", peut-être un calque de texte par exemple, positionne toi sur le calque de ta pastille par exemple :)

bilhost a écrit :

c jolie, j'adore les petits tutos simple et efficace, tel un biscuit du petit matin....u r the best

TerresMinees a écrit :

Merci, ça peut être utile pour les bannière de site web. :)

AndréG. a écrit :

Très bon tutoriel. J'ai actuellement un projet à réaliser et je me suis permis de piquer cette petite invention.
Merci énormément, cordialement André G.

bigbao86 a écrit :

super je ne pensais pas que je puisse le faire
un petit truc comment je place le calque texte entre les deux calques et surtout comment on l'anime!!!

resultat du tutoriel
Ajouter un commentaire sur ce tutoriel

Joindre mon résultat (.jpg ou .png uniquement)

Adobe, Photoshop, Effet, Pastille, Décollé, Coin, Bord, Rond, Bouton
Si vous avez remarqué une erreur (une faute ou tout autre type de problème que nous puissions corriger), n'hésitez pas à nous écrire!
Soyez aussi précis que possible et n'oubliez pas de nous indiquer le tutoriel dans lequel l'erreur se trouve. Merci!! :)