Share
Ce que vous allez créerDans ce didacticiel, nous allons créer une affiche de lettrage dessinée à la main qui rendra notre maison confortable et ajoutera une atmosphère plus chaleureuse à tous les intérieurs. Nous allons utiliser divers outils de dessin et fonctions d'Adobe Photoshop pour créer des lettres fantaisistes à partir de rien et numériser notre écriture manuscrite, pour la transférer du papier dans Photoshop et la modifier pour l'adapter à notre affiche..
À la fin de ce didacticiel, vous aurez appris quelques astuces et conseils qui vous inciteront à créer davantage d’illustrations de lettrage, telles que ces affiches. Et si vous vous demandez à quoi ressemblerait votre affiche une fois imprimée et placée dans un cadre, vous pouvez essayer certaines de ces maquettes pour voir à quoi elle ressemblerait dans la vie réelle.!
Commençons!
Tout commence à partir de zéro. Tout d'abord, nous devons avoir une idée de ce que nous allons créer. Alors que nous prévoyons de créer une affiche de pendaison de crémaillère, j'ai décidé de choisir une citation intéressante pour créer une atmosphère chaleureuse. J'ai fait quelques brouillons d'esquisses, écrivant "Chez moi, c'est là que ton cœur se trouve" et mettant l'accent sur le mot "chez moi".
Sur le premier croquis, j'essaie d'insérer la citation dans une forme de maison, mais dans ce cas, je pense que l'image a l'air un peu à l'étroit et chargée de détails inutiles, tandis que la partie principale de la composition, le lettrage lui-même, est trop monotone. En dehors de cela, il n'interagit pas avec le mot "coeur", ce qui est un autre élément important et significatif de la phrase dans son ensemble, en équilibre avec le mot "maison".
En pensant de cette façon, je fais un autre croquis approximatif (même plus rugueux que le premier, comme vous le remarquerez peut-être), où je souligne clairement les deux mots. J'ajoute également une touche de symbolisme, décrivant un toit stylisé sur le mot "maison" et plaçant le mot "cœur" en forme de cœur. Maintenant, tout semble plus équilibré et significatif. Faisons une affiche de la deuxième esquisse!
Si vous souhaitez utiliser le même croquis comme image de référence, vous pouvez clic droit de la souris sur la capture d'écran ci-dessous et sauvegarder à votre ordinateur.
Créons un 3000 x 3000 px, 300 ppi Nouveau document et placez votre croquis là.
Utilisez le Outil Pipette (I) pour choisir la couleur bleu foncé du croquis et l'appliquer à la Couche de fond en utilisant le Outil seau de peinture (G).
Baisser le Opacité du Esquisser à 25%, le rendant semi-transparent s'il vous distrait trop.
Maintenant, prenons le Outil stylo (P) et commencez à souligner les lettres du mot "maison". Utilisez la polyligne pour dessiner la tige gauche de la lettre "H". Fermer le chemin et passer à la tige droite, la rendant plus mince.
Vous vous sentez fragile et peu confiant avec l'outil Plume? Ne vous inquiétez pas, vous avez juste besoin d'un peu plus de pratique! Cet outil n'est en fait pas si effrayant et difficile à utiliser que cela puisse paraître! Consultez ces instructions faciles à suivre sur l'outil Plume et voyez par vous-même!
Faites une forme rectangulaire pour la barre transversale et unissons tous les éléments de notre lettre! Sélectionnez-les tous avec le Outil de sélection directe (A) et dirigez-vous vers le Opérations sur les chemins menu dans le panneau de commande en haut. De là, sélectionnons Combiner des formes et l'appliquer en appuyant sur Fusionner les composants de forme dans le bas du menu. Là nous l'avons! Maintenant, toutes les parties de la lettre sont fusionnées!
Passons à autre chose et retrouvons la lettre "O". Il se composera de plusieurs éléments, commençons par la partie principale. Essayez de rendre la ligne lisse et courbée en faisant glisser les poignées d'ancrage à chaque fois que vous faites un point. Faire un ovale puis un autre pour le comptoir du "O".
Sélectionnez les deux ovales avec le Outil de sélection directe (A) et cette fois faisons Exclure les formes qui se chevauchent dans le Opérations sur les chemins menu. Cliquez sur Fusionner les composants de forme découper le cercle intérieur.
Nous pouvons remplir notre lettre avec de la couleur pour voir si le Opérations sur les chemins travail. Ouvrons le Les chemins panneau (Fenêtre> Chemin) et cliquez Remplir le chemin avec la couleur de premier plan dans le bas du panneau, en appliquant le Couleur de premier plan qui est actuellement mis à blanc dans notre Couleur panneau.
Let's Annuler (Contrôle-Alt-Z) notre action précédente pour supprimer le remplissage et continuer à concevoir la lettre.
Utilisez le Outil stylo (P) pour former le swash de la lettre "O", en utilisant l'esquisse comme base et en traçant au-dessus de celle-ci. Commencez par la partie supérieure gauche de la lettre "O" et déplacez-vous progressivement vers la droite pour former une courbe en forme de banane.
N'oubliez pas que vous pouvez changer le sens du tracé sans relâcher la touche de la souris (ou le stylet de votre tablette graphique) et sans basculer d'un outil à l'autre. Il suffit de cliquer et de faire glisser pour rendre les poignées du point d'ancrage visible. Ensuite, en maintenant la touche de la souris enfoncée, cliquez sur Alt, faites pivoter et déplacez la poignée vers le haut. Fermer le chemin en le connectant au tout premier point d'ancrage du swash.
Nous pouvons toujours utiliser le Outil de sélection directe (A) pour déplacer les points d'ancrage, rendant les lignes lisses.
Choisissons les deux éléments du "O" et utilisons le Combiner des formes et Fusionner les composants de forme fonctions pour unir les formes.
Passons et utilisons le Outil stylo (P) dessiner la lettre "M" avec la polyligne.
Continuez jusqu'à la lettre "E" '; celui-ci sera un peu plus complexe que les lettres précédentes. Commencez à créer une forme elliptique avec le Outil stylo (P) similaire à la lettre "O". Utilisez des lignes droites pour former le fleuron de la lettre, puis continuez à former un chemin incurvé pour la partie intérieure du "E"..
Progressivement monter. Maintenez Alt changer la direction de la poignée d'ancrage pour faire un coin à la barre transversale de la lettre "E". Terminer sa silhouette en fermant le chemin.
Ajouter une forme de goutte pour la partie intérieure (le compteur) de la lettre. Maintenant, nous pouvons sélectionner les deux éléments et appliquer Exclure les formes qui se chevauchent (n'oubliez pas de Fusionner les composants de forme après avoir sélectionné la fonction souhaitée dans le Opérations sur les chemins).
Nous pouvons vérifier notre lettre dans le Les chemins panneau en le remplissant de couleur blanche.
Ajoutons maintenant un swash sur le côté opposé de la barre transversale, en utilisant le Outil stylo (P) pour former une forme courbe.
Sélectionnez les deux parties et Combiner des formes dans le Opérations sur les chemins, en cliquant Fusionner les composants de forme appliquer l'effet.
Génial! Toutes les lettres du mot "maison" sont prêtes. Jetons un coup d'oeil à eux et utilisons le Les chemins panneau pour remplir les lettres de couleur blanche.
Rendons maintenant les lettres plus intéressantes et plus variées en appliquant des effets au remplissage..
Ajoutons un peu de volume à nos lettres en utilisant un remplissage en dégradé. Prendre le Outil de dégradé (G) (vous pouvez le trouver dans le même menu déroulant que le Outil Pot De Peinture).
Tout d’abord, dirigez-vous vers le Couches panneau et Verrouiller les pixels transparents de notre couche "maison" afin que tout ce que nous faisons ne soit appliqué qu'à nos lettres, sans affecter la zone qui les entoure.
Aller au Couleur panneau et set bleu pour le couleur de premier plan et blanc pour le Couleur de fond.
Puis prenez le Outil de dégradé (G) et faites glisser de bas en haut le mot "home" en appliquant un dégradé linéaire vertical du bleu au blanc. Vous pouvez vérifier les paramètres de dégradé dans le panneau de configuration supérieur, en sélectionnant le type de dégradé souhaité..
Créons une ombre portée sur le fond par les lettres pour faire ressortir un peu plus le mot "maison". Créer un Nouvelle Couche juste sous la couche "maison". Maintenant, en maintenant le nouveau calque sélectionné, maintenez la touche Contrôle clé et cliquez sur la couche "home". De cette façon, nous créons une sélection de "fourmis en marche" autour des lettres.
Définissez la couleur de premier plan sur bleu foncé dans le champ Couleur panneau, prenez la Outil seau de peinture (G) et cliquez pour remplir, créant une copie bleu foncé du mot "home" sur un nouveau calque. Nous pouvons maintenant déplacer le calque du bas de quelques pixels vers le bas et vers la droite, en rendant visible l’ombre bleu foncé..
Voyons maintenant comment nous pouvons ajouter des ombres douces aux lettres, les rendant ainsi plus tridimensionnelles. Nous allons utiliser le Outil stylo (P) ou la Outil de forme libre pour créer la forme. Let's Zoom avant (Ctrl +) sur la lettre "E" et tracez un chemin reliant son swash à sa barre transversale, comme indiqué dans la capture d'écran ci-dessous.
Continuez à construire le chemin en créant une forme rectangulaire. Il ne doit pas nécessairement être parfait - assurez-vous simplement qu'il est plus large que la lettre.
Sélectionnez le calque "home" dans le Couches panneau, maintenez Alt, et cliquez sur le Créer un nouveau calque bouton. Dans le pop-up Nouvelle Couche fenêtre, cochez la Utiliser le calque précédent pour créer un masque de découpage case pour créer un calque lié. Vous verrez une petite flèche à côté de notre nouveau calque, indiquant que tout ce que nous y dessinons apparaîtra uniquement à l'intérieur des limites des objets sur le calque principal..
Voyons voir comment ça fonctionne. Clic droit de la souris et Faire une sélection. Utilisez le Outil gradient appliquer un dégradé linéaire diagonal du bleu au blanc.
Changer le Mode de fusion de la couche liée à Multiplier, rendant la partie blanche du dégradé transparente. De cette façon, nous avons créé une ombre douce, séparant la barre transversale (et son swash) du corps de la lettre "E"..
Ajoutez une ombre similaire au-dessus de la barre transversale, cette fois en changeant la direction du dégradé..
Utilisez la même technique pour ajouter une ombre à la lettre "O", en séparant ses traits ondulés du bol de la lettre..
Maintenant, le mot entier a l'air en trois dimensions et fini! Passons à l'élément suivant de la composition!
Nous allons ensuite ajouter une forme de cœur. Heureusement, nous n’avons pas besoin de le dessiner manuellement, nous pouvons prendre la Outil de forme personnalisée, choisir un coeur de la liste de Formes dans le panneau de commande situé en haut et créez un cœur de la taille souhaitée en utilisant notre croquis comme référence..
Prendre le Outil de sélection directe (A) et déplacez les poignées d'ancrage, rendant le coeur plus bombé et arrondi au fond. Si vous ne pouvez pas voir les poignées, utilisez le Outil de conversion de point cliquer et faire glisser les poignées hors du point d'ancrage.
Nous pouvons basculer entre Remplir et Accident vasculaire cérébral couleur (ou appliquez les deux ou définissez les deux sur aucune) à partir du panneau de commande situé en haut, en sélectionnant la couleur souhaitée dans le panneau déroulant.
Je pose le Remplir couleur à Aucun pour l'instant car j'ai besoin de voir les lettres de mon croquis à l'intérieur du coeur.
Passons au mot "coeur". Pour un tel lettrage à la main de style script, je préfère en fait utiliser un vrai stylo pinceau et du papier. Si vous avez toujours voulu essayer l’inscription manuscrite, c’est un bon point de départ. Un des meilleurs stylos pinceaux pour commencer est Tombow Fudenosuke, ou bien tout autre stylo pinceau de votre choix.
Vous pouvez également le faire simplement avec un stylo gel habituel ou même un crayon, créant ainsi une "fausse calligraphie", dessinant manuellement ces coups plus épais et les remplissant de couleur. Dans notre cas, peu importe la façon dont vous atteignez cet effet avec les lettres à la main, tant que ça a l'air bien, car nous allons quand même le peaufiner dans Photoshop.
Je dessine donc simplement mes lettres sur un morceau de papier en les plaçant de telle manière que la composition ressemble à la forme d’un cœur. Nous pouvons modifier la position de chaque lettre ultérieurement si elle ne nous convient pas, alors ne vous inquiétez pas, mais essayez quand même de faire en sorte qu'elle ressemble à celle que nous avons dans notre esquisse de référence..
Numérisez vos lettres (ou faites une photo) et faites-la glisser dans Photoshop. Aller à Image> Réglages> Niveaux (Contrôle-L) et à partir de là, nous devons augmenter le contraste et la luminosité de notre calque de lettrage pour que les lettres sombres soient vraiment noires et la couleur de fond blanche, faisant disparaître la texture du papier..
Pour ce faire, faites glisser le curseur noir à droite et le curseur opposé (blanc) vers la gauche, en les rapprochant du curseur du milieu. Vous verrez la différence tout en ajustant la position des deux curseurs, ce qui donnera à l'image un aspect net et net.
Une fois que vous êtes satisfait de vos lettres de contraste, allez à Sélectionnez> Gamme de couleurs pour ouvrir la fenêtre des options. De là, vous aurez le Outil Pipette sélectionné par défaut. Utilisez-le pour survoler le mot "coeur" et cliquez sur l'une des lettres noires. Quitter le Flou curseur à 40% ou ajustez la valeur si vous estimez que toute la zone noire n'est pas visible dans l'aperçu. Cliquez sur D'accord une fois que vous êtes prêt et vous verrez une sélection de "fourmis en marche" autour des lettres. Copier (Control-C) les lettres.
Maintenant nous pouvons Coller (Contrôle-V) le mot "coeur" dans notre affiche et appuyez sur Contrôle-t pour Transformation libre redimensionner et faire pivoter le calque pour l'adapter à la forme du cœur.
Si certaines lettres ne correspondent pas à la forme du cœur, utilisez les touches Outil de lasso (L) pour sélectionner la lettre (dessinez simplement autour d'elle), puis appuyez sur Contrôle-t à nouveau et faites pivoter / redimensionner la lettre sélectionnée individuellement.
Rendons nos lettres visibles et lumineuses. Sélectionnez le calque "coeur" et allez à Image> Réglage> Inverser, changer la couleur des lettres du noir au blanc.
Ajoutons quelques petits détails autour des lettres. Prendre le Pinceau (B) et soit ouvrir le Brosse panneau (Fenêtre> Pinceau) ou appuyez sur le bouton droit de la souris pour ouvrir la liste des pinceaux et sélectionner un Pinceau rond dur.
Si vous ne voyez aucun de ces éléments sur votre liste, ouvrez un menu déroulant en cliquant sur la petite icône représentant un engrenage dans le coin supérieur droit et recherchez Brosses rondes avec taille sur la liste. Cliquez dessus et remplacez ou Ajouter à votre liste de pinceaux.
Vous pouvez trouver les paramètres du pinceau dans le panneau de commande en haut. Je garde les deux Opacité et Couler à 100%, rendre les lignes nettes et épaisses. Je dessine des points et des traits autour de la lettre "H", à l'aide de la tablette graphique.
Continuez en ajoutant des traits et des points autour de chaque lettre. Une fois que vous avez terminé et que vous êtes satisfait du résultat, sélectionnez le calque en forme de cœur, cliquez sur le bouton Outil de forme personnalisée pour faire le Forme dans le panneau de commande situé en haut, et définissez le Remplir couleur au rouge, remplissant la partie interne du coeur.
Donnons à notre lettrage "coeur" une apparence plus dorée ou métallisée en appliquant un simple dégradé linéaire du jaune au blanc. De cette façon, il semble plus en trois dimensions.
Ensuite, nous allons dessiner le mot "est", qui est utilisé deux fois dans notre citation. Vous pouvez donc l'écrire deux fois pour que chaque élément soit unique et écrit à la main, ou bien dupliquer celui que vous créez..
J'utilise le même Pinceau rond dur et ma tablette graphique ici pour dessiner la lettre minuscule "i", en utilisant le croquis comme référence. Comme vous pouvez le constater, je trace d’abord les lignes horizontales supérieure et inférieure, puis j’ajoute deux lignes verticales pour les bords de la lettre, définissant son épaisseur. Et enfin, je remplis juste la partie intérieure de la lettre avec une couleur bleu clair, presque blanche.
Ensuite, j'utilise exactement la même technique pour la lettre "s": je dessine sa silhouette, puis je remplis sa partie intérieure de couleur.
Ici, nous pouvons voir à quoi ressemble notre affiche. J'ai utilisé la copie de la couche "is" (Control-J) l'ajouter juste sous le coeur.
Maintenant, nous pouvons passer au prochain élément de notre composition et ajouter les mots "où tes" juste au-dessus de la forme du coeur.
Vous pouvez expérimenter avec le Brosses rondes dures ou Pinceaux calligraphiques de Adobe Photoshop pour obtenir un effet manuscrit si vous avez une main ferme et une tablette graphique. Ou vous pouvez suivre la même technique que nous avons utilisée pour le mot "coeur".
Écrivons donc la phrase "where your" sur le papier à l’aide du stylo pinceau, puis numérisons-la et importez-la dans Photoshop pour la rendre nette et contrastée à l'aide de Niveaux (Contrôle-L). Ensuite, utilisez Sélectionnez> Gamme de couleurs sélectionner les lettres noires, Copier (Control-C) eux et Coller (Contrôle-V) directement dans l'affiche. Utilisation Transformation libre (Control-T) faire pivoter et redimensionner les mots, les faisant correspondre à la partie supérieure de la forme de coeur.
N'oublie pas de Image> Réglage> Inverser la couche pour rendre les lettres blanches.
Comme vous pouvez le voir sur la capture d'écran ci-dessous, j'ai également commencé à ajouter des points rouges et des traits le long du bord gauche du cœur de la même manière que pour le mot "cœur". Cela donne une apparence complexe et ludique à la conception générale de notre affiche, alors restons-y, en ajoutant plus de détails ornementaux de ce genre..
Continuez à ajouter ces détails décoratifs mineurs autour du cœur, en utilisant le Pinceau rond dur avec 100% d'opacité et Couler.
Dès que nous en avons fini avec le cœur, passons au sommet de notre affiche et dessinons un toit stylisé de notre maison dans le même style ornemental. Faire un Nouvelle Couche, définir la couleur de premier plan sur bleu clair et faire varier la taille du pinceau, ce qui rend la base triangulaire du toit un peu plus épaisse que les points et les contours qui l’entourent.
J'ajoute un élément tourbillonnant sur le côté droit du toit, représentant une fumée très simplifiée, presque abstraite, provenant de la cheminée.
Ensuite, j'ajoute quelques traits sous le mot "home", en les pliant dans la direction opposée pour équilibrer le toit..
Passons à autre chose et créons un Nouvelle Couche pour un autre ensemble d'éléments décoratifs. Ici, je rends la couleur de premier plan beaucoup plus sombre, en ajoutant des tourbillons, des traits et des points autour des lettres du mot "maison". Vous pouvez Image> Réglage> Inverser la couche si les traits sont trop sombres pour travailler avec puis Inverser retour quand vous avez fini avec le mot entier.
Nos ornements sombres ici sont finis! Nous allons continuer!
Nous ajouterons encore des tourbillons et des accidents vasculaires cérébraux autour du cœur. Commencez par remplir le côté gauche de l'image, puis passez au côté opposé, en créant des ornements similaires pour donner à la composition un aspect équilibré..
Terminez en ajoutant des traits horizontaux bleu clair des deux côtés du mot "is" tout en bas de l'affiche..
Excellent travail, les gars! J'espère que ce tutoriel vous incitera à créer davantage d'affiches ludiques avec des lettres à la main pour votre intérieur douillet ou pour les imprimer. N'hésitez pas à utiliser tous les conseils et astuces décrits dans cet article et n'oubliez pas de partager vos résultats..
Bonne conception!
Accentsconagua