Share
Créer sa propre identité graphique n’est jamais chose facile. En fait, cela pourrait être la chose la plus difficile que vous ayez jamais faite. Il n'y a généralement pas de délai - juste un client prétentieux avec des attentes irrationnelles: toi même.
En essayant de trouver le bon look, je ne suis pas allé à la recherche de polices de caractères populaires et de jeux de couleurs à la mode. Puisque la plupart de mes travaux sont expérimentaux et entièrement réalisés par mes soins, pourquoi mon propre logo ne serait-il pas aussi bien??
La première chose à savoir, c’est que la création de lettres n’est pas pour tout le monde. Pour la plupart, il est recommandé d'utiliser un type de police existant. En fait, on peut se demander "si votre mot-symbole est si simple, pourquoi s’embêter? Pourquoi ne pas utiliser une police?" Je suis sûr qu'il existe des tonnes de polices de caractères plus esthétiques. Mais aucun d'eux ne me rend aussi heureux que celui-ci. Vous voyez, j'ai fait ça. Si vous êtes un homme pratique comme moi, être heureux de quelque chose signifie le rendre conforme à vos exigences. Alors, que voulez-vous sortir de votre logo?
Dans ce tutoriel, je vais vous apprendre à créer un logo répondant aux besoins suivants. Tout d'abord, je suis un créateur d'images qui affiche principalement des œuvres au format numérique. C'est déjà un indicateur que ma police doit bien paraître à l'écran. Les polices sans empattement fonctionnent bien numériquement, c'est donc déjà une bonne raison d'aller dans cette direction.
Deuxièmement, mon travail nécessite une signature, un symbole, quelque chose qui identifie un travail en particulier comme le mien. Dans le monde numérique, cela s'appelle un filigrane. Très tôt, j'ai décidé que ce symbole serait un monogramme. J'ai toujours été attiré par les choses à l'ancienne, et cela pourrait en réalité être plus qu'un choix sentimental. Les monogrammes occupent peu d'espace, peuvent être affichés dans des formats grands et petits, mais offrent suffisamment d'informations pour devenir reconnaissables. Au cours d’un très long processus de dessin, j’ai réalisé que mon monogramme pouvait devenir une ambigramme (lecture identique lorsqu’il est pivoté à l'envers). C'est +1 pour la génialité. :)
Bien, je veux donc un mot-symbole simple sans empattement et un ambigramme associé. Maintenant, comment transformer cela en plus qu'un croquis? Il existe différentes manières de créer une police. Étant donné que je suis un maniaque du contrôle dans mon travail, j'ai choisi de le faire par construction géométrique. Cela signifie que rien n'est approximativement estimé à vue. Les courbes sont créées en alignant une série de cercles proportionnellement mis à l'échelle. Leurs rayons sont déterminés par des lignes angulaires précises et les poids de police sont métriques. En termes simples, rien n'est laissé au hasard.
Avant de commencer, je pensais montrer une de mes lettres par rapport à Futura Std. Ainsi, vous aurez une idée de la mesure dans laquelle vous créez vos cercles. C'est aussi la grille que nous sommes sur le point de faire.
Dans les étapes suivantes, je laisserai la lettre «e» en place. Cela servira de guide, encore une fois par souci de proportion, même si nous le recréons à partir de zéro. Cette corbeille à lettres que nous sommes sur le point de créer sera plus tard transformée en un 'a', 'e' et un 'c'.
Pour commencer, créez votre premier cercle. Ce sera le coin du bol, pour ainsi dire. Tout au long de cette section, assurez-vous que l’option Guide intelligent d’Illustrator est activée (Commande + U) et que l’accrochage est activé (Option + Commande + "). C’est un gain de temps non négligeable dans cette situation, mais également nécessaire..
Créer une ligne horizontale qui s'étend d'un côté du cercle à l'autre.
Allez à Objet> Transformer> Faire pivoter et faire pivoter la ligne à un angle de -25 degrés.
Faites glisser la ligne le long de son chemin vers le côté gauche. De cette façon, vous avez une intersection claire des chemins avec le cercle.
La ligne est maintenant au-dessus du cercle, car elle a été créée par la suite. Nous voulons que le cercle soit au sommet, car nous essayons d'ajouter un point d'intersection au tracé du cercle. Changez la disposition en plaçant le cercle au-dessus ou coupez et collez le cercle en place (Commande + F). Passez ensuite la souris sur l'intersection et ajoutez un point à l'aide de l'outil Plume (P)..
Copiez et collez la ligne en place (Commande + F). Allez à Objet> Transformer> Refléter. Retournez-le via l'axe vertical.
Répétez le processus de ligne (faites glisser la ligne le long du tracé, placez le cercle en haut, ajoutez un point d'intersection au cercle).
Copiez et collez le cercle à la place, puis sélectionnez Objet> Transformer> Échelle. Le rendre 225% plus grand.
Faites glisser le point haut du grand cercle à 15 degrés directement sur le point le plus petit. Ils devraient s'emboîter sur place.
Copiez et collez le petit cercle. Faites glisser celui-ci comme vous l'avez fait avec le premier, sauf sur le point bas du grand cercle.
C'est ce à quoi votre construction devrait ressembler maintenant. Ceci termine le bord extérieur de la lettre. La prochaine étape est la bordure du rayon intérieur.
Copiez et collez à la place le petit cercle du rayon extérieur. Réduire à 50%.
A l'aide de l'option Guides intelligents, ajoutez un point avec l'outil Plume sur le cercle de rayon intérieur à 135 degrés (le guide s'affichera automatiquement). Fondamentalement, ceci est une diagonale de 45 degrés.
Copiez et collez le petit cercle à la place (nous appellerons ce nouveau cercle de taille moyenne). Échelle à 130%.
Encore une fois, créez le diamètre du cercle comme vous l'avez fait auparavant, mais à un angle de -15 degrés cette fois.
Copiez et collez à la place l'un des grands cercles. Donnez-lui aussi un diamètre de -15 degrés.
Déplacez le grand cercle de manière à ce qu'il corresponde à l'angle de 15 degrés du cercle moyen.
Copiez et collez les deux cercles (petit et moyen). Retournez-les verticalement (réflexion horizontale) et accrochez-les sur les 15 degrés inférieurs du grand cercle (si vous n'en avez pas créé, faites-le maintenant)..
Copiez et collez un autre grand cercle et accrochez-le au sommet du cercle moyen. Faites la même chose pour le bas.
Créez maintenant un trait de 37 pt plus grand que la lettre. Créez également un trait fin que vous utiliserez comme guide (visible en noir). Enclenchez la ligne de repère au bon point du cercle moyen.
Tout en ayant le gros trait sélectionné, allez à Objet> Développer.
Créez quelques repères de chaque côté de ce trait épais.
Supprimez le trait épais et envoyez les guides que vous venez de créer au verso de la toile..
où les guides se croisent avec les grands cercles extérieurs et intérieurs, ajoutez des points d'intersection.
Notre construction est maintenant terminée. Commençons à assembler la bordure extérieure. Copiez uniquement les éléments de bordure extérieurs dans un nouveau calque et masquez le précédent..
Voici comment cela fonctionne. Chaque cercle n’est pertinent que s’il touche un autre cercle. Donc, dans le grand cercle extérieur supérieur (toujours gardé comme ligne blanche à titre de référence), tout ce dont nous avons besoin est le minuscule, le haut. Puisque nous leur avons ajouté des points d’intersection, il suffit de supprimer les extras en supprimant les points inutiles à l’aide de l’outil de sélection directe (A - flèche blanche). Supprimer tout, sauf la partie en surbrillance ci-dessous.
Du rayon de coin, laisser autant que pour relier le grand cercle en haut et à gauche.
Faites la même chose pour le grand cercle de gauche, puis le bas.
En ce moment, voici à quoi devrait ressembler votre cercle. Ne faites pas attention au fait que le haut soit plus long. Ce n'est pas réellement - la lettre «e» est légèrement moins large que le «a» sur le dessus.
Le chemin peut paraître continu, mais en réalité, il est divisé en plusieurs morceaux que nous avons créés. Nous devons maintenant réunir tous les points qui se croisent. A l'aide de l'outil de sélection directe (A), faites glisser le pointeur sur les deux points qui se chevauchent et reliez les chemins (Command + J). Faites ceci pour toutes les pointes fourchues.
Votre contour extérieur est maintenant terminé. Faites attention à ne rien manquer.
Répéter le processus pour le contour intérieur devrait vous donner ce résultat. N'oubliez pas de joindre les deux chemins ensemble.
Rappelez-vous les deux guides verticaux que nous avons placés? Fermez le bol 'a' avec l'outil Rectangle (M).
Remplissez le chemin du bol avec une couleur unie, supprimez le contour et regroupez-le avec le rectangle. Et enfin nous avons notre première lettre!
Dupliquez-le et passons à la lettre suivante. Créer une ligne inclinée de 15 degrés.
Placez l'extrémité inférieure de la ligne sur le coin de la lettre.
Dans la même technique consistant à placer les extrémités sur des chemins qui se croisent, coupez le fond du bol..
Déplacez le rectangle en faisant glisser le coin inférieur droit sur l'extrémité inférieure de la lettre..
Réduisez le rectangle à une proportion verticale de 70%. N'oubliez pas de faire cette non-conformité, afin de préserver l'épaisseur.
Faites glisser le coin supérieur droit du rectangle jusqu'à ce qu'il se positionne sur le chemin du bol.
Coupez l'excédent de la cuvette du côté droit du rectangle, comme indiqué ci-dessous..
Dupliquez le rectangle, faites-le pivoter à un angle de 90 degrés et accrochez-le au coin du rectangle précédent..
Dupliquez le rectangle vertical et accrochez-le à l'ancrage intérieur du bol.
Faites glisser les deux extrémités du rectangle horizontal à l'aide de l'outil Sélection directe (A) jusqu'à ce qu'il s'accroche au troisième rectangle. Supprimer ce dernier pour révéler le fossé.
Le "c" est une simple modification par rapport au "e". Il suffit de couper le séparateur horizontal tout en utilisant un guide du «e». Nous avons maintenant les trois lettres les plus difficiles à créer!
Nous allons maintenant commencer à créer le libellé et créer de nouvelles lettres si nécessaire. Pour commencer, nous aurons besoin d'une grille de placement. Créez deux très longues lignes horizontales et accrochez-les aux ancres verticales les plus éloignées sur le "a"..
Regroupez les deux lignes (Commande + G), coupez-les et collez-les sur un nouveau calque, copiez-les et collez-les à la place (Commande + F). Réduisez ce nouveau groupe à 94% sur son axe vertical. Pourquoi le double jeu de guides? Jetez un coup d'œil à toutes les polices professionnelles de votre bibliothèque. Vous remarquerez que les compteurs vont toujours plus loin que les tiges. En effet, lorsque le compteur et la tige sont à égalité, on perçoit visuellement la tige comme étant plus haute. Pour compenser cette différence de niveau, il faut augmenter le niveau du compteur au-delà de la hauteur x.
Les lignes rouges sont maintenant notre hauteur x. Nous avons maintenant besoin d'une ligne ascendante (marquée en blanc).
Créez une ligne verticale qui se sépare de la ligne ascendante vers la ligne de base. Ne confondez pas la ligne de base avec la ligne de compteur. Rappelez-vous que les tiges (ce que nous créons en ce moment) ne coïncident pas avec les contre-lignes. Cela vous aidera peut-être à changer la couleur de la ligne de base et de la hauteur de x en une autre..
Ajoutez un autre guide qui se fixe au bout de la lettre 'a' bol (comme indiqué ci-dessous). Ensuite, sur la couche de police, ajoutez une ligne inclinée à 20 degrés et accrochez le point d'extrémité supérieur à l'intersection du guide et de la tige..
Nous avons maintenant besoin d'un composant pour la lettre 'l'. Créer un très grand cercle sur le même calque.
Enclenchez l'ancrage horizontal gauche du cercle sur la tige.
Ajouter des ancres aux chemins où ils se croisent avec les guides. Un pour la ligne de compteur et un autre pour la ligne de base. Assurez-vous de verrouiller le calque de guidage, sinon ces ancres se retrouveront sur les guides plutôt que sur les tracés..
Coupez le cercle jusqu'à ce que vous vous retrouviez avec la petite partie inférieure gauche. Connectez les chemins pour obtenir une dernière lettre 'l'.
Créez une longue ligne verticale de 40 pt (épaisseur de trait) et faites-la pivoter à un angle de 35 degrés..
Dupliquez la ligne et retournez-la horizontalement.
Développez-le et réduisez l'excès, encore une fois, en utilisant la ligne de base et la hauteur x comme guide. Une fois que le x est terminé, faites pivoter un "l" de 90 degrés et placez-le au bas de la ligne de compteur. Ensuite, dupliquez les guides et placez-les au bas du 'l' pivoté. Nous avons essentiellement créé des guides pour une deuxième ligne avec un espacement des lignes identique à l’épaisseur de la police. Cela rend la mise en page très serrée, mais impossible à faire avec de gros corps de type.
Vous voyez, je n'ai pas de lettres décroissantes dans mon prénom (ex 'g' - lettres qui descendent au-delà de la ligne de base). Avec une telle disposition, les descendeurs se chevaucheraient avec la deuxième rangée, ce qui poserait évidemment un problème..
Dupliquez le 'a' et retournez-le horizontalement sur la rangée du bas.
Étendre la tige jusqu'à la ligne ascendante.
Dupliquez le 'a' et retournez-le horizontalement sur la rangée du bas.
Étendre la tige jusqu'à la ligne ascendante.
La modification que nous sommes sur le point d’apporter est une modification qui améliore la lisibilité dans les petites tailles. C'est le genre de chose que l'on remarque après l'impression d'épreuves et les tests de petite taille à l'écran. Créez un cercle qui donne un résultat approximatif, comme indiqué ci-dessous. En utilisant la technique expliquée dans la première partie du tutoriel, coupez le bol..
Vous pouvez voir le changement ci-dessous, ce qui améliore la lisibilité, en particulier pour les petites tailles.
Notre prochaine lettre sur la liste est 't'. Dupliquez le 'e' et placez-le sur un 'l' dupliqué comme indiqué ci-dessous.
Coupez tout sauf ce qui est montré dans la capture d'écran ci-dessous.
Ajouter la barre au 't' tout en utilisant les alignements appropriés.
Ajoutez une ligne de -10 degrés et utilisez-la comme guide pour modifier la barre.
Préserver l’unité visuelle d’une police de caractères peut signifier réutiliser certaines parties d’une lettre pour en créer d’autres (comme nous l’avons fait avec "a," e, "c") mais cela peut conduire à des extrêmes. Transformer un "b" en un "h" n'est pas une solution. L'angle doit être plus net et la transition vers la deuxième tige autour d'un rayon plus étroit. Vous devez maintenant connaître la technique. Créez-en une à l'aide de l'image du bas comme guide..
Et enfin, une lettre "i" faite à partir d'un "l" raccourci. Ajouter le point, mais le rendre 105% plus grand que le poids de la police (ou plus si vous le souhaitez).
Notre dernier mouvement avec le mot-symbole concerne l'espacement des lettres, également appelé crénage. Pour commencer, nous mettrons nos lettres dans un espace métrique en utilisant une lettre «l» comme modèle. Aligner toutes les lettres sur ce bloc d'espacement pour obtenir le même résultat.
Ce que nous voulons vraiment, c’est l’espacement optique. En espaçant les lettres de la même manière, vous obtenez des espaces indésirables en raison de la forme distincte de chaque lettre. Les écarts doivent être égalisés en déplaçant chaque lettre à gauche ou à droite. Par exemple, dans la section "tec", j'ai déplacé le "e" plus à gauche afin de corriger l'écart. Ne déplacez pas les lettres de fin de chaque mot (a, x; b, i). Déplacez le contenu à la place.
Voici une façon grossière d’expliquer le crénage. Imaginez que vous deviez remplir les espaces entre chaque lettre avec du sable. Chaque espace devrait alors être de volume à peu près égal.
Et voici le mot-symbole, avant et après le crénage.
Créer l'ambigramme est plutôt facile. Copier et coller deux lettres 'b' sur un calque différent.
Retournez le gauche verticalement et horizontalement.
Alignez les deux comme indiqué dans l'image ci-dessous.
Créez un trait de 30 points et développez-le. Alignez-le sur les deux bords de la tige.
Saisissez le pathfinder et utilisez l'option Soustraire de la surface de la forme pour découper l'ambigramme..
Ajouter un cercle de 30 points tout en laissant assez de place à l’intérieur. Réduire le symbole révélera combien d’espace est nécessaire.
Et les voici, ambigram et wordmark. J'espère que ce tutoriel vous a appris une chose ou deux sur la typographie. Je suis impatient de voir vos noms et personnalités exprimés à travers des visages personnalisés!
Accentsconagua