Comment créer une carte texturée à la main dans Adobe Photoshop

Ce que vous allez créer

Dans ce didacticiel, je vais vous montrer comment créer une carte décorative à la main avec Adobe Photoshop à l'aide de formes vectorielles et de pinceaux à texture. Nous allons dessiner une carte de Saint Valentin à la saveur mexicaine, comprenant le texte "Te Quiero Mucho" ("Je t'aime tellement") et de nombreux ornements et décorations. Commençons!

1. Comment préparer votre croquis

Étape 1

Le lettrage à la mexicaine est très décoratif, alors amusez-vous et ajoutez beaucoup de détails. J'ai dessiné au crayon et au papier un croquis de la future carte postale, réalisé la photo avec mon smartphone et me l'ai envoyé par e-mail. Vous pouvez dessiner les lettres vous-même ou télécharger des polices ou des effets de texte impressionnants. En tant que personnage principal, j'ai choisi un cœur à la mexicaine avec un visage de crâne mexicain.

Étape 2

Tout d’abord, nous devons préparer notre flux de travail. Créer un Nouveau document (Commander-N) dans Adobe Photoshop et définissez la taille sur 1800 px x 1500 px et Résolution à 144 px / inch. Vous pouvez changer la taille de votre planche en utilisant Image> Taille de la toile.

Déplacez simplement votre croquis photo de votre dossier directement dans la planche d’art, puis appuyez sur Entrer pour le placer. Pour ajuster la taille de l'illustration, vous pouvez utiliser le Transformer Outil (Command-T). Si vous voulez changer la taille de la toile, allez à Image> Taille de la toile ou utilisez le Outil de recadrage (C).

Étape 3

Pour préparer le croquis pour la coloration, j'utilise Image> Réglages> Teinte / Saturation (Command-U) et Niveaux (Commande-L).

Étape 4

Si vous voulez changer quelque chose dans votre croquis (par exemple, j'ai déplacé un peu les lettres "Mucho"), vous pouvez utiliser le Outil de lasso (Q) et Outil de transformation (T). Si vous souhaitez ajouter des détails, vous pouvez les dessiner directement sur votre croquis avec le bouton Pinceau (B) et effacer quelque chose avec le Effacer l'outil (E). Tu peux faire ce que tu veux! 

Maintenant, nous pouvons commencer le processus de coloration. Définissez le mode de calque de votre croquis sur Multiplier et mettre le Opacité à 15-20%. Après cela, ajoutez un nouveau calque sous le calque d'esquisse. N'oublie pas de Fermer à clé la position de la couche.

Étape 5

Vous pouvez ignorer cette étape, mais je commence toujours mon travail de couleur en réalisant le jeu de couleurs (conseil pro: sélectionnez les trois couleurs principales et utilisez-les avec leurs teintes au début). Le style mexicain est très audacieux et a des couleurs vives et chaudes. Je choisis le rouge, une sorte de jaune et turquoise. Sur un nouveau calque sous le calque d'esquisse, j'utilise Brosse (b) et essayez de trouver le schéma de couleurs que je préfère. Je fais toujours plusieurs variantes. C'est un processus créatif, alors n'hésitez pas à repeindre et à refaire quelque chose.

Au final, j'ai sélectionné deux variantes qui me plaisaient le plus. Je préfère le second.

Enregistrez votre travail (je ne fais que sauvegarder le calque et dessiner ma variante finale juste au-dessus de celui-ci pour voir le schéma de couleurs tout au long du processus).

2. Comment créer des formes vectorielles dans Photoshop

Étape 1

Commençons par le personnage de coeur. Créez un nouveau calque sous l’esquisse mais au-dessus du schéma de coloration, puis dessinez une forme de cœur avec Outil stylo (P).

Étape 2

Sur un nouveau calque au-dessus, dessinez la forme de cœur intérieure. Pour faciliter le processus de coloration, je copie le calque de schéma de coloration, le rend plus petit et le déplace avec le Outil de transformation (T) afin que je puisse facilement prendre les couleurs en utilisant le Outil Pipette (I). Aussi, je mets le Opacité de la coloration principale (la grande) à 70-80% et verrouille la position de la couche. 

3. Ajouter la texture et le volume

Étape 1

La magie commence maintenant. Pour les textures et les valeurs, j'utilise les pinceaux officiels Photoshop Kyle T. Webster, mais vous pouvez choisir l'un des autres jeux de pinceaux impressionnants disponibles. Le principal détail est que votre ensemble de pinceaux doit comporter des pinceaux à texture et des pinceaux imitant le charbon de bois ou tout autre matériau «vivant».. 

Créez un calque de clip au-dessus du calque coeur rouge:

  1. Maintenez Alt, positionnez le pointeur sur la ligne séparant les deux couches de la Couches panneau (le pointeur se transforme en deux cercles superposés), puis cliquez sur.
  2. dans le Couches panneau, sélectionnez la couche supérieure de la paire de couches que vous souhaitez grouper, puis choisissez Calque> Créer un masque de découpage.

J'utilise le pinceau Oil Lush de l'ensemble Kyle Brush. Vous pouvez choisir n’importe quel autre pinceau ou même utiliser le pinceau Photoshop standard Opacité pour que votre pinceau lisse les couleurs). J'utilise des teintes claires et sombres de la forme du cœur rouge pour créer l'effet de volume. 

Pro tip: utiliser Alt tout en peignant pour prendre les couleurs environnantes pour une transition de couleur en douceur.

Étape 2

Créer un nouveau Clip Layer pour le coeur rouge, au-dessus de la couche de volume. En utilisant le pinceau à texture (j'utilise Airbrush - Grainy Opaque), créez une ombre de couleur marron foncé. Ensemble Multiplier Mode pour cette couche. 

Utilisez presque le même processus pour les faits saillants. Créez un nouveau calque d’agrafe au-dessus du calque sombre, tracez les tons clairs à l’aide de la couleur rouge clair et du pinceau de texture, puis définissez la Mode d'écran pour ça. Changer la Opacité pour le rendre plus calme et plus naturel (j'ai utilisé 50%).

Mon flux de travail habituel pour ce type d’image est donc:

  1. Créer la forme vectorielle.
  2. Créer du volume avec les pinceaux.
  3. Ajoutez des textures sombres et claires avec des pinceaux de texture et différents modes de calque.
  4. Ajoutez d'autres détails si nécessaire.

Étape 3

Utilisez presque le même processus que pour la forme de coeur extérieur jaune - ajoutez simplement quelques ornements simples avec le pinceau opaque rond Gouache. Vous pouvez utiliser n’importe quel autre pinceau et n'oubliez pas que vous pouvez modifier le mode de fusion et l'opacité de votre pinceau dans les paramètres de pinceau situés près du menu Pinceau (ou utiliser F5 ouvrir les paramètres avancés du pinceau). 

Pro tip: utiliser [ ou ] augmenter ou diminuer la taille de votre pinceau.

Étape 4

Utilisez le même processus pour les yeux et la bouche. N'oubliez pas d'ajouter un calque pour l'ombre (j'utilise à nouveau le pinceau pour la texture). Sélectionnez toutes les couches de l'œil et Groupe leur (Command-G).

Copier (Commande-J) et Déplacer (V) le groupe des yeux. Maintenant le coeur a deux yeux.

Étape 5

Continuez à colorier et à ajouter des détails. Faire la forme du nez avec le Outil stylo et ajouter du volume avec un Calque clip et pinceau. Pour peindre les lèvres, utilisez le Outil de rotation (R) pour vous aider à faire de beaux coups de pinceau.

Terminer la bouche en utilisant la technique familière. En outre, j'ai ajouté des lignes de dents sur un nouveau calque. J'ai utilisé Your New Favorite Inker de l'ensemble Kyle Brush. Toute autre brosse à encre fonctionnera également. N'oubliez pas l'ombre sous la bouche.

Étape 6

Pour ajouter un peu de décoration, j'utilise une couleur jaune chaude et un pinceau encreur (les mêmes que pour les lignes de dents). Créer un nouveau Clip Layer au-dessus de la couche de coeur rouge et dessinez quelques ornements dessus. Aussi, j'ai dessiné des sourcils ici. Le visage du coeur est prêt!

Étape 7

Sélectionnez toutes les couches et les groupes de couches du cœur (y compris la bouche, les yeux et le nez) et regroupez-les. (Command-G). Organisez vos calques pour faciliter la navigation. Si vous avez mal regroupé les objets, vous pouvez désassembler le groupe (Commande-Maj-G).

Étape 8

Maintenant il est temps pour les ailes du coeur. Dessinez deux grandes ailes sur le même calque en utilisant le Outil stylo (P)

Sur un autre calque, dessinez les formes de l'aile intérieure. Vous pouvez éditer votre forme avec le Outil de sélection directe (A) et éditez les points d'ancrage. Assurez-vous que le pointeur de l'outil de sélection directe est blanc. Vous pouvez le changer dans le Outils panneau.

Étape 9

Créez un nouveau calque de texture au-dessus du calque d'ailes rouges et tracez l'ombre des ailes intérieures avec un pinceau à texture et une couleur rouge foncé. Définissez le mode de calque sur Multiplier et mettre le Opacité pour le rendre beau et naturel. j'utilise 60% Opacité.

Étape 10

Créer un nouveau Calque clip pour la couche d'ailes rouges. Avec le pinceau encreur et la couleur rouge clair, tracez les lignes de plumes. Vous pouvez dessiner n’importe quel type de lignes. L’objectif est d’ajouter de la texture et des détails. J'ai dessiné des lignes droites simples. Réglez le mode sur Écran et ensuite mettre une belle Opacité (Je mets 80%).

Étape 11

Pour la forme des ailes intérieures, j'ai créé deux couches d'ombres noires en utilisant le même pinceau de texture. Le premier est une couche orange foncé dans Mode Multiplier et 70% d'opacité. La seconde est une couche brune, également avec Mode Multiplier. Plusieurs couches d'ombre ajoutent de la profondeur à l'image.

Sur un nouveau Agrafe couche, Ajoutez les reflets avec le pinceau à texture et la couleur jaune clair. Le mode est Écran. Effacer les coups de pinceau inutiles (s’il en existe) avec le Effacer l'outil (E).

Étape 12

Sur un autre Calque clip, dessinez la décoration avec le pinceau encreur et verrouillez le calque Opacité. En utilisant le pinceau de texture, ajoutez de la valeur avec la couleur plus foncée plus proche du visage du cœur.. Groupe toutes les couches de l'aile, et il est maintenant prêt.

Étape 13

J'ai décidé de changer un peu mes plans et de dessiner une couronne au sommet de mon cœur. En utilisant le Outil stylo (P), J'ai dessiné plusieurs formes de couronne. J'ai rendu le calque de jeu de couleurs invisible pour rendre le processus de dessin de forme plus clair et plus facile. Il suffit de cliquer sur le icône d'oeil dans le Couches panneau.

Étape 14

En utilisant la technique habituelle, ajoutez les valeurs pour la couronne. Utilisez des couches sombres dans Multiplier mode avec le pinceau de texture et des couches de lumière dans Écran Mode. Jouez avec la quantité de calques et leur opacité.

Disposez les couches et félicitations! Nous avons fini avec le coeur et ses articles.

4. Comment vectoriser et colorier le lettrage

Étape 1

Le moment est venu pour les rubans et les lettres. Avec le Outil stylo (P), tirez le ruban. J'utilise la couleur turquoise. La palette de couleurs est à nouveau rendue invisible.

Étape 2

Sur un nouveau calque, tracez les lettres avec le Outil stylo (P). Pour créer des formes qui se chevauchent (comme l’espace intérieur en Q), sélectionnez les deux formes avec le Outil de sélection directe (A) et sélectionnez Exclure les formes qui se chevauchent.


Utilisez la flèche noire du Outil de sélection directe (A) si vous avez besoin de déplacer des formes. Éditez les points d'ancrage à l'aide de la flèche blanche du même instrument.

Étape 3

Comme toujours, ajoutez un peu de volume avec le pinceau et une texture avec le pinceau de texture sur différents calques, avec Multiplier pour les nuances et Écran pour les faits saillants.

Étape 4

En utilisant le Outil stylo (P), ajoutez des lignes en pointillés comme décoration. Je rasterise toutes les couches de lignes en pointillés (Cliquez avec le bouton droit sur Calque> Rasteriser) et fusionner en une seule (sélectionnez toutes les couches nécessaires et Command-E). 

Étape 5

Créer un nouveau couche de clip pour nos lettres. Je le colore avec le pinceau: jaune clair en haut et orange et orange foncé en bas. Cela ajoute de la valeur à notre signe.

Étape 6

Encore une fois, ajoutez de la texture avec le pinceau de texture. Utilisez un calque sombre pour les ombres et un calque clair pour les reflets.

Étape 7

Maintenant pour le moment de magie. Dupliquer la couche de lettres (Command-J) et placez-le sous la couche de lettres. Cliquez sur le nouveau calque, colorez-le en turquoise foncé et déplacez-le plus bas et à gauche (V ou utilisez simplement les flèches du clavier). Maintenant nous avons une ombre sous nos lettres.

Étape 8

Créez un nouveau calque sous le ruban et tracez la partie intérieure du ruban avec le Outil stylo (P). Ici, j'ai décidé de changer le premier jeu de couleurs et de le colorer en turquoise foncé. Sur un nouveau calque d'agrafe, ajoutez du volume avec le pinceau. Sélectionnez toutes les couches de ruban et de lettres et groupe (Command-G) leur. 

Étape 9

Dupliquer (Command-J) le groupe du ruban et fusionner les objets intérieurs (Command-E). 

Déplacez ce nouveau calque sous le groupe de ruban supérieur et double-cliquez la miniature de la couche (ou clic droit> Options de fusion). Sélectionner Superposition de couleurs et régler la couleur sur brun foncé. 

Déplacer ce calque (V ou des flèches du clavier) et réglez le mode sur Multiplier. Met le Opacité à 40-50%. Nous avons terminé le ruban du haut. Répétez les étapes pour le ruban du bas.

Étape 10

Temps pour les détails. Ajouter de nouveaux détails et dessiner des bords.

5. Comment ajouter de la couleur à l'arrière-plan

Étape 1

C'est l'heure du fond. Créez un nouveau calque sous tous les calques dessinés et colorez-le avec le Outil seau de peinture (G). Assurez-vous d'avoir sélectionné l'outil Pot de peinture au lieu de l'outil Dégradé..

Étape 2

En utilisant le Outil stylo (P), créez les lignes de décoration et colorez-les en jaune plus foncé. 

Étape 3

Pour créer le cadre, dessinez la forme du cadre et le grand rectangle (de la même taille que la planche graphique complète) sur le même calque. Sélectionnez-le avec le Outil de sélection directe (A) et choisir Exclure les formes qui se chevauchent.

Étape 4

Sélectionnez n'importe quel pinceau de texture (par exemple, dans cet ensemble) et ajoutez du grain sur l'image, créant ainsi un nouveau calque d'agrafe au-dessus..

Étape 5

Double-cliquez la couche de cadre pour ouvrir les options de fusion et définir le Ombre portée couleur marron foncé, 20-35% Opacité, 90 degrés Angle, Distance 15 px, Taille 20 px, et Bruit comme 16%

Étape 6

Temps pour la décoration du cadre. Avec le Outil stylo (P), dessiner un petit coeur et du feu jaune sur des couches séparées.

Dupliquer cet objet et déplacez-le aux quatre coins.

Étape 7

Avec le Outil stylo (P), tracer des lignes sur les côtés de notre cadre. Groupe (G) toutes les couches du cadre. 

Nous avons fini avec la coloration principale. Voici notre résultat intermédiaire. Finissons-le!

Étape 8

Sélectionnez les rubans et le groupe de couches de cœur et augmentez-les un peu. La commodité de l’infographie est qu’il est possible de changer et de déplacer librement des objets.

6. Comment ajouter des détails plus petits

Étape 1

Travaillons avec les détails. J'ai ajouté quelques reflets sous le nez du cœur. Pour sélectionner rapidement le calque dont vous avez besoin, utilisez la commande Outil de déplacement (V) et vérifie Sélection automatique> Calque dans le panneau du haut.

Étape 2

De plus, j'ai ajouté du bruit à l'arrière-plan en utilisant différents pinceaux de bruit et de texture. Réglez-les à Multiplier mode et définissez le Opacité à 5-15%.

Étape 3

Double-cliquez sur le groupe de couches cœur principal et définissez le Ombre portée à une couleur marron foncé, Multiplier mode, 90 degrés Angle, 6 px Distance, 13 px Taille,et 16% Bruit.

Étape 4

J'ai décidé de changer l'ombre du ruban pour qu'elle soit identique à celle du cœur. Vous pouvez garder l'ancien. Sélectionnez l'ancien groupe d'ombres et rendez-le invisible (ou simplement Effacer il). Tenez le Alt touchez et déplacez les effets de calque du groupe de calques principal du cœur vers le groupe de calques du ruban supérieur. Faites la même chose avec le ruban du bas.

Étape 5

Maintenant, nous pouvons le décorer autant que nous voulons! Avec le pinceau encreur, j'ai ajouté quelques lignes intérieures pour le lettrage. Vous pouvez utiliser le Tourner (R) outil pour rendre le dessin plus confortable. N'oubliez pas que vous pouvez appuyer sur Commande-Maj-Z à annuler l'action.

Étape 6

En utilisant le Outil stylo (P), dessiner plusieurs étoiles. Sur le calque du clip, faites plusieurs traits avec le pinceau de texture.

Étape 7

Appliquez l'ombre au calque de forme d'étoiles. Définir la couleur rouge foncé, Multiplier mode, 50% d'opacité, 6 px Distance, 10 px Taille, 16% Bruit.

7. Comment utiliser le réglage de la couleur

Créer un nouveau calque de réglage des niveaux au-dessus de l'arrière-plan.

Déplacez un peu le curseur sombre pour rendre les couleurs de fond plus vives.

Ajoutez quelques gouttes rouge foncé et des ornements géométriques sous le cadre avec le Outil stylo (P).

Nous avons finis!

Ce style décoratif vous laisse beaucoup de liberté et vous permet de jouer facilement avec les couleurs et les éléments décoratifs. Vous pouvez utiliser ce flux de travail comme base et créer vos propres conceptions. Merci d'avoir créé et expérimenté avec moi. Profitez du processus et partagez votre résultat!

Découvrez d'autres didacticiels impressionnants avec des dessins de lettrage mignons étape par étape, ainsi que des didacticiels de dessin Photoshop géniaux avec des astuces de pinceau professionnelles!