En tant que designer de logo, on me demande fréquemment de créer un logo pour les propriétaires de blogs. La plupart du temps, les blogs ont ce style Web 2.0 qui est une conception simple, un schéma tricolore convivial et des sites Web alimentés par WordPress.
Si vous avez prêté attention à leurs logos, vous pouvez voir ce qu’ils ont en commun : du texte brillant, réfléchi (souvent) et de couleur claire. En fait, il ne faut pas un vrai artiste doué pour créer un tel logo, donc dans ce tutoriel, je vais vous montrer comment créer un joli logo simple et attrayant pour votre blog dans Photoshop.
Ainsi, avant de m’envoyer un e-mail pour commander un logo pour votre blog, essayez-le vous-même (est-ce que je perds mon argent ici ?) juste pour découvrir que vous ne pouvez pas faire mieux que moi.
- Ouvrez Adobe Photoshop et créez un nouveau document (Ctrl+N ou Fichier->Nouveau). Définissez la largeur et la hauteur sur 400 et 100 pixels respectivement. Faites une résolution de 72 pixels/pouce, laissez l’arrière-plan blanc. Noter: ces paramètres de taille et de résolution ne sont compatibles qu’avec le Web. Pour l’impression, utilisez une résolution plus élevée (comme 300 pixels/pouce).
- À l’aide de l’outil Texte, choisissez une police claire et arrondie comme Arial, définissez la taille sur 60 et tapez du texte (c’est-à-dire le titre de votre blog). Définissez la couleur sur bleu ciel (code hexadécimal : #0099cc) : à l’aide de l’outil Texte, choisissez une police claire et arrondie comme Arial, définissez la taille sur 60 et saisissez du texte (c’est-à-dire le titre de votre blog). Définissez la couleur sur bleu ciel (code hexadécimal : #0099cc) :
- Faites un clic droit sur votre calque de texte, sélectionnez Mélange options et définissez comme indiqué sur les captures d’écran ci-dessous :
(Ombre portée : Structure : Mode de fusion – Multiplier, Opacité – 61 %, Angle – 120, Distance – 5, Étalement – 0, Taille – 5 ;
Course : Structure : Taille – 3, Position – Extérieur, Mode de fusion – Normal.)
- Cliquez sur d’accord. Voici ce que vous avez dû trouver :
Presque fini. Dans l’étape suivante, nous ajouterons un effet brillant au texte.
- Ctrl+clic sur votre calque de texte pour choisir le texte uniquement :
- Créez un nouveau calque (Ctrl+Maj+N ou Calque->Nouveau calque->OK).
- Utilisation de l’outil Pot de peinture
, remplissez la sélection de couleur blanche :
- Désélectionner (Ctrl+D) et avec l’outil Elliptical Marquee
faire une sélection comme ci-dessous :
- Maintenant, nous devons inverser la sélection. Pour cela, appuyez sur Ctrl+Maj+I ou faites un clic droit sur la sélection et choisissez Sélectionnez Inverser. presse Effacer et désélectionnez :
- Réglez l’opacité de ce calque sur 32 :
- Jetez un œil au titre de votre blog désormais brillant : Jetez un œil au titre de votre blog désormais brillant :
- Ajoutons quelques mots-clés sous le titre. En utilisant la même police, la taille 12 et la couleur gris clair (code hexadécimal : #b0b0b0), tapez quelque chose comme je l’ai fait “L’Internet. La vie. Futur.”聺 (Je ne sais pas pourquoi, du haut de ma tête, vous utilisez le vôtre bien sûr) juste sous le texte principal : Ajoutons quelques mots-clés sous le titre. En utilisant la même police, taille 12 et gris clair color (code hexadécimal : #b0b0b0), tapez quelque chose comme je l’ai fait “L’Internet. La vie. Futur.”聺 (Je ne sais pas pourquoi, juste du haut de ma tête, vous utilisez le vôtre bien sûr) juste sous le texte principal :
Terminé!
Un conseil pour enregistrer votre logo avec un fond transparent :
Cache le Fond calque en cliquant sur l’icône de l’œil sur sa gauche. Aller à Fichier -> Enregistrer pour le Web et les appareils (c’est possible “Enregistrer pour le Web“, selon votre version Photoshop, j’utilise CS4) ou appuyez sur Ctrl+Alt+Maj+S. Dans le coin supérieur droit de la fenêtre contextuelle, vous verrez des préréglages comme indiqué sur la capture d’écran :
Choisir PNG-24, cochez la case Transparence et cliquez sur sauvegarder. Vous pouvez maintenant l’utiliser sur n’importe quel arrière-plan de votre conception Web.
Comme vous pouvez le voir, avec un peu de connaissances, vous pouvez créer un logo simple pour votre blog dans Photoshop, en attendant que le designer termine son travail sur votre logotype unique.
J’espère que vous trouverez ce tutoriel simple et facile. Toutes les suggestions, idées et questions sont les bienvenues – n’hésitez pas à les laisser ici dans les commentaires.