Créer un ruban pour le Web

Publié le 12 novembre 2011 par C4pucine

Par ce tutoriel, vous allez apprendre à créer des rubans pour le Web.

Aperçu :

1 – La base

Ouvrez un nouveau document et tracez un rectangle noir. Placez un repère vertical au milieu et un repère horizontal vers le bas du rectangle. Ces repères vont vous permettre de faire la découpe sur le bas du ruban. Prenez l’outil « Plume » et tracez comme ceci :

Cliquez droit et choisissez « définir une sélection » (réglée sur 0 pixels) et validez. Appuyez sur la touche « SUPPR » de votre clavier afin d’effacer la zone sélectionnée. Vous pouvez masquer les repères car vous avez la base de votre ruban :

2 – La mise en couleur

Ouvrez les options de fusion et appliquez un dégradé de la manière suivante :

Appliquez une lègère déformation sur le haut de ruban. Sélectionnez votre calque. Créez un nouveau calque que vous remplirez de noir et que vous passerez en mode « Densité couleur - ». Sur ce nouveau calque, faites Filtres> Bruit> Ajout de bruit et réglez comme suit :

3 – Insérer un motif

Créez un nouveau calque et choisissez un motif dans les formes personnalisées. Appliquez-lui les réglages suivants. Pour l’incrustation en couleur, choisissez une couleur allant avec votre teinte de départ :



A ce stade, vous obtenez ceci :

4 – Coutures et finitions

Vous allez maintenant créer les coutures de chaque côté du ruban. Pour cela rien de plus simple : prenez l’outil texte et saisissez des tirets que vous placerez ensuite de manière verticale en ajustant au besoin en y incluant les réglages suivants :


Dupliquez le calque des coutures et placez-le de l’autre côté. Vous pouvez aussi en placer tout le tour si vous le désirez.

Appliquez une ombre portée à votre ruban et c’est fini !

:)