Techniques pour étiquettes de boîtes d'allumettes : typographie, polices vintage et disposition du texte

1. Bienvenue: C'est arrivé si vite. Je ne sais pas exactement quand et comment. Je me souviens juste d'avoir vu cette belle étiquette de boîte d'allumettes sur Pinterest. [MUSIQUE] Je ne pouvais pas m'empêcher de m'épingler. Je me suis inspiré. Il y avait tellement de choses à observer et à apprendre et tant de nouvelles idées de design à donner vie. J'ai créé des techniques d'étiquettes de boîtes d'allumettes , des illustrations, du design vintage et des textures d'impression afin que nous puissions voyager dans temps ensemble et nous l'avons fait. Nous avons observé, nous avons fait un remue-méninges et appris comment transformer idées en conceptions visuellement simples mais efficaces d'étiquettes de boîtes d'allumettes. Nous apprendrons comment répliquer numériquement toutes les techniques d'impression et comment faire des erreurs d'impression uniques et appliquer de vieilles textures de vapeur. Nous nous sommes concentrés sur la conception de concepts et d'illustrations. Mais pour bien comprendre les étiquettes de boîtes d'allumettes, nous devons maintenant approfondir nos connaissances. [MUSIQUE] Bonjour, je suis Nina, même si tout le monde me connaît sous le nom de Di Ujdi. Je suis illustrateur et concepteur de motifs basé à Belgrade, en Serbie. Il s'agit d'une classe sur la topographie des étiquettes de boîtes de correspondance. Dans ce cours, nous poursuivons notre voyage dans le temps dans le monde du design vintage en observant les espaces de type étiquette de boîte d'allumettes. Nous découvrirons les différents styles de police et comment répliquer des arrangements de texte vintage. Je vais partager avec vous certains de mes sites Web préférés pour vous inspirer ou pour trouver polices open source que vous pouvez utiliser et facilement modifier et ajuster pour vos projets de conception. Enfin, pour que nos créations soient vintage et uniques, nous reproduirons les erreurs, les erreurs d'impression et les anciennes textures de papier. Cette fois, je vais vous montrer l'ensemble du processus de conception d'étiquettes à l'aide d'Adobe Illustrator et d'Adobe Photoshop. Comme je l'ai dit dans un cours précédent, il s'agit d'une classe intermédiaire destinée aux illustrateurs, aux designers et à tous les passionnés de jeunes et d'individus. Avec ce cours, vous terminerez votre parcours d'étiquettes de boîtes d'allumettes avec des connaissances en illustration et en typographie. Ces compétences de conception seront d' une grande utilité dans votre parcours professionnel de conception. Que vous souhaitiez réaliser des répliques vintage ou créer des designs modernes avec une touche vintage. Que puis-je dire, sauf, merci de vous joindre à moi à nouveau et commençons. [MUSIQUE] 2. Projet: Votre projet consiste à créer une conception d'étiquettes de boîtes d'allumettes avec une solution typographique. Dans la classe précédente, nous nous sommes concentrés sur la construction notre design à partir de Ground Zero. Nous avons fait beaucoup de remue-méninges et esquisses jusqu'à ce que nous trouvions une bonne idée de design. Si vous avez déjà regardé le cours précédent et que vous avez développé votre conception d'étiquette finale, vous pouvez utiliser cette idée d'illustration ou de conception comme point de départ et l'adapter en vous concentrant sur la typographie, ou vous pouvez commencer un nouveau design. projet. Pour vous aider à plonger directement dans la création sans vous demander quoi concevoir, j'ai créé un guide de projet. Il s'agit d'un document PDF que j'ai déjà partagé dans la classe précédente, mais vous pouvez également le télécharger à partir de la section Ressources de cette classe. Vous y trouverez des idées pour créer différents types d'étiquettes de boîtes d' allumettes, depuis le démarrage et la conception de votre propre marque de boîtes d'allumettes, jusqu' à l'élaboration des idées publicitaires qui seront placées sur une étiquette de boîte d'allumettes à la conception d'un label qui permettra de sensibiliser ou de célébrer des événements importants. Comme auparavant, je partage également avec vous un lien vers mon tableau Pinterest avec la collection toujours croissante de différentes étiquettes de boîtes d'allumettes. C'est une merveilleuse source d' inspiration et d'exemples dont il faut tirer des leçons. Que vous soyez en train de concevoir pour travail ou pour la pratique personnelle, il existe de nombreuses façons d'utiliser les techniques de cette classe. Certains projets possibles qui viennent à l'esprit sont la conception d'emballages, les cartes postales, les disques musicaux, les affiches, les couvertures de livres ou simplement les dessins d'étiquettes de boîtes d'allumettes. J'ai hâte de voir ce que vous allez proposer et j'ai hâte de voir votre inspiration, votre processus de pensée et, bien sûr, la conception finale de l'étiquette de boîte d'allumettes. Une fois que vous avez terminé, assurez-vous de tout partager dans la section projet de la classe. 3. Étudier l'ancien pour créer du neuf: Dans cette leçon, nous allons observer quelques étiquettes de boîtes d' allumettes différentes qui peuvent servir d'excellents exemples en ce qui concerne les styles de police, placement et la disposition du texte et les imperfections d'impression de texte. J'appelle ça le travail de détective visuel, et j'adore vraiment le faire. J'ai imprimé différentes étiquettes de boîtes d'allumettes pour les utiliser comme échantillons pour l'observation. Avant de continuer, je vous suggère de vous rendre dans la section Ressources de la classe et de trouver le lien vers le tableau Pinterest où j'ai rassemblé de nombreux modèles d'étiquettes de boîtes d'allumettes. Tout d'abord, jetez un coup d'œil à tous ces modèles et trouvez cinq à 10 étiquettes de boîtes d'allumettes qui se sont démarquées par leur topographie. Que ce soit en raison d'un style de police particulier, emplacement ou de taches d'encre intéressantes. Vous pouvez les imprimer ou les rassembler dans un tableau d'ambiance numérique que vous aurez devant vous. Vous pouvez d'abord suivre mes exemples. Je vais essayer de couvrir de nombreuses variantes différentes mais même temps j'observerai les étiquettes de boîtes d'allumettes que vous avez choisies. Au fur et à mesure que nous franchissons chaque étape, essayez d'appliquer ces connaissances à vos exemples et de prendre des notes. Pour pouvoir parler des différentes polices et styles que nous pouvons observer sur ces étiquettes de boîtes d'allumettes, nous devons approfondir certaines bases de la typographie. Comme vous le savez probablement déjà, nous pouvons diviser les polices de caractères en deux catégories principales : serif et sans serif. Les polices serif présentent des caractéristiques décoratives à la fin des traits de lettre appelés sérifs. Bien que sans serif comme son nom l'indique, je ne les ai pas. Maintenant, si nous entrons dans les détails, il y a plus de groupes que nous pouvons distinguer pour les polices serif et sans serif. Tout d'abord, jetons un coup d'œil à différents groupes de serif. Nous avons un style ancien ou humaniste, transitionnel, moderne et en dalle également appelé égyptien. polices à serif humanistes appartiennent à la période de la Renaissance. Ils ont été conçus pour imiter calligraphie classique et les stroboscopes fabriqués par la main humaine. polices à empattement transitoire, parfois appelées baroques, se situent entre l'ancien et le moderne. Comparés à l'humaniste, ils ont plus de contraste et de sérifs plus nets. polices à empattement modernes ont des sérifs fins et droits comme de petits blocs, et elles ont un contraste plus prononcé lorsqu' il s'agit de lignes fines et épaisses. Le dernier groupe que nous avons est celui des polices à empattement de dalles. Comme vous pouvez le constater, il s'agit de formes de lettres très audacieuses et lourdes qui ont des extrémités à empattement audacieuses qui peuvent être droites ou courbées. Jetons maintenant un coup d'œil aux groupes sans empattement. Les polices sans empattement ont été développées un peu plus tard que Serif au début du XIXe siècle. À cette époque, on les appelait grotesque, ce qui signifie déformé et moche. Ils étaient très différents de ce que les gens étaient habitués ou de ce qui était considéré comme une belle typographie. On distingue ici ces quatre groupes principaux : grotesque, néo-grotesque, géométrique ou moderne, et humaniste. Grotesque sans serif sont les premières polices sans empattement du XIXe au début du XXe siècle. Ils étaient à peu près industriels et développés pour la publicité et les gros titres. Vous pouvez distinguer ce groupe par formes de lettres solides et grasses avec une largeur de ligne relativement uniforme, en particulier en majuscules. Sans serif néo-grotesque est apparu au milieu du XXe siècle comme une évolution de polices grotesques. Ils ont des traits audacieux et un caractère uniforme droit. À propos, les polices sans empattement néo-grotesque sont parfois appelées anonymes sans serif. L'un des représentants les plus couramment utilisés de ce groupe est Helvetica. polices géométriques sans empattement, comme leur nom l'indique, sont construites à l'aide de formes géométriques, ce qui donne à ces polices un aspect très contemporain. polices sans empattement humanistes sont devenues très courantes au XXe siècle. Tout comme le serif à l'ancienne, ils imitent la calligraphie et présentent une variation du poids de la ligne. Maintenant, avec toutes ces informations visuelles à l'esprit, examinons différentes étiquettes de boîtes d' allumettes pour voir ce que nous pouvons observer sur les polices de caractères et les types de polices de caractères couramment utilisés. Voici quelques exemples. deux premières étiquettes de boîtes d'allumettes appartiennent à une époque plus ancienne et présentent cette esthétique victorienne distinctive. Sur ces anciennes étiquettes, vous pourrez repérer l'utilisation de serif à l' ancienne comme dans cet exemple et de la plaque serif dans la seconde. Sur les deux, des polices grotesque sans serif. Comme nous le savons, les polices de caractères serif étaient très populaires à l'époque, mais en raison de la petite zone d'impression, traits et les séries définis seraient perdus et nécessiteraient une meilleure qualité d'impression. Mais une meilleure qualité d'impression signifiait vitesse d'impression plus faible et un prix plus élevé. Ainsi, pour résoudre ce problème, ils sont passés des polices à empattement à des polices à empattement de dalle qui avaient des poids de ligne égaux et étaient généralement plus boulons. Ils ont également commencé à utiliser des polices sans empattement, ce que vous pouvez également voir sur ces deux exemples. Surtout sur celui-ci qui est un grand représentant des premières polices grotesques utilisées. Vous remarquerez également qu'en utilisant sans serifs, ils pourraient les imprimer dans une taille assez petite sans perdre de détails comme ils le feraient avec les polices serif. Maintenant, si nous examinons ces étiquettes plus modernes du milieu du XXe siècle, vous remarquerez que les polices utilisées sont sans serif. Nous avons ici des exemples de sans serif géométriques et aussi néo-grotesque et carrée. Dans la prochaine leçon, nous allons le pratiquer un peu. Nous allons trouver et associer les polices existantes à ces polices d'étiquettes de boîtes d'allumettes. Mais pour l'instant, je veux que vous examiniez les étiquettes de boîtes d' allumettes que vous avez et que vous preniez des notes sur les différentes polices que vous pouvez observer et distinguer. Le prochain sujet je veux parler est le placement du texte. Il existe maintenant des périodes, des styles et des types d'étiquettes différents et des types d'étiquettes Il est donc très difficile de placer tout cela dans des catégories. Mais ce que je veux faire, c'est observer ces étiquettes de boîtes d'allumettes pour voir quel type de placement de texte est récurrent, pourquoi et quel type de placement de textes est inspirant pour mon propre travail. Ici, j'ai trois groupes différents. Ceux-ci sont des étiquettes à l'ancienne. Ce qui est typique de ces étiquettes, c'est l'utilisation de texte incurvé et l'utilisation de barres. Ces deux-là sont plus modernes, mais le placement du texte est très classique et vous verrez être utilisés dans de nombreuses étiquettes de boîtes d'allumettes. Le texte est placé dans la zone en bas, et il peut également être placé entre les illustrations ou partout où vous disposez d'un espace libre supplémentaire. Le dernier groupe est très intéressant car le texte n'est pas placé et structuré de manière habituelle. Au lieu de cela, le texte est placé tout autour des boîtes d'allumettes car une boîte d'allumettes est quelque chose que vous pouvez tenir entre vos mains, et tout en le tenant, vous pouvez la retourner et lire le texte. Maintenant, jetez un coup d'œil à vos exemples pour voir quel type de placement de texte a été utilisé et réfléchissez à votre projet ; ce qui vous inspire et quel type de placement de texte vous souhaitez utiliser. impression, surtout à l'époque des boîtes d'allumettes vintage, mais même maintenant est un processus sujet aux erreurs. Mais si vous aimez les designs vintage, vous remarquerez que plus vous les regardez, plus vous comprenez que ce qui rend ces designs intéressants et uniques comprend toutes ces erreurs d'impression et imperfections de conception. Dans ces deux cas, vous pouvez voir des erreurs d'impression typiques très courantes pour cette technologie d'impression. Les couleurs et toutes ces étiquettes ont été imprimées séparément, et comme le processus d'impression a été rapide, certaines couleurs ne s'alignent pas parfaitement les unes sur les autres. C'est pourquoi vous verrez tant d'erreurs de chevauchement comme dans ces deux exemples. La prochaine chose intéressante à observer est la façon dont couleur réagit à la surface sur laquelle elle est imprimée. Dans le cas de ces exemples, c'est du carton. Si vous mettez trop d'encre sur le carton, il a tendance à s'imprégner et à tacher. Si vous regardez ces lettres, vous verrez que rien n'est net et net. lignes ont une texture, les coins sont toujours arrondis et maculés comme dans cet exemple et celui-ci également, et les lettres ont parfois poids de trait différents à cause de l'encre trempée. Maintenant, si nous examinons ces deux-là, nous pouvons également observer certaines imperfections d'impression de conception en ce qui concerne la typographie. Dans cet exemple et bien d'autres, vous remarquerez que le texte n'est souvent pas parfaitement aligné, comme ce nom ou même ces blocs de texte. Dans cet exemple, vous pouvez observer un crénage imparfait, surtout ici entre E et S, ainsi que quelques lettres incohérentes ici. Ces lettres semblent un peu asymétriques et décalées. Une fois de plus, jetez un coup d'œil à vos exemples et prenez note des erreurs d'impression et des imperfections de conception. Dans la prochaine leçon, nous prendrons tout ce que nous avons observé et le mettrons en pratique. 4. Styliser la police: Dans cette leçon, nous parlerons de polices, nous allons nous entraîner à trouver des polices modernes pour reproduire la typographie vintage à partir d'étiquettes de boîtes d'allumettes. Nous verrons également comment créer différents ajustements et modifications de l'apparence du texte pour le rendre légèrement imparfait. Au fait, je me concentrerai principalement sur les polices open source disponibles pour tous. Avant de commencer, je veux vous montrer quelques sites Web différents que j'utilise pour la typographie, inspiration et la recherche de polices. Le premier site Web s'appelle Fonts In Use, et je trouve cela incroyablement inspirant. C'est une énorme archive de typographie. Ce qui est génial, c'est qu'il ne s'agit pas d'une liste de polices, mais qu'elle possède cette base visuelle pratique. Vous voyez comment les polices sont utilisées et combinées entre elles. De plus, il héberge des designs modernes et vintage, et vous pouvez également effectuer des recherches par projet, ou vous pouvez rechercher par police et voir comment une police particulière qui vous intéresse est utilisée dans de nombreux projets différents. Le prochain est Google Fonts. C'est un site Web très connu pour les polices open source que vous pourriez oublier si vous utilisez des polices Adobe, mais elles ont caractères incroyables qui sont absolument gratuites. Vous trouverez également ici de nombreuses polices basées sur d'anciennes polices classiques que vous pouvez utiliser pour votre projet. Le prochain site Web s'appelle Lost Type. Ils ont beaucoup de polices rétro qui pourraient être parfaites pour les étiquettes de boîtes d'allumettes. Ce ne sont pas des polices open source gratuites, mais le mode de paiement est de payer ce que vous voulez pour une licence d'utilisation personnelle, donc j'ai pensé qu'il pourrait être utile de les mentionner également. Les deux sites Web suivants de ma liste de polices open source sont un peu plus expérimentaux avec des polices modernes très intéressantes. Ces polices ne sont pas classiques, historiques ou vintage, mais elles peuvent être géniales si vous voulez expérimenter avec une ambiance vintage et moderne et futuriste, ce que je veux essayer dans mon projet. En passant, vous êtes libre d'utiliser ces polices pour projets personnels et commerciaux tant que vous créditez leur auteur. Ce sont mes ressources, et comme toujours, je laisserai tous les liens des ressources de la classe pour que vous puissiez les trouver. Passons maintenant à Adobe Illustrator et commençons à vous entraîner. Comme vous pouvez le constater, j'ai placé quelques étiquettes différentes de boîtes d'allumettes dont nous avons parlé. un côté, j'ai des étiquettes à l'ancienne, et de l'autre, des étiquettes plus modernes. Ce que nous allons faire, c'est trouver différentes polices que nous pouvons utiliser pour répliquer les polices à partir de ces étiquettes. Je vais vous montrer quelques astuces pour positionner le texte, l'ajuster et introduire des imperfections. Comme avant, suivez mes exemples, mais placez également vos étiquettes de boîtes d'allumettes dans Adobe Illustrator et créez votre propre cabinet. Commençons par celui-là. Ce que l'on peut voir sur celui-ci, c'est l'utilisation d'une ancienne police serif en combinaison avec sans serif, qui est un sans serif grotesque, compte tenu de la période de cette étiquette de boîte d'allumettes. Pour la police serif, je vais utiliser un empattement ancien très célèbre appelé Garamond. C'est une police de caractères classique fabriquée au XVIe siècle par Claude Garamond, et ce qui est génial, c'est qu'il existe nombreuses versions de polices contemporaines basées sur le design de Garamond. L'un est Adobe Garamond, et l'autre est la police Google appelée E B Garamond, que j'utilise actuellement. Ça a l'air bien. Vous remarquerez que certains détails ne correspondent pas. Par exemple, cette partie inférieure du V, ce n'est pas la même chose, et peut-être les sérifs sur le C, mais nous ne faisons pas de répliques parfaites, nous ne faisons que correspondre le style. Ce qui m'aide à trouver des polices qui correspondent bien, ce sont les catégories dont nous avons parlé. Si je copie ceci, et par exemple, au lieu d'un empattement de style ancien, j'utilise un empattement de transition appelé Baskerville, vous pouvez voir qu'il ne convient pas. Elle est plus audacieuse et carrée, et ces extrémités à empattement, même si elles ont une courbe, ressemblent toujours à des blocs. Mon conseil est d'observer l' esthétique générale lors de la recherche et de la correspondance des polices. Pour la police grotesque sans serif, je vais utiliser la police que j'aime vraiment, et elle s'appelle Oswald. Vous pouvez voir que toutes les lettres sont presque pointues , sauf le R qui a une ligne droite, et dans l'original, il y a un peu de courbe. Maintenant que nous avons sélectionné la police, permettez-moi de vous montrer quelques façons d'ajuster ces polices pour créer une ressemblance encore plus étroite. Travaillons sur ce sans serif à titre d'exemple. Je vais maintenant le dupliquer pour que vous puissiez voir la comparaison. Si nous examinons l'étiquette de la boîte d'allumettes, la police utilisée comporte lettres plus allongées moins larges. Pour cela, je peux simplement sélectionner mon texte, accéder à Caractère, puis ajuster l'échelle verticale et l'échelle horizontale. Je peux peut-être mettre 110 sur celui-ci, et dans celui-ci, je peux y aller avec 90. Si vous le regardez maintenant, il ressemble encore mieux. L'astuce avec ces réglages est d' être subtil et de ne pas en faire trop. La prochaine chose sur ma liste est le crénage. Comme vous le savez, le crénage est l'espace entre les lettres. C'est quelque chose que les designers aiment s' ajuster et rendre parfait. crénage ne peut pas être ajusté mathématiquement, il faut toujours le faire visuellement. La meilleure méthode à utiliser consiste à plisser les yeux et à regarder un texte, et ce que vous devriez idéalement voir, c'est que l'espace entre chaque lettre est plus ou moins le même. Mais ce n'est pas ce que nous allons faire. Nous allons gâcher ce crénage de la meilleure façon imparfaite possible. Encore une fois, l'astuce n'est pas de devenir fou, mais de regarder les échantillons et de faire de légères imperfections. Avant de commencer à ajuster le crénage sur ce texte, je veux également changer le style de style normal à moyen, pour obtenir une meilleure correspondance, cela semble mieux et maintenant ajuster le crénage manuellement. Ce que je dois faire, c'est simplement sélectionner un texte, puis je dois placer mon curseur à l'endroit où je veux l'ajuster, et je maintiens « Alt » sur mon clavier, puis je peux simplement aller avec la flèche, droite ou gauche. Ce que je vais faire, c'est que je vais simplement regarder cet exemple et modifier le crénage dans mon texte. C'est fait. Il a l'air très bien. Avant de passer à d'autres exemples, je veux vous montrer les astuces Adobe Illustrator pour le placement du texte, en particulier lorsqu'il s'agit d'un texte qui se trouve sur une courbe ou à l'intérieur d'une bannière ondulée. Permettez-moi de vous montrer deux options que vous pouvez utiliser. La première option est celle des effets de distorsion. Si je duplique cela et que je le fais sélectionner et que je vais dans les effets de distorsion, puis que je sélectionne un drapeau, je peux obtenir quelque chose comme ça, ou je peux, par exemple, sélectionner un arc et obtenir un texte incurvé comme celui-ci. Le seul problème, c'est que plus vous le pliez, plus vos lettres sont plus vos lettres sont étirées et déformées. Mais de toute façon, une autre chose que vous pouvez faire avec ça, et c'est quelque chose que j'ai vu beaucoup de fois sur de nombreuses étiquettes de boîtes d'allumettes, c'est cette chose. Vous pouvez définir le pli sur zéro, puis faire glisser la distorsion horizontale. Avec cet effet, vous pouvez obtenir ce merveilleux effet de petites lettres trop grosses, ce qui peut être idéal pour les slogans ou quelque chose comme ça. Quoi qu'il en soit, j'aime utiliser des effets de distorsion. Mais encore une fois, parfois, si les lettres sont trop déformées, je pourrais utiliser quelque chose de différent, et maintenant je vais vous montrer l'option 2. Si vous voulez régler cela, vous pouvez simplement dire « OK ». Supprimons cela pour l'instant et je vais maintenant vous montrer, par exemple, si vous vouliez placer votre texte sur une chose circulaire, par exemple, comme ils l'ont fait pour Vulcain ici. Ce que vous pouvez faire, c'est que vous pouvez créer une forme circulaire, puis accéder à Type, sélectionner le type sur un tracé, puis sélectionner cette zone extérieure où vous souhaitez taper. Alors choisissons cela, super, et je peux maintenant changer la police en Garamond. Je pense que c'était audacieux, écrivons. Fondamentalement de cette façon, votre texte restera tel quel et il ne sera pas déformé. C'est donc une autre façon de créer ce texte sinueux sans déformer vos lettres. Une autre chose que je voulais vous montrer, c'est comment créer ce texte ondulé de bannière sans avoir à utiliser un stylo pour le recréer. Je vais donc simplement supprimer ça. Comme je l'ai dit, au lieu d'utiliser l'outil stylo et de tracer tout ça, ce que je peux faire, c'est une très bonne astuce. Je peux simplement sélectionner une ligne et créer une ligne, et la mettre dans une certaine couleur. Maintenant, la ligne est sélectionnée et ce que je peux faire, c'est aller dans Effect, Distort and Transform, puis Zig-zag. Donc, au lieu de ces extrémités pointues de zigzag, nous allons sélectionner Lisse. Ensuite, parce que cette bannière ondulée n'a qu' une seule chose ondulée au centre, je vais placer ces crêtes par segment sur une seule et je vais juste l'ajuster. Allons vérifier. Je pense que ça a l'air bien. Maintenant, pour continuer et mettre cet effet à l'intérieur des lignes, essentiellement pour le rendre permanent, je vais aller dans Object, Expand Apparence, et maintenant encore une fois je peux taper sur un chemin et je peux simplement commencer à taper. Changeons la police. C'est tout pour cet exemple, et je pense que nous pouvons maintenant passer à l'autre étiquette. Ici, nous pouvons voir un excellent exemple de la police à empattement de dalle carrée en gras en combinaison avec un sans empattement ci-dessous, qui est un peu similaire à la précédente, mais un peu écrasée. Pour cela, je peux utiliser Roboto Slab. Ça a l'air bien. Pour le sans empattement au lieu d'Oswald, j'irai avec la police Rubik. Cette police s'adapte bien car les lettres ne sont pas condensées et allongées qu'un Oswald, et les lettres ont des bords arrondis et elles ont cette plénitude. Créons également le troisième texte inférieur avec Rubik. Ces deux polices sont également des polices Google et ce qui est génial, c'est qu'elles sont variables. Cela signifie que je n'ai pas vraiment besoin de changer de style ici. Je peux simplement aller ici, à ces paramètres variables, et je peux simplement définir le poids dont j'ai besoin. C'est vraiment un cadre incroyable que vous pouvez utiliser. Donc, ce que je vais faire ici est essentiellement la même chose que dans l'exemple précédent. Je vais jouer avec le réglage du crénage pour qu'il soit similaire à l'étiquette de la boîte d'allumettes, et je vais revenir dans Paramètres et modifier cette échelle verticale et horizontale. Encore une fois, réglez simplement votre curseur là où vous le souhaitez, puis maintenez la touche Alt enfoncée et vous pouvez définir le [inaudible] qui a l'air bien. Je veux maintenant me concentrer sur le troisième texte. Fondamentalement, on dirait que les lettres montent et descendent, et certaines lettres ont l'air déformées. Par exemple, si je mets une ligne ici, vous pouvez voir que ces lettres qui montent et descendent sont très légères. La plupart du temps, je pense que ce qui crée cet effet de tout être très ludique et étrange d' une certaine manière, ce sont ces lettres qui sont décalées. Je vais essayer de reproduire cela dans mon exemple. Mais ce que je veux faire, c'est le faire de manière subtile. Je vais tout d'abord rendre ça un peu plus petit. Ensuite, je peux faire un clic droit et créer des contours. Fondamentalement, je peux simplement dissocier ça d'abord. Je peux peut-être rendre ces lettres drôle d'une certaine façon. Ensuite, changez même l'angle. Les gars, je pense que ça a l'air plutôt bien. Passons maintenant aux autres exemples. Ici, nous avons deux exemples modernes. Ils datent probablement du milieu du XXe siècle et nous allons commencer à travailler sur celui-ci d'abord. Ce que je remarque ici, c'est cette importante échelle circulaire, qui est distinctive des polices géométriques. Ici, je pourrais utiliser la police géométrique appelée Montserrat. Montserrat est une autre police Google et, comme vous pouvez le constater, elle s'adapte très bien. Ici, je peux aller faire quelques ajustements avec l'espacement, alors allez dans Caractère. Encore une fois, nous pouvons faire du crénage. Je peux également ajuster l'échelle de celui-ci. Ça a l'air bien. La prochaine chose à mon esprit est de rendre ces O un peu plus gros pour que je puisse aller créer des contours. Ensuite, je peux simplement sélectionner un O et le rendre légèrement plus gros. Fondamentalement, au lieu d'essayer faire la même chose pour un autre, je vais juste dupliquer celle-ci et nous sommes bons. Juste la dernière chose, le dernier réglage peut être de rendre tous ces coins un peu arrondis. Pour cela, je vais sélectionner ceci et appuyer sur « A » pour pouvoir accéder à appuyer sur « A » pour pouvoir cet outil de sélection directe, et je vais simplement tirer un coin et il tirera essentiellement tous les coins et il exécutera ceci très légèrement. Super. Je pense que ça a l'air très bien. Essayons maintenant de reproduire ce texte ici. Je vais encore utiliser Montserrat, mais cette fois, on peut aller avec des habituels, je pense. Si vous regardez que ces deux-là sont ensemble, ils correspondent bien. Mais la seule chose qui ne correspond pas et qui me semble importante, c'est cette échelle. Fondamentalement, ce que je pourrais faire, c'est que je pourrais aller de l'avant et trouver une autre police qui pourrait avoir ce type de M ou je peux dupliquer ceci et simplement peux dupliquer ceci et simplement taper un W et remplacer ces deux-là, et c'est ce que je vais faire à faire. Je transformerai cela en grandes lignes et ce texte en grandes lignes. Supprimons simplement ce M et tournons W, et c'est tout. C'est un match. Maintenant, pour finir ça, je pourrais simplement dissocier ça. Peut-être changer ça un peu. Encore une fois, ces lettres ressemblent aux précédentes, comme un peu décalées et amusantes et j'aime vraiment ça. Faisons en sorte que cela soit parfait. Pour finir cela, je vais le regrouper et faire la même chose que pour ce gros ; je vais juste arrondir les virages. Sélectionnez ceci, appuyez sur « A », puis faites-le glisser légèrement. Mais vous pouvez voir la différence. Celui-là est terminé. Créons le dernier exemple. Dans cette dernière étiquette de boîte d'allumettes, nous avons ce texte simple avec un espacement énorme entre les lettres. J'ai vu cette police sur beaucoup d'étiquettes de boîtes d' allumettes et elle a vraiment cette ambiance d'impression. La meilleure correspondance est la police que j'ai déjà utilisée dans les exemples précédents appelés Oswald. Encore une fois, ce que je vais faire ici, je vais ajuster l'échelle verticale et horizontale. Je peux peut-être le mettre à 110. Je peux le faire en 75 ans. Cela a l'air bien pour l'instant. Ce que je veux faire, c'est créer ces énormes écarts entre les lettres. Pour ce faire, au lieu de le faire manuellement comme je l'ai fait dans les exemples précédents, je vais aller dans Character, puis je vais juste définir le suivi. Je vais le fixer probablement à 900. Ça a l'air bien. Le suivi est essentiellement comme le crénage, mais vous l'appliquez simplement à l'espacement global des lettres. Une fois cela fait, vous pouvez entrer et ajuster l'espace entre les lettres individuelles comme nous l'avons fait auparavant. Les gars, maintenant c'est à ton tour. Prenez deux ou quatre étiquettes dans les boîtes d'allumettes et observez la topographie. Essayez de déterminer dans quelle catégorie de police vous pouvez les placer ; s'agit-il d'un empattement ancien ou d'un empattement de dalle ? Est-ce grotesque ou géométrique sans empattement ? Cela n'a pas besoin d'être strictement correct car il existe nombreuses variantes et de nombreuses polices modernes qui combinent certaines catégories. Mais cela peut vous aider à déterminer ce que vous observez et ce que vous devriez rechercher. Une fois que vous commencez à chercher des polices, il peut être un peu accablant de naviguer, en particulier dans une vaste source telle que les polices Google. Je vais vous laisser les liens vers les polices que j'ai utilisées et certains articles de blog qui ont recommandé des polices Google, afin que vous puissiez l'utiliser comme bon point de départ. Une fois que vous avez commencé à associer les polices, essayez différentes choses : jouez avec les lettres et amusez-vous. Une chose est sûre, vous n'avez pas à vous soucier de rendre tout parfait. Je vous verrai dans la prochaine leçon où nous commencerons à créer notre conception d'étiquettes de boîtes d'allumettes. 5. Conception d'étiquettes: [MUSIQUE] Dans cette leçon, je vais vous montrer comment je crée mes conceptions d'étiquettes de boîtes d'allumettes axées sur la typographie. J'ai décidé de faire deux projets et de vous montrer des choses différentes. L'un se concentrera sur la création d'une étiquette de boîte d'allumettes au look vintage et traditionnel, tandis que l'autre design combinera vintage et moderne et futuriste. Je suis tellement enthousiaste à l'idée de travailler sur les deux et d'expérimenter. Je vais travailler sur la conception d'étiquettes pour une marque appelée Horizon. C'est quelque chose que j'ai déjà développé dans le cours précédent. Je vais utiliser l'idée et l'illustration que j'ai déjà faite et je vais l'adapter à ces deux nouveaux projets typographiques. Si vous vous en souvenez, j'ai fait cette illustration dans Procreate. Ce que vous pouvez voir maintenant, c'est la version vectorisée de cette illustration. En ce qui concerne les couleurs, ici dans les nuanciers, vous pouvez voir ma palette de couleurs et il s' agit de la même palette de couleurs que j'ai partagée avec vous dans la classe précédente. Vous pouvez également le télécharger dans la section Ressources de cette classe. Je fais cette partie dans Adobe Illustrator et une fois que j'ai fini d'assembler mes créations, je les déplacerai dans Photoshop pour créer une impression finale à regarder. Commençons par le design traditionnel. Je vais simplement déplacer ça pour l'instant. Ce que je veux vous montrer, c'est que j'ai une liste des polices possibles que je peux utiliser pour nom de ma marque et j'ai également dressé une liste de polices que je peux utiliser pour ces informations supplémentaires sur les étiquettes de boîtes d'allumettes. Ici, j'ai des étiquettes de boîte d'allumettes, le nombre de pièces en bois, le prix, et je pourrai peut-être ajouter plus tard une sorte de numéro de série. Ces deux-là sont ma principale source d'inspiration en ce qui concerne le placement du texte. Je veux aller avec cette conception classique et traditionnelle d'étiquettes de boîtes d'allumettes où je peux placer le texte dans cette zone bas et aussi placer les autres textes quelque part où je peux voir de l'espace vide. De plus, ce que j'ai aimé dans le prochain, c'est ce numéro 40. J'ai également trouvé différentes polices qui pourraient fonctionner pour un bon numéro 40 car je veux commencer mon texte supérieur comme ça. Tout d'abord, commençons par créer un arrière-plan sur ce tableau d'art. Le format que j'utilise est un format de papier A3. Définissons la couleur. La première chose que je veux faire est créer ce contour extérieur. Pour ce faire, je vais aller dans « Objet », « Chemin », puis « Chemin de décalage ». Fondamentalement, je vais régler cela à moins 20 millimètres et maintenant transformer cela en contour et changer la couleur et peut-être que je peux le régler à quatre. Ça a l'air bien. Au fait, c'est essentiellement la bonne façon de le faire. Si vous essayez de le faire autrement, par exemple en dupliquant votre arrière-plan, puis laissez-moi changer la couleur, puis, par exemple, en la faisant glisser, vous verrez que ce que vous obtiendrez à la fin est un rectangle qui a des côtés gauche et droit différents des côtés supérieur et inférieur. Fondamentalement, si vous le réduisez comme ça, il ne sera pas mis à l'échelle proportionnellement. La meilleure façon d'y parvenir consiste à utiliser une trajectoire de décalage. Je vais maintenant créer un autre contour intérieur. Je veux en avoir deux, donc je vais choisir celui-ci. Allez dans « Objet », « Chemin », puis « Chemin de décalage », et je peux peut-être utiliser [NOISE] cinq. Voyons voir. Ça a l'air bien. Permettez-moi de tout configurer rapidement et ensuite nous pourrons commencer à ajouter le texte. Ce que j'avais en tête pour le nom de l'étiquette, pour Horizon, c'est d'utiliser, laissez-moi voir, celle-ci. Oui, je voulais utiliser celle-ci, surtout parce que j'aime cette lettre z ou numéro trois, comme vous le voudrez. [RIRES] Quoi qu'il en soit, je vais l'utiliser et je vais juste le placer ici [BRUIT] et peut-être le mettre dans cette couleur de papier que j'ai définie pour l'arrière-plan. Je peux peut-être jouer un peu avec le crénage. En gros, ce que j'avais en tête, c'est de l'aligner horizontalement, mais de ne pas le mettre au centre de cette boîte, mais peut-être juste de le mettre légèrement en place. De plus, c'est quelque chose que j'ai observé dans quelques étiquettes différentes de boîtes d'allumettes. Ça a l'air bien. Définissons maintenant le texte supérieur. Comme je l'ai dit, je vais l'utiliser, j'aime bien ce numéro 40. Je vais l'utiliser et le placer quelque part ici. Encore une fois, je vais définir la couleur du papier d'arrière-plan. Je pense que je vais ajouter, ici, matchs de sécurité et ensuite, dans la partie inférieure, je vais ajouter toutes les informations à leur sujet. En gros, 40 seront 40 pièces et cela signifiera 40 matchs de sécurité. Quoi qu'il en soit, laissez-moi créer ça et vous verrez ce que je veux dire. Je dois changer de clavier. Nous sommes en cyrillique maintenant. Au fait, pour ce texte, je vais utiliser ma police préférée, Oswald. Il a l'air tellement chic et traditionnel. Je pense qu'il conviendra vraiment bien à cette étiquette. En gros, j'aime la taille de cela, mais ce dont j'ai besoin c'est de terminer le texte ici. Je vais juste aller dans « Personnage » et définir le suivi. Ça a l'air bien. De plus, pour le texte inférieur, je vais utiliser la même police, peut-être les majuscules inférieures. En fait, ce que je veux faire, c'est d' adapter ces deux textes à la hauteur, par exemple, du nombre zéro. Encore une fois, ici, je vais définir le suivi, mais avant de le faire, je veux séparer ces informations avec un petit point central entre les deux et pour ce faire, je dois aller à « Type », puis aller à » Glyphes », et j'ai juste besoin de le trouver. Définissons le suivi et le caractère, donc peut-être 200, et peut-être 200 ici. Voyons voir. Je pense que ça a l'air bien. Je pourrais le bouger un peu et peut-être réparer un crénage ou gâcher un crénage parce que nous ne faisons rien de parfaitement ici. C'est une pratique qui consiste à faire des imperfections et c'est vraiment bien. Tout est prêt. Le seul problème que je pourrais avoir avec ce texte inférieur est qu'il pourrait être trop petit s' imprimé comme une petite étiquette de boîte d'allumettes. Si vous faites cette conception pour une véritable étiquette de boîte d'allumettes, je vous suggérerais d'imprimer sur le bureau, puis d' ajuster la taille de la police. La prochaine chose que je veux faire est créer des chevauchements de couleurs. Je vais essentiellement faire quelque chose similaire à cette étiquette de boîte d'allumettes qui a des lettres découpées , puis elle a une couleur par-dessus. Je pensais pouvoir le faire pour 40 ans et pour cette information supplémentaire , donc c'est logique lors de la lecture. Vous pouvez lire les allumettes de sécurité séparément, puis cette couleur également séparément. Je vais simplement regrouper cela et je vais le dupliquer, Commande C, et le coller en place, Commande F. Je peux utiliser cette couleur rose que j'ai également utilisée pour le dessin. Encore une fois, je vais le mettre en mode de mélange multiplié. C'est fait, j'aime bien ce que ça ressemble. Une dernière chose que je veux, car comme vous pouvez le voir, cette partie est également en mode multiplication et cette partie aussi. Lorsque ces pièces se combinent, nous avons cette chose médiane qui crée une silhouette de montagne et elle est dans cette couleur plus foncée. Je veux faire la même chose pour ces grandes lignes. Je vais le faire en les dupliquant, donc la commande C et la commande F à coller en place, et je vais sélectionner à nouveau cette couleur rose et mettre en mode de mélange multiplié. Fondamentalement, ce design est terminé. Je vais juste déverrouiller les couches. Je vais tout regrouper et le déplacer ce prochain Canvas afin de pouvoir préparer quelques derniers ajustements pour Photoshop. Je vais maintenant dissocier cela et commençons à faire les ajustements. Si vous vous souvenez de la classe précédente, pour imiter la technique d'impression, je dois conserver chaque couleur dans un calque, puis chaque calque passe en mode de fusion multiple afin que nous puissions créer un nouveau couleurs et chevauchements. De plus, ce qui est blanc est en fait du papier, il faut donc qu'il s'agisse d'une découpe. Tout d'abord, je vais relier toutes les formes que j' ai dans cette couleur rose clair. Je l'ai. De plus, si vous vous en souvenez, nous avons ces contours et maintenant ce texte. Maintenant, comme le texte est toujours un texte, nous devons créer des contours. Il s'agit d'un groupe, donc je ne peux pas le faire comme ça, mais je peux le faire autrement. Je peux aller à Object et m'étendre. Fondamentalement, les résultats sont les mêmes. Nous allons également sélectionner ces contours rose clair. Vous ne pouvez pas les voir maintenant parce qu'ils sont en multiplication, mais ils sont là. Je vais les sélectionner, et je dois aussi l'étendre car ce dont nous avons besoin, ce sont des formes. Sélectionnons cet objet, développons. Maintenant, je vais sélectionner les contours, texte et la forme du visage. Ce que je vais faire, c'est aller dans Pathfinder et sélectionner Unite. Fondamentalement, cela va les regrouper et les objets qui se touchent, ils se connecteront essentiellement les uns aux autres. C'est génial. La dernière chose dont nous avons besoin, car il s'agit maintenant d'un groupe, si vous allez dans les calques, vous verrez qu'il s'agit d'un groupe composé de nombreuses formes. Je vais juste appuyer sur Command 8 et créer un chemin composé. En gros, lorsque vous faites cela, vous demandez à Illustrator de considérer toutes ces petites formes comme une chose. C'est fini. Je peux maintenant l'éteindre, donc ça ne nous dérange pas, et nous allons faire la même chose pour la couleur sarcelle. Je sélectionne les contours. Encore une fois, Objet, Expand. Je vais sélectionner le texte, Object, Expand, et je pense que nous sommes réglés. Laissez-moi juste verrouiller ça. Comme je l'ai déjà mentionné, tout ce qui est blanc, comme ce texte, par exemple, doit être découpé car ce qui est blanc est en fait une couleur papier. Ce que nous allons faire maintenant, c'est de créer deux groupes ou deux couches. L'un sera cette couleur bleu sarcelle et l'extérieur sera ce texte blanc. Sélectionnons tout ce que nous avons dans une couleur sarcelle, et comme je l'ai fait auparavant, je vais aller sur Pathfinder et Unite, et maintenant je peux simplement appuyer sur Command 8 et transformer cela en chemin composé. Je vais faire la même chose pour le texte, je vais tout sélectionner. Je vais juste unir ça, et encore une fois, la commande 8 pour le chemin composé. Maintenant, nous avons ces deux chemins composés. Ce que je veux faire, c'est créer une découpe dans cette couleur sarcelle. Je vais sélectionner les deux, et dans le Pathfinder, je vais trouver Minus Front et juste le sélectionner. Maintenant, vous ne voyez peut-être pas la différence, mais si je tire ceci ici, vous pouvez voir que le texte n'est qu'une découpe, et ce que vous voyez est l'arrière-plan. Fondamentalement, c'est fait. Je peux ramener cette couleur rose et je peux les configurer pour qu'elles se multiplient. Mais avant de faire cela, comme vous pouvez le constater, une fois que j'ai fait le front moins, ce chemin composé s'est transformé en immense groupe de toutes sortes de formes. Encore une fois, je vais simplement créer un chemin composé en appuyant sur la commande 8. Maintenant, je peux configurer cela pour qu'il se multiplie et je vais également définir ce rose clair pour qu'il se multiplie. C'est ça. Cette conception est finie et préparée pour Adobe Photoshop. En gros, dans la leçon suivante, nous allons prendre ce design, ajouter à Adobe Photoshop, ajouter des imperfections et le rendre vintage. Mais avant cela, créons un design moderne et futuriste. Vous pouvez également faire quelque chose comme ça pour votre projet, car il peut s'agir d'une excellente pratique où vous pouvez expérimenter, combiner différentes influences et styles et voir où cela vous mène. Dans ma liste de polices, vous pouvez voir des polices plus modernes et expérimentales ce qui concerne le nom de ma marque, et ici dans les autres textes, je voulais quelque chose qui puisse avoir un aspect texte d'ordinateur ancien. En gros, je voulais ambiance des années 80 avec un look futuriste. Pour les arrangements de texte, j'ai été vraiment inspiré par cette étiquette de boîte d'allumettes. J'ai eu l'idée de créer ce type de conception de base pour cette étiquette. Permettez-moi de mettre rapidement en place cette base , puis nous pourrons commencer à ajouter le texte. [MUSIQUE] Nous en sommes maintenant à ce stade où je dois ajouter mon design à l'intérieur de cette forme carrée. Pour ce faire, je vais utiliser un outil Shape Builder. Je vais sélectionner cette forme carrée arrondie, et je veux effacer cette chose, et je vais appuyer sur « Maj M » pour l'outil Shape Builder, et maintenant vous pouvez voir ce petit curseur avec plus apparaissant. Si je veux couper cette forme, j'ai juste besoin d'appuyer sur « Alt » et cela deviendra un inconvénient et je peux simplement cliquer et supprimer cela. Maintenant, j'ai mon design à l'intérieur de ce rectangle arrondi, et je pourrais peut-être aussi le dupliquer et créer un contour noir. Je pense que ça a l'air bien et ça correspond aussi à cette ligne ici. Je voulais le garder d'une manière ou d'une autre pour indiquer où commence la boîte d'allumettes et où elle se termine. Tout est prêt. Je vais maintenant ajouter la typographie. Pour le nom de marque, j'utilise cette police appelée Bogam. Prenons ça. Comme avant, je vais aller dans Character et définir le suivi car ce que je veux c'est remplir cette petite boîte. Ça a l'air bien. J'aime beaucoup cette police, mais encore une fois, attention, par exemple, ces polices peuvent fonctionner correctement numériquement ou imprimées dans une plus grande taille. Parce que si vous tenez compte ces petits écarts que vous avez ici une fois que vous effectuez un zoom arrière, ils disparaîtront fondamentalement. Ensuite, cette police, si elle est imprimée dans une très petite zone comme une petite boîte d'allumettes, elle peut ne pas être visible du tout. Maintenant, pour les textes inférieurs, ce que je veux faire, c'est, comme je l'ai mentionné, que je veux créer cette ancienne saisie de style informatique des années 80. Mon objectif est de remplir toute cette zone avec du texte d'un côté à l'autre. Ce que je vais utiliser, c'est que je pense que je vais aller avec celui-là. Il s'appelle Space Mono, et il a vraiment ces lettres cool et j' aime vraiment la lettre M. C'est tout simplement magnifique. Commençons à taper ici. Bon, les gars, c'est le texte que je viens d'inventer. C'est peut-être idiot, peut-être que c'est drôle, et peut-être que c'est stupide, je ne sais pas. [RIRES] Ce n'est pas grave parce que nous ne faisons que jouer ici. Maintenant, je vais juste ajuster l'espacement et déplacer toutes ces choses qu'elles passent d'un coin à un autre ou d'une bordure à l'autre. Une décision de dernière minute. Je n'ai vraiment pas aimé l'apparence de ce texte, alors je pense que nous mieux d'être un peu minime comme ça sans lui. Encore une fois, quelques décisions de dernière minute. Je pense que je veux bouger ça un peu. Je ne fais que regrouper ça et ensuite je l'aligne. Enfin, j'aime bien ce texte, mais je veux aussi créer des erreurs d'impression. Je vais le faire en le sachant un peu. Je vais le copier puis le coller en place, simplement le déplacer d'un pixel, en gros, et ensuite j'obtiendrai ces taches de lettres qui semblent d'une certaine manière, numériques et futuristes. Je ne sais pas, c'est juste une expérience, mais je pense que j'aime ce que ça ressemble pour l'instant. Dissocions ça. Je peux peut-être y aller avec une couleur grise. Oui, c'est beaucoup mieux. OK, les gars. Je pense que c'est fini. Non, nous n'avons pas fini. Je remarque une erreur. On y va. C'est une erreur absolue. Mais maintenant, quand je le regarde, je peux le mettre en noir et ensuite il conviendra avec le type, avec ces contours et tout. Yay. Je suis content de ça. Comme avant, ce que je vais faire c'est que je vais regrouper ça, je vais le copier, puis je vais sélectionner ce prochain tableau d'art et le coller en place. Préparez-nous encore une fois pour Adobe Photoshop. Au fait, une chose que je n'ai pas mentionnée en réalisant ce design traditionnel, c'est qu'il toujours génial d'avoir une seule toile avec tout ce qui est original et inchangé parce qu'en gros, quand vous effectuez des découpes, lorsque vous développez votre police, il n'y a plus de modification. Une bonne chose est d'avoir cela car certains y reviennent si vous voulez faire plus de modifications, puis vous pouvez avoir un double dans lequel vous effectuez toutes ces préparations finales. Encore une fois, nous allons faire tous les préparatifs. Je vais commencer par la couleur noire. Dissocions ça. Sélectionnons tout le texte et allons dans Object, Expand, Ok, et j'ai également ce plan ici, que je dois également développer. Super. Oh, et celui-là aussi. Je pense que tout ce qui est noir est étendu et maintenant je peux sélectionner toutes les parties noires. Maintenant, je peux simplement aller dans Pathfinder, Unite, puis Commande 8 pour le chemin composé. C'est fait. Déplacons-le pour voir le reste. Maintenant, j'ai ce fond rose et cette forme de visage, qui est en rose. J'ai aussi besoin de fusionner cela, donc je vais aller sur Unite. Que s'est-il passé ? Oh, je vois. Je ne peux pas le faire avant de faire une découpe. Je vais maintenant changer, je vais sélectionner tout ce qui est blanc, Unite, puis le chemin composé Command 8. Ensuite, nous avons cet énorme fond de rectangle ou comme vous voulez l'appeler. Maintenant, nous allons faire l'affaire Minus Front. Sélectionnez les objets blancs qui seront découpés, sélectionnez le rectangle et le front moins. Laissez-moi voir. Vous pouvez voir que nous avons créé des découpes. Remettons-le en place. Maintenant, une fois que j'ai créé les découpes, je peux le sélectionner. Permettez-moi de vous montrer cette partie rose, sélectionner le rectangle, et maintenant je peux les unir. Tout cela est uni. Au fait, c'est à quoi ça ressemble en ce moment. La dernière chose que nous avons, c'est cette chose grise, qui reste comme ça, puis se multiplie. C'est juste une forme et c'est très bien. Je vais multiplier ça et je ramènerai ma couche noire. OK, les gars. C'est fait et c'est fini quand il s'agit de concevoir. Les deux sont très numériques et propres. Ma prochaine étape consiste à enregistrer ces deux étiquettes sous forme de fichiers PSD, et dans la leçon suivante, nous continuerons à travailler sur ces étiquettes dans Adobe Photoshop pour qu'elles se démarquent vraiment et soient authentiques. 6. Effets d'impression: Il est maintenant temps d'ajouter toutes ces imperfections d'impression intentionnelles et de finir tout avec une magnifique vieille superposition de papier. Le meilleur programme pour cela est certainement Adobe Photoshop. Quoi qu'il en soit, vous auriez pu aussi dire tout le design dans Photoshop si vous le vouliez. Personnellement, je suis plus habitué à concevoir dans Illustrator et à travailler avec des vecteurs. C'est pourquoi j'utilise les deux programmes. Illustrator pour organiser le design général et Photoshop pour ces touches finales. J'ai essentiellement deux modèles. Donc, au lieu de me répéter, je vais les utiliser pour vous montrer différentes choses que vous pouvez utiliser dans Photoshop pour obtenir des résultats finaux intéressants. Commençons par le design traditionnel. Comme vous pouvez le voir, je l'ai ouvert en tant que fichier PSD. Vous pouvez également constater que j'ai trois couches et c'est exactement ce que nous avons configuré dans Adobe Illustrator. Maintenant, si vous avez regardé le cours précédent, vous vous souvenez peut-être que ce que j'ai fait avec ce design, car j'ai changé de couleur un peu, donc ce n'était pas dans cette couleur sarcelle. Je l'ai changé en bleu marine, et comme je l'ai fait et comme je l'ai fait, je vais le faire maintenant, au lieu de choisir la couleur que je veux, je vais le faire en reproduisant cette technique d'impression où chaque couleur est un nouveau calque et une couleur se chevauchent, elles créent des couleurs différentes. Donc, en gros, je vais sélectionner ce calque de couleur bleu sarcelle. Je vais tenir Alt et le dupliquer. Comme tous ces calques sont en multiplication, vous pouvez voir que la couleur a déjà changé. Mais pour obtenir ce bleu marine, je dois utiliser la couleur rose de ma palette de couleurs. Je vais passer ici à la couleur unie, et je vais sélectionner ce rose. Maintenant, je vais transformer ça en masque de détourage. Je pense que c'est la façon la plus compliquée de changer de couleur dans Photoshop. Si vous connaissez fondamentalement une autre façon, il suffit de le faire parce que je suis tellement habitué à Illustrator et parfois même quelques choses très basiques dans Photoshop, je le fais de la manière la plus compliquée. Si vous avez des conseils à ce sujet, écrivez-les dans la section discussion. Quoi qu'il en soit, nous avons un masque de détourage, nous avons ce calque. Je vais les sélectionner tous les deux, et je vais les fusionner en appuyant sur Commande E. La couleur est modifiée, mais le calque est revenu à la normale, donc je vais le configurer pour qu'il se multiplie. Ici, nous avons cette jolie couleur violet bleu marine. Il a l'air incroyable. Tout comme dans la classe précédente, je vais régler l'opacité à 50 % pour rendre ce changement un peu plus subtil. Ça a l'air génial. La prochaine chose que je veux faire est de créer des erreurs d'impression. Je vais maintenant sélectionner certains calques et je vais les déplacer vers la gauche, droite et créer ces chevauchements erronés d'impression. Commençons par celui-là. Juste pour faire attention aux lettres afin de ne pas trop pousser tout ça et rendre tout un peu étrange. Encore une fois, soyez très subtil. J'ai envie de zoomer. Ce que j'aime vraiment, c'est en fait cet effet que ces erreurs d'impression ont sur les lettres. Je trouve ça très beau. Cela rend le lettrage plus intéressant et efficace. Une fois que j'aurai fini de faire mes erreurs d'impression, je vais tout sélectionner et le regrouper. Vous pouvez voir que j'ai sélectionné les calques. Je peux faire la commande G et former un groupe. Je vais maintenant dupliquer ce groupe. Cliquez avec le bouton droit de la souris, dupliquez le groupe. Je vais désactiver un groupe et je vais fusionner celui-ci. La raison pour laquelle j'ai un groupe est encore une fois, comme je vous l'ai dit dans les leçons précédentes, j'aime garder les choses en sécurité. Donc, une fois que j'ai fusionné quelque chose et que je l'ai rendu final, j'aime toujours savoir que j'en ai encore une sorte et que je peux y retourner et y travailler si nécessaire. Maintenant, cela est fusionné en un seul calque, et je peux ajouter des effets d'impression. Je vais donc le sélectionner, il est sélectionné. Je peux aller dans Filter. Je peux aller au bruit et ajouter du bruit. Voyons donc que cela va vraiment lui donner aspect papier et si vous observez ces boîtes d'allumettes, elles ont toutes ces points à cause de la façon dont la couleur était trempée dans du carton. Je pense peut-être un peu moins. Ça a l'air bien. Une autre chose que je veux utiliser est appelée effet d'ondulation. Nous allons passer à Filter, Distort et Ripple. Ce que cela va faire, c'est de créer toutes ces lignes vectorielles numériques parfaites. Les lignes pointues. Ça va juste les rendre rudes. Tout sera imparfait et imprimé, et c'est ce que nous recherchons. Je n'ai aucun conseil sur le montant que vous devriez ajouter. Mais je suggère d'aller à vos propres lettres pour voir ce qui fonctionne. Par exemple, je pense que c'est trop pour moi, donc je pourrais descendre un peu et le rendre plus subtil. Ça a l'air bien. La prochaine chose que je veux ajouter est la dernière couche de papier. Permettez-moi d'aller dans le dossier et d'ajouter ce papier. En gros, ce papier n'est que le papier que j'ai numérisé. Je pense que la résolution était de 1200 pixels. Il s'agit simplement d'une numérisation des pages intérieures d'un vieux livre. Donc, si vous avez quelque chose comme ça à la maison et si vous avez un scanner, cela fonctionnera parfaitement. Ce que j'aime, c'est trouver ces papiers qui sont maculés et qui ont ces pages vraiment grossières, ou vieux papiers. Si vous n'avez pas de scanner à l'extérieur, ce document vous sera disponible pour le télécharger sur plusieurs ressources afin que vous puissiez le tester pour votre projet. Ça a l'air bien. Maintenant, je vais juste définir le mode de fusion de ce papier sur Linear Burn. Ce que je peux aussi faire, c'est ajuster les niveaux de cet article. Je vais juste aller dans Réglage et sélectionner Niveaux, cliquer avec le bouton droit de la souris sur « Masque de détourage », et ici je peux le rendre un peu plus lumineux. Cela dit, le design traditionnel de la boîte d'allumettes est fini. Vous pouvez voir à quel point il est différent une fois que vous avez ajouté quelques filtres corrects sur la superposition de papier. Il a vraiment cette ambiance vintage à l'ancienne. Si vous êtes prêt, nous pouvons maintenant commencer à travailler sur le design moderne étiqueté de la boîte d'allumettes. Dans ce cas, nous pouvons être plus expérimentaux. Je veux également vous montrer une autre façon très intéressante d' utiliser les superpositions papier. Commençons. Le design est ouvert dans Photoshop. Pour celui-ci, je veux utiliser de la texture pour l'arrière-plan. Je ne veux pas le laisser uni et dans cette couleur unie. Ainsi, dans l'onglet suivant, vous pouvez voir l'image de texture que j'ai. En gros, ce que j'ai fait c'était avec mon téléphone, j'ai rapidement photographié un sac en plastique près parce que je voulais capturer quelques plis pour la texture. Cela peut donner au fond un aspect plastique futuriste intéressant. Ce que je veux faire maintenant, c'est l'ajuster un peu. Nous allons passer à Réglages, et j'irai dans Luminosité et contraste, donc nous allons juste régler cela un peu. Fondamentalement, il suffit de jouer avec ces paramètres. Ce que je veux faire, c'est rendre ces plis plus visibles. En fait, mon objectif ultime avec cette image est de créer une image monotone. Pour ce faire, je vais maintenant passer à Image, Mode, et tout d'abord, je vais sélectionner Niveaux de gris. Ce qui me demande, c'est d'aplatir l'image. Oui, je veux l'aplatir. Maintenant, je vais revenir à Image, Mode, et maintenant je peux définir Duotone. Comme vous pouvez le voir, une fois que je suis dans les options duotone, j'ai la possibilité de sélectionner monotone et c'est la même couleur rose dans ma palette de couleurs. Fondamentalement, pour changer la couleur, il vous suffit de la sélectionner et de définir la couleur souhaitée. Je vais juste appuyer sur « OK », et c'est tout. Je peux maintenant déverrouiller cet arrière-plan et je vais simplement copier, commander C et le coller dans cet autre onglet que j'ai ouvert avec mon design principal. Je vais simplement le faire glisser ici et je peux sélectionner avec le bouton droit de la souris et créer un masque de détourage. C'est tout, voici un moyen simple de changer le fond clair et de faire quelque chose d'inattendu et d'intéressant. Vous pouvez également jouer avec ça. Essayez de photographier différentes textures que vous pouvez trouver et voir à quoi elles ressemblent lorsque vous les intégrez à votre design. cette chose terminée, ce que je vais faire est la même chose que j'ai fait avant. Je vais juste aller de l'avant et pousser quelques couches juste pour faire ces erreurs intéressantes. C'est fait. Contrairement à la dernière fois, ce que je veux faire, c'est utiliser l'effet d'ondulation, l'effet qui a rendu toutes ces lignes droites un peu imparfaites. Mais comme j'ai cette image, l'image de texture, je ne peux pas tout fusionner cette fois-ci, donc au lieu de tout fusionner, je vais simplement sélectionner chaque calque et appliquer cette ondulation donc filtrer, déformer et onduler. J'ai fini d'ajouter cet effet d'ondulation à tous les calques, et maintenant je peux tout sélectionner comme la dernière fois Command G pour créer un groupe. Je vais à nouveau dupliquer ce groupe, j'en sauvegarderai un comme sauvegarde et désactivera la visibilité, et pour celui-ci, je vais simplement le fusionner en une seule couche. En gros, il ne reste plus qu'à ajouter une superposition de papier. Cette fois, je vais vous montrer un truc incroyable. Tout d'abord, ajoutons le papier. Cette fois, je veux utiliser les parties du papier qui ont des plis très visibles. Une fois que j'aurai le set de papier, je vais à nouveau changer le mode de fusion en Linear Burn. Ça a l'air très joli. Cette fois, je ne vais pas ajuster les niveaux. Je vais peut-être le déplacer légèrement ici. C'est bien mieux. Ce que je veux vous montrer, c'est comment utiliser ce qu'on appelle des cartes de déplacement. C'est une astuce tellement amusante qui peut rendre cette conception numérique très réaliste car elle crée l'illusion que votre design est réellement placé sur ce papier. Il va se plier et le remodeler, surtout autour de ces plis de papier. Pour ce faire, je vais maintenant copier le document, Commande C, et j'ouvrirai un nouveau fichier. Je vais essentiellement l'ouvrir dans la même taille. Maintenant, pour coller le papier, je dois le coller en place. C'est très important. Je vais le faire en maintenant Shift Command V. C'est tout. Maintenant, ce que je dois faire, c'est passer mode image et transformer cela en niveaux de gris. Nous voulons l'aplatir, et je vais juste l'enregistrer en tant que fichier PSD. Je vais maintenant revenir à mon design principal. Ce que je dois faire, c'est sélectionner ce calque avec le dessin dessus et j'irai dans Filter, j'irai dans Distort, puis je sélectionne Déplacer. En gros, encore une fois, cela dépend de votre conception, cela dépend de vos polices de caractères et, bien sûr, cela dépend des plis que vous avez. En gros, il suffit de dépoussiérer ça. J'aime le garder tendu pour qu'il s'adapte et qu'il s' enroule et j'irai avec huit. Maintenant, la dernière chose que je dois faire est sélectionner cette texture de déplacement que nous avons enregistrée. Le voilà, c'est fait. Si je zoome avant, vous pouvez voir comment ces lettres sont remodelées, et pas seulement des lettres, mais aussi tout le design est étiré autour de ces plis. Il s'agit essentiellement d'une astuce visuelle si géniale et efficace que vous pouvez utiliser pour ajouter toute l'ambiance vintage à n'importe quel design numérique que vous créez. Ce design moderne, futuriste et vintage est donc fini et maintenant, design moderne, futuriste et vintage est donc fini et maintenant si nous plaçons ces deux designs finis ensemble, vous pouvez voir leur apparence en comparaison. 7. Merci: Je veux juste dire, merci d' avoir passé du temps avec moi et de regarder ce cours. J'espère que vous avez apprécié tout ce processus d'apprentissage et découvert quelque chose de nouveau en typographie. J'espère que vous continuerez à explorer. Une fois que vous commencez votre projet, documentez-le et partagez avec nous vos observations de typographie de boîte d'allumettes, inspiration et, en fin de compte, votre conception finie. J'aimerais savoir ce que vous pensez de ce cours. Assurez-vous de l'évaluer et de le réviser. Comme toujours, si vous avez des questions ou quelque chose que je n'étais pas clair, hésitez pas à me poser quoi que ce soit dans la section discussion de ce cours et je reviendrai vers vous dès que possible. Pour être informé de mes prochains cours, suivez-moi ici sur Skillshare, et vous pouvez également me contacter sur Instagram @DIUJDI. Je vous envoie beaucoup d'amour et de bonnes vibrations, et je vous verrai dans la prochaine.