Utiliser Photoshop et Illustrator pour créer une typographie pour cordes de guitare

Photoshop et Illustrator sont d'excellents outils pour vous aider à créer des choses qui n'existent que dans votre imagination. Dans ce tutoriel, nous allons créer des mots entrelacés de cordes de guitare. Commençons!


Atouts du tutoriel

Les ressources suivantes ont été utilisées lors de la production de ce didacticiel..

  • Texture du bois

1. Créez les chaînes dans Illustrator

Étape 1

Nous allons commencer dans Illustrator. Créer un nouveau document en allant à Fichier> Nouveau (Commande / Ctrl + N). J'ai utilisé la taille de document suivante:

  • Largeur réglé à 250 mm
  • la taille réglé à 175 mm

Sélectionnez le Outil de segment de ligne (\), et tout en maintenant Décalage tracez une ligne horizontale sur la largeur du document, quelque part dans le quart supérieur de la page. Maintenant, placez:

  • Couleur de remplissage (X) à aucun
  • Poids de l'AVC à 5 pt
  • Casquette au bonnet rond
  • et Coin à joindre rond

En utilisant le Outil de rotation (R) faire pivoter la ligne horizontale de 11 °.

En utilisant le Outil de déplacement en allant à Objet> Transformer> Déplacer (Commande / Ctrl + Maj + M) dupliquez la ligne avec les valeurs suivantes:

  • Horizontal: 0 mm
  • Verticale: 21 mm

N'oubliez pas de cliquer Copie au lieu de OK.

Dupliquer la nouvelle ligne 4 fois plus simplement en allant à Objet> Transformer> Transformer à nouveau (ou Commande / Ctrl + D), de sorte que vous vous retrouvez avec 6 lignes au total.

Étape 2

Maintenant nous allons dessiner les lettres.

Utilisez le Outil Ciseaux (C) couper le chemin du haut en deux points, sur une distance approximativement égale à la longueur du premier mot. En utilisant le Outil de sélection directe (A) attrapez le chemin au milieu et supprimez-le. (N'oubliez pas d'appuyer sur Effacer deux fois, de sorte que vous supprimez également les points finaux du chemin indésirable.)

En utilisant le Outil stylo (P) Cliquez sur l'extrémité droite du premier chemin pour continuer le chemin et commencez à dessiner la première lettre. C'est une bonne idée de voir les chemins dans Mode Plan (Vue> Plan, Commande / Ctrl + Y) pour pouvoir travailler plus précisément.

Les lettres peuvent être composées de chemins différents pour le moment, notamment parce que certains chemins doivent être dupliqués (les deux courbes du «m» sont similaires, de même que la courbe du «u», etc., mais elles doivent être identiques. ajusté donc sont bien connectés avec la lettre suivante).

Cette phase du didacticiel impliquera probablement pas mal de travail, de peaufinage et de correction des tracés pour rendre les courbes impeccables, mais ceci constitue la base de notre travail, il doit donc paraître parfait.

Ajoutez toutes les lettres dont vous avez besoin sur une chaîne et ajustez l'extrémité gauche du chemin de la deuxième ligne afin qu'elle commence à l'endroit où se termine l'extrémité de la dernière lettre..

Étape 3

Créons toutes les lettres sur les six chaînes. Les mêmes lettres peuvent être dupliquées. Après avoir tracé tous les chemins, voici comment nos œuvres devraient se présenter Vue générale.

Maintenant, nous devons joindre tous les chemins pour que chaque chaîne ne soit qu'un chemin. Assurez-vous que les points à joindre sont à la même position. Si ce n’est pas le cas, ajustez leurs positions à l’aide des touches Outil de sélection directe (A).

Une fois qu’ils sont dans la bonne position, sélectionnez les deux extrémités avec le bouton Outil de sélection directe (A), et Moyenne leur (Objet> Chemin> Moyenne, Commande / Ctrl + Option + J). Vous pouvez omettre cette étape si vous êtes absolument certain que les chemins sont exactement superposés. ensuite Joindre leur (Objet> Chemin> Joindre, Commande / Ctrl + J). Parcourez l'intégralité du document et rejoignez tous les chemins voisins pour ne laisser que 6 chemins.

Étape 4

Nous allons créer la couleur des chaînes ensuite. Aller au Palette de couleurs (Fenêtre> Couleur), et ajouter les valeurs.

  • C: 55
  • M: 60
  • Y: 65
  • K: 40

Pour créer une couleur brunâtre. (J'utilise les valeurs CMJN car cette illustration a été créée pour l'impression.) Faites glisser cette couleur vers Échantillons, afin que nous puissions facilement l'utiliser la prochaine fois que nous en avons besoin.

Ensuite, nous définissons les curseurs du Pente (Fenêtre> Dégradé). Faites glisser la couleur brunâtre vers les premier et dernier curseurs du dégradé et faites glisser Blanc vers le milieu du dégradé, créant ainsi un nouveau curseur. Ce curseur du milieu devrait être à 50%. Faites également glisser ce dégradé sur Nuancier.

Sélectionnez maintenant les 6 chemins et définissez le trait sur le dégradé que nous venons de créer..

Cliquer sur Appliquer le dégradé sur le trait dans la palette Dégradé pour obtenir l'apparence ficelle.

La direction de chaque chemin doit aller de gauche à droite, sinon les lettres ne suivront pas la direction de l'écriture.

Si votre chemin n'est pas défini dans la bonne direction, utilisez l'outil Plume pour cliquer sur l'extrémité droite de votre chemin pour inverser l'ordre du chemin..

Étape 5

Il ne nous reste plus qu’une dernière chose à faire avec les chaînes dans Illustrator: prendre soin de l’enchevêtrement.

En utilisant le Outil stylo tracez un nouveau chemin autour de la deuxième chaîne en veillant à laisser de côté la partie à masquer. Cela devrait être fait très précisément. Assurez-vous de fermer le chemin.

Ensuite, assurez-vous qu'il est devant le chemin de la chaîne (Objet> Arranger> Amener au premier plan), mais très probablement ce sera, comme il a été créé plus tard. Sélectionnez les deux chemins (le nouveau chemin fermé et le chemin de la chaîne) et faites un Masque d'écrêtage (Objet> Masque d'écrêtage> Construire, Commande / Ctrl + 7). Maintenant, une partie de la lettre "k" aurait dû disparaître derrière la partie inférieure de la lettre "c".

Répétez cette étape à la quatrième chaîne pour la lettre 'f'.

La partie inférieure de 'e' dans 'moi' devrait maintenant se superposer à l'ascendeur de 'f'.

Nous en avons terminé avec la partie vectorielle des chaînes, elle devrait ressembler à l'image ci-dessous. Ensuite, enregistrez le fichier sous 'cordes'.


2. Créer les frettes dans Illustrator

Étape 6

Toujours dans Illustrator, créez un nouveau document (Taille: 350 x 350 mm), sinon les mêmes paramètres que la dernière fois. Avec le Outil de segment de ligne Shift-Draw une ligne verticale d'environ 240 mm de long. Met le Couleur de remplissage (X) à aucun, et AVC Poids jusqu'à 6,4 pt.

Appuyez sur la touche Option et avec les touches Outil de sélection (V) Maj-glisser la ligne à droite (environ 35 mm). Répétez cette étape avec la deuxième ligne, mais cette fois, augmentez un peu la distance (environ 45 mm). Répétez l'opération avec une distance encore plus grande (55 mm). (Vous pouvez aussi utiliser le Outil de déplacement pour ces étapes.)

Sélectionnez les quatre lignes et utilisez le Outil de rotation (R) pour les faire pivoter de 11 °. Définissez la couleur du trait sur blanc. Enregistrez le document sous 'frettes'. Il est temps de passer à Photoshop.


3. Configurer la base de l'illustration dans Photoshop

Étape 7

Dans Photoshop créer un Nouveau document (Fichier> Nouveau, Commande / Ctrl + N) avec les valeurs suivantes:

  • Largeur: 175 mm
  • La taille: 250 mm
  • Résolution: 300 pixels / pouce
  • Mode de couleur: Couleur CMJN

Remplissez le fond avec Noir par défaut (C: 91 M: 79 Y: 62 K: 97 ou # 000000).

Ouvrir Texture en bois à partir de Actifs et faites glisser sa vignette de calque dans votre nouveau document pour créer un nouveau calque. Utilisez le Outil de transformation gratuit (Édition> Transformation libre, Commande / Ctrl + T) faire pivoter et déplacer-réduire la taille de la texture comme indiqué dans la palette Infos. Double-cliquez sur le nom de la couche pour la renommer. 'bois'. Définir l'opacité à 83%.

Maintenant nous allons Ajouter un masque de calque en cliquant Calque> Masque de calque> Tout révéler. Utilisez un grand, à bords mous Brosse (b) (environ 350 px, dureté 0%) pour dessiner sur le masque. Cliquez sur le point gauche du haut de l'image du bois, puis maintenez enfoncé Décalage et cliquez sur le bon point pour tracer une ligne droite. Faites la même chose au bas de l'image du bois.

Dissociez le masque, puis Brouiller (Filtre> Flou> Flou gaussien) le masque avec un rayon de 160 px.

Commande / Ctrl + clic sur le masque pour Charger la sélection, puis Créer un nouveau calque de réglage de la luminosité / contraste (l'icône se trouve au bas de la page ou à l'onglet Calques) avec les valeurs suivantes.

  • Luminosité mis à -27
  • et Contraste mis à 52

Commande / Ctrl + clic sur le masque pour Charger la sélection encore et Créer un nouveau calque de réglage de teinte / saturation avec:

  • Teinte mis à -3
  • Saturation réglé sur +41
  • et Légèreté mis à -10.

Sélectionnez ces 3 couches ('bois' calque et les 2 calques de réglage), et Groupe leur (Commande / Ctrl + G). Nommez le groupe wood bg.


4. Ajouter des frettes à l'oeuvre

Étape 8

Revenez à Illustrator et Copie les quatre lignes de Frettes, puis Coller dans le fichier Photoshop (sinon restez dans Photoshop et Endroit (Fichier > Endroit) le fichier 'frettes'). Je colle habituellement des données vectorielles sous la forme Objets intelligents pour les garder modifiables pour une utilisation ultérieure, mais vous pouvez également coller en tant que Les pixels à présent. Assurez-vous de coller / placer les frettes à 100% (vérifiez la Palette d'information). Positionnez les lignes comme indiqué ci-dessous. Nommez le calque 'frettes'.

Commande / Ctrl + clic sur le masque de couche 'bois' à Charger la sélection, et Ajouter un masque de calque (Calque> Masque de calque> Afficher la sélection) à la couche 'frette'. Nous allons maintenant ajouter les trois styles de calque suivants: Bevel et Emboss, Superposition de couleurs et Ombre portée, avec les valeurs indiquées ci-dessous..

Notre oeuvre devrait ressembler à quelque chose comme ça maintenant.

Étape 9

Comme on peut le constater, les côtés de la guitare ne se fondent toujours pas bien dans l’arrière-plan..

Utilisez le Outil Ellipse (U) créer une ellipse qui s'étend sur la largeur de notre document.

En utilisant le Outil de transformation gratuit (Commande / Ctrl + T) faites pivoter l'ellipse de 11 ° et déplacez-la un peu vers le haut.

Charger la sélection (Commande / Ctrl + clic sur le calque ellipse) et éteignez Visibilité (cliquez sur l'icône en forme d'œil à gauche de la vignette du calque), mais vous pouvez même supprimer ce calque. presse Maj + F6 (Sélection> Modifier> Plume) à Plume la sélection et réglez le Rayon de la plume jusqu'à 250 pixels.

presse Commande / Ctrl + Maj + I (Sélection> Inverser) à Inverser la sélection, appuyez sur D pour vous assurer que votre couleur de remplissage est définie sur noir, Créer un nouveau calque (Calque> Nouveau calque),et Remplir la sélection en frappant Option / Alt + Retour arrière. Définir le calque Mode de fusion Multiplier, la couche Opacité à 30%. Appuyez sur Option + D pour désélectionner.  prénom la couche 'assombrir'.

Dupliquer cette couche (en la faisant glisser sur la Icône Créer un nouveau calque), met le Opacité 73% et l’agrandir à environ 148% (avec le Outil de transformation gratuit). Nommez cette couche 'assombrir plus'.


5. Ajouter des cordes à l'œuvre

Étape 10

Il est temps maintenant de Endroit nos cordes, de la même manière que nous avons placé les frettes (Copier-coller ou placer). Nous devrons l'élargir à environ 120%. Nommez le calque 'cordes'.

Nous allons maintenant Ajouter deux Styles de calque: Biseau et gaufrage et ombre portée, comme montré.

Modifier le Ordre des couches, pour que 'cordes' va en dessous 'assombrir plus'.

Étape 11

Ensuite, nous allons créer un effet de lumière pour rendre nos chaînes plus tridimensionnelles.. Charger la sélection de 'cordes' (Commande / Ctrl + clic sur la couche) et Contracter la sélection (Sélectionnez> Modifier> Contrat) de 3 px. presse Commande / Ctrl + Maj + I à Inverser la sélection, et cliquez sur le Couche de réglage des courbes. L'ensemble est comme indiqué.

Charger la sélection du 'cordes' encore (Commande / Ctrl + clic sur la couche), Inverser la sélection et remplissez le masque du calque de réglage en noir. Brouiller le masque avec un rayon de 1,5 pixels.

Définir le calque Mode de fusion à Dodge couleur, la Opacité à 35%. Nommez le calque 'lumières'. Sélectionnez le 'strings layer' et la couche d'ajustement des courbes, Groupe eux et nommez le groupe 'texte'.

Étape 12

Au sein du groupe, ajoutez un autre Couche de réglage des courbes pour rendre l'œuvre d'art encore plus sombre. Définissez le calque comme indiqué.

Clique sur le 'cordes' couche, et ajouter un Couche de réglage luminosité / contraste avec les valeurs comme indiqué. Activer le Icône de coupure (ou Créer un masque d'écrêtage du Palette des calques, Commande / Ctrl + Option / Alt + G) pour limiter le réglage au calque inférieur ('cordes' seulement).

Notre oeuvre devrait ressembler à quelque chose comme ça maintenant:


6. Créer porter sur le bois

Étape 13

Laissons les cordes un moment et créons le port de la partie en bois. Charger la sélection des cordes (Commande / Ctrl + clic sur la couche), et Ajouter la sélection de la couche 'frettes' (Commande / Ctrl + Maj clic sur le calque, mais pas le masque). Élargir la sélection (Sélectionnez> Modifier> Développer) par 50 pixels.

Maintenant, placez le Rayon de la plume (Maj + F6) jusqu'à 40 pixels et ajoutez un Couche de réglage teinte / saturation avec des valeurs définies comme indiqué.

Étape 14

Charger la sélection de la dernière couche que nous avons créée (Couche de réglage de teinte / saturation), et Inverser la sélection.

En utilisant le Outil de lasso (L) soustraire les parties supérieure et inférieure de la sélection. Contracter la sélection cela reste (Sélectionnez> Modifier> Contrat) par 50 pixels.

Ajouter un Couche de réglage de la balance des couleurs comme montré.

Nous pouvons affiner le masque en cliquant sur Affiner le bord du masque dans le Palette de propriétés. Assure-toi Mode d'affichage est sur Recouvrir, De cette façon, il est facile de voir comment votre masque change.

Réglez-le comme indiqué.

Maintenant, le port sur le bois devrait ressembler à ceci:


7. Créer des incrustations

Étape 15

Utilisons le Outil de chapiteau elliptique (M) faire un choix rond (maintenez enfoncé Décalage en faire un cercle régulier). Faire le diamètre environ 0,8 mm (vous pouvez vérifier la largeur / hauteur dans le Palette d'information).

Met le Couleur de premier plan à:

  • C: 39
  • M: 37
  • Y: 36
  • K: 16

et le Couleur de fond à

  • C: 51
  • M: 51
  • Y: 52
  • K: 46

Met le Outil de dégradé (G) à Du premier plan au fond et Gradient linéaire dans le Barre d'options, Opacité devrait être 100%. Créer un nouveau calque et remplissez-le avec le dégradé. Nommez le calque 'incrustation de points'.

Ajouter un peu Bruit (Filtre> Bruit> Ajouter du bruit) comme indiqué, alors Fondu le bruit (Édition> Ajouter un bruit de fondu, Commande / Ctrl + Maj + F) à 68%.

Let's Ajouter deux Styles de calque: Biseau et estampe et Ombre portée, et appliquer les paramètres suivants.

Étape 16

Dupliquer la 'incrustation de points' superposer deux fois et positionner les nouveaux points comme indiqué.

Créer un nouveau calque et Charger la sélection des trois points (Commande / Ctrl cliquez sur le calque, puis Commande / Ctrl + Maj cliquez sur les deux autres calques). Met le Pinceau (B) à 130 px, dureté à 0% dans le Barre d'options, la Couleur de premier plan en blanc et peignez les côtés supérieurs droit des trois points pour ajouter des reflets.

Nommez le calque 'points forts'. Sélectionnez les trois calques "points incrustés" et le calque "rehauts", regroupez-les et nommez-les. 'incrustation'.


8. Améliorer les cordes

Étape 17

Il est maintenant temps de retourner à nos cordes pour les perfectionner.

Plaçons des ombres sur les cordes pour leur donner plus de profondeur. Je l'ai fait manuellement en premier En sélectionnant zones (avec Lasso) sur laquelle l’ombre doit être projetée. Assurez-vous que la sélection est précise là où elle divise les différentes zones (zones avec et sans ombre).

Suivant le Sélection des cordes doit être Intersecté avec la sélection actuelle (soit Commande / Ctrl + Option / Alt + Maj. Cliquez. sur le calque 'strings', ou cliquez sur le calque 'strings' et allez à Sélectionner> Charger la sélection, et cliquez Intersection avec la sélection).

Met le Couleur de premier plan à un gris brunâtre:

  • C: 66
  • M: 67
  • Y: 69
  • K: 58

Créer un nouveau calque et en utilisant environ Pinceau large de 80 px commencez à peindre les ombres. (Vous pouvez Masquer la sélection se débarrasser des 'fourmis' inquiétantes en appuyant sur Commande / Ctrl + H, ou Voir> Extras).

Définir le calque Mode de fusion à Multiplier, Opacité à 84%. Nommez le calque 'ombres'.

Étape 18

Répéter Étape 17 pour chaque zone où les courbes du texte se rejoignent ou se croisent. C'est une étape qui prend beaucoup de temps, mais il est important de bien faire les choses, car cela ajoute vraiment de la vie à l'œuvre d'art..

Une fois les ombres terminées, Charger la sélection encore une fois, cliquez sur 'ombres' et Brouiller avec un rayon de 5,0 pixels.

Étape 19

Faire une nouvelle couche au sein du groupe 'texte' et l'appelle 'retouche'. Clique sur le Outil de tampon de clonage (S), Et mettre Échantillon aligné à Toutes les couches dans le Barre d'options. Vous pouvez maintenant retoucher les imperfections des lettres «m», «g» et «o»..


9. Touches finales

Étape 20

Je pense que nous devons encore assombrir les côtés ou l’œuvre d’art, alors cliquons sur la Outil de chapiteau elliptique (M) et placez le curseur au milieu de l’œuvre (horizontalement et verticalement). Maintenez Option / Alt et faire une ellipse semblable à celle-ci.

presse Maj + F6 à Plume la sélection par 200 pixels. Inverser la sélection, Créer un nouveau calque, appuyez sur D et Remplir la couche avec du noir. presse Commande / Ctrl + D pour Désélectionner. Définir le calque Mode de fusion à Multiplier, Opacité à 21%. Nommez le calque 'frontière'.

Étape 21

Il ne nous reste qu'une dernière chose à faire. Ajoutons les crédits centrés horizontalement en bas.

Cliquez sur le calque "Arrière-plan" et faites glisser un guide de la règle de gauche vers le milieu. Ensemble Paragraphe à Alignement central, clique sur le Outil de type horizontal (T), cliquez exactement sur le guide, et Copier coller le texte suivant:

Paroles: Sleepy Brown | La musique me fait sentir si bien

Utilisez la police 'Aller' à une taille de 5 pt. Définissez 'Sleepy Brown' sur Aller gras.


Conclusion

Merci d'avoir pris le temps de suivre ce didacticiel. Récapitulons rapidement ce que nous avons appris.

  • Nous avons créé les éléments vectoriels dans Illustrator
  • Nous avons créé la base de la guitare dans Photoshop
  • Nous avons ajouté les composants de la guitare et utilisé des outils Photoshop pour obtenir un aspect réaliste.

J'espère que vous avez trouvé ce tutoriel compréhensible, intéressant et éducatif. Questions, commentaires et suggestions sont les bienvenus.