Tutorial Blog

Créer un Ornate Site Header Tutorial Photoshop

Février 28, 2006 par Oli · 12 Commentaires Post to Twitter Poste à Yahoo Buzz Poste à Digg Post to Reddit Post à StumbleUpon




Ce tutoriel va vous montrer comment créer un en-tête décoratifs que vous pouvez utiliser sur des sites Web ou blogs.

C'est ce que vous allez créer:
header site Web de didacticiels

La première étape est de créer une toile blanche d'environ 770px de largeur et 400 px de haut, puis sélectionnez l'outil rectangle arrondi, définissez le rayon de 9px et d'en extraire la forme de votre tête de votre taille ne serait-il comme:

site d'en-tête tutoriel step1

Next up va ajouter un dégradé à la forme - clic droit sur le calque de la forme et d'ajouter des paramètres d'incrustation en dégradé:

en-tête de l'étape tutorial Site Web 2

Choisissez un violet clair et violet foncé pour le gradient, j'ai utilisé # 190141 pour le noir et # 5E01F7 pour la lumière
Votre forme va maintenant ressembler à ceci:

site d'en-tête tutoriel step3

Maintenant nous avons besoin de choisir un modèle à l'en-tête, pour ce tutoriel, j'ai utilisé un de site dans le squidfinger excellente's.
Mon modèle choisi est:

modèle

Vous pouvez utiliser celui-ci, il suffit de cliquer droit sur l'image et l'enregistrer ou de naviguer à travers squidfinger's pour trouver celui que vous préférez.

Maintenant, ouvrez le modèle dans Photoshop, sélectionnez-le et coupez et collez dans votre entête psd, ctrl + clic sur la couche de modèle pour le sélectionner, comme ceci:

en-tête de l'étape tutorial site web 4

Ensuite, allez dans> Edit> Define Pattern> et donnez-lui un nom.

Ctrl + Clic sur la forme de votre tête principale calque à sélectionner, créer un nouveau calque au-dessus et cliquez sur l'outil Pot de peinture. Mettez le type de remplissage de 'plan' à 'pattern' et choisissez votre modèle dans la liste déroulante.

en-tête de l'étape tutorial site web 4

Remplir le nouveau calque avec votre motif:

en-tête de l'étape tutoriel site 5

Cliquez à droite sur la couche de modèle et les options de fusion choisir, changer le mode de fusion sur 'overlay' et prendre l'opacité que de 39%:

en-tête de l'étape tutorial site web 6

Votre tête va maintenant ressembler à ceci:

en-tête de l'étape tutoriel site Web 7

Sélectionnez la forme de tête de la couche, cliquez à droite et aller dans options de fusion, nous allons maintenant ajouter quelques lueur externe:

en-tête de l'étape tutorial Site web 8

Une 4pixel à l'intérieur une course:

en-tête de l'étape tutoriel site Web 9

Vous devriez maintenant avoir:

en-tête de l'étape tutorial site web 10

Maintenant, ajoutez enfin votre logo / texte et la navigation et la votre en-tête est terminé:

header site tutoriel photoshop

Vous pouvez également télécharger le PSD pour ce tutoriel.



Commentaires

12 Responses to "Créer un Ornate Site Header Tutorial Photoshop"
  1. Tutoriels vidéo - http://videotutorials.blogspot.com/ dit:

    Excellent tutoriel

  2. mheidzir - dit:

    Cela est bon tutoriel. aimerait voir Tutoriel Gimp à l'avenir

  3. Ivan Minic - http://www.burek.co.yu dit:

    Mignon :)

  4. Seyhan - dit:

    C'est vraiment gentil, merci. Keep up the good work ..

  5. morly - http://orderonline.harisen.jp/celexa/ dit:

    Very Very Nice information ici ... Merci

  6. Henry - http://www.henryhoffman.com dit:

    Nice tutorial!

    Vous pouvez télécharger des lots d'éléments de conception web gratuit similaire à ce à http://www.stemplate.com

  7. Black Tiger - http://www.resimsite.com dit:

    Merci, nice tutorial!

  8. Mattias B. - http://none dit:

    Merci J'ai vraiment apprécié ce Tutoriel. Easy effets qui peuvent être utilisés dans beaucoup de façons vraiment aider les codeurs qui tentent de mettre quelque chose graphique de temps en temps sans se faire rire =)

  9. psdtemplates - http://www.psdtemplates.org dit:

    Bel effet. Vais essayer bientôt. Tnx again!

  10. Laura - a écrit:

    Great tutorial, merci!

  11. Chalo - dit:

    Great tutorial - de base, mais avec quelques fonctionnalités que je cherchais, a ajouté bonus.

    Merci.

Tutorial Blog