Magazine Informatique

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 :

Créer un ruban pour le Web

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 :

Créer un ruban pour le Web

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 :

Créer un ruban pour le Web

2 – La mise en couleur

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

Créer un ruban pour le Web

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 :

Créer un ruban pour le Web

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 :

Créer un ruban pour le Web

Créer un ruban pour le Web

Créer un ruban pour le Web

A ce stade, vous obtenez ceci :

Créer un ruban pour le Web

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 :

Créer un ruban pour le Web

Créer un ruban pour le Web

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.

Créer un ruban pour le Web

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

:)


Retour à La Une de Logo Paperblog

A propos de l’auteur


C4pucine 220 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte