6 façons de créer une bannière Web

Table des matières:

6 façons de créer une bannière Web
6 façons de créer une bannière Web
Anonim

Vous devez être familiarisé avec les bannières Web (bannières Web). Ce matériel graphique se trouve généralement au-dessus d'un site Web et affiche le nom et le logo de l'entreprise, ou sous la forme d'une publicité, ou un mélange des deux, sur un site Web commercial. Les bannières doivent être informatives, attrayantes et invitantes. Les bannières doivent permettre aux visiteurs réguliers de se sentir chez eux. Nous vous montrerons ci-dessous plusieurs façons de créer une bannière.

Étape

Méthode 1 sur 6: Photoshop

Faire une bannière Étape 1
Faire une bannière Étape 1

Étape 1. Créez un nouveau document

Spécifiez la taille de la bannière, un certain nombre de tailles de bannière standard sont disponibles. Pour les besoins de cet article, nous nous concentrerons sur la taille standard « full banner » (468x60 pixels).

Remarque: il s'agit de la taille de bannière standard, mais ce n'est pas obligatoire. Si vous voulez une taille différente, utilisez cette taille comme guide

Faire une bannière Étape 2
Faire une bannière Étape 2

Étape 2. Définissez la couleur d'arrière-plan de la bannière

Remplissez le calque d'arrière-plan (alias calque) avec une couleur qui prend en charge la conception de votre site Web.

  • Cliquez sur Couleur de premier plan pour ouvrir le sélecteur de couleurs, puis choisissez une couleur de remplissage.
  • Avec l'outil Pot de peinture, remplissez le calque d'arrière-plan de la bannière avec la couleur de votre choix.
Faire une bannière Étape 3
Faire une bannière Étape 3

Étape 3. Créez un nouveau calque

Nous allons remplir ce calque avec une couleur plus riche pour aider à embellir le texte et le logo. La taille de ce calque doit être proportionnelle à la taille de la bannière et centrée.

  • Sur un nouveau calque, faites une sélection légèrement plus petite que la bannière d'origine, puis remplissez-la de la couleur désirée.
  • Centrez la zone remplie. Sélectionnez le calque entier en appuyant sur CTRL+A (PC) ou Commande+A (Macintosh).
  • Dans le menu Calque, choisissez Aligner les calques sur la sélection > Centres verticaux. Répétez cette étape mais sélectionnez Centres horizontaux. Cette action centrera la couche de contraste à la fois horizontalement et verticalement.
Faire une bannière Étape 4
Faire une bannière Étape 4

Étape 4. Ajoutez un logo

Ouvrez le fichier du logo, copiez-le, puis collez-le dans le document de bannière afin qu'il apparaisse comme un nouveau calque. Redimensionnez-le pour l'adapter au besoin. Appuyez sur CTRL+T sur un PC ou Commande+T sur un Macintosh et utilisez les poignées pour redimensionner le document. Utilisez la touche Maj de la poignée pour la redimensionner proportionnellement.

Faire une bannière Étape 5
Faire une bannière Étape 5

Étape 5. Ajoutez le nom de l'entreprise ou du site Web

Sélectionnez l'outil texte, sélectionnez la police (alias police) souhaitée, puis tapez le texte dedans. Si nécessaire, ajustez la taille de la police, comme décrit à l'étape précédente.

Faire une bannière Étape 6
Faire une bannière Étape 6

Étape 6. Ajoutez des éléments supplémentaires

Parfois, un logo et un nom suffiront. Mais ajouter quelques lignes et ornements ajoutera de l'intérêt à la bannière. Créez un nouveau calque pour ce faire afin que vos ajustements n'interfèrent pas avec les autres calques.

Faire une bannière Étape 7
Faire une bannière Étape 7

Étape 7. Nettoyer

Affinez l'emplacement du logo, du titre et de tout élément supplémentaire, puis enregistrez la bannière.

Méthode 2 sur 6: Microsoft Paint

Faire une bannière Étape 8
Faire une bannière Étape 8

Étape 1. Créez un nouveau document

Faire une bannière Étape 9
Faire une bannière Étape 9

Étape 2. Dessinez une sélection de la taille d'une bannière

Vous pouvez créer la taille de votre choix ou cliquer ici pour afficher les tailles de bannière standard.

Faire une bannière Étape 10
Faire une bannière Étape 10

Étape 3. Pour créer un arrière-plan coloré, utilisez l'outil Pot de peinture pour remplir la bannière avec la couleur de votre choix

Utilisez des couleurs qui correspondent au site Web.

Faire une bannière Étape 11
Faire une bannière Étape 11

Étape 4. Ajoutez des photos, des images et du texte

Cliquez sur l'onglet Coller, puis dans le menu, sélectionnez Coller à partir de.

Trouvez une image que vous aimez, puis cliquez sur le bouton Ouvrir

Faire une bannière Étape 12
Faire une bannière Étape 12

Étape 5. Redimensionnez l'image si nécessaire

Cliquez sur l'onglet Redimensionner, puis sélectionnez Pixels. Ajustez sa hauteur verticale pour qu'elle corresponde à la hauteur de la bannière.

  • Déplacez l'image en place.
  • Ajoutez autant d'images que vous le souhaitez (et adaptez-les !)
Faire une bannière Étape 13
Faire une bannière Étape 13

Étape 6. Ajoutez un nom

Utilisez l'outil Texte (bouton A) pour ajouter votre nom ou tout autre texte de votre choix.

Faire une bannière Étape 14
Faire une bannière Étape 14

Étape 7. Rognez (alias rogner) la bannière

Utilisez l'outil Sélection et dessinez un cadre autour de la bannière. Assurez-vous qu'il correspond à la taille du résultat final que vous souhaitez. Cliquez ensuite sur Recadrer.

Faire une bannière Étape 15
Faire une bannière Étape 15

Étape 8. Une fois terminé, enregistrez

Méthode 3 sur 6: Utilisation de Microsoft PowerPoint

Faire une bannière Étape 16
Faire une bannière Étape 16

Étape 1. Créez un nouveau document PowerPoint vierge

Ajustez la vue à 100 %

Faire une bannière Étape 17
Faire une bannière Étape 17

Étape 2. Dessinez l'arrière-plan de la bannière

Utilisez l'une des tailles de bannière standard ou la taille dont vous avez besoin.

  • Cliquez sur l'onglet Forme, puis sélectionnez un rectangle de base.
  • Dessinez la taille que vous voulez, puis remplissez-la à votre guise. Vous pouvez utiliser une couleur unie ou, dans le menu des couleurs de remplissage, sélectionner Effets de remplissage ou cliquer sur le bouton Styles rapides et choisir une couleur de remplissage prédéfinie.
Faire une bannière Étape 18
Faire une bannière Étape 18

Étape 3. Ajoutez une image ou un logo

Vous pouvez ajouter une photo, un logo ou une autre image à la bannière. Nous utiliserons des images clipart comme décoration. Cliquez sur le bouton Image et sélectionnez le type d'image que vous souhaitez insérer. Ajoutez une image, redimensionnez-la, puis placez-la sur la bannière.

Faire une bannière Étape 19
Faire une bannière Étape 19

Étape 4. Ajoutez du texte ou d'autres éléments

Saisissez le nom de l'entreprise, le slogan ou d'autres informations complémentaires pour la bannière.

Faire une bannière Étape 20
Faire une bannière Étape 20

Étape 5. Sélectionnez la bannière

Dans le menu Edition, choisissez Tout sélectionner ou tapez CTRL+A (PC) ou Commande+A (Mac). Important: assurez-vous que votre bannière est exactement comme vous le souhaitez et que rien d'autre n'est sur la diapositive (alias diapositive) !

Cliquez avec le bouton droit sur n'importe quel élément non textuel de la bannière, puis sélectionnez Enregistrer en tant qu'image…

Faire une bannière Étape 21
Faire une bannière Étape 21

Étape 6. Enregistrez la bannière

Ouvrez-le et vérifiez que la bannière correspond exactement à ce que vous voulez, puis utilisez-la au besoin !

Méthode 4 sur 6: Utilisation du créateur de bannière en ligne

Faire une bannière Étape 22
Faire une bannière Étape 22

Étape 1. Visitez l'un des sites suivants:

BannièresABC.com, Addesigner.com, mybannermaker.com, etc. (Recherche sur Google pour autre chose). Il existe des tonnes de créateurs de bannières en ligne. Prenez quelques minutes pour comparer les différentes fonctionnalités, puis choisissez celle qui vous convient.

Faire une bannière Étape 23
Faire une bannière Étape 23

Étape 2. Ajoutez du texte et des images

Suivez les instructions à l'écran et les instructions pour créer une bannière. Ces sites Web proposent généralement leurs propres illustrations que vous pouvez ajouter à la bannière, mais vous pouvez également importer des images de votre propre création.

Faire une bannière Étape 24
Faire une bannière Étape 24

Étape 3. Générez la bannière

Une fois cela fait, il y aura généralement une fonctionnalité d'export qui vous permettra de spécifier le répertoire où la bannière sera enregistrée, ainsi que le format (JPEG est généralement de bonne qualité). Suivez les invites, enregistrez, téléchargez et utilisez la bannière au besoin.

Méthode 5 sur 6: Création d'un avatar adapté à la bannière

Faire une bannière Étape 25
Faire une bannière Étape 25

Étape 1. Cette étape est facultative

Vous pouvez créer un avatar qui correspond à la bannière, si vous l'utilisez dans les forums.

Faire une bannière Étape 26
Faire une bannière Étape 26

Étape 2. Utilisez l'option Rogner

Cette fonctionnalité est disponible dans la plupart des applications graphiques. Coupez la bannière à une petite taille.

Alternativement, vous pouvez concevoir une petite version qui incorpore des éléments sur une grande bannière. Il peut s'agir d'un logo, d'une image ou simplement d'un nom d'entreprise. La clé est de le garder facile à lire

Faire une bannière Étape 27
Faire une bannière Étape 27

Étape 3. La taille de l'avatar doit être petite

La taille par défaut est de 48x48 pixels.

Faire une bannière Étape 28
Faire une bannière Étape 28

Étape 4. Enregistrez l'avatar

Méthode 6 sur 6: Ajout de bannières pour les signatures de forum, les sites Web, etc

Faire une bannière Étape 29
Faire une bannière Étape 29

Étape 1. Créez un compte

Utilisez un site de partage de photos comme Photobucket, Flickr, Tumblr ou autre.

Après avoir créé un compte, vous pouvez télécharger des bannières, des avatars et d'autres images sur le site Web

Faire une bannière Étape 30
Faire une bannière Étape 30

Étape 2. Obtenez le code

Utilisez l'outil de partage pour obtenir du code HTML afin d'ajouter votre bannière aux signatures de forum, aux sites Web ou autre.

Des astuces

  • Installez plusieurs polices sur votre ordinateur.
  • Pratique beaucoup!
  • Voir des exemples de bannières sur des forums ou d'autres endroits.

Avertissement

  • Faire des bannières demande du temps et de la patience !
  • Pour enregistrer la bannière dans les meilleures conditions possibles, enregistrez-la au format bitmap 24 bits, puis faites-en une copie au format JPEG et GIF, car les fichiers JPEG et-g.webp" />
  • Si vous utilisez PowerPoint pour créer une bannière, le résultat final peut être au format EMF que Photobucket ne prend pas en charge. Pour la convertir, assurez-vous d'enregistrer l'image (étape 9) au format JPEG ou GIF. Ces deux formats peuvent être pris en charge par Photobucket.

Conseillé: