Comment créer un logo dans Photoshop

Comment créer un logo dans Photoshop

Avant de commencer à créer un logo dans Photoshop, nous devons nous adresser à l'éléphant dans la pièce - Photoshop CC n'a pas été conçu avec la conception de logo à l'esprit. L'une des qualités fondamentales d'un logo est de pouvoir évoluer de haut en bas sans aucune perte de qualité. C’est pourquoi les logiciels vectoriels, tels qu’Illustrator, sont l’option privilégiée pour la création de logos, là où la base de pixels de Photoshop est moins adaptée. Pour plus d'informations sur la conception d'un logo à l'aide d'Illustrator, consultez ce guide pratique , qui vous guidera tout au long du processus, du concept à la réalisation.

Mais ce qui manque à Photoshop dans l'application, c'est largement compensé par sa popularité, surtout par rapport à Illustrateur CC . Donc, si vous avez besoin de savoir comment créer un logo remarquable, mais que vous ne voulez pas payer pour un logiciel dont vous n’avez pas besoin, ce didacticiel est fait pour vous. Nous allons vous expliquer comment concevoir un logo de base dans Photoshop, à l'aide d'outils de forme simples, de dégradés et d'options de texte. Explorez ces options et vous créerez vos propres logos dans Photoshop en un rien de temps. Nous utilisons Photoshop CS6, mais le même processus s'applique aux autres versions.

Quand il s'agit de concevoir votre propre logo, vous devrez peut-être commencer à penser à l'identité et au style de la marque. Pour plus d'inspiration, consultez notre guide pro création de logo , qui vous dit tout ce que vous devez savoir sur le monde des logos.



01. Créer une nouvelle toile

conception de logo dans Photoshop

Définissez votre quadrillage tous les 50 pixels

Ouvrez Photoshop et créez un nouveau document. J'ai utilisé une taille de toile de 500px x 500px, mais des tailles plus grandes fonctionneraient tout aussi bien. Vous pouvez modifier la taille du canevas à tout moment. Allez dans Photoshop> Préférences pour définir un quadrillage tous les 50 px. Activez ensuite les grilles, dans le canevas, en appuyant sur cmd + ' ou Affichage> Afficher dans la barre d'options. Assurez-vous que l'alignement sur la grille est activé, sous Affichage> Aligner sur.

02. Dessinez une forme de base

conception de logo dans Photoshop

Créer une forme de flèche

Sélectionnez l'outil Plume dans la barre d'outils ou en appuyant sur P et assurez-vous qu'il est défini sur Forme dans la partie gauche de la barre d'options, plutôt que sur Chemin. Utilisez le stylo pour dessiner une forme de pointe de flèche, en commençant au point central du canevas et en utilisant les intersections de lignes de quadrillage pour vos autres points. Il n'est pas nécessaire de nommer les couches pour ce projet, mais cela peut être utile dans les documents plus complexes, où il y a de nombreuses couches.

03. Dupliquer et modifier la forme

conception de logo dans Photoshop

Dupliquez votre calque pour pouvoir modifier la forme

Dupliquer le calque en appuyant sur cmd + J et cliquez sur le nouveau calque pour le sélectionner. Utilisez l'outil Sélection directe, raccourci À , pour cliquer sur le point le plus haut de la pointe de flèche, situé au centre du canevas. Déplacez ce point vers le bas de quelques carrés de la grille, en maintenant la touche Maj enfoncée pour le maintenir verrouillé sur l'axe y.

04. Ajouter de la couleur avec un dégradé

conception de logo dans Photoshop

Les dégradés sont toujours à la mode dans la conception de logo, alors ajoutez-en un à votre logo

Créez un nouveau dégradé dans le menu déroulant Remplissage, à gauche de la barre d'options. Dans la fenêtre de dégradé, double-cliquez sur les curseurs inférieurs pour faire apparaître les options RVB, où vous pouvez choisir vos couleurs; J'ai opté pour un bleu clair et foncé. Appliquez ensuite ce dégradé aux deux objets, en modifiant la rotation du dégradé pour qu'ils s'opposent. Si vous ne pouvez pas voir les options de remplissage, c'est peut-être parce que vous avez peut-être sélectionné l'outil Déplacer, alors passez à l'outil Plume ou Forme.

05. Regroupez et dupliquez vos calques

conception de logo dans Photoshop

Ranger les choses en regroupant vos couches

Regroupez les deux calques en les sélectionnant et en appuyant sur le bouton de groupe, qui ressemble à un petit dossier, situé en bas de l'onglet Calques. Cela empêche l'onglet Calques de devenir désordonné et facilite la gestion des deux calques ensemble.

Dupliquez ce groupe et utilisez la fonction Transformation libre pour faire pivoter le nouveau groupe de 90 degrés, en maintenant la touche Maj enfoncée pour faire pivoter par incréments de quinze degrés. Vous pouvez accéder à Free Transform en utilisant cmd + T ou sous Edition> Transformation gratuite. Déplacez maintenant le deuxième groupe vers le haut, jusqu'à ce qu'il reflète la forme d'origine, en utilisant le centre du canevas comme ligne de symétrie.

06. Transformez les formes

conception de logo dans Photoshop

X marque l'endroit. Peut-être

Déplacez chaque forme vers le haut ou vers le bas d'un carré de la grille, loin du point central, à l'aide de la touche Maj + curseur.

07. Grouper, dupliquer, répéter

conception de logo dans Photoshop

Créez une forme plus élaborée en dupliquant celle que vous avez

En utilisant la même méthode que celle de l'étape 5 pour regrouper les calques, dupliquez le groupe et faites-le pivoter de quatre-vingt dix degrés. La nouvelle forme devrait ressembler à une sorte de forme de réticule.

08. Dessinez un cercle avec l'outil de forme

conception de logo dans Photoshop

Sculptez notre espace dans votre logo en ajoutant un cercle

Parcourez les outils Forme jusqu'à ce que vous trouviez un cercle, soit en cliquant et en maintenant la pression sur l'icône dans la barre d'outils, soit en appuyant sur Maj + U . Cliquez sur le point central du canevas, en maintenant Alt pour dessiner un cercle rayonnant à partir du centre, et Shift pour garder la largeur et la hauteur proportionnelles. Si vous faites une erreur, vous pouvez annuler ou rééditer votre forme à l'aide de Free Transform.

09. Dessinez un rectangle et alignez-vous au centre

conception de logo dans Photoshop

Faites de la place pour le texte avec un rectangle

Parcourez à nouveau les outils de forme jusqu'à ce que vous trouviez l'outil Rectangle. Dessinez une boîte blanche sur le graphique, au-dessus des autres calques, en laissant suffisamment d'espace pour le texte. Vous pouvez l'aligner au centre du canevas en cliquant sur le calque rectangle et le calque inférieur (qui devrait être un carré blanc, de la même taille que le canevas) et en utilisant les outils d'alignement, que vous trouverez sous Calques> Aligner dans la barre de menus ou les boutons d'alignement dans la barre d'options.

Les utilisateurs plus avancés pourraient utiliser ce rectangle pour soustraire des formes ci-dessous, en utilisant Calque> Combiner des formes, mais pour l'instant, nous nous en tiendrons simplement à l'utiliser comme un bloc blanc.

10. Ajoutez votre texte

conception de logo dans Photoshop

Nous allons appeler notre logo «flocon de neige». Ne sois pas offensé

Dessinez une zone de texte sur le rectangle, en cliquant sur l'icône T dans la barre d'outils ou en appuyant sur T , puis en faisant glisser sur la toile. Tapez votre texte dans la zone et centrez-le à l'aide des boutons de l'onglet Caractère. Utilisez à nouveau l'outil d'alignement pour le centrer sur le canevas.

11. Choisissez une police de caractères appropriée

conception de logo dans Photoshop

Obtenir la bonne police de caractères pour votre marque est essentiel

Choisissez une police qui convient à votre marque. Il existe de nombreuses polices gratuites, mais il est crucial d'en choisir une que vous êtes autorisé à utiliser - consultez notre polices gratuites tour d'horizon pour quelques idées pour vous aider à démarrer. Étant donné que ce logo peut apparaître sur plusieurs de vos actifs, il serait mauvais d'utiliser une police téléchargée illégalement. Jouez avec la taille et la couleur jusqu'à ce que vous aimiez ce que vous voyez.

12. Ajustez votre crénage

conception de logo dans Photoshop

N'oubliez pas de créner votre texte

Créner le texte. Cela signifie ajuster l’espacement horizontal entre les lettres individuelles, maximisant ainsi la lisibilité du mot. Vous pouvez le faire sous l'onglet Type, marqué avec V | A, ou en cliquant entre les lettres et en appuyant sur tout + gauche ou tout + droit. Pour en savoir plus sur le crénage, consultez notre article sur comment créner le type .

13. Ajoutez les derniers détails et exportez

conception de logo dans Photoshop

N'oubliez pas d'enregistrer en tant que fichier psd pour pouvoir modifier votre logo plus tard

Faites les derniers ajustements dont vous avez besoin pour lui donner quelque chose de spécial. Pour l'image principale en haut de cette page, j'ai ajouté deux barres plus petites au-dessus et en dessous du texte, colorées avec le même dégradé. J'ai également ajouté un arrière-plan, une ombre et une réflexion, en utilisant des techniques similaires aux autres étapes, ainsi qu'en utilisant des masques de calque pour ajouter un fondu.

Lorsque vous êtes satisfait, enregistrez l'image dans le format souhaité. J'ai utilisé le jpg RVB ici pour le format Web, mais je l'ai également enregistré en tant que psd afin de pouvoir revenir en arrière et apporter des modifications.

Lire la suite: