Le site

Tutoriaux

Interviews

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! :)

Commentaires

Ajouter un commentaire sur ce tutoriel

Pseudo

E-mail

Site web (sans http://)

Mon commentaire

Vous voulez montrer
ce que vous avez réussi
à faire grâce à ce tuto? Joindre mon résultat (.jpg ou .png uniquement)

 

Code à recopier