Comment créer un logo simple blog dans photoshop

1En tant que designer de logo, je suis souvent demandé de faire un logo pour les propriétaires de blog. La plupart du temps, les blogs ont ce style Web 2.0 qui est une conception simple, oeil convivial, système à trois couleurs et sites alimentés WordPress.

Si vous avez prêté attention à leurs logos, vous pouvez voir ce qu`ils ont en commun: brillant, réfléchi (souvent) et un texte clair. En fait, il ne prend pas un véritable artiste doué pour créer un tel logo, donc dans ce tutoriel, je vais vous montrer comment créer une belle apparence, simple, logo eye-candy pour votre blog dans Photoshop.

Ainsi, avant de me déposer un e-mail la commande d`un logo pour votre blog, essayez vous-même (l`enfer, je perds mon argent ici?) Juste pour savoir que vous ne pouvez pas faire mieux que moi.

  • Ouvrez Adobe Photoshop et créer un nouveau document (Ctrl + N ou Fichier-gt; Nouveau). Régler la largeur et la hauteur à 400 et 100 pixels, respectivement. Faire la résolution 72 pixels / pouce, laisser l`arrière-plan blanc. Remarque: ces paramètres de taille et résolution ne sont-web conviviale. Pour l`impression, en utilisant une résolution plus élevée (par exemple 300 pixels / pouce).
  • Utilisation de l`outil Type, choisissez une police claire, arrondie comme Arial, définissez la taille à 60 et tapez un texte (à savoir le titre de votre blog). Réglez la couleur bleu ciel (code hexadécimal: # 0099CC):

créer le logo dans Photoshop

  • Faites un clic droit sur votre calque de texte, sélectionnez Mélange les options et définir comme indiqué sur les captures d`écran ci-dessous:

(Ombre: Structure: Mode de fusion - Multiplier, Opacity- 61%, Angle - 120, Distance - 5, Pâte à tartiner - 0, Taille - 5-
Accident vasculaire cérébral: Structure: Taille - 3, Position - A l`extérieur, Mode de fusion - Normal).

créer le logo dans Photoshop

faire le logo sur photoshop

  • Cliquez D`accord. Voici ce que vous devez avoir est venu avec:

5

Presque fini. Dans l`étape suivante, nous allons ajouter un effet brillant au texte.

  • Ctrl + clic sur votre calque de texte à choisir seul le texte:

faire le logo du site sur photoshop

Video: [TUTO] Créer un logo a partir d'un texte

  • Créez un nouveau calque (Ctrl + Maj + N ou Couche gt; Nouvelle couche gt; OK).
  • En utilisant l`outil Pot de peinture 7, remplissez la sélection avec la couleur blanche:

8

  • désélectionnez (Ctrl + D) Et avec l`outil Ellipse de faire une sélection comme ci-dessous:

dix

  • 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électionner inversé. presse Effacer et désactivez l`option:

11

  • Réglez l`opacité de cette couche à 32:

Video: Tutoriel | Créer un logo simple et pro en 2D (photoshop)

12

  • Jetez un oeil à titre de votre blog maintenant-brillant:

13

  • Ajoutons quelques mots-clés sous le titre. En utilisant la même police, taille 12 et la couleur gris clair (code hexadécimal: # b0b0b0), taper quelque chose comme je l`ai fait «L`Internet. La vie. Avenir.« ?? (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é!

Une astuce sur l`enregistrement de votre logo avec un fond transparent:

Masquer la Contexte couche en cliquant sur l`icône oeil sur ce qui reste. Aller à Fichier-gt; Enregistrer pour le Web & Dispositifs (c`est possible "Enregistrer pour le Web« , En fonction de votre version de Photoshop, j`utilise CS4) ou appuyez sur Ctrl + Alt + Maj + S. Dans le coin supérieur droit de la fenêtre pop-up vous verrez préréglages comme indiqué sur la capture d`écran:

16

Choisir PNG-24, cochez la case transparence et cliquez sur sauvegarder. Maintenant, vous pouvez l`utiliser sur un arrière-plan dans votre conception de sites Web.

Comme vous pouvez le voir, avec un peu de connaissances, vous pouvez créer un simple logo pour votre blog dans Photoshop, en attendant le concepteur pour terminer son travail sur votre logo unique.

J`espère que vous trouverez ce un tutoriel simple et facile. Toutes les suggestions, idées et questions sont les bienvenus - s`il vous plaît ne hésitez pas à les laisser ici dans les commentaires.

Articles connexes