J'optimise mon site internet
    C'est pour:
  • Les blogueurs qui ne savent pas gérer leur site
  • Les freelances qui ne savent pas vendre leurs compétences

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

Comment créer une bannière pro quand on est une biquette en design ?
Tags: , , sites à decouvrir, tuto,

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« 

 



Vous voulez aller plus loin ?


Recevez une super vidéo gratuite !!!

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 ;)


Continuez plus loin en développant facilement votre business grâce à ce livre !!!

C'EST
100% GRATOS !!!
EFFICACE
POUR TROUVER DES NOUVEAUX CLIENTS
EVITEZ
LES PIEGES

10 commentaires

  1. 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. Merci Renata,

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

  3. 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. 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.

    • 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. 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.

    • 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 😉

      • 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. 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.

    • Bonjour Caddy, simple et efficace, c’est parfait !

      Pour info, je viens de lancer ma première newsletter, tu peux t’y inscrire, si ce n’est pas déjà fait, en recevant mon ebook ici >>> http://onirisweb.net/telecharger-le-manuel-de-combat-pour-les-newbies-de-linfographie/

Soumettre

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

CONTACT US
221, Mount Olimpus, Rheasilvia, Mars,
Solar System, Milky Way Galaxy
PGlmcmFtZSBzcmM9Imh0dHBzOi8vd3d3Lmdvb2dsZS5jb20vbWFwcy9lbWJlZD9wYj0hMW0xOCExbTEyITFtMyExZDYwNDQuMjc1NjM3NDU2ODA1ITJkLTczLjk4MzQ2MzY4MzI1MjA0ITNkNDAuNzU4OTkzNDExNDc4NTMhMm0zITFmMCEyZjAhM2YwITNtMiExaTEwMjQhMmk3NjghNGYxMy4xITNtMyExbTIhMXMweDAlM0EweDU1MTk0ZWM1YTFhZTA3MmUhMnNUaW1lcytTcXVhcmUhNWUwITNtMiExc2VuITJzITR2MTM5MjkwMTMxODQ2MSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZnJhbWVib3JkZXI9IjAiIHN0eWxlPSJib3JkZXI6MCI+PC9pZnJhbWU+
×
Thank You. We will contact you as soon as possible.
C'EST
100% GRATOS !!!
EFFICACE
POUR TROUVER DES NOUVEAUX CLIENTS
EVITEZ
LES PIEGES
Le manuel de combat pour les newbies de l'infographie
Un concentré de méthodes pour donner du peps à votre business!!!
  • Plus de 80 pages qui vous guident pas-à-pas
  • Apprenez à monter un portfolio efficace
  • Spécial timides : ce manuel vous préserve de vos peurs
  • Évitez les boulets
  • Des négociations réussies
  • Menez vos missions avec brio
* soyez tranquilles, je ne refourguerai pas votre email à des tiers; j'ai d'autres choses à faire ;)
×
SUPER BONUS GRATOS POUR VOTRE BLOG!!!
Ce bonus il est très simple :
IL VA VOUS EVITER DE FAIRE DES CONNERIES MAJEURES SUR VOTRE SITE
  • Accélérez la vitesse de votre site
  • Oubliez les mauvais plugins...
  • ...Et choisissez les bons!!!
  • Evitez de planter votre site
  • Dites adieu aux conneries de débutant
  • Pas besoin d'un master en informatique !!!
PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL2VtYmVkL0p5U2pzcFhOamdrIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3dmdWxsc2NyZWVuPjwvaWZyYW1lPg==
* Dormez tranquilles, votre email sera mis à l'abri des spammeurs.
×
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 ;)
VOUS ÊTES PRÊTS AU COMBAT ?
Plus qu'un simple ebook, le manuel de combat pour les newbies de l'infographie est une méthode qui vous accompagne pas-à-pas dans le lancement de votre business dans le monde du web
×