Comment créer un en-tête de site web professionnel dans photoshop

Lancez Photoshop. presse "Ctrl-N" ou sélectionnez "Nouveau" dans le menu Fichier. Dans la boîte de dialogue, spécifiez la hauteur et la largeur de votre bannière, par exemple 900 pixels de large et 150 pixels de haut. Cliquez "D`ACCORD."

Sélectionnez une couleur de fond solide pour la bannière si on le souhaite. Pour ce faire, cliquez sur le "Couleur de premier plan" icône dans la barre d`outils et sélectionnez une couleur, puis cliquez sur le "Outil Rectangle" et faites-le glisser à travers la bannière entière. Dans ce tutoriel, cependant, nous allons chevaucher deux gradients au lieu d`utiliser un fond solide.

Clique le "Pente" outil dans la boîte à outils. Clique le "Remplir" menu dans la barre d`options et sélectionnez le dégradé noir et blanc des préréglages disponibles. Cliquez avec le bouton au-dessus de la bannière dans la toile et faites glisser le curseur sous la bannière. Relâchez le bouton de la souris pour appliquer le dégradé.

Clique le "Horizontal outil Texte" dans la boîte à outils. Faites glisser le curseur sur la bannière pour créer une zone de texte. Utilisez les menus dans la barre d`options pour spécifier une police, la taille de la police et la couleur. Faites glisser la zone de texte afin qu`il soit centré sur le côté gauche de la bannière.

Sélectionner "Ouvrir" dans le menu Fichier et sélectionnez une image sur votre ordinateur que vous souhaitez utiliser pour votre bannière, comme un logo de l`entreprise, une photo de vous ou d`un produit que vous vendez. Lorsque l`image apparaît, sélectionnez "Dupliquer" dans le menu de la couche. Modifier la destination à votre fichier d`en-tête, qui serait appelé "Untitled-1" sauf si vous avez déjà enregistré. Cliquez "D`accord" d`ajouter l`image comme une nouvelle couche à votre bannière.

Sélectionner "Transformer" dans le menu Edition puis cliquez sur "Échelle." Dans la plupart des cas, l`image entière ne sera pas visible sur la bannière étroite, mais son contour est visible après avoir sélectionné "Échelle." Faites glisser un coin du contour de l`image pour la redimensionner pour votre bannière. Maintenez la "Décalage" tout en faisant glisser la clé pour verrouiller son rapport d`aspect. presse "Entrer." Faites glisser l`image de sorte qu`il est sur le côté droit de la bannière.

Clique le "Couleur de premier plan" icône dans la barre d`outils pour ouvrir le sélecteur de couleurs. Cliquez avec le bouton sur le côté droit de la bannière pour correspondre à sa couleur dans le sélecteur de couleurs, puis cliquez sur "D`ACCORD."

Sélectionnez le "Outil Rectangle" de la boîte à outils. Clique le "Remplir" menu, puis sélectionnez la "Pente" icône en haut des options de menu. Faites glisser le curseur sur la bannière de juste à l`intérieur côté gauche de l`image jusqu`au bord gauche de la bannière. Le fait d`un rectangle avec un dégradé en utilisant la couleur de l`image jumelé.

Localisez le "rectangle 1" couche dans le panneau Calques, qui est la couche contenant le rectangle dégradé que vous venez d`ajouter. Faites glisser cette couche vers le bas pour en faire la troisième couche du haut - ci-dessous "couche 1" et la couche contenant votre texte. Clique le "Opacité" menu en haut du panneau Calques et faites glisser le curseur de sorte qu`il est environ 50 pour cent. Faire le semi-transparent gradient haut laisse fusionner avec le dégradé en dessous, la création d`un fond riche.

Sélectionnez la couche contenant votre texte dans le panneau Calques. Clique le "Couche" menu, sélectionnez "Style de calque" puis cliquez sur "Biseau & Gaufrer." Assurez-vous que le menu de style est fixé à "Gaufrer" et faites glisser la "Profondeur" curseur vers la gauche - autour "225" pour cent - seulement ajouter un peu de cet effet au texte.

Clique le "Satin" option dans la fenêtre Style de calque. Pour ce style, utilisez un mode de fusion "Multiplier" et réduire le Opacité à environ "15" pour cent. Celui-ci combine le style de satin avec le style gaufrée. Réglez les paramètres si désiré et cliquez sur "D`ACCORD."

Enregistrez l`image sous une bannière Web optimisé en sélectionnant "Enregistrer pour le Web" dans le menu Fichier. Sélectionner "JPEG" dans le menu Format et utiliser une qualité d`image entre 75 et 80 pour cent. Cela crée une image avec une petite taille de fichier, qui est rapidement chargé par un navigateur Web, sans sacrifier la qualité d`image. Cliquez "sauvegarder" et sélectionnez un emplacement pour enregistrer le fichier sur votre ordinateur. Après la fermeture de Photoshop, ajoutez le fichier à votre page Web.