Comment créer une bannière pro quand on est une biquette en design ?

Accueil/Sites à découvrir, Tous les articles, Tutos/Comment créer une bannière pro quand on est une biquette en design ?

Mémo pour les accrocs de ce tuto :

  • Se connecter sur http://banner.fotor.com/
  • Définir des dimensions en pixels pour votre bannière. Width = largeur; Height = hauteur
  • Une fois les dimensions validées, cliquer sur le bouton Start Now
  • Une fois le nouveau tableau apparu, cliquer en haut à gauche sur le bouton Background= fond de la bannière
  • Définir un type de fond pour votre bannière : Solid Color = couleur unie; Linear Gradient = dégradé linéaire; Texture = texture ou image de fond; Blank = sans fond
  • Une fois que le fond est défini, cliquer en haut à gauche sur le bouton Content= contenu de la bannière
  • Pour ajouter des images, cliquer en haut tout à droite sur Add Photos = ajouter des photos
  • Pour ajouter du texte, cliquer sur la colonne de gauche sur Insert Text = ajouter du texte
  • Voici les options de réglages pour le texte : Enter Text Here = saisissez votre texte ici; pour la police voir le menu déroulant juste en-dessous de la zone précédente; B = texte en gras; I= texte en italique; Color = couleur; Opacity = opacité du texte; Rotate = rotation du texte; Leading = taille de l’espace interligne
  • Pour ajouter des boutons ou des images prédéfinies par le site, voir la colonne de gauche Clipart
  • Lorsque vous avez ajouté une image, vous pouvez modifier la taille en jouant sur l’onglet Size
2017-05-16T14:07:55+00:00 23 mai 2015|Catégories: Sites à découvrir, Tous les articles, Tutos|Tags: , , , |

10 Commentaires

  1. Renata 16 juin 2015 at 14 h 37 min - Reply

    superbe ta vidéo! Bravo Cédric. Super bien expliqué
    Comme je suis graphiste – hi hi – je n’ai pas besoin d’aller sur ce site MAIS MAIS je veux bien avoir un pop up comme le tiens!!!!!!

  2. Cédric 17 juin 2015 at 12 h 27 min - Reply

    Merci Renata,

    Pour la popup, je te recontacterai si tu veux vraiment la mettre en place sur ton blog.

  3. Caddy 14 octobre 2015 at 14 h 04 min - Reply

    Bonjour Cédric,

    J’ai apprécié le contenu de ta vidéo.

    j’apprends tous les jours et ai beaucoup appris sur la création rapide d’une bannière.

    Une fois celle-ci créée : comment mettre l’url d’un formulaire d’inscription derrière le bouton je m’inscris.

    Bien cordialement.

  4. Caddy 14 octobre 2015 at 14 h 54 min - Reply

    Je m’aperçois après création qu’il s’agit d’une image!

    je ne peux donc rien mettre derrière le bouton!

    Si besoin dans l’url de l’image mais cela n’aurait pas de sens.

    A vous lire.
    Cordialement.

    • Cédric 15 octobre 2015 at 8 h 50 min - Reply

      Salut Caddy,

      Malheureusement ce tuto ne concerne que le design d’une simple bannière. Pour une fois, ce n’est pas un tuto de programmation que je fais !

      Que concerne ton bouton ? A te lire, j’ai l’impression que tu veux mettre une inscription à une mailing list comme pour Aweber.

      Peux-tu m’en dire plus sur ton problème ?

      Bonne journée 🙂

  5. Caddy 15 octobre 2015 at 10 h 42 min - Reply

    Bonjour Cédric,

    Merci de ta réponse rapide.
    En effet, j’ai mal compris l’utilité de ce type de bannière.
    Il s’agit en effet d’une image.
    le fait que tu aies mis un bouton m’a « perturbé », je me suis imaginé une fonction à ce bouton (ce n’est que du texte!).
    Bien cordialement.

    • Cédric 16 octobre 2015 at 7 h 39 min - Reply

      Mea culpa, je n’aurais pas du déraper sur l’insertion de bouton 🙂

      Mais ton intervention me donne une idée de création de tuto : désigner une bannière et programmer l’insertion d’elements cliquables. Une sorte de niveau 2 de cet actuel article. Je vais creuser l’idée. Si je trouve quelque chose, je reviendrai pour te faire signe 😉

      • Caddy 16 octobre 2015 at 9 h 34 min - Reply

        Bonjour Cédric,

        Merci de ta réponse rapide : c’est rare de nos jours!
        J’ai néanmoins utilisé le tuto et le logiciel de création préconisé afin de réaliser quelques bannières « efficaces »
        N’hésite pas à revenir vers moi et pas seulement pour me faire signe.
        Je suis à ta disposition si tu rencontres de pb liés à la gestion d’entreprise.
        Bien cordialement.

  6. Caddy 16 novembre 2015 at 9 h 37 min - Reply

    Rebonjour Cédric,

    Je reviens vers toi.

    J’ai simplement mis un lien personnalisé sur l’image, cette fonction me permet de rendre cliquable l’image comme s’il s’agissait du bouton.
    Bien cordialement.

Laisser un commentaire

Voici le méga-bonus qui va vous éviter de faire des conneries sur votre blog !!!
PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL2VtYmVkL0p5U2pzcFhOamdrIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3dmdWxsc2NyZWVuPjwvaWZyYW1lPg==
Pour voir la vidéo bonus, il vous suffit de saisir votre nom et votre email ;)
LE
BROYEUR
DE SPAMS
Apprends comment monter un piège redoutable contre les spams
LE
BROYEUR
DE SPAMS
Je veux acquérir