Etape 1 :
Créez un document de 100px sur 100px. A l’aide de l’outil pinceau, peignez deux bandes comme ci-dessous (couleur : #FF0000)

Une fois vos deux bandes rouges en place, allez dans Filtres > Déformation > Contraction… puis réglez comme cela :

Pour finir cette première étape, allez dans Edition > Utiliser come motif…. Donnez un nom à votre nouveau motif et cliquez sur OK.

Etape 2 :
Créez un nouveau document de 300px sur 90px (ou plus grand). Sélectionnez l’outil texte (raccourci : T), puis tapez votre texte en noir. La police utilisée ici est Arial Black, utilisez de préférence une police large.

Vous allez ensuite appliquer des styles au calque de texte : dans la fenêtre des calques, sélectionnez le calque du texte, puis clic droit > Options de fusion…. Appliquez les styles comme ci-dessous :

Etape 3 :
Allez, courage, dernière ligne droite. Une fois les styles appliqués vous devriez obtenir quelque chose comme ceci :

Il ne reste plus qu’à incliner les lignes rouge et blanche. Pour cela allez dans Image > Rotation de la zone de travail > Paramétrée…, puis définissez l’angle à 45° antihoraire.

Fusionnez les calques visibles : Calques > Fusionner les calques visibles (raccourci : Maj+Ctrl+E)

Et pour terminer, retournez l’image dans le bon sens : Image > Rotation de la zone de travail > Paramétrée…, puis définissez l’angle à 45° horaire.
Et voilà le résultat final :

Photoshop est votre ami, ne l’oubliez pas ! Et cliquez sur « Lire la suite » (en bas à gauche) pour voir le tutoriel.
Si vous êtes trop pressé, cliquez-ici pour télécharger le fichier Photoshop (.psd) du menu.

Tout d’abord, créez un nouveau document (Ctrl+N) de 168 pixels sur 140 avec Transparent comme contenu de l’arrière plan.
Prenez l’outil rectangle de sélection (M) puis en partant du haut gauche du document sélectionnez un rectangle de 168 pixels sur 28. Remplissez la sélection avec le pot de peinture (G) et la couleur suivante : #3399FF. Vous devriez avoir ça sous les yeux :

Double-cliquez sur la vignette du calque dans la palette des calques (F7 pour afficher la palette) pour ouvrir le panneau style de calque. Cochez la case Incrustation en dégradé puis réglez selon les paramètre suivant, et validez en cliquant sur OK :

Voilà ou nous en sommes :

Reprenez l’outil rectangle de sélection (M) pour créer un rectangle de 166 pixels sur 26. Placez-le au milieu du rectangle précédent, soit un pixel de chaque côté. Si je m’exprime mal, ceci va peut-être vous aider :

Créer un nouveau calque (Shift+Ctrl+N), et comme précédemment, remplissez la sélection grâce au pot de peinture avec la même couleur (#3399FF). Voici ce que vous obtenez :

Comme pour le premier rectangle, double-cliquez sur la vignette pour ouvrir le panneau style de calque. Cochez la case Incrustation en dégradé puis réglez selon les paramètre suivant, et validez en cliquant sur OK :

Toujours sur ce nouveau calque, changez son mode de fusion pour Produit dans la palette des calques comme indiqué ci-dessous :

Voilà, le premier bouton est terminé !

Il suffit maintenant de reproduire 4 fois le bouton. Pour gagner du temps, créez un groupe de calque dans la palette des calques puis mettez-y les 2 calques que vous venez de créer. Il ne reste plus qu’à dupliquer le groupe (clic droit, Dupliquez le groupe de calque…). Placez correctement votre nouveau groupe, ainsi de suite jusqu’à ceci :

Un peu de texte ? Pour ma part, j’ai pris la police 04b08 taille 8pt, disponible sur dafont. Voici le résultat final :

J’ai rajouté un léger effet pour le rollover sur le bouton ou passe le curseur sur mon exemple (dispo dans le fichier psd)
> Cliquez-ici pour télécharger le fichier Photoshop (.psd) du menu.

Ctrl+Shift+N : Nouveau calque
Ctrl+J : Nouveau calque par copier (duplique le calque de la sélection actuelle)
Ctrl+Shift+J : Nouveau calque par couper
Ctrl+G : Créer un masque d’écrêtage
Alt+Shift+Ctrl+; : Passer le calque actuel au premier plan (au dessus de tout les autres)
Ctrl+; : Rapprocher (monter le calque d’un niveau)
Ctrl+, : Eloigner (descendre le calque d’un niveau)
Alt+Shift+Ctrl+; : Passer le calque actuel à l’arrière plan (au dessous de tout les autres)
Ctrl+E : Fusionner le calque actuel avec le calque du dessous
Shift+Ctrl+E : Fusionner les calques visibles

Menu Sélection
Ctrl+A : Tout sélectionner
Ctrl+D : Désélectionner
Ctrl+Shift+D : Resélectionner (la dernière sélection)
Ctrl+Shift+I : Inverser la sélection
Ctrl+Alt+D : Contour progressif

Menu Filtre
Ctrl+F : Applique le filtre précédent
Ctrl+Alt+X : Extraire
Ctrl+Shift+X : Fluidité
Ctrl+Shift+Alt+X : Placage de motif

Menu Affichage
Ctrl+Y : Couleurs de l’épreuve
Ctrl++ : Zoom avant
Ctrl+- : Zoom arrière
Ctrl+Alt+0 : Taille réelle des pixels
Ctrl+0 : Taille écran
Ctrl+Shift+H : Tracé cible
Ctrl+R : Afficher la règle
Ctrl+Shift+; : Activer / désactiver le magnétisme
Ctrl+H : Extras
Ctrl+Alt+; : Verrouiller les repères
Ctrl+: : Repères
Ctrl+ » : Afficher la grille

Autres raccourcis
Alt+Retour Arrière : remplir le calque avec la couleur de premier plan
Ctrl+Retour Arrière : remplir le calque avec la couleur d’arrière plan
Tabulation : Cacher / Montrer toutes les palettes

Menu Edition
Ctrl+Z : Annuler
Ctrl+Alt+Z : Aller vers l’arrière (dans l’historique)
Ctrl+Shift+Z : Aller vers l’avant (dans l’historique)
Ctrl+X : Couper
Ctrl+C : Coller
Ctrl+Shift+C : Copier avec fusion (aplatit les calques et copie)
Ctrl+V : Coller
Ctrl+Shift+V : Coller dedans
Ctrl+T : Transformer

Menu Image
Ctrl+L : Niveaux
Ctrl+Shift+L : Niveaux automatiques
Ctrl+Alt+Shift+L : Contraste automatique
Ctrl+Shift+B : Couleur automatique
Ctrl+M : Courbes
Ctrl+B : Balance des couleurs
Ctrl+U : Teinte/Saturation
Ctrl+Shift+U : Désaturation
Ctrl+I : Négatif
Ctrl+Alt+X : Extraire

Etape 1
Créez un nouveau document (CTRL+N), passez le fond du document en noir puis écrivez votre texte en blanc comme ci-dessous :

Etape 2 :
Double-cliquez sur le calque correspondant au texte afin d’ouvrir la fenêtre des styles de calque, puis appliquer les styles suivants :

Vous pouvez jouer sur l’opacité du mode d’ombrage juste ci-dessus pour intensifier ou diminuer l’effet métallique.

Une fois les styles ajoutés, vous pouvez modifier la couleur du fond avec un dégradé par exemple, et voilà ce que l’on obtient :

Etape 2 :
Mettez du blanc en couleur de premier plan dans votre palette d’outils (astuce : pour gagner du temps, appuyer sur « D » pour passer les couleurs par défaut, c’est à dire noir et blanc, puis « X » pour inverser les couleurs)
Sélectionnez l’outil plume (P), en prenant bien soin d’utiliser l’option « Calques de forme » (les icônes en haut à gauche sur la barre d’options).
Activer le magnétisme afin de vous faciliter la tâche (Affichage > Magnétisme), puis tracer la forme suivante avec la plume :

Ici la forme est en noir afin de mieux la visualiser, vous pouvez en faire de même, mais n’oubliez pas de la remettre en blanc.

Etape 3 :
Cette étape n’a rien de compliqué, il suffit d’appliquer les styles de calque suivants :

Ci-dessous les paramètres du dégradé pour le style du dessus (Incrustation en dégradé) :

Etape 4 :
Nous allons ajouter un motif de fond à notre boîte. Pour cela créer un nouveau document (CTRL + N) de 3 pixels sur 3. Utilisez l’outil Crayon (B) avec un diamètre d’un pixel et ces couleurs :

Enregistrez le document comme motif : Edition > Utiliser comme motif…
Retournez sur le document de la boît, puis dans les styles de calque, utilisez votre motif dans Incrustation de motif, il doit ce trouver à la fin de la liste.

Et voici ce que l’on obtient au final :

Vous pouvez bien sûr habiller un peu la boîte, pour ma part ce sera ça :

Alors, elle est belle ma box ?

Etape 1 : créer le texte

Créez un nouveau document, puis placez-y votre texte à l’aide de l’outil Texte (raccourci clavier : T)

Placez-vous sur la fenêtre des calques, puis sur le calque du texte. Appuyez sur la touche CTRL et sélectionnez ce calque tout en maintenant la touche CTRL enfoncée. Le texte est alors sélectionné.

Sélectionnez l’outil de sélection Ellipse.
Puis en maintenant la touche ALT sélectionner une partie de la sélection déjà en place sur le texte. Cette opération a pour but de soustraire la sélection de type Ellipse à votre sélection de départ. Enlever un morceau de la sélection de cette façon :

Votre sélection devrait donc ressembler à cela :

N’enlevez pas la sélection, nous allons en voir besoin !

Créez un nouveau calque au dessus du calque du texte grâce au bouton : qui se trouve dans la fenêtre des calques ou en utilisant le raccourci MAJ+CTRL+N
Voilà où vous en êtes dans vos calques :

Etape 2 : le verni

Mettre du blanc en premier plan :

Sélectionnez l’outil dégradé, puis dans les options de cet outil, sélectionnez le dégradé Premier plan – Transparent

Sur le nouveau calque, appliquez le dégradé du haut vers le bas. Désélectionnez la sélection grâce au raccourci ALT+D, voilà ce que vous obtenez en ajoutant un contour au texte :

Après :

Etape 1 : sélectionner l

Etape 1 :
Ouvrez l’image à modifier puis créez un nouveau calque (MAJ+CTRL+N). Remplissez ce nouveau calque de noir (édition>remplir, ou bien le pot de peinture)

Etape 2 :
Positionnez-vous sur le calque noir puis appliquez les filtres suivants avec ces paramètres :

- Filtre > Bruit > Ajout de bruit…

- Filtre > Atténuation > Flou directionnel

Voilà ce que ça donne :

Etape 3 :
Il faut maintenant toucher aux niveaux, pour cela faites CTRL+L puis aplliquez les paramètres comme ci-dessous :

Et vous obtenez ceci :

Etape 4 :
Modifiez le mode de fusion du calque supérieur en le passant sur « Superposition ».

Vous n’êtes plus très loin du résultat final :

Etape 5 :
Sur l’image précédente, vous l’aurez peut-être remarquer, l’effet de pluie est trop fort en haut et en bas de l’image. Nous allons donc remédier à cela. Positionnez-vous sur le calque d’arrière-plan (l’image d’origine) puis utilisez le raccourci CTRL+T pour le transformer. Mettre la hauteur et la largeur à 110% comme ci-dessous :

Et voici le résultat final :