Création de logo avec Adobe Illustrator

1. Introduction: [MUSIQUE] Envisagez-vous de concevoir un logo, mais vous ne savez pas par où commencer ? Laissez-moi vous aider. Je suis Martin. J'ai plus de 20 ans d' expérience en tant que graphiste, illustrateur et instructeur certifié Adobe. J'ai travaillé avec des entreprises telles que BBC, Disney, Google, IKEA, et j'ai hâte de partager mes meilleures pratiques avec vous. Il s'agit d'un cours pratique simplifié axé sur un projet de conception réel. Je vais vous guider étape par étape, et vous obtiendrez tous les dossiers d'exercices pour que vous puissiez suivre. Si vous préférez ne pas me copier, vous pouvez également suivre mon flux de travail en utilisant d'autres ressources fournies et créer quelque chose de complètement unique que vous pouvez présenter dans votre portfolio créatif. Je suis presque sûr que ce cours vous inspirera à créer quelque chose d'incroyable. abord, nous allons explorer les différents types de logos disponibles, termes importants que vous devez connaître et les considérations que vous devez prendre avant de commencer à concevoir. Ensuite, nous couvrirons les étapes d' un flux de travail professionnel de conception de logo, brève, de recherche, d'esquisse, conception vectorielle et de présentation. Nous utiliserons Adobe Illustrator pendant la majeure partie du processus, à part l'esquisse, que je ferai dans Procreate. Toutefois, vous pouvez le faire sur papier ou avec n'importe quel autre outil de dessin ou application que vous préférez. À la fin du cours, nous expliquerons également comment créer et structurer un guide de marque pour votre client. En plus de tous les aspects techniques, nous aborderons également une importante théorie de la conception graphique que vous pourrez appliquer dans n'importe lequel de vos futurs projets créatifs. Vous pouvez participer à ce cours sans aucune connaissance préalable de l' illustration de conception graphique ou des applications Adobe. Mais pour terminer le projet, vous devez accéder à Adobe Creative Cloud et à un ordinateur de bureau ou un ordinateur portable. Mais maintenant, il est temps de commencer à créer. Je vous verrai dans la prochaine leçon. [MUSIQUE] 2. Types de logos: conception de logo est l'un des sujets les plus couramment abordés dans la conception graphique. C'est principalement parce que la plupart des gens, soit les designers ou non, sont très opinions sur les marques qu'ils aiment et celles qu'ils n'aiment pas. Le logo, en quelque sorte, est l'essence visuelle d' une marque ou d'une entreprise. C'est pourquoi, en tant que graphiste, si jamais vous concevez un logo pour une entreprise, vous assumez un travail hautement responsable, car vous allez définir cet outil de communication visuelle crucial. pour le client, et même si le logo lui-même n'est qu'une partie de l'identité visuelle d'une entreprise, ou que l'identité de la marque reste l'élément le plus important de celui-ci, car c'est celui qui être le plus vu par les gens. Tout d'abord, comment pouvons-nous catégoriser les types de logos que nous voyons ? Pour cela, il existe sept catégories principales dont nous pouvons parler , dont les trois plus courantes sont les mots-mots, marques picturales et les lettres. Un mot-symbole ou autrement appelé logotype est un logo de base de type qui porte la plupart du temps uniquement le nom de l'entreprise et peut-être un slogan supplémentaire. Une marque picturale, marque de marque ou un symbole de logo est une icône ou logo de base graphique sans typographie. marques de lettres ou les logos Monogram sont généralement les initiales du nom d'une entreprise. Il s'agit essentiellement de logos constitués de lettres sans préciser de nom réel. Aujourd'hui, les quatre autres catégories sont également très populaires, et il s'agit de combinaisons des trois premières que nous avons déjà discutées, commençant par une marque de combinaison qui est probablement la le plus facile à comprendre. Il s'agit d'une combinaison d'une lettre, d'un mot-symbole et d'une marque picturale. Il comporterait à la fois une typographie et des détails illustratifs. Une marque abstraite ressemble beaucoup à une marque picturale. Mais la principale différence ici est qu' il s'agit d'une forme abstraite, généralement d'une forme géométrique abstraite, sorte qu'il ne s'agit pas d'une image reconnaissable par rapport à la marque picturale. Une marque emblème ressemble davantage un banc qui aurait la plupart du temps un contenant contenant une du temps typographie et des détails illustratifs supplémentaires. Ces types de logos proviennent des crêtes utilisées par les maisons nobles dans le passé, et finalement par les artisans. Enfin, les logos mascottes sont ces types uniques de logos où vous auriez un caractère très reconnaissable qui est devenu équivalent à la marque elle-même. Désormais, selon le secteur dans lequel la marque est destinée à laquelle vous concevez un logo, peut avoir un impact important sur les catégories qui fonctionneront le mieux. Vous pouvez voir avec les marques de haute couture, ce sont principalement des mots-mots ou des lettres que j'ai utilisés. Bien qu'il existe quelques marques combinées, la plupart d'entre elles dépendent uniquement de la typographie. Puisque nous parlons de typographie, il est également intéressant de mentionner que la plupart des marques, qu'elles soient dans la technologie ou la mode, ces dernières années, se sont éloignées du type plus décoré. visages, y compris serif et script vers polices sans empattement plus simples. Dans le cas de Burberry, ils ont non seulement changé la police, mais ont également éliminé les détails picturaux du logo. En général, lorsque vous regardez à gauche et à droite dans chacune de ces colonnes, changements les plus importants que tous ces logos sont devenus beaucoup plus lisibles. Ils peuvent être vus et reconnus de plus loin, même lorsqu'ils sont utilisés dans un petit format. Par exemple, même à cette taille, lorsque vous essayez de comparer ces logos, vous serez en mesure de dire que ceux du côté droit sont certainement beaucoup plus faciles à lire. Maintenant, une autre chose importante dans les logos est qu'ils sont censés être originaux, uniques et qui se distinguent des autres marques. Bien qu'il s'agisse d'un objectif que vous devez toujours garder à l'esprit lorsque vous concevez des logos, vous devez également accepter le fait qu'il n'y a rien de nouveau sous le soleil, et presque tous les le type de combinaison a déjà été réalisé d' une manière ou d'une autre. Juste quelques exemples. Je suis sûr que vous connaissez bien le logo Beats, mais c'est presque un extrait direct de ce logo Stadt Bruhl de 1971. Même les proportions sont très similaires, mais Beats n'a pas été le premier à copier ce dessin. Même BigFix avait quelque chose de très similaire. Bien qu'il soit à l'envers, le logo Priority Parking est également très similaire. Un autre bon exemple est cette paire de logos, Sun et Columbia. Mais récemment, le logo le plus controversé doit être le nouveau nom de la société Facebook et son logo Meta qui est extrêmement similaire à de nombreux autres logos comme celui-ci ici au-dessus. Chaque fois que vous concevez des logos, n'oubliez pas de faire des recherches avant de vous engager dans un design. Si vous trouvez quelque chose de très similaire à l'idée que vous avez, surtout parmi les concurrents de votre client, vous devriez vraiment retourner à la planche à dessin et affiner votre concept ou peut-être trouver quelque chose de différent. Maintenant que nous avons abordé les bases, dans la prochaine vidéo, nous parlerons de conseils utiles lors de la conception logos et de quelques tendances que vous devriez connaître. 3. Meilleures pratiques: Une bonne pratique pour concevoir un logo est de toujours commencer par un noir et blanc. N'introduisez pas de couleurs au début. Vous devez toujours commencer à faire des croquis après avoir recueilli des références et de l'inspiration. Ces croquis peuvent être initialement plus lâches, puis vous pouvez sélectionner les croquis les plus forts et les affiner davantage, jusqu'à ce que vous arriviez à un point où vous et le client êtes satisfaits. Vous pouvez ensuite transformer votre esquisse en conception vectorielle, préférence à l'aide d' Adobe Illustrator. Maintenant, la raison pour laquelle les logos doivent toujours être à base vectorielle, car ils doivent être capables de s'adapter à la taille d'un autocollant ou d'une carte de visite, jusqu'à la taille d'un avion. Un bon moyen de vérifier si votre logo fonctionne dans une petite taille consiste simplement à zoomer et à le regarder à distance. Par exemple, ce logo ici, qui contient beaucoup de détails, lorsqu'il est réduit, sera très difficile à reconnaître ce qui se passe réellement. fait d'avoir beaucoup de détails dans un logo va non seulement affecter la visibilité et la reconnaissance de celui-ci, mais il sera également plus difficile pour les gens de s'en souvenir. Maintenant, pour un logo mémorable, vous souhaitez avoir un sens associé au design ou encore mieux, de multiples significations. Cela nous amène au conseil le plus important que je puisse vous donner chaque fois que vous concevez des logos, restez simple. Même lorsque vous regardez le logo de Starbucks, qui est toujours considéré comme un design assez complexe, vous pouvez dire comment, avec le temps, il a évolué et est devenu plus simple. Vous verriez une tendance similaire avec la plupart des marques célèbres que leur logo est devenu plus simple et plus simple avec le temps. Voici également une liste intéressante montrant les 100 meilleures entreprises du monde et leurs logos classés en fonction de la valeur de leur marque. Les cinq premiers sont Coca-Cola, Apple, IBM, Google et Microsoft. Même si sur ces cinq entreprises, quatre sont des entreprises technologiques, le reste de la liste comprend des marques de presque tous les secteurs. Il est également intéressant de noter que 21 % des logos utilisent des formes circulaires. Circle est perçu comme la forme géométrique parfaite et la plus équilibrée, c'est pourquoi beaucoup de marques l'utilisent. Quarante-cinq pour cent de ces marques utilisent le type sans empattement. C'est quelque chose dont nous avons déjà discuté. Il est clair et plus facile à lire même à distance. Fait également intéressant, 34 % de ces marques utilisent la couleur rouge. C'est logique car le rouge est probablement la couleur la plus puissante. C'est en fait quelque chose que j' beaucoup plus en détail dans le sujet des couleurs de ce cours. Encore une fois, si vous souhaitez en savoir plus à ce sujet, assurez-vous de consulter cette partie du cours. Les logos animés comme ceux que vous pouvez voir ici sont également très couramment utilisés de nos jours. Ils peuvent aller de simples effets dynamiques à de courtes présentations vidéo complètes. transformer un logo en animation est toujours plus facile de transformer un logo en animation lorsque vous avez un design plus simple. Pour pouvoir créer ces types d'animations et transformer un logo statique en quelque chose de plus dynamique, vous aurez besoin de compétences et d'expérience en conception de mouvement, et très probablement pouvoir travailler dans After Effects ou quelque chose de semblable à ça. Ce domaine va certainement au-delà de ce que doit faire un imprimateur. Lorsqu'il s'agit de différentes versions d'un logo, les plus essentielles que vous devez toujours prendre en compte dans le design sont ces quatre versions. Avoir une version couleur sur fond blanc et noir, puis une version monochrome également sur fond blanc et noir. La définition de ces variations va déjà donner une certaine souplesse à la façon dont l' identité peut être utilisée. Mais de nombreuses marques utilisent actuellement logos variables ou des logos dynamiques, ce qui signifie qu'ils peuvent être adaptés au format et à l'environnement dans lesquels elles sont utilisées. Nous pouvons voir ici quelques exemples où un logo légèrement plus complexe peut être simplifié en fonction la taille et du contexte dans lesquels il apparaîtrait. Mais en plus de la variabilité fonctionnelle, il existe également une variabilité stylistique que certaines marques pourraient appliquer. Comme avec Apple, il existe en fait de nombreuses variantes, mais vous reconnaîtrez toujours la marque, grâce à la simplicité de la forme originale. Mais lorsque vous recherchez des exemples de logos variables, vous trouverez de nombreuses solutions créatives où le logo pourrait même devenir un petit bloc de construction qui, encore une fois, peut changer en fonction du format Il est utilisé. Maintenant, au début, j'ai mentionné que lorsque nous avons commencé à parler des logos, c'est qu' ils font partie du design identitaire d'une marque. Même s'il s'agit de l'élément le plus important, il ne fait que partie d'un ensemble d'éléments que l'entreprise crée pour représenter la bonne image aux consommateurs. Une identité de marque englobe toutes les formes sous lesquelles la marque sera représentée, qu'elle soit imprimée ou numérique. Mais dans le cas d'une impression spécifique, vous pouvez penser aux cartes de visite, papeterie, aux emballages , aux vêtements, aux affiches, aux dépliants, aux brochures, etc. 4. Densité de la proposition: Pour mieux comprendre comment la hiérarchie visuelle fonctionne spécifiquement dans la conception de logo, nous devons parler de densité propositionnelle. Nous pensons ici à la relation et la proportion entre la quantité d' éléments d' un logo et la quantité de significations sous-jacentes ou cachées qui s'y trouvent. Prenons ce logo, par exemple, de la campagne présidentielle de Barack Obama en 2008, qui est un excellent exemple de la façon dont la quantité de significations peut largement l'emporter sur la quantité d'éléments utilisés. Lorsque nous parlons de densité propositionnelle, des significations, nous appelons généralement propositions profondes et vous pouvez facilement vous rappeler que parce que ce sont les significations cachées ou sous-jacentes, ils sont donc au fond. les éléments réels utilisés dans la conception que nous appelons des propositions de surface. C'est aussi facile à retenir parce qu'ils sont à la surface, c'est ce que nous pouvons réellement voir. Il existe une équation mathématique très simple pour obtenir la densité propositionnelle réelle, il suffit de compter le nombre de propositions profondes que vous pouvez trouver , puis de diviser ce nombre avec la quantité de propositions de surface. Comptez donc essentiellement le nombre de significations que vous pouvez trouver et divisez-le par le nombre d'éléments utilisés dans la conception. Dans le cas de ce logo, nous pouvons trouver 10 significations et seulement trois éléments utilisés. L'équation est donc 10 divisée par trois, ce qui donne un nombre supérieur à trois. Maintenant, même si vous pouvez atteindre la densité propositionnelle supérieure à un, vous faites déjà un excellent travail, mais comme vous pouvez le constater, dans ce cas, il y avait plus de trois fois plus de significations comme éléments réels. Bien sûr, c'est un exemple exceptionnellement bon pour la densité propositionnelle, mais pour vous montrer l'autre extrême, voici un logo qui est évidemment beaucoup plus épais en termes de densité propositionnelle, et ici, le nombre est probablement inférieur à un parce qu'il y a plus d' éléments que de significations. Sans compter cela, nous pouvons tout de suite voir que nous avons l'aigle audacieux et le drapeau américain, qui portent exactement le même sens du patriotisme. De même, nous avons le texte In God We Trust ici en bas, mais nous avons aussi la Bible et la croix. Encore une fois, trois éléments ayant le même sens. Sans oublier que même le texte est répété, comme le comté de Saint-François écrit ici à l'extérieur, est également visible ici sur cette carte minuscule à l'intérieur du logo. Je suis donc presque sûr que même sans compter exactement les propositions profondes et superficielles, nous pouvons clairement voir que ce logo a beaucoup moins de succès que la campagne Obama. Mais il y a beaucoup d' autres logos qui ont une grande densité propositionnelle comme le logo Airbnb actuel, qui même s'il s'agit d'une simple forme abstraite, il fait référence à beaucoup de choses comme les gens, les lieux, l'amour, et aussi la lettre A, qui est la première lettre du nom. Dans ce cas, il y a deux prépositions de surface, la forme et le texte, mais nous pouvons immédiatement trouver ces quatre propositions profondes, quatre divisées par deux, nous en obtenons deux pour la densité propositionnelle, ce qui est une fois encore une brillante réalisation. Pour qu'une marque soit mémorable et les gens puissent la reconnaître facilement, l'efficacité dépend largement la densité propositionnelle pour laquelle, comme nous pouvons le constater, l'une des choses les plus importantes est pour que vos éléments restent aussi simples ou moins que possible, et il existe une étude intitulée Branded In Memory, qui montre comment le grand public se souvient des différentes marques . Ici, par exemple, nous pouvons voir le logo Apple tiré de Memory par plus de 150 personnes, affiché de manière à obtenir les versions les plus précises au fur et à mesure que nous arrivons en bas à droite et que nous avons les moins précis ici en haut à gauche. Les dessins s'améliorent au fur et à mesure que nous descendons dans le coin inférieur droit, et il y a également quelques statistiques intéressantes supplémentaires ici en bas, dont probablement les plus intéressant, c' est montrer que la couleur réelle du logo est grise, mais ce sont les couleurs que les gens utilisaient lorsqu'ils dessinaient ces logos. Même si la plupart des gens utilisaient le gris, il y a aussi beaucoup de gens qui utilisent le noir, et il y avait même des gens qui utilisaient bleu et le rouge dans leurs dessins. Maintenant, définitivement, le nombre le plus important ici est le pourcentage du nombre de personnes qui ont réussi à dessiner une version presque parfaite du logo, car cela vous montre très bien comment mémorable ce logo est, et dans le cas d'Apple, il était de 20 %. Par rapport à cela, la même étude précise a donné lieu à seulement 6 % dessins quasi parfaits pour Starbucks et quelques versions vraiment amusantes du logo ici dans le coin supérieur gauche, mais le logo le plus performant de cette étude était Target avec 25 % de dessins presque parfaits. Cela signifie qu'une personne sur quatre a réussi à dessiner le logo de Memory sans commettre d'erreurs, et même les couleurs et leurs proportions correspondaient presque parfaitement au logo réel de tous ces dessins. Maintenant, nous voyons clairement que la densité propositionnelle joue un rôle important dans la conception du logo, mais la leçon générale que nous pouvons en tirer est que la réflexion sur la surface et les propositions profondes est quelque chose que nous pouvons également appliquer à n'importe quelle forme de design. Ainsi, même lorsque vous travaillez sur une brochure, une affiche, un magazine ou un site Web, vous devez toujours vous demander si vous devez ajouter cet élément supplémentaire et s'il va y ajouter n'importe quelle signification à votre conception ou facilitez la compréhension de ce qu'ils voient par les spectateurs. N'introduisez de nouveaux éléments lorsqu'ils sont vraiment importants et il n'y a déjà rien dans la conception qui sert le même objectif. L'obtention de la hiérarchie visuelle correcte dans vos conceptions dépend non seulement hiérarchie de certains éléments par rapport d'autres, mais également de votre capacité à juger quels sont les éléments que vous avez réellement besoin dans la composition et quels sont ceux que vous pouvez laisser de côté. 5. Processus de conception de logos - Résumé: Il est presque impossible de créer quelque chose exceptionnel sans avoir d'abord un très bon mémoire. Il ne s'applique pas seulement à la conception de logo, mais c'est à peu près vrai pour tous les projets créatifs. Votre responsabilité en tant que concepteur est de vraiment vous assurer que vous avez tous les détails juste avant de commencer le projet. Vous devez vous asseoir avec le client si possible, ou parler du mémoire ou des objectifs qu'il vous a donnés et si quelque chose n'est pas clair, assurez-vous de poser des questions. Cela dépend vraiment de votre relation avec le client, qu' il veuille voir quelques exemples de votre travail avant et peut-être signaler certaines choses qui lui plaisent, ou peut-être même regarder des concurrents. et encore une fois, demandez au client, quels sont ceux qu'il préfère. Cependant, normalement, je préfère rester à l'écart des choix créatifs au début et me concentrer sur des sujets comme le public cible, qui sont les clients typiques que le client aimerait impressionner. et veulent attirer leur attention. Il est également très important de définir les attentes dès le début, sorte que vous devez vous mettre d'accord sur les livrables, ce que vous allez présenter, nombre de variations que le client peut attendre de vous, également combien de séries de révisions vous serez en mesure de fournir pour le prix convenu. Enfin, bien sûr, il faut toujours demander une date limite. C'est une bonne chose pour vous et pour le client, car il va continuer à bouger les choses et cela donnera une structure à votre processus créatif. Maintenant, avant d'accepter quoi que ce soit, rappelez-vous toujours que vous ne devriez jamais trop promettre. Assurez-vous que quoi que vous acceptiez, vous êtes non seulement capable de livrer, mais aussi de dépasser les attentes. Par exemple, s'il y a un délai serré et que vous savez que vous pouvez le faire, disons trois variations de logo par jour, alors comptez et promettez, seulement deux pour chaque jour que vous allez travailler sur le projet. De cette façon, vous pouvez satisfaire votre client et il deviendra un client de retour, car encore une fois, vous avez dépassé ses attentes. 6. Processus de conception de logos - Recherche: Passons à la deuxième étape la plus importante processus de conception du logo, la phase de recherche ou la collecte d'inspiration. Maintenant, pour cela, j'utilise normalement Milanote, un outil en ligne génial où vous pouvez vraiment rassembler toutes les ressources visuelles ou exemples que vous souhaitez utiliser pour un projet. Bien sûr, vous pouvez également utiliser les tableaux Pinterest ou même créer des planches d'ambiance dans Photoshop, quoi que vous soyez familier. L'important est de rassembler autant d'exemples que possible et de les organiser en thèmes ou en catégories, tout ce qui sera logique pour vous. Vous pouvez prioriser les logos et logos des concurrents du même secteur d'activité. Cependant, cela pourrait vous donner un peu une vision du tunnel et il est bon d'avoir un éventail plus large d'exemples. Par exemple, avec ce projet, même s'il s'agit d'un marché fermier, j'élargissais ma recherche, je chercherais des exemples d'aliments biologiques, de modes de vie sains, même d'activités de plein air, quel que soit le type de public similaire, cela va travailler pour une recherche et, en plus de voir de nombreux exemples, la principale raison pour laquelle vous faites vos recherches est d'être inspiré et d'avoir des idées exposées devant vous. Pour ce mémoire, j' organise mes recherches en six catégories principales en fonction de leur style, et je m' assure toujours de ne pas trop me laisser influencer, par les exemples que j'ai recueillis ou les catégories que j'ai créées. Ils sont parfaits pour définir une certaine direction et donner une structure à mon processus, mais je me donne toujours une certaine liberté d'explorer et même de passer entre ces catégories que je crée. 7. Processus de conception de logo - Esquisser: La prochaine étape du processus est certainement la plus amusante et la plus créative. C'est à ce moment que vous commencez à esquisser. Maintenant, si vous n'êtes pas doué pour dessiner, ne vous inquiétez pas car vos croquis peuvent être très simples, il peut s'agir de miniatures grossières, au lieu d'être très détaillées. Pour être honnête, il n'est pas bon de créer des croquis trop détaillés de toute façon, car encore une fois, ils peuvent vous forcer à suivre vraiment tout et ajouter les mêmes détails une fois que vous êtes entré dans Illustrator. Au lieu de cela, il est bon de les garder un peu rudes et en fonction de vos compétences en dessin, vous pouvez juger de ce qui fonctionne pour vous. Mais n'oubliez pas de ne jamais vous lancer dans l' illustrateur juste après avoir effectué vos recherches. Vous pouvez commencer à esquisser déjà pendant que vous faites des recherches parce que, si une idée arrive alors que vous voyez des exemples intéressants, vous devriez la noter et vous devriez l'enregistrer, car elle est si facile à perdre et Oubliez, certaines de ces brillantes étincelles que vous obtiendrez en regardant un travail inspirant. De plus, il est bon de ne pas se limiter au nombre de croquis que vous créez. Je dirais que le minimum trois est bon, et probablement un maximum de 20, mais vous pouvez en avoir autant que vous le souhaitez. Si vous en avez plus de 10, je dirais toujours il est bon de filtrer les idées vers le bas, et peut-être en choisir cinq, six qui se démarquent et que vous estimez que cela vaut la peine de se développer davantage. 8. Processus de conception de logos : traçage d'esquisses: Une fois que vos croquis sont prêts, il est temps de se lancer dans Illustrator. Ce que je ferais normalement, c'est de configurer un calque de modèle, sorte que cela aide simplement à garder les esquisses en arrière-plan et à avoir tout ajusté pour que je puisse travailler facilement dessus. Ici, vous pouvez voir que j'ai déjà placé dans ces images. Ce ne sont que de simples JPEG, puis je vais double-cliquer sur le « Calque » et choisir Template, puis définir le dim à environ 20%. Vous pouvez le garder plus haut ou plus bas, tout ce qui vous convient, mais je préfère le garder assez bas en termes de visibilité. Cette couche peut facilement être activée et désactivée, mais par défaut, elle sera également verrouillée. Cela vous permet simplement de travailler facilement sur un calque séparé au-dessus de celui-ci. Il est important de créer ce nouveau calque vide car Illustrator ne vous permet pas de travailler sur une couche de modèle. 9. Conseil Adobe Illustrator - Plusieurs fenêtres: Maintenant, une fois que vous commencez à travailler et à ajouter des détails, vous verrez toujours le modèle en dessous. peut arriver que vous souhaitiez Il peut arriver que vous souhaitiez simplement l'éteindre et le rallumer pour pouvoir le voir sans l'esquisse. Cependant, si vous avez un grand écran, ou encore mieux, un deuxième écran, il existe une autre méthode que vous pouvez utiliser. Il suffit d'aller dans le menu de la fenêtre et de choisir « Nouvelle fenêtre ». Cela va ouvrir le même document qu' une fenêtre distincte, il s'agit donc d'un document lié. Il ne s'agit pas d'un document distinct. Vous pouvez voir ici en haut, il s'agit de la version 1, de la version 2. Juste pour que nous puissions le voir ensemble, je vais choisir « Arranger la tuile ». De cette façon, nous pouvons voir les deux fenêtres côte à côte. Lorsque vous avez un deuxième écran, vous pouvez simplement faire glisser l'une de ces fenêtres vers cet autre moniteur. Mais pour l'instant, je vais sélectionner cette fenêtre ici à droite, et je vais désactiver le modèle sur celui-ci, ce qui n' affectera que cette fenêtre de droite et non celle de gauche, même s'il s'agit du même dossier. disposer de deux fenêtres séparées vous permet même de voir différentes couches en même temps. Vous pouvez continuer à travailler avec l'un ou l'autre d'entre eux , et les modifications seront visibles et les modifications seront visibles sur les deux en même temps. Ceci est extrêmement utile spécifiquement pour la conception de logo, où vous pouvez également utiliser cette méthode pour faire zoomer l'une des versions tandis que l'autre est zoomée avant. Vous pouvez travailler sur de petits détails, mais gardez toujours un œil sur le design général. Vous ne devriez jamais oublier de regarder votre logo à distance de toute façon, car si vous faites toujours un zoom avant, vous finirez par ajouter trop de petits détails qui ne seront même pas correctement visibles une fois que le Le logo est en cours d'utilisation, imprimé sur une petite carte de visite, par exemple. Avoir deux fenêtres dans Illustrator est utile pour de nombreuses raisons, et bien sûr, même s'il s'agit de deux fenêtres, vous ne devez les enregistrer qu'une seule fois. Vous n'avez pas à vous soucier fermer accidentellement l' un d'entre eux, car tant que l' un d'entre eux est ouvert, vous serez toujours en mesure de maintenir et de conserver les modifications que vous avez apportées. 10. Conseil Adobe Illustrator - Densité des lignes: Maintenant, en revenant à Illustrator, on voyait que je dessinais tout sur les croquis et que je recréais tous les vecteurs de bits. Cependant, à ce stade, je n'ajoute pas encore de couleurs de champ, pas de dégradés, pas de couleurs, juste des détails en noir et blanc pur. La principale raison pour laquelle je fais cela est de pouvoir me concentrer sur choses plus importantes qui définiront une bonne composition, comme le contraste, la densité des lignes, la hiérarchie et l'équilibre. Permettez-moi de vous donner un exemple rapide. Si je zoome de plus près sur ce design, je me souviens à l'origine que j'avais ces branches en bas avec la même largeur de trait que le reste des détails. Vous pouvez voir actuellement que ce sont ceux qui sont un peu plus minces que les autres lignes ici en haut. Si je vais dans une modification, ce qui est d'ailleurs un symbole, et que j'augmente la taille des traits à cinq, ce qui est identique au reste d'entre eux, il sera mis à jour des deux côtés car il a été configuré en tant que symbole. Mais lorsque nous effectuons un zoom arrière, nous pouvons voir à quoi il ressemble avec cinq points, la taille du trait et comment il était avec trois points. Encore une fois, c'est le cinq points et il y a trois points. Maintenant, c'est une différence très subtile, mais il faut toujours se demander si cela aide la composition ? Est-ce un détail important sur lequel il faut mettre l'accent sur ce point ? Parce que tous ces détails compressent, les feuilles les unes à côté de l'autre créent vraiment un détail dense et chargé. La question est toujours de savoir si nous en avons besoin ? Est-ce que cela aide la composition ? À mon avis, il fonctionne mieux avec un peu moins de densité. L'accent peut se diriger davantage vers le centre de la composition où nous avons la carotte et la petite illustration de l'entreprise. Voici un autre exemple à quel point il est important de bien définir la densité de la ligne. J'y suis allé avec un look un peu plus traditionnel pour le logo. Mais vous pouvez voir encore une fois que j'ai fait cette division entre les lignes utilisées pour l'illustration réelle du personnage au milieu et les lignes plus minces en arrière-plan, qui sont plus utilisées comme comme motif. Par exemple, si je sélectionne ces lignes et que je les augmente jusqu'à deux points pour correspondre à la même épaisseur que la carotte, cela pourrait devenir un peu plus puissant. Cela ne fait pas empirer les choses, et peut-être que le client préfère de cette façon. Cependant, j'ai l'impression que le fait de maintenir la densité de la ligne plus basse sur les détails les moins pertinents aide toujours à faire ressortir les détails importants et à les mettre au point. 11. Conseil Adobe Illustrator - Symboles: Maintenant, j'ai brièvement mentionné des symboles et je les utiliserais chaque fois que j'ai plusieurs instances du même objet. Parce qu'en configurant un symbole, vous pouvez simplement apporter des modifications sur une seule instance et elles les déploieront dans toutes les instances. C'est comme travailler avec des composants dans Adobe XD et je peux vous le montrer ici sur ce design avec les carottes. Vous pouvez voir ici en bas à droite, nous avons le panneau Symboles et tout ce que j'ai à faire est soit double-cliquer sur l'un de ces éléments ici pour commencer à y apporter des modifications. Ou je peux également double-cliquer sur la vignette ici et disons simplement que nous allons rapprocher ces lignes un peu plus près. Je vais juste monter ça et l'autre, nous allons aussi descendre. Maintenant, si je double-clique à l'extérieur, tous les éléments seront immédiatement mis à jour . J'ai mentionné que cette technique est également bonne lorsque vous travaillez en symétrie. Encore une fois ici, j'ai configuré ce site comme un symbole , puis j'ai simplement créé un duplicata qui se reflète de l'autre côté. C'est juste une autre instance transformée du symbole d'origine et quel que soit le symbole sur lequel je double-clique, je peux commencer à apporter des modifications. Supposons que nous changions un peu cette feuille, en la retournant, peut-être même en ajoutant une feuille supplémentaire en maintenant la touche Alt ou Option enfoncée, nous pouvons la dupliquer et en placer une autre ici. Encore une fois, nous allons peut-être le faire pivoter un peu plus loin, puis je double-clique à l'extérieur, cela mettra immédiatement à jour l'instance réfléchie du symbole. En général, chaque fois que vous travaillez dans Illustrator, vous voulez être efficace et tout faire de façon intelligente. Non seulement cela vous fera gagner du temps une fois lorsque vous le configurez, mais il sera également possible de revenir et d'apporter modifications après les révisions du client, alors travaillez intelligemment et gagnez du temps. 12. Conseil Adobe Illustrator - Ombrage: Un bon exemple serait la façon dont je fais de l'ombrage sur des logos ou des illustrations en général. Pour cela, tout ce dont j'ai besoin, c'est dupliquer et d'ajouter dans ce cas, prenons ce personnage amusant de petite carotte. Copiez et collez devant. C'est Contrôle ou Commande C, puis Contrôle ou Commande F. Si nous regardons notre panneau Calques, nous pouvons voir qu'il y a deux objets identiques. Au fait, j'ai juste double-cliqué sur ce groupe pour l'isoler, c' est pourquoi tout le reste en arrière-plan est grisé. Maintenant que nous avons cette deuxième version, ce que je ferais normalement en premier, c'est de la changer en mode Multiply blend et généralement réduire l'opacité jusqu'à 50 %. Maintenant, ce n'est pas toujours nécessaire. Cela dépend des couleurs ou de l'ombrage que vous recherchez. Mais en plus de cela, j'aime aussi changer légèrement la teinte et peut-être la rendre un peu plus chaude ou plus fraîche, encore une fois, selon que vous préférez. Mais ce faisant, nous avons maintenant deux versions. Nous avons la couleur d'origine et la couleur d'ombrage, ou la couleur de l'ombre au-dessus. Maintenant que nous avons créé cela, nous pouvons ouvrir un autre panneau important appelé transparence, où il suffit de cliquer sur « Make Mask ». Maintenant, par défaut, cela va complètement cacher cet objet, ce qui est génial. Nous n'avons pas besoin de faire autre chose que de sélectionner le masque. Ici, dans ce panneau de transparence, il suffit de cliquer sur cette « vignette noire ». Il s'affiche également dans le panneau Calques, il vous indique que vous travaillez maintenant dans le masque d'opacité de cet objet. Il n'y aura aucun calque visible à ce stade. Mais maintenant pour révéler des parties de cet objet, je vais utiliser l'outil de pinceau blob, qui est ici dans la barre d'outils, le décalage B est le raccourci et avec les crochets, vous pouvez augmenter ou diminuer la la taille de votre pinceau. Vous souhaitez que la couleur de remplissage soit blanche. Vous n'avez pas besoin d'une couleur de contour ici, donc nous pouvons simplement définir cette couleur sur aucune. En dessinant avec du blanc dans un masque d'opacité, vous allez révéler tous les détails que vous peignez. Tout ce que je vais faire ici, c'est peindre joliment cette section ici à droite. Peut-être montrez juste un peu plus de l'ombrage juste sous le sourcil. Alors je vais probablement rendre mon pinceau un peu plus petit et passer ici sous l'autre sourcil. Peut-être sous ces lignes aussi, juste pour ajouter un peu plus de profondeur et avec une taille de pinceau un peu plus petite, je dessine simplement sur la bouche et peut-être ajouter un peu d' ombrage sous les yeux aussi. Au lieu d'utiliser l' outil stylo pour dessiner ces détails ou d'utiliser la gomme pour supprimer l'objet d'origine, nous avons tout enregistré dans ce masque. Si je change d'avis, je peux même déplacer ces détails dans le masque d'opacité. Par exemple, je peux zoomer plus près, déplacer ces formes, les redimensionner, les supprimer individuellement sans affecter l'objet d'origine. C'est juste une chose dont vous devez vous souvenir chaque fois que vous travaillez avec un masque d'opacité, à savoir sortir du masque. Vous devez revenir au panneau de transparence et cliquer sur l'autre miniature et vous assurer de voir à nouveau tout ce qui se trouve dans le panneau Calques. Nous sommes toujours en mode isolement. Mais pour m'en sortir, je vais double-cliquer en dehors de l'illustration. Nous sommes de retour à nos couches principales et nous pouvons continuer à travailler normalement. 13. Conseil Adobe Illustrator - Flux de travail vectoriel: Dans ce chapitre, je vais vous montrer six versions différentes de ce projet que j'ai imaginé en fonction de mes recherches. Ainsi, dans la prochaine leçon, vous pourrez voir tous les exemples que j'ai trouvés. J'ai créé ces six catégories en fonction desquelles je vais créer mes logos. Cependant, je ne m'en tiens pas complètement à ces styles. Il s'agit toujours d' une fusion et d'un mélange de concepts et d'idées ensemble. Mais en général, j'ai essayé de m' en tenir à ces six directions distinctes. Encore une fois, vous pouvez utiliser mes recherches comme référence pour votre point de vue sur ce projet. Cependant, je recommande de toujours faire vos propres recherches en plus des exemples que vous pouvez voir dans mon tableau Milanote. Maintenant, lorsque vous regardez ces deux prochaines vidéos, vous verrez une version accélérée de la vectorisation de mes croquis dans Illustrator. Il a fallu environ une demi-heure à une heure pour recréer chacune de ces versions, mais je les ai prises plus rapidement, mais je les ai tout de même expliquées toutes les décisions importantes que j'ai prises en route. Pour chaque leçon de ce chapitre, vous trouverez un fichier Illustrator distinct que vous pouvez télécharger, et là, vous pourrez voir ma version vectorielle finale sans aucune couleur. s'agit simplement la version noir et blanc pour chacun d'entre eux. Il existe une version couleur pour le concept ludique. Pour voir comment j'ai fait l'ombrage là-dessus, vous pourrez regarder dans un prochain chapitre. Mais surtout, j'ai également configuré la couche de traçage pour chacun de ces fichiers. Donc, si vous souhaitez pratiquer le processus de vectorisation et utiliser mes croquis comme références, vous pouvez le faire une fois de plus en téléchargeant les fichiers Illustrator à partir des leçons de ce chapitre. 14. Direction de projet 1 - Traditionnel: Dans cette version, je veux qu'elle opte pour un look un peu plus traditionnel et précisément la technique d'impression en relief gravée sur bois que je voulais ressembler. Si vous n'êtes pas familier avec la technique, c'est lorsque l'artiste sculpte une image dans la surface d'un bloc de bois, puis laisse pièces d'impression au niveau de la surface tout en enlevant le matériau non imprimé. pièces. Que les zones que l'artiste coupe portent [inaudible] tandis que personnages ou des images au niveau de la surface transportaient l'encre pour produire l'impression. C'est à peu près ce que j'allais chercher ici et vous pouvez déjà voir mon croquis que j'ai toutes ces petites lignes pour créer l'ombrage de l'illustration du personnage et aussi de l'arrière-plan. Comme vous pouvez le voir à droite, dans Illustrator, j'ai commencé avec l'élément principal, encore une fois, la carotte et j' utilise intentionnellement une ligne plus épaisse pour la carotte à ce stade, mais que pourrait changer plus tard, comme vous pouvez le voir, je l'ai déjà ajusté. Parce que j'ai l'impression qu' il serait difficile d' ajouter de petits détails comme la profondeur ici à gauche puis à droite là où nous avons ces petites imperfections. Je voulais vraiment rendre cette carotte un peu plus réaliste autres variantes du logo c'est pourquoi j'ai même les racines visibles en bas et les feuilles sont plus détaillé que dans mes autres versions. Voici maintenant les lignes au milieu et je vais utiliser un masque d'opacité pour cacher cette partie de la carotte. Vous pouvez voir en ce moment que je l'ai caché temporairement à mi-chemin et maintenant c'est complètement caché. J'ai essayé de le garder non destructif, donc si je le veux, je peux toujours [inaudible] le faire plus tard. Mais je veux aussi garder tout un peu organique et dessiné à la main, c'est pourquoi j'ai même gardé ces lignes non droites et j'ai ajouté quelques lacunes à l'intérieur. Maintenant vient la partie lorsque j' ajoute le texte, et encore une fois, mon choix pour les polices essaie reproduire ce que ces logos plus vintage auraient. J'utilise deux cercles, un pour l'arc en haut et l'autre pour le bas. C'est très important à faire, car sinon il serait difficile de le gérer et vous ne pourrez même pas avoir deux orientations distinctes sur votre texte. Vous pouvez voir que j'utilise toujours le crénage et espacement pour m'assurer que tout tombe au bon endroit et qu'il soit facile à lire. Cependant, cette police n'est pas la plus facile à lire. Je pense que ça marche toujours. Ici, je viens de changer d'avis et, à la suite de l'esquisse, je me souviens que je dois avoir le marché fermier, qui est la partie la plus importante du texte au centre. Encore une fois, j'ai choisi une police qui complète très bien la police de script sur le cercle, donc ici au milieu, nous avons cette belle police Serif audacieuse, encore une fois plus traditionnelle. À la fin, et je le fais intentionnellement à la toute fin, je commence à ajouter des détails. Je voulais d'abord m' assurer que la composition fonctionne, car parfois, si vous faites quelque chose en tant qu'esquisse, elle pourrait ne pas fonctionner comme une illustration vectorielle. Je ne veux pas perdre de temps à ajouter tous ces petits détails sans vraiment confirmer que ça va marcher. Pour les lignes en arrière-plan, vous me verrez utiliser l'outil de fusion alors j'ai ajouté une ligne en haut et en bas, puis en utilisant le mélange, j'ai configuré, je pense 25 ou 30 pas entre ces deux-là. Pour créer un aspect un peu plus organique, j'ai simplement utilisé l'outil de distorsion pour presser un peu la ligne en haut et en bas ce qui ajoute un peu de hasard à ces lignes, mais quand même. les maintient très bien organisés, grâce au mélange. Ce que je fais, c'est d'utiliser, encore une fois, un masque d'opacité sur ce mélange et je ne fais que peindre avec l'outil pinceau blob sur le masque d'opacité pour masquer ces lignes partout où elles ne devraient pas apparaître. Je crée ce joli petit espace entre la carotte et les lignes, puis j'ai finalement décidé d'ajouter un peu plus d'ombrage sur ces imperfections . et aussi sous les feuilles, presque comme un ombrage supplémentaire plus accentué pour ces zones. J'ai l'impression que c'est tout ce qu'il fallait ici, alors je fais quelques derniers ajustements et voici notre version finale. 15. Direction de projet 2 - Monoline: Pour cette version, je voulais créer un aspect très géométrique. Encore une fois, il est légèrement minimaliste, même s'il contient beaucoup de détails. Mais plus important encore, il s'agit d'une ligne mono, donc nous avons la même épaisseur sur toutes les lignes. C'était encore une fois une restriction que je me suis fixée pour cette prise. Même si j'essayais de le faire sur les autres versions, c'était ici un objectif principal. Pour capturer cette sensation géométrique pour le logo, je me suis assuré que, par exemple, pour les collines, je n'utilisais que des cercles parfaits. Une fois que je les ai tous assemblés, j'ai tout sélectionné et j'ai utilisé l'outil de création de formes pour les découper en pièces dont j'avais besoin. Parfois, lorsque vous utilisez l'outil de création de formes, vous finissez également par avoir des formes inutiles. C'est bon de se débarrasser de ceux comme j'en avais un en bas à gauche. Mais maintenant que j'ai rangé les choses, je peux ajouter les textes en haut. J'utilise cette belle police solide qui ressemble beaucoup aux lignes que j' aurai dans le dessin, donc c'est la même épaisseur dans tous les personnages. Cela fonctionne bien avec ce style monoligne, et ce que je fais maintenant c'est créer les branches en bas. À ce stade, j'ai eu l'idée de les garder complètement droites. Au lieu d'avoir de vraies feuilles, je veux qu'il n'y ait que des lignes droites. Encore une fois, gardez-le très géométrique et ce n'est pas mal, mais cela ajoute beaucoup de restrictions. Je ne voulais intentionnellement pas tourner dans autre chose à partir d' angles de 45 degrés et 90 degrés. Il est en fait assez difficile de recréer une belle branche, surtout dans cette petite taille. Plus tard, vous verrez que j'ai changé d'avis et j'ai réutilisé une autre branche que j'ai créée pour un autre logo. C'est vraiment une bonne chose à faire. Conservez toutes vos versions dans le même fichier Illustrator, puis vous pourrez facilement déplacer des morceaux d'une version à une autre. De plus, cela vous aide simplement à garder l'esprit ouvert et vous ne savez jamais que vous pourriez trouver un élément cool que vous avez créé dans l'une des versions qui peut facilement être modifié et réutilisé dans une autre. Maintenant, vous pouvez voir que je travaille sur le moulin à vent, et en raison des restrictions du poids de la ligne, j'ai vraiment du mal à mettre en place tous les détails nécessaires. Nous devons avoir ce toit que je voulais avoir sur le dessus, qui serait le sommet de la tour, mais c'était vraiment difficile de le faire lire bien. Encore une fois, elle est trop dense. Il y a trop de lignes en un seul endroit par rapport au reste du design. Je devrai revenir là-dessus et l'ajuster plus tard. Mais voici la carotte, et je voulais garder cela assez abstrait, donc c'est en V, aussi comme un message caché pour le soleil couchant ou levant, les feuilles étant, encore une fois, assez abstrait, pas complètement relié à la carotte. Je vais sauter jusqu'à la fin, l'affiner un peu, affiner un peu, m' assurer que la carotte se lit bien. Mais à ce stade, cela semble assez abstrait et certaines personnes ne reconnaîtront peut-être pas qu'il s' agit d'une carotte là-bas. Vous pouvez voir que je ne fais que régler les feuilles, assurez-vous qu'elles remplissent l'espace ou remplissent l'espace vide. J'ai du mal à ajouter le nuage à cause des restrictions sur le poids de la ligne. Il est vraiment important d'obtenir les détails faciles à lire , même à distance. C'est pourquoi vous pouvez voir que j'ai ajusté le moulin à vent. Une tour plus haute remplit mieux l'espace, mais aussi, plus important encore, elle obtient juste le contraste , elle obtient juste le contraste sorte qu'il n'y a pas trop de détails à un seul endroit. Maintenant, je regarde cette version et j'ai l'impression qu'elle a encore besoin de raffinement. L'une des idées que j'ai eu est de montrer la carotte, non seulement au-dessus mais aussi au-dessous du sol. Cela aide en fait à mieux le définir et à le rendre plus reconnaissable, mais il permet également de diviser le texte en bas. Nous avons une distinction naturelle entre le texte barnet et la date à droite. Je n'étais toujours pas content de cette journée, alors je suis allé plus loin et j'ai juste affiné le poids de la ligne ainsi que la copie en bas. Au lieu de faire passer ce texte de gauche à droite, j'ai décidé que les branches pouvaient être légèrement plus grandes, mais leur poids de ligne a été réduit. De cette façon, il n'y a pas trop d'accent là-dessus. Au lieu de cela, nous nous concentrons sur le texte principal en haut et sur la carotte au centre. 16. Direction de projet 3 - Crème: Pour cette version, je voulais créer quelque chose qui ressemble davantage à un écusson ou à un badge. Avoir un conteneur très solide qui retient tout ensemble et juste pour aller avec le thème, c'était presque un défi pour moi. Je voulais m'assurer que l'élément principal ou principal de toutes les versions est la carotte. Dans ce cas, la carotte est devenue le badge lui-même ou le conteneur qui va tout retenir ensemble. Pour cette raison particulière, j'ai décidé d'utiliser ici une ligne beaucoup plus épaisse. Je pense que c'était 10 points contre cinq points que j'utilise pour les petits détails comme les feuilles et c'est en fait quelque chose qui va changer à la fin, vous verrez. J'ai changé d'avis parce que j'avais l'impression que cette épaisseur de 10 points était trop importante. Il y avait trop de contraste ou densité de ligne en un seul endroit, mais au début, il est toujours difficile de savoir ce qui va fonctionner, donc je vais ajuster ces choses plus tard. Vous pouvez me voir ajouter les petits détails en bas. Même s'il n'y a pas beaucoup d' espace à l'intérieur de ce conteneur, j'ai eu l'impression qu'il serait très agréable d'avoir un peu de cette ferme en bas, juste pour avoir une profondeur supplémentaire au logo. Je dessine ça avec l'outil stylo. Il s'agit de quelques pièces simples assemblées. Je n'ai pas vraiment beaucoup de place pour beaucoup de détails, alors j'ajoute littéralement le toit et la porte, puis il y a un petit arbre. Encore une fois, après l'esquisse, je commence par un cercle, puis j'ajuste simplement les quatre points de celui-ci pour créer ce petit arbre. Maintenant que nous avons ce détail en bas, nous pourrons ajouter la copie, et pour cela, et pour cela, encore une fois, j'utilise une police qui complète ou fonctionne bien avec la forme générale ou le design de celui-ci variation. C'est une police un peu plus volumineuse, sans empattement. Je voulais m'assurer qu'il remplit bien cet espace sur le dessus. C'est pourquoi il est très bon d' avoir quatre mots qui ont peu près la même longueur car il est assez facile de travailler avec lui. Si c'est le cas, disons trois mots dans un logo et l'un d'eux est très long et vous devez travailler différemment avec celui-ci. Ici, il était assez facile de l' intégrer dans cette forme. La date que j'ai décidé mettre en bas est un peu difficile à presser, encore une fois, avec cette ligne épaisse sur le conteneur, mais c'est, encore une fois, quelque chose que je vais changer plus tard. Mais pour l'instant, nous avons un autre jumelage de polices. deux sont sans empattement, mais il y a un contraste clair entre eux, sorte que l'un d'entre eux est plus condensé, l'autre est beaucoup plus épais et plus audacieux. Maintenant, nous créons les branches du bon côté et parce que je vais les dupliquer, je ne dois les créer qu'une seule fois. C'est une ligne simple et ensuite nous ne faisons que copier et tourner ces feuilles. J'essaie de garder les choses biologiques. C'est pourquoi je n'utilise pas répétition ou quoi que ce soit de ce genre. Il ne faut pas longtemps pour poser quelques feuilles et les faire pivoter individuellement et les déplacer. Je préfère toujours le faire de cette façon chaque fois que j'en ai le temps. Là, nous avons presque toute la branche prête et c'est censé être [inaudible] mais ça pourrait être vraiment n'importe quoi. Je suis en train de regrouper tout et j'en ai créé le reflet avec l'outil de réflexion. Cependant, depuis que j'ai enregistré cette vidéo, Illustrator vient de publier les options de répétition pour la version de bureau. C'est quelque chose que nous avons déjà eu pour Illustrator sur iPad, mais maintenant il est également disponible sur le bureau. Créer quelque chose de symétrique est devenu tellement plus facile maintenant et c'est quelque chose que j' attends depuis si longtemps. Nous avons tous les petits détails sur les feuilles et voici les raffinements que vous verrez que j'ajouterai plus tard, je ne l'ai pas enregistré, mais vous pouvez voir la différence ici principalement que j'ai réduit l'intensité ou l'épaisseur de la croûte ainsi que sur les branches latérales. J'ai eu l'impression que c'était un peu trop puissant et je voulais garder l'accent sur le centre du logo, sur le texte et avoir une ligne plus fine me donnait un peu plus d'espace pour jouer . détails supplémentaires. Juste pour ajouter ces détails pour la carotte, je pense qu'ils sont importants, ces lignes simples, mais elles travaillent aussi à remplir ces espaces blancs ou négatifs et j'ai aussi décidé d' avoir les feuilles un peu plus détaillés et ajoutent un peu plus de profondeur en les faisant passer devant la forme principale au lieu d'être cachés derrière elle. C'est la version finale. J'espère que ça vous plaira. De toute évidence, il y a quelques erreurs je peux voir sur les feuilles, mais cela peut facilement être corrigé plus tard. 17. Direction de projet 4 - Signification cachée: À l'origine, lorsque je faisais mes recherches, c'était censé être le logo le plus simple ou le plus minimaliste, mais il a fini par être beaucoup plus complexe. Ici, je veux qu'il joue principalement avec l' espace négatif et essaie créer une combinaison intelligente ou un message caché pour cela. Le message caché ici ou le symbole est le panier, qui va très bien avec le marché, mais c'était un peu difficile de faire fonctionner cela avec les carottes. Parce que, comme je l'ai déjà dit dans une autre vidéo, je voulais garder la carotte toujours comme une pièce centrale ou un élément principal du design. Parce que j'ai ici plusieurs carottes, je l'ai conçue pour la configurer comme symbole, puis je pouvais simplement faire pivoter et les dupliquer plusieurs fois. Maintenant, la date et l'estimation 1850 vont au centre, même si elle est petite, va avoir un emplacement très central. On dirait qu'elle sera toujours au centre, surtout avec toutes ces carottes, presque comme de petites flèches pointant vers elles. Il faut un placement assez important du logo, bien que ce ne soit pas la partie la plus importante des textes, j'aime beaucoup la façon dont il remplit l'espace. Ici, j'utilise à nouveau un cercle simple pour les textes en haut et dans ce cas, j'ai réussi à garder l'intégralité de la copie, les textes primaires en un seul élément. Je ne passerais jamais sous la ligne horizontale lorsqu'il s'agit d'ajouter des textes sur le cercle, alors vous voulez vous assurer qu'il est facile à lire. C'est là encore une autre restriction que je veux que vous suiviez. Vous verrez tout d'abord que je travaille pour ajuster chaque personnage en passant, j'ai décrit ces piles afin de pouvoir facilement manipuler individuellement chaque personnage, et j'ai vraiment essayé de travailler dur pour ressembler mon croquis ou pour aller avec ce style ou cette composition de texte déformé. Je fais beaucoup d' ajustements ici pour faire des allers-retours. Mais je dois juste me rendre compte que ça ne marche pas ou que je n'ai vraiment pas aimé son apparence. À ce stade, je casse ça et j' utilise la même police que celle que j' ai déjà en bas. Encore une fois, je ne voulais pas introduire une troisième police est la même que celle que j'ai à la date. Au lieu de créer une version graphique du texte Barnett, je vais simplement le décrire et le rendre très semblable au reste du dessin. Encore une fois, il aura la même épaisseur, mais il se fondra très bien dans la poignée. Il n'est pas nécessaire que cela soit aussi mélangé pour que cela fonctionne. En disposant d'un peu plus d'espace sur le dessus, je pourrai aussi me contenter d'un peu de détail du paysage que nous avions dans les autres versions. C'est ce que je veux dire comme si j'ai essayé de garder cette version simple, mais j'ai fini par avoir beaucoup d'éléments dedans. Ce n'est pas la version la plus réussie, je dirais, car encore une fois, en termes de densité proportionnelle, nous avons ici tellement d'éléments comme au lieu d'une carotte, nous en avons sept, et nous avons également cette poignée du panier, qui est un autre élément, et nous aurons également tous les détails du paysage. Au lieu de se retrouver avec un logo minimaliste simple, il est devenu assez complexe. Mais c'est la raison pour laquelle vous devez créer plusieurs versions. Parce que même si vous avez l'impression une esquisse fonctionne vraiment bien à la fin, une fois que vous commencez à en faire la version vectorielle, ce n'est peut-être pas le meilleur. Comme toujours, c'est pourquoi il est important d' avoir plusieurs versions et de les présenter au client avant d'ajouter les détails finaux et la coloration, etc. 18. Direction de projet 5 - ludique: Dans cette version, je voulais capturer une approche plus ludique, colorée, fantaisiste et stylisée pour le logo. Je pense que la façon la plus simple de le faire est d'avoir un personnage amusant. Même s'il s'agit du même élément principal ou élément que nous utilisons ici, la carotte, elle peut facilement être transformée en personnage en ajoutant simplement des traits mignons, les yeux et la bouche. Plus tard, j'ai décidé d'ajouter les bras et d'avoir un peu d'attitude envers ce personnage. En utilisant les lignes que nous avons sur le côté, qui accentuent simplement la profondeur et la font ressembler un peu plus à une carotte peut également être utilisée pour les sourcils, je pensais, pour cette version. Ce sont les idées et les décisions simples que j'ai déjà prises dans le croquis, comme vous pouvez le constater. Mais je peux ensuite le peaufiner et modifier une fois que je travaille dans Illustrator. Le but de votre esquisse est de vous donner une direction, mais n'ayez pas peur de changer proportions et même les détails ultérieurement. Mais cela vous permet de gagner beaucoup de temps pour avoir ces croquis, car en prenant ces décisions, je pourrais perdre des heures dans Illustrator. Ayant cette esquisse prête, je pense que cela ne m'a pris qu' environ 10 ou 15 minutes pour recréer dans Illustrator car j'avais déjà un concept très fort prêt. Maintenant, vous pouvez voir que j'utilise l' outil stylo ici pour créer les feuilles. Encore une fois, je ne m'en tiens exactement à la façon dont j'ai fait le croquis. Cependant, je vais toujours utiliser trois éléments distincts et ils seront placés à peu près au même endroit. J'utilise simplement, comme je l'ai dit, l'outil stylo. Parfois, si vous utilisez un trait épais, vous risquez d'avoir des difficultés avec ces lignes pointues. Vous pouvez simplement ajuster le trait pour avoir jointures ou des coins arrondis ou vous pouvez aussi parfois ajuster simplement l' alignement du trait afin qu'il puisse aider à le garder à l'extérieur ou à l'intérieur de la forme, et cela peut également réparez-le. Mais maintenant que nos trois feuilles sont à peu près en place, je vais passer à l'ajout du texte. Je commence d'abord par les lignes. Nous avons ces lignes à gauche et à droite. C'est censé être une version très simplifiée et stylisée d'un ruban. Encore une fois, je ne connecte pas intentionnellement ces lignes. Je veux garder un peu d'espace entre le personnage et ce ruban simplifié. Mais j'utilise la même forme, donc je la duplique et je la fais pivoter ou la réfléchir de l'autre côté et je m'assure qu'elles sont alignées pour l'autre côté et je m'assure qu'elles sont qu'elles soient dans la même position. Maintenant, j'ajoute le texte, qui est évidemment l'information secondaire que nous avons ici au milieu et j'aurai la partie principale de la copie du logo sur la zone circulaire à l'extérieur ou autour de la personnage. Je veillerai également à ce que nous ayons un bon jumelage. Encore une fois, nous avons un contraste entre les deux polices. Ici, j'utilise une police de type script un peu plus ludique pour le texte principal. Je pense que cela va très bien avec l'approche fantaisiste, n' est pas trop difficile à lire, donc c'est toujours très lisible. Vous pouvez voir quand je fais le texte en bas, j'ajuste toujours la taille de mon cercle car la ligne de base que nous avons sur la partie supérieure doit être alignée avec la hauteur X du texte à le bas. Il s'agit donc d'ajuster un peu la taille, mais de s'assurer que la taille réelle du texte est la même. Ainsi, lorsque vous redimensionnez vos cercles, vous pouvez simplement l'ajuster ultérieurement. Mais c'est une chose assez rapide et facile à faire. Une fois que vous vous y êtes habitué, n'oubliez pas d'utiliser toujours deux cercles distincts pour une composition circulaire avec des textes comme celui-ci. là que nous avons notre version finale. Je peux toujours ajouter des détails supplémentaires comme des petites lignes que nous avons dans l'esquisse. Mais à ce stade, j'ai eu l' impression que ce n'était pas nécessaire, donc cela fonctionne déjà très bien. 19. Direction de projet 6 - Abstrait: Cette version était très rapide, facile et facile à vectoriser. Pour ce logo, je veux qu'il conserve des angles vifs et qu'il le rende un peu plus abstrait et décalé. Ici, j'utilise l'outil pinceau, ou je pense que dans ce cas, j'utilisais l' outil crayon pour dessiner le texte. Je veux qu'il le conserve à nouveau, comme je l'ai dit, un peu aléatoire et encore une fois, lettrage numérique manuscrit ici et pour ajouter à la bizarrerie, je mélange également des lettres minuscules et majuscules, comme tous les Es, par exemple, sont en majuscules. Encore une fois, j'essaie d'ajouter des angles vifs dans certains personnages comme l'O. Je ne voulais pas le garder complètement rond. C'est un peu plus proche d'être un carré. Comme vous pouvez le constater, je n'ai utilisé une police que pour la copie secondaire. Je vais changer la police plus tard, mais je la prépare juste en bas pour l'instant. Ensuite, une fois que vous avez du texte écrit à la main dans Illustrator, ce qui est étonnant, c'est que vous pouvez facilement ajuster tous les caractères car ils sont tous des parties individuelles. Vous pouvez simplement les sélectionner facilement et effectuer ces ajustements. Maintenant, pour la copie secondaire, je veux qu'elle ait quelque chose qui fonctionne bien et qui se marie bien avec l' esthétique générale du logo. Je veux donc qu'il reste assez angulaire et il y ait des coins vifs dedans et je pense que cette police fonctionne assez bien. Il s'agit maintenant de finaliser les détails. J'ai ajouté quelques lignes, ajusté un peu tout et en général, vous pouvez voir que j'essaie toujours de tout garder un peu plus comme un cercle de sorte que même s'il n'y a pas de cadre de sélection ou ou une crête tenant les choses ensemble, elle va toujours avec cette composition circulaire que j'ai sur les autres logos. 20. Processus de conception de logo - Présentation: Restez en contact avec votre client tout au long du processus. Ne vous contentez pas d'attendre la fin lorsque vous avez les versions couleur. Envoyez-leur déjà même peut-être les croquis, mais certainement les versions vectorielles contours sans les couleurs. Parce que cela peut vraiment vous aider à définir la direction que le client préfère. Vous pouvez vraiment concentrer votre temps et vos efforts sur les variations que le client a aimées. Enfin, lorsque vous présentez votre travail au client, faites-le paraître cool et incluez de jolies maquettes car il est toujours plus facile de visualiser à quoi il pourrait ressembler en tant que produit final. 21. Création de guides de marque - Partie 1: La plupart des gars que je vais vous montrer dans cette vidéo proviennent du site brandingstyleguides.com. Le lien se trouve dans la description ci-dessous, assurez-vous de le consulter. Vous pouvez créer un compte gratuit et, une fois que vous l' avez, vous pouvez télécharger les guides PDF. Maintenant, certains de ces gars ne sont peut-être pas la version la plus récente ou version la plus récente la marque que vous recherchez. Néanmoins, ils peuvent être parfaits pour être utilisés comme références et exemples si vous envisagez de créer vous-même un guide de marque. J'aime le fait que vous puissiez rechercher en fonction de l'année de publication ici en haut où vous avez les filtres basés sur les langues, la taille du document, même les pays où il a été utilisé, et même des balises ou si vous connaissez une marque que vous recherchez, vous pouvez simplement la taper ici dans la zone de recherche. Jetons d'abord un coup d' œil au guide 2018 d'Adobe, qui est assez complet, il compte donc environ 80 pages et, bien sûr, pour ces types de documents, il est bon d'avoir une table des matières où vous pouvez indiquer la structure du guide, mais vous pouvez également y intégrer des hyperliens s'il s'agit d'un PDF interactif, qui est assez simple à créer dans InDesign, par exemple. Cela signifie que nous pouvons également cliquer sur n'importe laquelle de ces entrées et que nous pouvons accéder directement à cette page dans le guide et c'est déjà une considération que c'est déjà une considération vous devez faire au début, que vous souhaitiez créer votre guide principalement pour l'impression ou pour un usage numérique. Ces dernières années, je vois de plus en plus d'entreprises se tourner vers leurs guides de style et leurs actifs en ligne sous un format interactif et elles ont peut-être même pas de PDF ou de version imprimée disponible. Un bon exemple est directives de Google sur les actifs visuels, qui, encore une fois, le lien se trouve dans la description ci-dessous, et il se trouve en fait sur Behance pour que vous puissiez le trouver. Il est divisé en deux parties et il passe en revue tous les détails différents des icônes, comment elles sont générées et créées, ainsi que la façon dont elles sont censées être utilisées. Comment pouvez-vous décider quel format vous convient le mieux ou pour la marque avec laquelle vous travaillez ? À mon avis, un guide interactif en ligne pourrait mieux fonctionner pour un plus grand nombre d'entreprises numériques. Les entreprises où il y aura beaucoup de papeterie et de produits physiques comme les emballages. Il est préférable d'avoir un guide imprimé qui, bien sûr, peut toujours être disponible en tant que PDF interactif en même temps. Revenons maintenant au guide de la marque Adobe. Nous voyons clairement que le premier chapitre se concentre sur la mission, les valeurs et les locataires, qui sont les principes de base de l'entreprise et il s'agit d'une section très importante. Chaque fois que vous travaillez avec une marque ou une entreprise et que vous créez un guide, vous devez vraiment les connaître avant de commencer à travailler sur le guide. Vous devez donc savoir où il se trouve. le moment où ils se dirigent, quel est leur public cible, quel est leur ton et, en général, quelle est la personnalité de la marque ? Voici un autre exemple, le guide de la marque National Geographic. Encore une fois, si nous jetons un coup d' œil à la table des matières, une fois de plus, cela commence par notre marque , puis il commence parler des ingrédients ou éléments utilisés dans les visuels de cette marque. Si nous examinons de plus près cette section d'introduction, il est bon de commencer par la mission, qui porte généralement sur la raison pour laquelle l'entreprise existe et quel est son objectif. C'est la plupart du temps le présent de l'entreprise. Mais vous pouvez ensuite passer la vision ou aux idées futures, ou à l'endroit où la marque veut évoluer et quels sont ses objectifs ultimes. En général, dans cette section, il est bon d' utiliser des adjectifs capables de définir la marque. Ici, nous avons des produits haut de gamme, de science, d' aventure, d'exploration et de destination, qui décrivent et encapsulent parfaitement la marque. Maintenant, dans certains guides, vous aurez également le contraire de ces choses qui ne concernent pas l' image de marque, ce qui peut également être utile pour des éclaircissements supplémentaires. Habituellement, une fois l'histoire de la marque couverte, nous passons aux éléments ou aux ingrédients, et probablement la partie la plus importante et la plus connue est le logo. Encore une fois, cela dépend de la complexité de la marque, peut parfois s'agir d'une seule page, mais il peut parfois s'agir d'un chapitre entier. Examinons de plus près le logo de National Geographic. Tout d'abord, nous avons l'icône jaune à elle seule, cadre, qui est vraiment bien reconnu, puis nous avons le verrouillage avec le texte à côté et remarquez la quantité d' espaces blancs ou négatifs espace utilisé sur cette page. La page n'est pas encombrante et encombrée, elle se concentre vraiment sur les éléments et à quoi ils servent. De plus, il est recommandé de construire le guide lui-même en utilisant les polices appliquées à la marque et même aux couleurs. Nous pouvons déjà le voir sur cette page et cela ne fait qu' unifier l'ensemble de l'expérience de la marque. Sur la deuxième page, nous avons plus d' informations sur le slogan, qui explique en outre comment il peut être utilisé dans différents formats et combien d'espace est nécessaire entre le logo principal et le slogan. Ensuite, nous passons à une section qui explique comment ne pas utiliser le logo. C'est également très courant et un excellent moyen de s'assurer que tous les partenaires et c'est un excellent moyen de s'assurer que tous les partenaires et tous ceux qui vont travailler avec la marque finiront par l'utiliser comme il devait être utilisé. C'est la partie que j'appelais normalement, ne gâchez pas notre logo. Nous avons ensuite quelques exemples supplémentaires. Encore une fois, des variations sur la façon de ne pas gâcher le logo. Nous passons ensuite à la section suivante, qui est également très cruciale pour la plupart des marques. C'est de la couleur, et dans le cas du National Geographic, c'est assez simple. Nous avons le noir et le jaune, mais avec d'autres marques, cela peut être un peu plus complexe. Avec le guide de la marque Animal Planet de 2008, explique qu'il existe 10 variations de couleurs différentes en plus de la version noir et blanc du logo et ce ton vert jaunâtre est les couleurs du héros, de sorte que c'est comme l'utilisation des couleurs primaires, alors que les autres sont plus supportables, peuvent parfois être appelées couleurs primaires et secondaires. Dans le cas de British Airways, par exemple, il existe même un graphique indiquant le pourcentage ou la priorité des couleurs associées à la marque. Le bleu est définitivement leur couleur de héros, suivi du blanc, puis du rouge, puis achètent enfin du gris et ils peuvent également avoir une palette inversée où blanc devient la couleur principale, suivi du bleu, du rouge, puis enfin du gris. Avoir un pourcentage ou un graphique comparatif qui montre la différence entre l'utilisation des couleurs est toujours utile car cela aide à nouveau à comprendre comment travailler avec la marque en tant que designer. C'est la même chose avec le guide de la marque de la Croix-Rouge américaine où, encore une fois, nous avons les différentes versions du logo. Ensuite, nous atteignons la zone de couleur où nous voyons le palais primaire et secondaire et il y a également une partie neutre. Mais plus important encore, nous avons ici encore une fois la proportion de couleurs, montrant que la lumière est la couleur la plus importante, puis, avec la taille, elle représente bien les proportions ou la hiérarchie entre les couleurs. 22. Création de guides de marque - Partie 2: Il est important de se rappeler que guides de la marque ne sont pas uniquement des visuels. Il s'agit aussi de choses comme le ton de la voix. Puisque nous sommes ici, j'aime beaucoup comment la Croix-Rouge explique que la façon dont nous parlons est tout aussi importante que ce dont nous parlons. C'est une excellente déclaration pour commencer. Ensuite, il est suivi de ces gros titres, édifiants, accueillants, autonomes, personnels. En passant, ce guide de la marque est une seule affiche, de sorte que toutes les informations pertinentes sont compressées dans cette seule pièce. Il peut également y avoir une version plus étendue du guide de la marque, mais il est également bon de garder à l'esprit qu'il est possible d' utiliser une seule page tout en conservant tout ce qui est pertinent informations incluses. C'est une autre chose que vous devez garder à l'esprit et vous devez vous assurer d'avoir la même compréhension avec votre client. Même s'il s'agit d'une petite entreprise, leurs directives de marque peuvent être un document long, car elles aimeraient préciser beaucoup de choses, alors que d'autres entreprises peuvent être énormes, mais elles sont satisfaits d'un guide de marque plus petit qui met vraiment l'accent sur les aspects importants de ce qu'ils aimeraient définir comme des normes. En tant que concepteur, vous devez faire attention , c'est le niveau de restriction. Il s'agit d'un juste équilibre entre maintenir la flexibilité d'une marque, permettre une certaine créativité et liberté dans la façon dont vous utilisez ses actifs, tout en étant suffisamment rigide pour que la marque reste reconnaissable et cohérente. Une autre grande section de la plupart des guides de marques porterait sur l'imagerie. Surtout avec des marques très visuelles comme National Geographic, c'est bien sûr crucial. Il est intéressant de voir quels sont les trois principaux filtres qu'ils utilisent pour choisir les bonnes images chaque fois qu'ils veulent représenter la marque. Tout d'abord, ils doivent toujours avoir un élément humain. Ils veulent maintenir cela et éviter de simplement montrer des paysages sans aucune représentation humaine. Le concept clé suivant est l'immersion. Ils veulent que vous ayez vraiment l' impression d'être présent et que vous êtes à cet endroit qu'ils montrent. Ce genre de choses peut vraiment aider à choisir le bon type de compositions pour la marque. Enfin, mais surtout plus loin, vous vous souviendrez peut-être aussi de leur slogan. Il s'agit de vastes espaces, donc beaucoup d'utilisation négative de l'espace en plus du sujet ou des détails saillants dans les photographies. Comme pour les images, type obtient généralement son propre chapitre dans un guide de la marque. Dans le cas de National Geographic, commence par la police principale et la police secondaire. La plupart des marques fonctionnent généralement avec une famille de polices qui peut être étendue et présente plusieurs variantes différentes, ce qui permettra une flexibilité dans l'édition. Mais bien sûr, il est également en pratique, comme dans le cas du National Geographic, qu'il existe une police principale et une police secondaire, et ces deux polices sont très spécifiquement sélectionnées pour fonctionner bien ensemble en tant que paire. Pour les marques visuelles, il est parfois bon de définir les règles de combinaison entre le type et l'imagerie. Nous pouvons voir ici quelques exemples de types sur des arrière-plans clairs. Nous disposons même d'une page distincte sur façon de corriger les couleurs sur les images pour assurer que nous avons suffisamment de contraste pour maintenir une bonne lisibilité du texte. Parfois, nous avons aussi compositions réelles, y compris le guide de la marque, juste pour définir plus en détail comment certains éléments peuvent être utilisés comme le logo ou encore une fois, texte et l'imagerie ensemble. Même si vous produisez un guide de marque imprimé, lorsque la marque utilise beaucoup de graphismes animés, il est également important de garder cela à l'esprit et de l'inclure dans votre guide. Encore une fois, avec National Geographic, bien sûr, parce qu'il s'agit d'une chaîne de télévision, ce serait beaucoup de graphismes animés utilisés. Dans ce chapitre, nous pouvons voir comment le logo doit apparaître dans les métrages. Nous disposons d'un emplacement très spécifique, ainsi que d'un espace négatif très spécifique autour du logo et des titres et chaque détail est clairement défini ici, une fois de plus, pour s'assurer qu'il est toujours utilisé de manière cohérente . La plupart du temps, lorsqu'une agence ou un designer travaille sur le guide de la marque, ils doivent également fournir des modèles. Pour les animations graphiques, il s' agirait probablement d'un modèle After Effects ou d'un modèle Premiere, tandis que pour l'impression la plupart du temps, il s'agirait d'un fichier InDesign avec pages maîtresses et tout ce qui est préparé. La plupart du temps , ces modèles sont destinés à être utilisés en interne, mais parfois ils peuvent également être distribués à des partenaires. Presque tous les guides de marque comporteraient des sections distinctes pour les différents types de garanties. Les principales catégories sont généralement numériques et imprimées. Nous avons déjà vu quelques exemples numériques, et voici quelques exemples imprimés pour National Geographic. Nous avons d'abord la vue d'ensemble fixe, puis nous nous concentrons sur les cartes de visite, la fois à l'avant et à l'arrière. Ensuite, nous avons des en-têtes, des enveloppes. Ensuite, nous avons même défini la signature de l'e-mail ici. Cependant, il y a du numérique. Il fonctionne toujours bien à côté du papier à en-tête et de la papeterie. L'apparition de la marque sur les réseaux sociaux devrait également être un chapitre distinct chez la plupart des marques de nos jours. Nous pouvons le constater parfaitement dans le guide de la marque National Geographic. Nous avons Facebook, Twitter, YouTube l'un à côté de l'autre, montrant d'abord les en-têtes. Ensuite, nous en avons un peu plus sur les en-têtes, les détails, les instances des graphiques de la chaîne sur mobile, puis quelques modèles de publications sociales, bannières et même des diapositives de présentation. Bien sûr, le plus important pour les ressources numériques sera probablement le site Web. Il y aura probablement plusieurs pages ce sujet et la façon dont certaines pages de prêt doivent être créées et même des règles concernant la navigation ou la mise en page générale des pages. À ce stade, je voulais mentionner que dans le passé, guides de marque pouvaient fonctionner pendant des décennies. Comme ce guide de marque pour la NASA date de 1976 et il a été utilisé depuis longtemps. Cependant, de nos jours, les marques changent assez souvent d'apparence en fonction de certaines tendances en matière de graphisme. Mais ce n'est pas une excuse pour avoir de nouveaux guides de marque publiés chaque année. Je pense que la longévité est un facteur important d'un bon guide de marque, qui peut servir l'entreprise pendant de nombreuses années après sa création. 23. Exercice 1 - Mastercard: Nous voici dans Adobe Illustrator et j' ai préparé 10 logos que je vais recréer en utilisant ce cercle sur le côté gauche. La seule forme dont nous aurons besoin pour tout le tutoriel. Bien sûr, nous utiliserons de nombreuses techniques différentes de Pathfinder, Shape Builder, l'option de répétition. En regardant cette vidéo, vous pourrez également récupérer des raccourcis très utiles. Si vous souhaitez suivre la procédure, vous pouvez télécharger le fichier à partir de la description ci-dessous. Mais sans plus tarder, commençons. La première chose que je vais faire est de double-cliquer sur la couche de référence et d'activer l'option Modèle. images vont être considérées comme inférieures à 10 %. De cette façon, nous pourrons concentrer sur ce que nous faisons. Je vais utiliser ce cercle, comme je l'ai déjà dit au début. Il est déjà prêt à ne pas avoir de remplissage et juste un contour fin noir. En fait, je vais définir ce plan un point juste pour faciliter le travail avec lui. Je vais alterner, cliquer et faire glisser ou cliquer sur l'option et faire glisser pour dupliquer cela. Maintenant, nous allons zoomer un peu plus près. Nous allons commencer par MasterCard. Au fait, la complexité et la difficulté des logos augmenteront au fur et à mesure que nous avançons. J'utilise simplement la touche Maj pour redimensionner cette forme. Ensuite, Alt ou Option - cliquez et faites glisser à nouveau maintenant la touche Maj enfoncée pour qu' elle ne se déplace qu'horizontalement. Une fois que je l'ai au bon endroit, je peux sélectionner ces deux cercles, appuyer sur « Point d'interrogation » ou « barre oblique » sur le clavier pour supprimer la couleur du trait. Sélectionnez ensuite l'outil Paint Bucket en appuyant sur « K » sur le clavier. Ensuite, à partir du panneau Nuancier, j'ai préparé cette catégorie pour le logo MasterCard. J'utilise les flèches gauche et droite pour passer rapidement entre ces couleurs. Je peux juste remplir rapidement les couleurs en ayant celle-ci au milieu et c' est déjà fini. 24. Exercice 1 - Cible: C'était très facile. Passons à la suivante. Encore une fois, je commence par le même cercle. Zoom plus près. Maintenant, c'est la cible. Ce sera également assez facile. Je vais d'abord créer ce cercle ici à l'extérieur. J'utilise la touche Maj pour redimensionner cela. Faisons simplement un peu plus gros comme ça. Dans ce cas, je vais modifier les paramètres des traits. Je vais régler l' alignement à l'intérieur, puis à l' aide de la touche Maj, j'augmenterai rapidement le poids du trait, peut-être un peu plus haut comme ça et en sélectionnant la couleur du trait. Je vais choisir la couleur que j'ai préparée pour ce logo. Maintenant, je vais rapidement dupliquer cette forme en appuyant sur Commande ou Contrôle C, puis Commande ou Contrôle F qui va coller en place. Je vais redimensionner cela maintenant la touche Maj enfoncée et en basculant rapidement la couleur de contour la couleur de remplissage en appuyant sur Maj X. Maintenant, je vais simplement la redimensionner et l'aligner sur le logo original. Maintenant, pour garder les choses bien rangées, je vais sélectionner ces deux formes et les regrouper, c'est Commandement ou Contrôle G. C'est quelque chose nous n'avons pas eu à faire pour la carte principale car nous utilisons l' outil de seau de peinture qui a déjà créé un groupe de peinture en direct. 25. Exercice 3 - Audi: Passons à autre chose, faisons le logo d'Audi. Je vais redupliquer cette forme, la redimensionner, augmenter la taille du trait pour correspondre au design original à l'arrière. Nous devons probablement le rendre légèrement plus gros, quelque chose comme ça, et celui-ci est très simple. Je dois juste dupliquer à nouveau en maintenant Option ou Alt Shift enfoncée, faites-le glisser sur le côté. Ensuite, pour répéter cette duplication, j'utilise deux fois le raccourci Commande ou Contrôle D. Nous y sommes. En les regroupant avec Command ou Control G, notre troisième logo est prêt. 26. Exercice 4 - Olympiques: Passons au logo olympique. Je vais maintenant créer à nouveau le premier cercle. Je vais redimensionner ça. Augmentons un peu la taille du trait , quelque chose comme ça. Maintenant, vous verrez que je ne suis pas toujours précis à 100 % parce que je veux simplement me concentrer sur les techniques. Bien sûr, si nous avons plus de temps, nous pouvons toujours être beaucoup plus précis. Mais je vais juste me rapprocher ce que nous avons dans les logos originaux. Je pense que c'est assez proche. Une fois de plus, nous pouvons dupliquer cela, placer ici, puis appuyer sur « Commande » ou « Contrôle D » pour avoir à nouveau la même distance pour le troisième cercle. Ensuite, sélectionnons deux d'entre eux, Option ou Alt Click et faites-les glisser vers le bas ici. Maintenant, l'espace entre ces deux cercles est exactement le même que sur la rangée supérieure. C'est pourquoi j'ai sélectionné ces deux-là ensemble. Mais ce qui importe avec le logo olympique, c'est la façon dont ces cercles s' entremêlent. Il ne suffit pas de les colorer. Nous devrons également faire une étape supplémentaire à la fin. Mais tout d'abord, changeons simplement les couleurs. J'ai de nouveau préparé ces couleurs. C'est ça, nous avons le vert ici, puis nous avons cette orange en bas. Je vais juste déplacer cela un peu plus loin pour que nous puissions mieux voir comment ces formes imbriquées sont créées. ce faire, une méthode rapide consiste à sélectionner toutes ces formes ensemble, puis à aller dans le menu Objet et à choisir « Développer ». Cela va transformer les traits que nous avons ici en champs. Une fois cela fait, je peux à nouveau passer à l' outil seau de peinture en appuyant sur K. Ensuite, sélectionnons abord la couleur bleue et cliquons sur cette petite zone ici. Comme vous pouvez le constater, nous avons immédiatement créé ce chevauchement. Maintenant, on a l'impression que le cercle bleu se trouve devant le cercle orange ou jaune. Nous pouvons passer à la couleur noire et remplir celle-ci ici avec la même couleur noire encore sélectionnée. Je peux également cliquer sur cette section ici. Ensuite, avec la couleur verte, il suffit de cliquer sur celui-ci ici. En quelques étapes simples, nous avons réussi à créer cet effet d'imbrication. Maintenant, on peut juste le remettre ici. Notre première rangée de logos est prête. 27. Exercice 5 - Vodafone: En passant à la deuxième ligne, nous avons des logos un peu plus complexes à recréer. Tout d'abord, en commençant par le logo Vodafone. abord, je vais redimensionner ce cercle pour qu'il corresponde à peu près à ce que nous avons dans le logo d'origine. On y va. Maintenant, il suffit de dupliquer cela. C'est Commande ou Contrôle C, puis Commande ou Contrôle F. Assurez-vous qu'il est placé exactement dans la même position, et j'utilise les touches Alt ou Option Maj pour redimensionner cela et le garder centré. Il devrait être aligné sur l'autre cercle au milieu, quelque chose comme ça. Nous aurons également besoin de deux cercles supplémentaires. Je vais juste dupliquer cela une fois de plus, aligner sur le bord gauche de ce cercle plus petit. Vous pouvez voir qu'il y a un clin d'œil grâce aux guides intelligents activés par défaut. Mais ce cercle doit être légèrement différent. Je vais sélectionner ce point d'ancrage supérieur et le faire glisser un peu vers le bas. Je pense que nous avons une bonne courbe qui ressemble beaucoup au logo original. Maintenant, nous avons juste besoin d' un cercle de plus. Je vais encore dupliquer cette version originale et l' aligner sur cette courbe. Je ne me soucie pas du reste des détails à l'extérieur. Je me concentre simplement sur les contours réels du logo. Parce que ce que nous allons maintenant faire, c'est de sélectionner tous ces outils ensemble puis d'utiliser l'un de mes outils préférés, le Shape Builder, que vous pouvez sélectionner en appuyant sur Maj M. puis maintenez la touche Alt ou Option enfoncée nous pouvons très rapidement nous débarrasser de tous les détails inutiles. Je peux juste peindre sur ceux-ci aussi, ceux-ci ici au milieu, et ensuite les autres nous ne faisons que peindre sans maintenir les raccourcis clavier enfoncés. Vous y allez. Nous avons notre version finale. Je vais simplement changer le trait pour remplir les couleurs en appuyant sur Maj X, puis en changeant la couleur en cascade et en rouge. Comme je l'ai dit, ce n'est pas une précision à 100 %, mais assez proche pour une technique rapide d'une minute. 28. Exercice 6 - CBS: Passons au logo de CBS, The Eye. Je vais commencer par ce cercle au milieu. Maintenez la touche Maj enfoncée Je m'assure que pendant le redimensionnement, je ne déforme pas cette forme car pour ce logo, nous devons nous assurer qu'il s'agit d'un cercle parfait comme celui-ci. Je vais ensuite dupliquer cette forme et la redimensionner. En maintenant la touche Alt ou Option Maj enfoncée ensemble, déplacons-le vers le haut et alignez-le ici. Nous avons besoin d'un autre cercle juste en dessous, puis d' un autre pour cette courbe ici. Maintenant, pour m'assurer que ces trois grands cercles sont répartis uniformément, j'utilise le panneau d'alignement, option Centre de distribution verticale, puis je sélectionne tous les cercles ensemble, y compris le plus petit au milieu, je peux également utiliser le centre d' alignement horizontal. Maintenant que nous les avons en place, vous pouvez revenir à notre outil de création de formes Shift M, puis maintenir la touche Alt ou Option enfoncée, nous pouvons nous débarrasser des détails dont nous n'avons pas besoin et simplement dessiner ce sont les détails que nous aimerions combiner sans maintenir de raccourcis clavier enfoncés. Maintenant, nous pouvons appuyer sur Maj X pour changer le trait à remplir et un autre logo est terminé. 29. Exercice 7 - Toyota: Passons au logo de Toyota. Encore une fois, je commence par un cercle. Cependant, ici, nous allons déformer ce cercle en ellipse. Je ne vais pas maintenir la touche Maj enfoncée dans ce cas. Je ne fais que faire glisser ces points. Dans ce cas, je vais garder le trait aligné sur le centre car nous devrons utiliser une largeur variable et fonctionnalité ne fonctionne que si vous utilisiez le trait dans ce paramètre. Lorsque nous commencerons à augmenter la taille du trait, nous devrons redimensionner légèrement la forme. Je maintiens la touche Alt ou Option enfoncée, la redimensionne comme ça. Redimensionnez-le aussi un peu de cette façon. Vous pouvez voir que même si nous avons correspondre la largeur en haut et en bas, gauche et à droite, nous avons besoin de plus d'épaisseur. Pour cela, nous utiliserons l'outil largeur, que vous trouverez ici dans la barre d'outils, c'est Maj+W. vous suffit de cliquer sur le point d'ancrage central , puis de le faire le point d'ancrage central , puis glisser jusqu'à ce que vous besoin. Mais notez que par défaut, cela augmente l'épaisseur dans les deux sens. Toutefois, si vous maintenez la touche Alt ou Option enfoncée, elle ne le modifiera que dans une seule direction. C'est ce dont nous avons besoin ici. Cependant, cela a rendu l' épaisseur trop importante pour nous, donc nous devrons ajuster les autres points également. Pour l'instant, je vais simplement répéter la même étape ici, du côté droit. Pour réduire l'épaisseur en haut et en bas, il suffit de maintenir à nouveau Alt et Option et de les faire glisser au niveau dont nous avons besoin, probablement quelque part. Celui-là en haut peut probablement monter un peu plus haut. Je pense que c'est assez proche. Pour la prochaine bague, je vais dessiner une ellipse et je vais m' assurer que dans ce cas le trait est aligné vers l'extérieur. Je peux compter sur les guides intelligents pour aligner les deux anneaux l'un sur l'autre, puis je vais juste ajuster un peu la taille. chose comme ça est assez proche. Nous pouvons maintenant sélectionner ces deux formes, élargir leur apparence pour que tout soit transformé en champs. Ensuite, en utilisant le générateur de formes, je peux simplement cliquer sur Alt ou Option sur cette forme à l'extérieur. Pour la troisième bague, je vais simplement utiliser une méthode légèrement différente. Je vais dessiner chacune de ces formes individuellement, donc le contour de ce cercle d'abord, puis copier et coller cette forme, réduire la taille de cette forme et l'aligner sur l'autre, et sélectionnez maintenant ces deux formes ensemble à l'aide de l'outil de création de formes. Cliquez entre les deux et cela le transforme en une seule forme. Vous pouvez voir qu'au lieu de s'appuyer sur l'outil largeur, c'était un peu plus rapide et nous avons obtenu un résultat un peu plus précis pour cette dernière bague. 30. Exercice 8 - BP: Mais maintenant que nous avons terminé la deuxième rangée, nous passons aux logos plus complexes en commençant d'abord par le magnifique logo de BP utilisant la symétrie radiale. Maintenant, pour celui-ci, je vais recommencer avec un cercle et je vais l' aligner sur ces formes en arrière-plan. Je vais en fait réduire l'épaisseur encore plus loin ici , juste pour que je puisse m'approcher le plus possible. Je peux simplement le déplacer ici. Vous pouvez voir que j'essaie de me concentrer sur ces contours ici, donc c'est la clé pour obtenir la bonne forme. Je vais effectuer un zoom arrière un peu et je vais aller le menu Objet et choisir Repeat radial, qui créera quelques copies pour nous par défaut, mais nous aurons besoin de 18 instances pour ce logo. Maintenant, je vais faire attention à ne pas changer la taille de ces cercles car c'est quelque chose que nous avons déjà établi au début. Mais je vais déplacer tout cet objet ici et essayer de l'aligner au centre de cette image. Ensuite, la clé de cette technique est d'utiliser ce petit cercle ici, ce widget avec lequel nous pouvons commencer à le rapprocher du centre. C'est un effet vraiment cool, au fait, j'adore jouer avec ça. Mais ce à quoi je fais attention c'est évidemment essayer d'aligner les choses, et je fais attention à la silhouette ou au contour du logo. J'ai l'impression que nous avons réussi à nous en approcher assez près. Je suis content de ce que ça ressemble. Maintenant, je vais tout d'abord supprimer la couleur du contour, puis aller dans le menu Objet et choisir Développer. Cette opération transformera à nouveau toutes ces formes en éléments modifiables. Ensuite, je passe à l'outil de création de formes et maintenant les touches Alt et Maj enfoncées cette fois, nous pouvons faire une sélection de chapiteau et tout supprimer en cours de route. Je peux très vite m'en débarrasser, puis de nouveau ici du bon côté. Je voulais juste m' assurer de ne pas supprimer les détails importants dont nous aurons besoin à la fin. On y va. Nous avons fait ce bit, puis en zoomant un peu plus près, je peux à nouveau maintenir Alt pour Option et Maj enfoncés et mettre en surbrillance la partie centrale et la supprimer également. Maintenant, nous n'avons que ce dont nous avons besoin et maintenant nous pouvons passer à l'outil Paint Bucket Tool en appuyant sur K sur le clavier. Ensuite, j'ai déjà préparé mon groupe d'échantillons ici, avec lesquels je peux très rapidement peindre ces formes intérieures ici. Ensuite, en sélectionnant le blanc pour le centre, nous pouvons le remettre en arrière. Ensuite, sélectionnons la couleur suivante avec laquelle je peux à nouveau peindre très rapidement toutes ces formes au centre. Je ne me soucie pas de passer revue les formes à l'extérieur car maintenant je peux enfin utiliser le vert le plus foncé et je peux juste peindre très rapidement sur le bord de cette forme et c'est fini. Même s'il ressemblait à un logo complexe à recréer, c'était plutôt simple. 31. Exercice 9 - Laine: Passons maintenant au logo de Woolmark. Je vais commencer par le cercle original. Allons juste aligner ça ici. Je vais commencer par utiliser l' outil ciseaux que C sur le clavier. Je vais couper ce cercle en deux. Cliquez sur les points d'ancrage supérieur et inférieur, puis sélectionnez un côté, puis appuyez sur retour arrière ou sur Supprimer pour le supprimer. Maintenant, nous avons un arc ou un demi-cercle pour lequel je vais modifier légèrement le réglage. Je veux utiliser un capuchon rond, donc des bords arrondis. Je vais simplement augmenter un peu l'épaisseur pour que nous puissions la voir. Je vais également changer le profil de largeur pour le premier. Il va donc avoir une épaisseur au centre et ensuite progressivement diminuer vers les points d'angle. Maintenant, nous pouvons simplement faire pivoter cela et essayer de l'aligner sur ces formes en arrière-plan. Quelque chose comme ça, j'ai l' impression d'être assez proche de ce dont nous avons besoin. Maintenant, je vais sur Alt, cliquez et faites glisser pour dupliquer cela et l'aligner sur cette autre forme ici. Sélectionnez ensuite l'outil de fusion W sur le clavier. Cliquez ensuite sur la première forme, puis sur la suivante. Ensuite, double-cliquer sur l'icône de l'outil de fusion nous donne les options de fusion à partir desquelles nous pouvons choisir les étapes spécifiées. Dans ce cas, nous devons simplement nous assurer qu'il est défini sur trois. Nous pouvons ensuite cliquer sur OK, et cela semble déjà très bien. Dupliquons ce clic Alt ou Option et glissons-le. Utilisez ensuite l'outil Rotation en appuyant sur R sur le clavier , puis faites-le pivoter pour cette autre forme ici. Encore une fois, essayons de l'aligner aussi près que possible. J'ai l'impression que ça a l'air bien. Ensuite, faisons cela encore une fois et alignez-le en bas. Encore une fois, j'ai l'impression que ce sera assez proche pour cette démonstration. Nous pouvons maintenant les sélectionner tous ensemble. Allez dans le menu objet, développez l'apparence. Ensuite, avant de pouvoir utiliser l'outil de création de formes, nous devons effectuer un autre cycle de développement car ces objets, si nous regardons dans le panneau Calques, sont toujours des groupes de fusion. Nous devons les simplifier davantage en utilisant l' option Expand, puis en cliquant sur OK, maintenant ce ne sont que des formes simples pour que nous puissions facilement utiliser l'outil de création de formes, puis maintenez simplement la touche Alt ou Touche Option, je peux me débarrasser de tout détail inutile. J'aimerais juste peindre ces morceaux ici, ceux là, et ensuite enlever celui-ci là-haut. Il y a peut-être un peu de détails, alors jetons un coup d'œil. Nous avons quelques détails supplémentaires, donc je vais les sélectionner tous ensemble une fois de plus, n' oublions pas ces deux éléments. Pour simplifier ce logo, je vais tout sélectionner ensemble. En utilisant le panneau Pathfinder, je vais utiliser l' option Unite qui va créer un seul objet composé à partir de tout cela, donc même si cela semble complexe, encore une fois, il n'était pas si difficile de faire. 32. Exercice 10 - Twitter: Pour le logo Twitter, qui est notre dernier logo, afin de gagner du temps, je suis allé de l' avant et j'ai préparé les 13 cercles dont nous avons besoin pour ce design. Comme vous pouvez le constater, ce sont tous des cercles parfaits, il n'était donc pas nécessaire de déformer aucun d'entre eux. Si je les sélectionne tous ensemble, je peux utiliser l'outil de création de formes et les mêmes méthodes que celles que nous avons faites auparavant. Il peut être utilisé pour supprimer les détails dont nous n'avons pas besoin. Il suffit de peindre sur tout. J'aime commencer d'abord près de la forme elle-même. On y va. Nous les avons supprimés. Il y a un autre petit détail ici. Ensuite, ces dernières sont ici, puis tout en maintenant la touche Alt ou option enfoncée, nous ajoutons la touche Maj pour faire une sélection rapide de chapiteau et supprimer le reste. Pour les formes restantes, nous pouvons simplement utiliser l' option Unite dans le panneau Pathfinder. Puisque j'ai déjà la bonne couleur sur le contour, je peux simplement appuyer sur Maj X sur le clavier pour qu'il se sente. Une fois de plus, c'était un travail rapide et facile une fois que nous avons eu les cercles au bon endroit. 33. Conclusion: Bravo pour avoir terminé ce cours. J'espère que vous avez eu autant de plaisir à le lire que j'en ai eu à l'enregistrer. Et bien sûr, n' oubliez pas le projet de classe. Parce que n'oubliez pas que la pratique rend parfait. J'ai hâte de voir votre travail, alors assurez-vous de le soumettre. Et si vous aimez ce cours et que vous souhaitez en savoir plus avec moi, vous trouverez de nombreux autres cours ici. Va les découvrir maintenant. J'ai hâte de te rencontrer le prochain.