Créer un logo illustratif à partir d'une photographie

Ce que vous allez créer
Ce didacticiel a été publié en juillet 2012 sous la forme d'un didacticiel Tuts + Premium. Il est maintenant disponible gratuitement pour voir. Bien que ce tutoriel n'utilise pas la dernière version d'Adobe Photoshop, ses techniques et ses processus sont toujours pertinents..

Dans ce didacticiel, nous commencerons par une référence photographique, puis, grâce à quelques manipulations dans Photoshop et à un traçage minutieux à la main, réduisez-le à ses éléments essentiels. Le résultat est une marque stylisée à la fois représentative, audacieuse et graphique. Commençons!

Aimez-vous les logos d'animaux? Ensuite, nous sommes convaincus que vous aimerez nos modèles de logo animal disponibles via GraphicRiver. Ou faites appel à un professionnel du design d’Envato Studio pour la création de logos personnalisés.

1. Comment créer le concept initial

Étape 1

Lorsque vous vous apprêtez à assigner un logo, il est préférable de faire beaucoup de recherches avant même de mettre un crayon sur le papier. Parfois, vous obtenez un brief créatif détaillé, et d'autres fois, le client aura une vague idée de ce qu'ils veulent et vous laissera faire le reste. Peu importe le scénario, la recherche devrait être la première étape du processus. Même si le client a déjà fait son logo et veut le peaufiner, je pense que plus vous apportez de connaissances, plus vous réussirez..

Pour cette mission imaginaire, le client voulait une tête de lion pour son logo. Les Lions représentent souvent la royauté, la fierté, la force et le leadership. J'ai choisi un fier lion de profil et fait quelques croquis miniatures très approximatifs. J'ai décidé de faire quelque chose qui était plus réaliste que stylisé, mais audacieux et graphique.


Mes croquis ressemblaient à un croisement entre un mouton et un chaton, il était donc temps de faire des recherches. Je lance les recherches d'images habituelles pour un lion de profil. À ce stade, je ne faisais que regarder des images et absorber des informations visuelles. Je voulais avoir une bonne idée de ce à quoi ressemble un lion et l'apporter avec moi lorsque je travaille sur le logo..

Afin de créer un logo vectoriel réaliste, je souhaitais trouver une bonne photo sur laquelle baser mon dessin. Je tiens à déclarer avec insistance que vous devez toujours obtenir l'autorisation du photographe lorsque vous utilisez une photo comme image source. Même si votre résultat final sera assez stylisé, il n’est tout simplement pas correct d’utiliser une photo protégée par le droit d’auteur sans autorisation. Il y a plusieurs années, il y a eu un cas concernant le logo utilisé sur les plaques d'immatriculation du Kentucky. Un photographe allemand a affirmé que le logo était basé sur sa photo. Il a poursuivi et les plaques d'immatriculation ont dû être changées. Alors restez du côté droit de la loi et obtenez la permission.


Étape 2

L'autre aspect de la recherche de logo consiste à voir ce qui a déjà été fait. Il peut être difficile de regarder beaucoup de logos et de ne pas en subir l’influence, mais il est également bon de savoir ce qui existe déjà. Vous ne voulez pas passer des heures sur un logo pour vous rendre compte qu'il ressemble beaucoup à un autre. J'ai d'abord fait une recherche dans Google pour "logo tête de lion". C'est un motif populaire, et les dessins vont du réaliste au détail, en passant par le stylisme ou le cartonnage..


Je n'ai rien vu de la même façon que ce que j'avais en tête, donc c'était le travail de préparation initial.


2. Comment préparer l'image de référence


Étape 1

J'ai trouvé une photo source excellente sur PhotoDune et j'ai obtenu la permission de l'utiliser. Comme il s’agit d’une mission imaginaire et que l’argent ne change pas, le photographe a bien voulu me laisser l’utiliser pour la démonstration..

Gros lion d'Afrique par EcoSound

Étape 2

Étant donné que mon logo aura un contraste élevé, je souhaite d’abord ajuster la photo pour mieux voir les rehauts et les ombres..

Ouvrez la photo dans Photoshop et accédez à Image> Réglages> Noir et blanc. Mon image étant composée principalement de tons jaunes, j'ai choisi le Filtre jaune préréglé. En utilisant le Noir blanc Ajustement plutôt que de simplement convertir en Niveaux de gris vous donne plus de contrôle sur l'apparence des gris. Vous pouvez commencer avec un préréglage et ajuster les curseurs de couleur.



Étape 3

Convertissez maintenant l’image en niveaux de gris. Aller à Image> Réglages> Niveaux. Ajustez les curseurs pour ajouter du contraste à l'image.



Étape 4

Maintenant que votre image est préparée, imprimez-la, puis utilisez du papier calque pour tracer les lignes et les formes à la main au crayon. Vous penserez peut-être qu'il serait plus rapide de commencer à dessiner dans Illustrator, mais dessiner à la main vous permet de choisir les formes et les lignes qu'il est important de conserver et celles qui peuvent être supprimées. Gardez vos coups de crayon lisses et délibérés. Dans mon tracé, j'ai ajouté des marques de hachure à de plus grandes zones de noir, juste pour me rappeler lorsque je créerai les formes vectorielles plus tard. La trace de crayon fini est en dessous.




3. Comment dessiner des formes vectorielles


Étape 1

Commencez à dessiner les lignes et les formes avec le Outil stylo. Vous pouvez utiliser le Outil Crayon, la Outil Pinceau, ou même le Outil pinceau blob, mais nous allons pour des chemins précis, avec seulement les points essentiels.

Cela peut aider à augmenter l'épaisseur de trait de vos chemins. Cela peut vous aider à voir plus facilement les problèmes potentiels. Dans les exemples ci-dessous, les angles et les points saillants ressortent mieux sur un trait plus épais. Ajustez soigneusement les poignées pour corriger de tels problèmes.



Étape 2

Continuez à travailler de cette manière, en lissant et en simplifiant les chemins.



4. Comment ajouter de la couleur

Étape 1

Remplissez les formes avec une couleur unie. Continuez à simplifier les chemins si nécessaire et lissez les points.



Étape 2

Tracez un chemin pour la zone blanche. Cela finira par être découpé dans le logo général ou par une couleur différente. Le chemin est indiqué en vert ci-dessous.



Étape 3

Dessinez dans les faits saillants. Encore une fois, ceux-ci peuvent être éventuellement supprimés, mais pour le moment, conservez-les d'une couleur plus claire..



5. Comment affiner le logo


Étape 1

À ce stade, il ne reste plus que de minuscules décisions à prendre. Supprimez tout ce qui n'est pas nécessaire pour que l'image soit lue comme un lion. Simplifier!

Certains changements que j'ai apportés consistaient à simplifier la forme de l'oreille et à supprimer certaines formes de la crinière. J'ai aussi élargi un peu l'œil pour qu'il soit toujours visible dans les tailles plus petites, et j'ai fait les points sur le museau plus grands et plus uniformes.




Étape 2

Une fois que vous avez apporté tous les ajustements et le raffinement et que vous êtes certain que cela est fait, vous pouvez réduire l'illustration aux seuls chemins constituant les points forts. Utilisez la fonction Diviser du panneau Pathfinder ou l'outil Shape Builder pour supprimer toutes les couleurs sauf les plus claires en créant un chemin composé. Le logo fini est affiché en mode Plan ci-dessous. Cette étape est facultative, vous pouvez toujours garder les couleurs gênantes. Avec une forme vectorielle uniquement surlignée, vous pouvez facilement placer l'objet sur un arrière-plan de couleur différente pour créer des combinaisons de couleurs différentes..




Conclusion

Modifier et perfectionner chaque chemin est important et peut prendre des heures pour que tout soit à sa place optimale. Assurez-vous de voir l'image en différentes tailles en cours de route. Construire une base solide en dessinant à la main peut rendre le processus un peu plus facile et plus rapide.

Superbes logos d'animaux de GraphicRiver

Êtes-vous un entrepreneur en herbe qui a besoin d'un bon logo? Parcourez ensuite notre sélection de logos d'animaux incroyables directement sur GraphicRiver. Ces dessins étonnants ont été fabriqués à la main par une communauté de designers talentueux. Et jetez un œil à l'un des magnifiques dessins ci-dessous!

Logo du vaillant lion

Profitez de cette superbe conception de logo de lion pleine de couleurs vibrantes. Cette conception est inspirée par les logos géométriques modernes qui coupent le lion en un style intéressant. Téléchargez ce logo aujourd'hui pour avoir accès à cette conception entièrement modifiable et évolutive.