Voici un tuto super facile a faire apprendre a créer un rubon réaliste avec photoshop

Tutoriel créer un ruban réaliste avec photoshop

Pour commencer ouvrez un nouveau document de 500×500 pixels avec couleur de fond #cebfae

Tutoriaux photoshop créer un ruban avec photoshop

Importez la texture suivante

Tutoriaux photoshop créer un ruban avec photoshop

Changez le mode de fusion en Incrustation

Tutoriaux photoshop créer un ruban avec photoshop

Tutoriaux photoshop créer un ruban avec photoshop

Créez un nouveau calque (SHIFT + CTRL + N) puis à l’aide de l’outil rectangle de sélection créez un rectangle et remplissez le avec du Rouge #dc1154

Tutoriaux photoshop créer un ruban avec photoshop

Refaite la même étape avec les couleurs suivantes #94d64d et #fff000

Tutoriaux photoshop créer un ruban avec photoshop

Fusionnez les trois calque que vous venez de créer

Dupliquez ce dernier (Ctrl+j)

Allez a votre premier calque des rubans et allez dans Menu > Édition > Transformation Manuel > Symétrie axe vertical

Tutoriaux photoshop créer un ruban avec photoshop

Déplacez vos deux calque comme ce ci (CTRL+T) l’outil transformation manuel

Tutoriaux photoshop créer un ruban avec photoshop

Maintenant supprimez les bouts inférieurs de vos deux calques comme cela

Tutoriaux photoshop créer un ruban avec photoshop

Créez un nouveau calque mettez le entre les deux derniers calques

Tutoriaux photoshop créer un ruban avec photoshop

Prenez l’outil forme (B) couleur Noiret dessinez quelque chose comme ce ci pour illustrez l’ombre de ce dernier

Tutoriaux photoshop créer un ruban avec photoshop

Réduisez un peu l’opacité 45%

Tutoriaux photoshop créer un ruban avec photoshop

Maintenant tapez un texte couleur #efe6e0 tout au long de la bande rouge et transformez les comme ce ci

Tutoriaux photoshop créer un ruban avec photoshop

Fusionnez ces trois derniers calques

Appliquez une lueur externe dans les options de fusion

Tutoriaux photoshop créer un ruban avec photoshop

Tutoriaux photoshop créer un ruban avec photoshop

Allez dans Menu > Texture > Placage de texture

Tutoriaux photoshop créer un ruban avec photoshop

Tutoriaux photoshop créer un ruban avec photoshop

Ensuite appliquez un dégradé sur votre ruban bien sure dans les options de fusion

Tutoriaux photoshop créer un ruban avec photoshop

Tutoriaux photoshop créer un ruban avec photoshop

Maintenant nous allons créer une petite texture

Ouvrez un nouveau document de 3×3pixels

à l’aide de l’outil forme dessinez des petit carreau comme ce ci

Tutoriaux photoshop créer un ruban avec photoshop

Ensuite allez dans Menu > Édition > Utilisé Comme Motif > Ok

Revenez à votre ruban et maintenez la touche CTRL enfoncé et cliquez sur le calque du ruban pour obtenir ça sélection

Tutoriaux photoshop créer un ruban avec photoshop

Prenez l’outil Pot de peinture (G) à la place de couleur mettez motif et choisissez le motif que vous venez de créer

Dans un nouveau calque remplissez la sélection avec le motif précédent

Tutoriaux photoshop créer un ruban avec photoshop

Appuyez sur CTRL+D pour dé-sélectionner le calque réduisez l’opacité à 40% et le mode de fusion Incrustation

Tutoriaux photoshop créer un ruban avec photoshop

Créez un nouveau calque sous le calque du ruban et prenez l’outil forme dessinez des ombres comme ce ci

Tutoriaux photoshop créer un ruban avec photoshop

Réduisez l’opacité 45 % et voilà le travail

Tutoriaux photoshop créer un ruban avec photoshop

11 COMMENTAIRES

  1. Merci bcp, il m’a servi a un menu de site façon ruban réaliste en détournant un peu le truc 🙂
    @fannouchka: tu devrais plutôt chercher des templates psd pré-mâchés le but ici est quand même d’apprendre un minimum…

  2. Tres bon travail, je realise tous tes tutos histoire de me refaire la main sur photoshop cs 6, juste un petit bug, tu devrais faire une symetrie verticale et horizontale sur ta partie texe inversee …