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, comme 900 pixels de large et 150 pixels de haut. Cliquez "D`ACCORD."

Sélectionnez une couleur d`arrière-plan 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 sur l`ensemble de la bannière. Dans ce tutoriel, cependant, nous serons chevauchant deux gradients au lieu d`utiliser un fond solide.

Clique le "Pente" outil dans la boîte à outils. Clique le "Remplir" menu dans les options de la barre et sélectionnez le dégradé noir et blanc à partir des préréglages disponibles. Cliquez sur la bannière ci-dessus partout 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 Calque. Changez la destination à votre fichier d`en-tête, qui serait appelé "Untitled-1" sauf si vous avez déjà enregistré. Cliquez "D`accord" pour ajouter l`image comme un nouveau calque sur 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 pour verrouiller son ratio 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 n`importe où sur le côté droit de la bannière pour correspondre à sa couleur dans le sélecteur de couleurs et puis cliquez sur "D`ACCORD."

Sélectionnez le "Outil Rectangle" à partir de la boîte à outils. Clique le "Remplir" menu, puis sélectionnez le "Pente" icône en haut des options de menu. Faites glisser le curseur sur la bannière du 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 gradient en utilisant la couleur que vous jumelé de l`image.

Localisez le "Rectangle 1" couche dans le panneau Calques, qui est la couche contenant le rectangle de dégradé que vous venez d`ajouter. Faites glisser cette couche vers le bas pour 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 d`environ 50 pour cent. Rendre le gradient top semi-transparent laisse fusionner avec le dégradé en dessous, créant un fond riche.

Sélectionnez le calque 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 Style est fixé à "Gaufrer" et faites glisser le "Profondeur" curseur vers la gauche - autour "225" pour cent - pour ajouter seulement un peu de cet effet pour le texte.

Clique le "Satin" option dans la fenêtre Style de calque. Pour ce style, utilisez un mode de fusion de "Multiplier" et réduire l`opacité à environ "15" pour cent. Celui-ci combine le style de satin avec le style de gaufrage. Réglez les paramètres si vous le souhaitez 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é comprise entre 75 et 80 pour cent Image. Cela crée une image avec une petite taille de fichier, qui est rapidement chargé par un navigateur Web, sans pour autant sacrifier la qualité de l`image. Cliquez "sauvegarder" et sélectionnez un emplacement pour stocker le fichier sur votre ordinateur. Après la fermeture de Photoshop, ajoutez le fichier à votre page Web.