Tutorial photoshop : créez un header pour wordpress style web 2.0

Voici un petit tutorial pour créer un header 2.0 pour wordpress : (du fait de la grande taille des images, je vous laisse découvrir la suite de ce tutorial en cliquant sur le lien ci-dessous)

  1. Commencez par créer un nouveau fichier de 760*200 pixels.
  2. Créez un nouveau calque, puis créez-lui un dégradé de la couleur de votre choix, du foncé vers le clair (ici bleu) Tuto photoshop 01
  3. Créez un nouveau calque et avec le bouton sélection, créez un ovale qui descend jusqu’à environ la moitié de votre fichier. 02.jpg
  4. Avec ctrl+return, remplissez votre sélection de blanc, puis appliquez-lui une opacité d’environ 25 %tuto part03
  5. Ensuite ouvrez le header classique de worpdress puis cliquez sur la baguette magique, réglez la tolérance à 40 et cliquez sur le bleu. Ensuite, appuyez simultanément sur les touches contrôle, majuscule et I, ce qui auras pour effet d’inverser la sélection.
  6. Copiez la sélection et collez-la sur votre image.
  7. Il ne vous reste plus qu’à (ou pas) écrire votre titre de blog, vous pouvez également créer une ellipse sur le texte, je vous expliquerais une prochaine fois comment faire. tuto part04
  8. Vous pouvez voir le résultat ci-dessus.

4 commentaires pour “Tutorial photoshop : créez un header pour wordpress style web 2.0”

  1. eMeRiKa dit :

    Web 2.0 où comment n’importe qui peut se prendre pour un designer.. Enfin on a pas la même conception du design 2.0.. Cà c’est une pseudo bannière de débutant tout simplement.

  2. Manu dit :

    Jamais dit le contraire, hein, c’est juste un style, c’est effectivement tout bête, mais vu que ca peut plaire… (et vu la proffusion sur bon nombre de sites de ce genre de bannière, ca doit plaire).
    Et comme je l’explique dans la page de présentation de ce site, oui je suis un débutant et l’interet de ce blog est de voir l’évolution.

  3. shao69 dit :

    Je suis toujours surpris du peu d’intérêt qu’on certains à faire une critique non constructive, le principe de la bannière est pourtant bien expliquée comme concernant des débutants en majeur partie.
    J’aime beaucoup le principe du blog, qui nous fait partager “en temps réel” son développement. Et cela sans se revendiquer d’une telle ou telle technique, mais juste en appliquant et centralisant les infos que l’on trouve un peu partout.

    Pour cela merci

  4. julien dit :

    Bonne continuation Manu.
    T’arrêtes pas aux critiques.

Laisser un commentaire


Fermer
Envoyez-le par mail