Conception de logos avec des grilles : style intemporel à partir de formes simples

1. Introduction: Salut les gars. Je m'appelle George Bokhua. Je suis graphiste de Country of Georgia, avec plus de 10 ans d'expérience dans la conception de logo. Depuis mon dernier cours Skillshare, j'ai beaucoup de demandes sur la façon de faire le quadrillage correctement. J' ai décidé de passer au bureau de Skillshare ici à New York et de faire un autre cours pour vous les gars. Dans la classe d'aujourd'hui, nous allons en apprendre davantage sur les principes fondamentaux du quadrillage dans conception du logo, puis marcher à travers la création d'un véritable logo afin d'obtenir ce look de perfection géométrique. Plus précisément, nous allons parcourir une simple marque de forme de lettre, choisir n'importe quelle lettre que vous voulez, et je vais vous montrer comment quadriller cette marque sur du papier, puis la nettoyer dans Illustrator. À la fin de ce cours, vous devriez avoir une marque qui soit maillée à la perfection. Une chose que mon expérience m'a enseignée est que les formes géométriques comme le cercle, spirale, le triangle, et cetera, elles ont cette sensation innée de perfection. Lorsque votre marque se compose de ces formes, lorsque vous le faites bien et correctement, vous obtenez le sentiment de cette perfection parce que les composants de celle-ci sont parfaits. Une fois que vous maîtrisez couramment le quadrillage, vous commencez à remarquer des grilles partout, et cela pourrait être une malédiction ou une bénédiction. C' est à vous de décider comment vous allez l'utiliser. quadrillage est un bon outil pour commander votre design, ainsi que votre vie. 2. Pourquoi la mise en grille ?: Donc, ce que fait le quadrillage, il vous permet essentiellement d'organiser l'information de manière plus structurée. grilles de disposition sont généralement constituées de lignes verticales et horizontales, parfois de lignes diagonales, de lignes inclinées aussi, mais surtout de lignes horizontales ou verticales. Généralement, vous avez besoin de grilles pour obtenir un certain type de cohérence dans l'agencement de divers éléments graphiques. Dans la conception de logo, vous pouvez également organiser des éléments graphiques, mais ils ne sont pas aussi divers que dans les grilles de mise en page. Par exemple, dans les grilles de mise en page, vous avez du texte, vous avez des logos, vous avez des illustrations, des photographies. Dans la conception du logo, vous avez juste différentes formes, vous avez des lignes, vous avez des cercles, des ellipses. Ainsi, le quadrillage dans les logos est un peu plus différent et un peu plus compliqué en fonction de la complexité de la marque elle-même. Il existe plusieurs types de grilles. Le plus populaire est une grille de points qui est généralement, il y a cinq millimètres entre les points. Comme il y a des points pendant que vous faites vos esquisses, l'image d'arrière-plan ne vous gêne pas et ne vous distraire pas. La deuxième grille la plus populaire est les grilles carrées. Vous pouvez travailler avec des lignes inclinées de 45 degrés ainsi que des lignes angulaires de 90 degrés. Mon artiste préféré, Frank Stella, utilise largement cette grille pour créer ses œuvres. Par exemple, ici, il utilise des lignes diagonales ainsi que des lignes droites pour créer certains de ses dessins. Aussi, vous pouvez voir ici où il a aussi fait une sorte d' illusion tridimensionnelle dans la composition de son vol. Outre la grille carrée, il y a aussi une grille carrée qui implique des lignes diagonales, par exemple, dans ce travail Otl Aicher de '72 Olympiques, vous pouvez voir des carrés ainsi que des lignes diagonales et il joue ce jeu dans ce domaine et vous pouvez obtenir des résultats très cohérents. Comme vous pouvez le remarquer, toutes les lignes sont de 45 degrés ou 90 degrés ou zéro degrés. Cela montre comment la grille peut être utilisée de manière flexible, ainsi que vous pouvez simplifier toute géométrique complexe, quatre en angles de 45 degrés ou 90 degrés ou zéro degrés et vous pouvez obtenir à peu près n'importe quelle image. Cela prouve que vous pouvez simplement obtenir des images aussi complexes que, par exemple, un joueur de hockey ou un joueur de basket-ball sautant, vous pouvez obtenir lorsque vous jouez dans des grilles. Donc, certaines personnes pensent que la grille est restrictive et ce n'est pas nécessaire, mais en réalité, si vous voulez de la cohérence, certainement le maillage est l'une des formes les plus faciles et les meilleures pour créer un langage unificateur de communication. La grille la moins courante est grilles d'angle de 30 degrés qui sont en quelque sorte jouées dans la forme hexagonale. Frank Stella a aussi été très bon dans ce domaine. Ici, vous obtenez ce genre de sensation tridimensionnelle et vous pouvez jouer vos marques si vous voulez obtenir quelque trois dimensions à vos marques. C' est une bonne grille pour pratiquer vos conceptions. Par exemple, ici vous obtenez ce seul plan, puis vous obtenez ce type différent d'un plan tridimensionnel ici qui va dans les profondeurs et vient ensuite, sorte qu'il montre plus de fluidité, moins rigide, formes plus ludiques. 3. Exemples de mise en grille dans mes travaux: Ainsi, lorsque nous faisons une conception globale généralement, les cas ne sont pas aussi simples que dans la conception de la mise en page. Comme je l'ai dit plus tôt, nous avons des formes plus complexes comme les cercles, les spirales, les lignes en degrés, etc. Donc, les grilles ici sont un peu plus compliquées. Dans cette conception ne sont pas seulement essayer d'incorporer un horizontale, diagonale, et des lignes verticales, mais aussi, j'ai essayé de mettre une section d'or en elle. Certains types d'animaux ou d'oiseaux comme cygne présentent une très bonne opportunité pour la spirale dorée. Par exemple, dans la section suivante, vous pouvez voir que c'est juste une occasion parfaite d'utiliser une spirale dorée. Comme il s'avère aussi, le rapport de section d'or ici est également facilement disponible. Donc, j'essaie d'incorporer cela aussi. Donc, c'est un bon exemple de l'endroit où j'ai utilisé la grille carrée. Comme vous pouvez le voir, les lignes horizontales sont exactement alignées sur le système de trois grilles, et les grilles verticales sont un peu plus épaisses puisque la conception exigeait qu'il s'agisse d'une grille juste, et de simplement faire ces ajustements d'une manière qui soit de loin comme ainsi que de près, il semble très bien. L' avantage est que vous pouvez aligner la typographie sur la marque lorsque vous avez un quadrillage. Par exemple, ici, comme vous pouvez le voir, vous avez cette ligne horizontale, et vous avez les deux lignes du type où il s'agit d'une ligne de cette partie, la partie d'angle de la marque, partie de coin droit de la marque, et cela vous permet d'avoir juste plus de logo commandé et de taper ensemble. Comme vous pouvez le dire sans la grille, il semble plus équilibré. Dans certaines occasions, si vous vous débarrassez de la partie inférieure de cette marque, vous pouvez voir que la marque fonctionne toujours bien avec le type. Donc, ceci, l'exemple des grilles de 30 degrés et la raison pour laquelle je l'ai quadrillé parce que comme, par exemple, sur le côté droit, vous pouvez regarder la marque et vous ne pouvez jamais remarquer qu'il y a une incohérence ici. L' angle est un peu éteint. Ce que le quadrillage aide, c'est de rater cette incohérence ici comme vous pouvez le dire. Donc, le quadrillage m'aide vraiment à trouver ces plus petites incohérences après le processus d'esquisse initial et cela m'a permis d'entrer dans une socket plus précise. Cette zone définie ici me permet de diriger la zone d'exclusion pour cette marque et ce que l'exclusion fait zone est cette où aucun autre élément [inaudible] devrait entrer dans le domaine du logo afin d'en améliorer la lisibilité. Ainsi, par exemple, si je prends cet espace choisi comme zone d'exclusion, cela signifie que la zone environnante doit toujours être exempte de tout autre élément graphique. Maintenant, nous avons vu de bons exemples. Donc, il est temps pour nous de commencer à griller. 4. Ébaucher des idées de logo: Alors commençons. Tout d'abord, nous allons faire une simple marque où nous ferons un croquis initial et nous ferons des grilles préliminaires sur un papier au lieu de le faire dans l'ordinateur. Comme il s'agit d'une marque simple, nous pouvons faire un quadrillage préliminaire lorsque les marques deviennent plus complexes, nous ferons ensuite un quadrillage puisque les marques plus complexes nécessitent une approche différente. Alors, préparons vos papiers, aiguisez vos crayons et commençons. Dans un premier projet, nous allons créer notre formulaire de lettre. Pour commencer, je vais juste choisir le type de R que je veux illustrer ou faire un logo. Ce que je veux dire ici, c'est que j'ai besoin de la forme de base d'un R dans laquelle je peux jouer mon design. Un Sylhet de Gotham R, je trouve le plus attrayant parce Helvetica R, est un peu plus illustratif, Gotham R est un beaucoup plus simple et il est construit d'une forme de triangle, cercle et deux carrés comme vous pouvez le voir dans ce exemple. Donc, c'est toujours une bonne chose d'avoir un bon design dans plusieurs différents. Si vous avez seulement un mauvais design, il devient un peu ennuyeux. Donc, ce R me permet de combiner triangle, cercle et carré dans cette belle forme. Et ici, nous pouvons voir qu'il y a une grille de quatre carrés et je joue mon jeu à l'intérieur. N' ayez pas peur d'expérimenter, laissez-vous et laissez votre créativité couler. Faites tout ce que vous vous sentez à l'aise. Personne ne regarde, fais n'importe quelle ombre qui te vient à l'esprit. N' hésitez pas sur un papier et à un moment donné, vous obtiendrez un résultat qui vous satisfait. Par exemple, ici, j'ai déjà trouvé la marque qui est assez intéressante et différente des autres qui ont vu auparavant. Donc, ici, nous avons trois lignes d'angle de 45 degrés et quelques lignes horizontales et il a une bonne combinaison de forme triangulaire et une forme de capsule qui se combinait assez bien. Donc, je vais probablement développer cette idée un peu plus et voir ce qu'il me faut. Dans ce cas, j'ai quelques lignes d'angle de 45 degrés mais dans une partie centrale, il y a trop d'espace sombre donc, je dois trouver les moyens de libérer cette zone noire. Donc, j'ai des espaces négatifs et positifs plus uniformément répartis dans toute la marque. Quand vous faites des esquisses, vous apprenez vraiment votre sujet, donc, c'est une sorte de se présenter à la matrice de la lettre R. Et une fois que vous êtes dedans, vous pouvez juste expérimenter un peu plus et creuser profondément et parfois, vous rencontrez des choses de façon inattendue. Il arrive rarement où avez-vous l'idée à l'avance et ensuite vous l'exécutez. Habituellement, des idées apparaissent sur un papier pendant que vous y travaillez. Donc, vous devez en quelque sorte vous canaliser dans le design et simplement saisir les idées pendant que vous êtes au travail. Donc, ici par pur accident, cet espace négatif, a sonné apparaître. Et c'est assez intéressant et vous devez toujours aiguiser vos yeux pour un tel accident chanceux. Et la différence entre un bon designer et un concepteur débutant est parfois les débutants ne savent pas ce qui est la bonne chose et vous devez toujours être concentré et juste ne manquez pas la bonne solution. Si vous avez de l'expérience, vous pouvez frapper la marque en 5/6 croquis, mais au début, je conseille à tout le monde de simplement remplir peut-être 5/6 pages complètes de papier, 40 à 50 directions différentes. Si vous êtes en cours d'exécution dont vous êtes très sûr, alors vous pouvez simplement arrêter et commencer à exécuter. Mais en général, quand vous obtenez ce flux, vous devez garder les idées qui coulent juste pendant des heures et des heures et sans interruption. Je suggère vraiment d'éteindre vos téléphones ou tout simplement de ne pas communiquer avec d'autres monde. Vous avez certainement besoin de plusieurs peut-être une demi-heure à une heure pour entrer dans le design et si quelque chose d'autre attire votre attention, vous risquez de perdre ce flux. Donc, si vous vous asseyez, préparez-vous pour deux trois heures de croquis et à un moment donné, vous obtiendrez un bon résultat. Comme vous pouvez le voir dans ce coin supérieur gauche d'une deuxième page, c'est un R qui se sent très à l'aise avec. Ce n'est pas encore fait mais je connais déjà la matrice de celui-ci donc je vais passer à la phase suivante où je vais dessiner la grille pour ce R. 5. Mise en grille de votre logo sur papier: J' ai fait le petit dessin du R que je vais exécuter, et ce que j'ai remarqué ici, j'ai une forme carrée que je joue mes formes à l'intérieur de la forme carrée. Ce que je vais faire sur ce quadrillage carré, je vais commencer à faire un dessin de la grille. Ce que je fais ici, je vais diviser cela en trois quadrillage uniformément espacés et je vais faire quelques lignes angulaires de 45 degrés. Comme vous pouvez le voir dans cet exemple, une section de la grille, je l'ai divisée en trois unités ici pour l'espace noir et deux unités ici pour l'espace blanc. La raison en est que l'espace blanc semble plus épais qu'un espace noir. L' espace noir a plus de gravité et l'espace blanc a plus vers l'extérieur. Dans notre cas, pour équilibrer l'espace négatif et positif, nous devrons faire un peu moins d'espace blanc. Donc ici, nous avons presque fini Mark. Comme vous pouvez le voir, j'ai essayé d'aligner ce demi-cercle sur la première section de la grille inférieure, et nous avons la moitié de la grille divisée par ces lignes diagonales. Nous avons de belles rayures rondes qui rejoignent notre forme ce qui crée cet effet de pliage. Après l'avoir exécuté, nous allons y ajouter des ombres. Sur un fond sombre, ça va avoir l'air haut de gamme. Je vais juste colorer celui-ci juste pour m'assurer que ça a l'air bien avant de commencer à exécuter. Je vous conseille toujours de faire votre maximum pendant votre processus d'esquisse. Cela non seulement vous fera un meilleur esquisse, mais aussi, vous passerez moins de temps sur l'ordinateur. Dans ce cas, à peu près, je dirais, 70 pour cent de la note est terminée. Ce que je vois déjà en ce moment c'est que certaines lignes horizontales auront besoin d'un peu plus d'épaisseur, mais ce sont les choses que je vais expérimenter sur l'ordinateur. À ce stade, 70 pour cent de la note est proche du résultat final. L' Illustrator fera le quadrillage, ce qui garantira que la marque sera encore plus sonore qu'elle ne l'est à ce stade. 6. Réaliser votre logo dans Illustrator: D' accord. Alors, que la fête commence. La première chose que nous allons importer notre grille dans l'illustrateur et commencer à faire quelques guides. Donc, la première que je vais faire ici est de créer alter grid et assurez-vous que vous avez la commande Y poussé afin que vous ayez tout le snap sur l'option grilles disponible, commande U, je suis désolé. Ensuite, je vais faire un diviseur diagonale dans le premier. Ici, je vais juste choisir, puisque je sais déjà que j'ai un, deux, trois, quatre, cinq, 15 carrés, je vais essayer de répliquer le croquis initial dans ma grille d'ordinateur. Alors, attrapons celui-là. Divisé par 15. Donc ici, j'ai mon carré initial et je vais le copier ici et ensuite je vais pousser la commande D, donc j'ai tout juste en place, et je vais copier ceci, faire pivoter avec un angle de 90 degrés, et accrochez-le dans mon coin inférieur gauche initial. Donc, ici, j'ai à peu près les mêmes ratios, pas très exactement les mêmes que dans mon croquis initial. Maintenant, je vais le faire, je vais compter seulement trois carrés ici. Un, deux, trois, et je vais faire une autre ligne. Donc, j'ai ma première ligne diagonale ici. J' ai raté le point donc je vais revenir en arrière et le ramener au point de grille. Donc, à ce stade, nous allons faire une deuxième ligne, deuxième ligne diagonale. Donc, à peu près, le travail préliminaire de grillage est fait ici. J' ai donc importé mon deuxième croquis et je vais juste l'utiliser sous ma grille initiale. Ne vous inquiétez pas si elle n'est pas parfaitement alignée parce que vous obtiendrez le si vous avez toujours l'idée approximative de ce que sont les épaisseurs alors essayez le mieux que vous le pouvez. Donc, comme je peux le voir ici, c'est un peu plus de deux points de grille. Tout d'abord, je vais commencer à concevoir la partie ronde de la marque. Donc c'est mon point central pour le cercle. Je vais juste, pour une référence, utiliser ce carré comme partie centrale du cercle que je vais concevoir. Prenez un cercle et amenez-le au bon point. Maintenant, je vais prendre cet espace. Où j'aurai deux points de grille d'unité. Je vais le rendre un peu plus grand et ce sera mon point de référence pour faire les épaisseurs pour le cercle et ce que je veux dire est dans un verticalement et horizontalement. Donc ici, je vais copier coller ce cercle, rendre un peu plus petit, et cela va m'assurer que c'est exactement à l'endroit. C' est là que je suis en ce moment. Copions le coller à nouveau avec une commande C et la commande F, et je viens de le mettre ici. Je vais maintenant décider quelle est la distance entre ce point et ce point est encore, mais je vais juste le faire grossièrement comme il est maintenant et voir si cela fonctionne, puis l'ajuster. Déplaçons ça encore ici pour que nous connaissions la distance. D' accord. Donc ici, j'ai un peu d' incohérence parce que le croquis n'était pas trop parfait. Ce que je vais faire, je vais faire cela plus petit, ajuster cette ligne, et essayer de le faire à nouveau, et essayer de le faire jusqu'à ce que je l'obtienne plus ou moins près de l'esquisse initiale. D' accord. On y va. C' est assez proche. Je vais juste copier ceci au cas où j'aurai besoin de revenir à la conception initiale. Donc, je vais me débarrasser de ce carré initial et d'autres objets de mesure. D' accord. Je vais commencer à couper et ensuite on va commencer à mettre de la couleur. À ce stade, je ne suis pas sûr à 100% que l'épaisseur de cette ligne est visuellement similaire à la ligne diagonale. Mais dès qu'on versera de la couleur, on saura 100 % si c'est juste ou pas. Laisse-moi couper ça très vite et je vais faire ces coupures dans les demi-cercles. Je n'ai plus besoin de cette place extérieure. Donc, je vais me débarrasser de ça pour ne pas avoir trop de choses en plus, je n'ai pas besoin de ces grilles uniques. D' accord. Alors coupons ça très vite. Assurez-vous qu'il est à droite, sur les points d'ancrage. D' accord. Donc, j'ai aussi besoin de couper ça droit quand il touche cette zone. D' accord. J'ai donc le contour prêt. Je vais le copier. Maintenant, je vais prendre un stylo et connecter ces choses. Assurez-vous que vous êtes juste à l'intersection et vous devrez vérifier par la suite. Ainsi, lorsque vous utilisez l'outil Plume, assurez-vous de maintenir le bouton Maj enfoncé pour qu'il soit droit et dès que vous trouvez l'intersection lorsque vous touchez la ligne diagonale, c'est là que vous voulez relâcher l'outil Plume. Maintenant, nous devons connecter la même chose ici. Appuyez sur le bouton de changement de vitesse et connectez-les. Donc maintenant, nous devons voir si nous avons des erreurs. Donc, appuyez simplement sur la commande Y pour passer en mode filaire et voir si vous avez manqué quelque chose. Donc ici, ça semble assez clair. Ici aussi. Donc, jusqu'à présent si bon. D' accord. Tout semble clair et correct. Nous allons copier cette image à nouveau. On aura une couleur noire et on y versera juste. Celle-là. Juste ici. Juste ici. Juste ici. Donc, à ce stade, j'ai réalisé que l'épaisseur des lignes rondes ne sont pas en harmonie avec l'épaisseur des lignes diagonales. Donc, je vais revenir en arrière quelques pas et rendre ces lignes un peu plus épaisses pour que les espaces négatifs et positifs soient plus équilibrés. 7. Touches de finition: Donc, je suis très content du résultat. Ça semble plutôt bien équilibré. Maintenant, je vais le mettre sur un fond sombre parce que quand vous le voyez blanc inversé de noir, vous pouvez réellement remarquer l'espace négatif encore mieux. Alors, voyons à quoi ça ressemble dans l'obscurité. Il se sent ici aussi. Donc, ce que je vais faire ici, pour ajouter un effet supplémentaire, effet de pliage. Je vais mettre une ombre grise entre la partie ronde et la partie diagonale. Je vais essayer de faire la même épaisseur que la ligne diagonale, donc il semble plus cohérent. Donc, l'obscurité de cette ombre dépend vraiment de vous, 30 pour cent est habituellement ce que j'aime, mais cela pourrait être moins, plus dépend de la force que vous voulez que l'effet montre quand il est plus loin. Ce que je n'aime pas, c'est qu'on a ce petit espace bizarre ici qui n'est pas en ligne. Donc, je suis prêt à sacrifier l'idée que ombre diagonale devrait avoir la même largeur que la ligne diagonale ici. Donc, je vais augmenter la largeur de celui-ci parce qu'il fait sombre de toute façon. Il a l'air plus petit que blanc, donc il sera plus sonore si je vais juste le rendre un peu plus grand. Donc, c'est assez proche de notre résultat final. Je vais m'asseoir dessus, et si je le regarde après 10 minutes, si rien ne me dérange de reposer mon œil. Si rien ne me dérange. Je vais dire que cette marque est faite. Alto. Nous avons une marque finie. 8. Conclusion: C' est donc notre résultat final. Sur le côté gauche, nous avons une marque sans grille et au centre, nous avons une marque avec la grille et sur le côté droit, nous avons juste une grille, et en regardant juste la grille, vous voyez qu'il y a une cohérence tranquille là-bas et grille elle-même semble bien équilibrée et marque à l'intérieur semble également assez bien équilibré. Et à ce stade, nous sommes prêts à dire que ce projet est terminé. J' espère que vous avez aimé travailler sur votre propre marque et s'il vous plaît partager vos résultats. J' ai hâte de le voir. 9. Découvrir le design sur Skillshare: façon.