Comment faire une bannière de site web en Photoshop

September 29

Si votre site a besoin d'une bannière personnalisée, vous pouvez concevoir un en quelques minutes à l'aide d'Adobe Photoshop. Choisissez vos couleurs, la taille, les polices, les graphiques et toutes les touches personnelles que vous devez vraiment faire la bannière de votre propre. Cela va ajouter de la personnalité à votre site Web et vous permettre à un plus grand degré de contrôle créatif. Prenez un moment pour vous familiariser avec les nombreuses options d'édition disponibles dans Photoshop, et commencer à créer votre bannière.

Instructions

1 Créer un nouveau projet Photoshop. Cliquez sur l'icône "Photoshop" pour l'ouvrir, puis cliquez sur "Fichier" dans la barre de menu et sélectionnez "Nouveau" dans le menu déroulant. Une fenêtre pop-up apparaîtra avec une série d'options pour votre nouveau projet.

2 Entrez une taille pour votre bannière dans la "Largeur" ​​et "height" boîtes sur votre fenêtre pop-up. Pour un site web bannière standard, essayez 780 px par 120 px. Pour les petites bannières, essayez 468x60. Cliquez sur "OK" lorsque vous avez terminé. Votre nouveau projet apparaîtra dans sa propre fenêtre.

3 Choisissez une couleur pour votre arrière-plan. Cliquez sur la case "Couleur de premier plan" au bas de votre palette «Outils» et choisissez une couleur dans les nuances disponibles. Si vous ne voyez pas votre palette «Outils», cliquez sur "Fenêtre" dans la barre de menu et sélectionnez "Outils" dans le menu déroulant.

4 Remplissez votre image avec la couleur choisie. Cliquez sur "Modifier" dans la barre de menu et sélectionnez "Remplir" dans le menu déroulant. Assurez-vous de sélectionner "Couleur de premier plan" dans la fenêtre pop-up et cliquez sur "OK" pour remplir votre image. Si vous préférez utiliser une image comme arrière-plan, ouvrez l'image comme un document Photoshop séparé, cliquez et maintenez-le en utilisant le "Move Tool" et faites-le glisser directement sur votre document de bannière.

5 Ajouter le titre de votre site Web pour votre bannière. Cliquez sur l'outil "Texte", qui ressemble à une lettre "T" sur votre palette «Outils», puis cliquez sur votre souris dans le centre de votre bannière. Ensuite, tapez le nom de votre site Web et appuyez sur "Entrée". Vous pouvez choisir la police et la taille en accédant aux options apparaissant en haut de votre écran, juste en dessous de la barre de menu.

6 Utilisez votre outil "Déplacer" pour faire glisser votre texte le long de l'image jusqu'à ce qu'elle semble parfaitement centrée à votre goût.

7 Faites votre texte se démarquer. Localisez votre panneau "Layers" et double-cliquez sur le calque contenant votre texte. Vos options "Style de calque" apparaîtra alors. Si votre panneau "Layers" ne figure pas sur votre écran, cliquez sur "Fenêtre" dans la barre de menu et sélectionnez "Layers".

8 Ajouter des effets à votre texte en utilisant la fenêtre "Style de calque". Si vous cliquez sur "Ombre," une ombre réaliste apparaît sous votre texte. Si vous cliquez sur "Biseau et estampe," votre texte prendra une qualité en trois dimensions. Si vous choisissez "Stroke", une bordure rayonnante apparaît autour de votre texte. Expérience avec des effets différents jusqu'à ce que votre texte ressemble juste à droite.

9 Centrez votre texte. Choisissez votre outil "Move" à partir du panneau "Outils" et faites glisser votre texte rempli à l'endroit exact où vous voulez qu'il apparaisse sur votre bannière, soit à gauche ou à droite ou au centre.

dix Ajouter des graphiques et des images pour votre bannière. Si vous avez un logo de l'entreprise, un site Web insignes ou juste un simple morceau de clip art que vous souhaitez intégrer dans votre bannière, l'ouvrir comme un document Photoshop séparé et faites glisser l'image sur votre bannière à l'aide de la fonction "Move". Vous pouvez également utiliser l'outil "Déplacer" pour situer l'image exactement où vous voulez qu'il apparaisse.

11 Enregistrez votre bannière. Cliquez sur "Fichier" dans la barre de menu et sélectionnez "Enregistrer" dans le menu déroulant. Lorsque vous êtes invité à choisir un format, sélectionnez un format Web convivial comme «.jpg» ou «.gif».


          

Post a comment: