Share
Ce que vous allez créerNous approchons de la fin de cette série de lettres! Dans ce tutoriel, je vais vous présenter des méthodes plus techniques pour créer diverses formes de style supplémentaires pour votre lettrage. Maintenant, vous savez évidemment qu'il existe d'innombrables façons de styliser votre lettrage. Je n'ai pas encore tout essayé, mais pour ce tutoriel, nous allons nous concentrer sur neuf des types de stylisation les plus courants que j'utilise dans mon travail:
Je vais expliquer le processus de chacun d'eux individuellement, mais n'hésitez pas à combiner plusieurs styles pour créer un personnage unique.
Remarque: ce tutoriel nécessite une Niveau intermédiaire / avancé de connaissance d'Adobe Illustrator. J'utiliserai une terminologie que vous ne comprendrez peut-être pas si c'est la première fois que vous ouvrez Illustrator. Quoi qu’il en soit, le processus pas à pas devrait être assez simple à suivre et permettre à presque tout le monde de le terminer. Juste être prêt à apprendre une chose ou deux! Comme toujours, si vous êtes bloqué ou avez des questions en cours de route, laissez un commentaire ci-dessous et je vous répondrai dans les meilleurs délais.!
Tout au long de ce didacticiel, je vais utiliser certains "H" personnalisés que j'ai créés. Même si ces "H" peuvent ne pas être "à la main", ils peuvent très facilement illustrer les styles que je créerai. Vous pouvez donc toujours utiliser les connaissances ci-dessous pour presque tous les types de lettrage ou de typographie que vous créez. Vous pouvez même personnaliser une police de caractères en utilisant certaines des techniques ci-dessous. Il s’agit de choisir la bonne technique pour le bon projet. Utilisez-les aussi avec parcimonie, car plusieurs styles peuvent être accablants..
Enfin, dans chaque section, j'ai inclus un exemple d'application "réelle" des types de styles spécifiques que nous aborderons. Espérons que ces exemples pourront vous montrer exactement comment ils peuvent être appliqués ailleurs et pas seulement sur les "H" avec lesquels nous allons travailler dans ce tutoriel. Commençons!
J'appelle cela le "style de division" en raison de la nature des lettres après leur "division". Les formes de lettres sont presque divisées en deux, d’où l’effet "scindé" qu’il crée.
Dans le fichier vectoriel "H Matrix" que j'ai fourni, nous commencerons en haut à gauche, puis en bas à droite., travailler de gauche à droite.
Ainsi, pour commencer, le premier "H" que nous allons styler est le "H" entre crochets ci-dessus (coin supérieur gauche de la matrice). Au cours de cette étape, n'hésitez pas à colorier le "H" de la couleur ou de la valeur souhaitée. Pour moi personnellement, je garde une valeur grise.
Pour "scinder" le lettrage, utilisez les Outil de segment de ligne dans Illustrator et formez deuxlignes en haut du "H". Donnez à ces lignes un trait blanc pour créer l'effet de division.
Pour terminer, créez un segment de ligne horizontale supplémentaire au-dessus de la barre transversale. Mais je voudrais que votre poids de trait soit plus fin que vos traits verticaux pour équilibrer optiquement tout.
Règle de base en matière de frappe: les traits horizontaux (surtout lorsqu'ils se connectent à des traits verticaux) semblent plus épais optiquement.
Le gif ci-dessus est le processus que nous venons de traverser. J'espère que cela vous donne plus de perspicacité sur la façon dont tout s'est réuni.
Le lettrage ci-dessus que j'ai achevé il y a quelques mois utilisait le "style divisé". Espérons que cela démontre un bon usage de la stylisation.
Au cours de cette partie du didacticiel, vous pouvez créer à peu près tout ce que votre coeur désire. Les détails ornementaux pourraient être presque n'importe quoi. Formes, lignes, texture, fioritures, etc.-n'hésitez pas à vous déchaîner!
Pour commencer le style suivant, j'utilise le second en partant du haut à gauche, "H". N'oubliez pas que nous travaillons de gauche à droite. N'hésitez pas à colorier le "H" s'il vous plait. Nous allons maintenant commencer à créer des détails ornementaux. C'est une excellente occasion pour vous de faire ce que vous voulez. Les détails dans ce "H" pourraient être ce que vous voulez! Comme toujours, vous pouvez créer ce que j’ai imaginé.
Je voulais créer des découpes "en éperon" dans les traits verticaux. Pour ce faire, formez un triangle avec le Outil stylo (donnez-lui un fond blanc) ou comme bon vous semble. Il y a un million de façons de faire une chose dans Illustrator! Vous pouvez voir la forme que j'ai faite dans l'image ci-dessus. Une fois que cette forme initiale est créée, vous pouvez simplement la copier et la coller sur les tiges verticales..
Ensuite, j'ai décidé d'ajouter une forme de diamant au centre avec des traits s'étendant de haut en bas. Encore une fois, tout ce que votre coeur désire. Les "ornements" que vous ajoutez à votre typographie peuvent être littéralement n'importe quoi. Utilisez simplement votre sens de la conception pour vous assurer que tout va bien!
Pour créer les ajouts ci-dessus, j'ai formé un diamant avec le Outil Rectangle. Former un carré en tenant Décalage, puis faire pivoter le carré de 45 degrés et étendre les points d'ancrage supérieur et inférieur.
Enfin, dessinez des segments de ligne devant s'étendre au-dessus et au-dessous de la même manière que dans le "style de division"..
Pour finir, j'ai créé quelques formes supplémentaires supplémentaires qui s'étendent à l'extérieur de la lettre. En outre, j'ai utilisé une autre forme de diamant pour se détacher de la barre transversale. Vous pouvez voir sur l'image ci-dessus que j'ai formé les formes et que j'ai dupliqué ces formes sur l'autre tige verticale..
Une fois que tout est mis en place, le processus devrait ressembler à ce qui est écrit ci-dessus..
C'est fou comment certaines formes simples ajoutées ou soustraites à la lettre peuvent changer instantanément la sensation! Les possibilités sont infinies.
Il n'y a pas de bonne ou de mauvaise réponse à la formation de détails ornementaux. C'est ce que le design appelle vraiment. Utilisez votre jugement, comprenez le look / feel et ajoutez des ajouts en conséquence.
Dans cet exemple, les détails ornementaux que j'ai ajoutés étaient les "éperons" et les bordures autour de la lettre. De plus, j'ai utilisé d'autres techniques que je vous montrerai plus tard dans ce tutoriel..
Le processus pour l'ombre portée ci-dessous est le processus que je trouve le plus simple et le plus simple pour créer l'effet recherché. Il y a beaucoup, beaucoup de façons de faire la même chose, donc si ce processus ne vous semble pas logique, n'hésitez pas à terminer la tâche comme bon vous semble!
Nous allons commencer par le "H" entre crochets en haut à droite dans la matrice. À ce stade, comme toujours, n'hésitez pas à changer de couleur et à vous préparer à passer à l'étape suivante..
Il est temps de commencer à former l'ombre portée. Pour commencer, en tenant Option sur un Mac ou Alt sur un PC, commencez à cliquer et faites glisser votre "H" vers le bas et vers la droite (ou la gauche) d'environ trois pixels. Pas besoin d'être exact, essayez simplement de copier l'image ci-dessus. Si vous regardez de près dans l'image ci-dessus, vous pouvez voir ce que nous allons former. On dirait que nous avons deux "H" superposés. N'hésitez pas à changer la teinte ou la valeur du "H" pour voir la superposition en cours.
Ensuite, une fois l’étape 2 terminée, il vous suffit d’appuyer sur Commande-D, quel est le raccourci pour Dupliquer. Continuez à appuyer Commande-D jusqu'à ce que vous ayez environ quatre à sept doublons de votre H. Il devrait ressembler à l'image ci-dessus. C'est juste un tas de "H" empilés les uns sur les autres. Notez que le premier gris plus clair, valeur "H", est toujours en bas.
Ensuite, ramenez ce gris "H" de couleur claire vers l’avant afin que la "nuance" de couleur plus sombre soit en bas. Je suis sûr que ça a l'air un peu bizarre, mais je promets que ça ira mieux à la prochaine étape! À ce stade, je voudrais Fusionner tous ces "H" sombres en double, plus sombres, vous donnent une seule forme. Il devrait ressembler à l'image ci-dessus, bien que la direction et l'angle de votre ombre puissent sembler un peu différents et ce n'est pas grave!
La dernière étape pour achever cette ombre consiste à supprimer tous les points d'ancrage inutiles créés une fois que vous avez fusionné vos "H". Commencez par supprimer les points d'ancrage supplémentaires qui ont formé ces sections sinueuses pour établir une connexion en douceur. Une fois que vous avez terminé, cela devrait ressembler à l'image ci-dessus! Vous avez maintenant terminé une simple ombre portée.
Voici un gif de processus pour montrer le début et la fin de l'ombre portée. Il peut s’agir de plusieurs étapes, mais une fois correctement effectuées, il ne faut que deux ou trois minutes pour en créer une.!
L'ombre portée dans l'exemple ci-dessus a été complétée avec exactement le même processus. Comme vous pouvez le voir avec cet exemple comparé au "H", cela fonctionne pour tout type de lettrage! La raison pour laquelle j'ai utilisé le processus ci-dessus au lieu de l'option "Extruder & biseauter", par exemple, est due aux formes inutiles, aux points d'ancrage et aux groupes qu'il crée. Cela devient un peu trop compliqué à mon avis. La méthode ci-dessus est simple et au point.
Ce processus ci-dessous peut être mon préféré. Le look est toujours propre et produit une grande profondeur. Les gens se réfèrent à ce processus comme à la fois un aspect ciselé et en relief. Soit le nom est correct dans mon livre! Commençons.
Nous commençons maintenant à travailler sur la deuxième ligne de la matrice "H". En commençant par le "H" le plus à gauche, modifiez la teinte et la valeur à votre guise et préparez-vous à utiliser l'outil crayon!
Nous formons maintenant des segments que nous "diviserons" par la suite à l'aide de l'outil Pathfinder pour créer notre effet ciselé. Alors, commencez à diviser votre "H" semblable à l'image ci-dessus. Essentiellement, ce que nous recherchons pour ce "H" est une valeur claire, une valeur moyenne et une valeur sombre. Ces divisions assureront que votre "H" a la bonne teinte.
Encore une fois, les segments de ligne ci-dessus ont été créés avec l'outil Plume et ont un trait d'un trait. Pour que cela fonctionne, il est essentiel de vous assurer que tous les segments de ligne se touchent. Ils n'ont pas besoin de se croiser, il suffit de toucher pour permettre au processus de division de fonctionner correctement.
Une fois que vous pensez que tous les chemins sont bons, supprimez le poids du trait de vos segments, en laissant un chemin sans trait. Cela devrait ressembler à la photo ci-dessus. Vous ne pouvez voir le chemin que parce que je l'ai surligné avec ma souris.
Avec votre "H" et tous les segments de ligne sélectionnés, accédez à votre Éclaireur outil et sélectionnez le Diviser option. Une fois divisé, votre "H" devrait ressembler à l'image ci-dessus. Essentiellement, toutes les parties du "H" sont maintenant divisées en formes distinctes que vous pouvez colorer en conséquence..
Enfin, pour terminer le "H" divisé, il est temps de colorier chaque forme. Mais d’abord, vous devez déterminer où sera votre source de lumière. Pour moi, j'ai décidé que ce serait en haut à gauche. Par conséquent, les formes supérieures seront la valeur la plus claire, les formes latérales seront votre valeur moyenne et les formes inférieures seront votre valeur sombre. Faites en sorte que ce soit cohérent et utilisez votre bon jugement - vous savez ce qui est beau ou ce qui ne va pas! L'image ci-dessus est à quoi elle pourrait ressembler. De toute évidence, vos valeurs et les teintes peuvent différer.
Un autre processus gif pour montrer le début et la fin. le Éclaireur l'outil est votre meilleur ami!
Dans l'exemple ci-dessus, j'ai utilisé exactement le même processus pour diviser mon "Z". La texture et les autres effets ont été créés séparément. Pour cet exemple particulier, j'ai appliqué la texture dans Photoshop pour réduire la taille du fichier, car les fichiers Illustrator deviennent plutôt lourds une fois qu'une tonne de texture est appliquée. Je décrirai mon processus de texture plus tard dans le tutoriel!
Ce n'est peut-être pas le nom approprié pour le style avec lequel nous allons travailler, c'est juste ce que j'appelle. Ce processus est incroyablement simple et ne nécessite pas beaucoup de temps.
Temps pour un autre de mes styles favoris, le "inline". Nous utiliserons la plaque centrale "H" dans la matrice. Préparez ça Outil stylo encore. Ce processus sera très rapide, ne vous inquiétez pas!
Pour commencer, utilisez le Outil stylo ou la Outil de segment de ligne pour former une ligne du serif de la dalle supérieure au serif de la dalle inférieure. Une fois que vous avez tracé cette ligne, copiez-la et collez-la sur le trait vertical de droite. Si votre "H" ressemble à l'image ci-dessus, vous êtes sur le bon chemin. C'était la partie difficile!
Ensuite, avec ces segments sélectionnés, déplacez votre curseur vers le haut en direction du sélecteur "Profil" de trait. Cela peut également être trouvé dans le Accident vasculaire cérébral la fenêtre. Quoi qu'il en soit, une fois dans le sélecteur de profil, choisissez la toute première option, qui ressemble à un globe oculaire écrasé. Nous voulons un profil qui diminuera l'une ou l'autre extrémité de nos courses. N'hésitez pas à jouer avec d'autres profils. Certains d'entre eux créent des effets sympas.
Voilà! Le trait s'amincit d'un bout à l'autre, créant un joli coup fluide et pointu d'un simple clic sur un bouton.
Comme toujours, le gif de processus ci-dessus vous permet de voir les étapes de début et de fin. Pas beaucoup au processus pour créer ce style! 
Comme vous pouvez le voir ci-dessus, je mets le style en ligne à utiliser pour la conception de mon deck pour Girl Skateboards. Je sentais que mes lettres étaient un peu trop lourdes. Pour réduire cette lourdeur, j'ai ajouté le style en ligne non seulement à la couleur, mais également à une belle texture..Le style de découpe que nous sommes sur le point de commencer est très similaire au style en ligne car nous utiliserons à nouveau le sélecteur de profil pour nos traits. C'est un processus très rapide.
Maintenant, en travaillant avec l'extrême droite "H" dans la rangée du milieu, commençons la technique de découpe. À ce stade, changez les couleurs, l’échelle, etc. à votre convenance, puis préparez à nouveau l’outil Plume.!
Ensuite, tracez une ligne qui représente environ le tiers de la longueur de la tige verticale. Tracez une seule ligne, car vous pouvez ensuite la copier et la coller dans le reste de la lettre. Il devrait ressembler à l'image ci-dessus une fois que tous les travaux de copie et de collage sont terminés..
Enfin, comme nous l'avons fait à l'étape 3 de la section "Style en ligne", déplacez votre curseur vers le haut jusqu'au sélecteur de profil. Avec vos traits sélectionnés, au lieu de sélectionner la première option de réduction progressive, nous allons sélectionner la forme à l'aspect triangulaire. Tout comme l'image ci-dessus. Ce profil rendra la base de votre trait plate pendant que le reste diminuera. Il va essentiellement créer une forme de triangle qui va couper vos tiges.
Voici le processus très rapide ci-dessus. Il ne faut qu'environ huit clics de souris pour créer cet effet souhaité. Pas mal!
L'effet de découpe est un autre de mes favoris. J'ai inclus le style de découpe dans cette pièce dessinée à la main pour State Bicycle Co. Cependant, je n'ai pas utilisé Illustrator pour celui-ci. J'ai créé l'effet de découpe à la manière traditionnelle, avec un crayon.
L'ombre de projection ouverte est presque identique au processus "d'ombre portée" que nous avons achevé précédemment. La seule différence est l’espace négatif entre la forme de lettre et l’ombre que nous allons créer. Votre ombre ou ombre portée peut tomber en bas à gauche ou en bas à droite. Une chose que je mentionnerai est qu'une ombre en bas à gauche est considérée comme une "ombre de peintre de signes", tandis que l'ombre en bas à droite est une "ombre pour imprimantes".
Une teinte de peintre en enseigne nécessite moins de traits, et donc moins de peinture. Tout est une question d'efficacité lorsque vous peignez des nuances. Par conséquent, les nuances allant en bas à droite nécessitent plus de coups de pinceau. Dans ce cas, nous utilisons Illustrator, ce qui nous importe peu car il s’agit d’un vecteur. Je pensais que je partagerais cette information au cas où vous décideriez de peindre une ombre / une ombre!
Nous approchons de la fin! Commençons maintenant par le sans gauche en bas à gauche "H". Faites votre truc avec ce "H" - colorez-le, redimensionnez-le, tout ce que votre coeur désire, et préparez-vous pour un processus très similaire à la section "Ombre portée".
Ensuite, comme pour l'étape 2 de la section "Ombre portée", maintenez enfoncée la touche Option et cliquez et faites glisser un "H" vers le bas d'environ 5 px. Puis appuyez Commande-D environ cinq à sept fois plus pour créer votre ombre. Cela finira par ressembler à l'image ci-dessus. enfin, Fusionner toutes ces formes copiées pour former une seule forme.
La prochaine chose à faire est de déplacer cette "ombre" vers l'arrière de sorte qu'elle se trouve derrière votre "H" d'origine. Ensuite, changez la couleur / valeur du premier "H" copié. Cela vous permettra de voir ce que nous faisons dans les deux prochaines étapes. Après tout, cela devrait ressembler à l'image ci-dessus.
Continuant plus loin, nous allons maintenant Soustraire notre valeur différente "H" du reste de l'ombre que nous venons de créer. Cette soustraction créera l’espace négatif ouvert entre la forme de la lettre et la nuance..
Encore une fois, comme nous l'avons déjà fait à l'étape 5 de la section "Ombre portée", commencez par supprimer tous les points d'ancrage inutiles. Une fois que vous les avez tous supprimés, le résultat devrait être presque terminé! Juste une dernière chose à faire.
Passe la teinte un peu plus loin et fais-la paraître plus comme si elle sortait du "H". Dans l'image de l'étape 5, l'ombre se découpe dans les coins. Pour résoudre ce problème, supprimez ces points d'ancrage supplémentaires, puis déplacez le point d'ancrage unique vers la droite. Peu importe le point d'ancrage que vous supprimez, vous déplacerez quand même le point d'ancrage restant. Comparez et contrastez l'image des étapes 5 et 6. Vous verrez ce que je veux dire..
Utilisez le processus ci-dessus pour vous aider, si nécessaire! Le processus peut devenir un peu déroutant si c'est la première fois que vous essayez quelque chose comme ça. 
Dans mon exemple réel ci-dessus, j'ai en fait créé une nuance de gouttes ouverte à deux teintes: une teinte bleue plus claire au-dessus d'une nuance bleue plus sombre. J'ai utilisé le processus exact que j'ai décrit ci-dessus.
Pour cette partie du didacticiel, nous allons utiliser la texture du bois de Nick Slater, qui nous le fait gracieusement. Rendez-vous sur sa page Dribbble, téléchargez la texture et préparez-vous à commencer le processus! Cette technique peut fonctionner de la même manière pour tout type de texture. Que ce soit du béton, du bois, des fibres, de la fourrure, etc., vous pourrez suivre les étapes ci-dessous. Commençons.
Nous travaillons maintenant avec le sans-serif central H dans la rangée du bas. Modifiez la teinte, la valeur et tout ce que vous souhaitez. Ensuite, ouvrez cette texture que j'ai liée ci-dessus dans Illustrator.
Maintenant, avec la texture de grain de bois ouverte, copiez la texture. Accédez à votre "H" et collez la texture du grain du bois sur le dessus. Il devrait ressembler à ce qui précède. À ce stade, sélectionnez la texture et Développer pour s'assurer que c'est une forme solide et pas un trait.
La dernière étape consiste à sélectionner à la fois la texture et le "H". Avec les deux sélectionnés, passez votre souris sur la Éclaireur panneau et utiliser le Minus Front option. Cela prendra la texture et la "soustrayera" de ce qui est derrière. Dans ce cas, notre "H" aura la texture supprimée, laissant un "H" grain de bois.
J'ai utilisé le même processus dans cette pièce. Mon morceau "Follow Your Bliss" était sérigraphié et, au lieu d'utiliser une teinte "jaune" au-dessus du lettrage, je "soustrais" la texture du lettrage pour permettre au papier jaune de transparaître. Ce processus de suppression est idéal pour la sérigraphie ou la typographie lorsque vous souhaitez utiliser la couleur du papier dans votre conception.. 
Le dernier "H" dans la matrice! Cette technique nécessite de comprendre le panneau Apparence ainsi que le panneau Contour. Commençons.
Commençons par ajouter le premier trait à notre lettre. C'est la partie facile. Sélectionnez votre "H" et accédez à votre Accident vasculaire cérébral panneau pour ajouter un trait de 2 points. N'importe quelle couleur fera l'affaire, tant que nous pouvons voir le trait. Je finis toujours par utiliser une couleur vraiment désagréable ou folle pour commencer, histoire de voir ce que je fais.
L'étape suivante consiste à ajouter le deuxième trait. Pour ce faire, ouvrez votre Apparence panneau. Lorsque votre "H" est sélectionné, cliquez sur l'icône en forme de carré en bas à gauche du panneau. Il apparaît un peu en surbrillance dans l'image ci-dessus. Faites-en un trait de 4 points. Nous avons maintenant deux coups… Mais notre premier coup n'est pas encore visible. Nous nous occuperons de cela dans la prochaine étape.
Le panneau Apparence agit comme le ferait un calque. Donc, réorganisez votre trait de 4 points vers le bas tandis que votre trait de 2 points reste sur le dessus, comme dans l'image ci-dessus. Cela devrait permettre aux deux traits d'être visibles. Sinon, assurez-vous de vous rendre au Accident vasculaire cérébral panneau et aligner votre trait à l'extérieur. Cela poussera le trait vers l'extérieur au lieu de le laisser consommer votre forme en "H".
À ce stade, nous avons terminé! N'hésitez pas à modifier ces couleurs pour les rendre plus subtiles et cohérentes. Aussi, n'hésitez pas à changer les coins de la course pour obtenir un effet arrondi ou incliné.
L'exemple ci-dessus était une expérience pour moi. Je n'ai jamais utilisé l'effet à double trait avant de travailler sur le projet Girl Skateboards. Combiné à d’autres styles, l’effet à double trait est très joli si vous le demandez.!
Il y a alors de nombreuses façons d’ajouter de la stylisation à vos lettres. Pour trouver de superbes textures, caractéristiques, combinaisons de couleurs, profondeur, etc. à ajouter à vos lettres, partez à l'aventure dans un lieu lointain ou proche de chez vous et inspirez-vous de vos expériences quotidiennes. Peut-être que vous jouez avec des outils que vous n’utiliseriez pas normalement pour créer un lettrage, comme une éponge, une fourchette, un tissu, les possibilités sont infinies. Expérimenter sans fin!
Accentsconagua