introduction

Bonjour à tous! Aujourd'hui, je vais vous apprendre à créer une typographie qui rappelle le style des années 80. Ce style peut être appelé outrun, synthwave ou retrowave. Il se caractérise par des lettres chromées, des couleurs néon et des dégradés vibrants. Il y a beaucoup de choses que vous pouvez faire pour obtenir cet effet, mais aujourd'hui, je vais vous apprendre à créer des lettres chromées et des effets de néon pour la typographie.

 

Pour cela, vous allez avoir besoin de typographies en gras et de typographies manuscrites. J'utiliserai Montserrat Black 900 pour le type gras et Mr Dafoe pour le type manuscrit. Les deux sont des types open source qui peuvent être trouvés dans Google Fonts.

 

 Très bien, avec cela à l'écart, commençons!

Lettres Chrome:

[1] Faisons d'abord le chrome car ce sont les plus difficiles. Pour le remplissage principal:

[1.1] Écrivez le mot que vous désirez en gras. Pixellisez-le en cliquant avec le bouton droit sur les calques et en sélectionnant [Pixelliser]

 

[1.2] Dupliquez le mot dans lequel vous souhaitez créer l'effet. Dans ce cas, ce sera le mot «RETRO». Nous allons maintenant travailler sur le doublon supérieur.

[1.3] Créez un dégradé avec deux parties noir bleu et blanc; et noir, violet et blanc (vous pouvez le faire avec d'autres couleurs!). Le premier blanc et le second noir doivent être très proches, sans gradient entre eux.

[1.4] Avec la transparence verrouillée, donnez au mot le dégradé que vous avez créé. Assurez-vous que la première et la dernière couleur sont visibles. Gardez le dégradé droit en appuyant sur [Maj] sur votre clavier lorsque vous le placez sur les lettres.

[2] Pour les frontières:

[2.1] Sur le double en bas, cliquez sur [Effet de bordure] dans le panneau [Propriétés du calque]. Cela donnera aux lettres une bordure sur l'épaisseur de votre choix.

[2.2] Nous allons travailler sur cette bordure, nous devons donc pixelliser le calque après avoir obtenu la largeur souhaitée.

[2.3] Comme nous n'utiliserons que cette bordure, nous pouvons supprimer la pièce qui contient le remplissage en cliquant avec le bouton droit sur le calque de remplissage, en sélectionnant [Sélection à partir du calque]> [Créer une sélection] et en supprimant cet espace sur le calque de bordure.

[2.4] Maintenant, nous allons le colorier avec un dégradé de deux bleus clairs. Verrouillez la transparence du calque. Notre dégradé aura plusieurs répétitions des couleurs (6 à 8 répétitions c'est bien). Nous pouvons le faire dans le dégradé lui-même ou avec l'option [Processus d'arête]> [Inverser] dans la [Palette de détails de l'outil secondaire] du dégradé (le symbole de clé dans le coin inférieur droit du panneau de propriétés de l'outil).

Essayez différents angles pour le dégradé, jusqu'à ce qu'il crée un effet qui vous plaise.

 

[3] Rendons ces bordures métalliques:

[3.1] Créez un nouveau calque au-dessus des bordures. Ce calque sera réglé sur [Gravure couleur].

[3.2] Créez une sélection du calque de bordure et accédez à notre nouveau calque.

[3.3] Avec [Outil de sélection de polyligne] réglé sur [Supprimer de la sélection], désélectionnez différentes parties de chaque lettre. Pour ce faire, vous souhaitez créer l'illusion que chaque zone est un visage réfléchissant de la frontière, en tant que tel:

[3.4] Couvrez la sélection avec un dégradé noir à blanc réglé sur [Processus bord]> [Inverser]. Essayez-le jusqu'à ce que vous soyez satisfait.

[3.5] Seule une partie de la frontière a cet effet, faisons le reste. Créez à nouveau une sélection à partir du calque de bordure. Accédez au nouveau calque métallique et supprimez sa zone de la sélection en cliquant avec le bouton droit sur le calque et en allant dans [Sélection du calque]> [Supprimer la sélection]. Cela vous donnera la zone que vous n'avez pas sélectionnée précédemment.

[3.6] Répétez l'étape [3.4]. Vous pouvez le faire dans le même calque ou un nouveau, cela n'affectera pas la zone précédente. En faisant cela en deux badges, vous avez des angles différents pour chaque pièce.

[4] Terminons l'effet Chrome en ajoutant des taches brillantes avec le pinceau Décoration, Sparkle A:

[4.1] Je lui ai donné un éclat unique en allant dans la [Palette de détails de l'outil secondaire]> [Trait]> [Méthode de répétition]> [Un cycle aléatoire].

[4.2] J'ai également changé l'angle dans le panneau des propriétés de l'outil.

[4.3] Faites briller vos lettres au hasard!

D'accord, nous avons fini avec l'effet chrome! Ça devrait ressembler a quelque chose comme ca:

Regroupez tous ces calques ensemble, nous allons faire quelque chose avec eux à l'étape [7]. Faisons les lettres néon pour l'instant.

Lettres néon:

[5] Tout d'abord, faisons en sorte que les lettres ressemblent à des tubes néons:

[5.1] Le texte étant sélectionné, dans le panneau [Édition de texte], ouvrez la [Palette de détails de l'outil secondaire]> [Police]> [Ouvrir face]> [Ouvrir face en gras]. Cela vous donnera de fines bordures.

[5.2] Nous allons lui donner un effet Border pour élargir les frontières. Suivez l'étape [2.1]. Vous pouvez maintenant pixelliser le calque.

• Les enseignes au néon sont faites de tubes remplis d'un gaz qui brille d'une couleur lorsqu'ils sont électrifiés. Le gaz et l'électricité se connectent à la fin / au début du tube (ne me citez pas là-dessus, je viens de le voir sur un documentaire, je, je). Pour créer cet effet, j'ai effacé certaines zones du «tube». Vous pouvez le faire si vous le désirez.

   

[5.3] Dupliquez le calque. La couche supérieure sera rose pâle et la couche inférieure sera rose vif.

• Il existe de nombreuses façons de modifier la couleur d'un calque. Avec la couleur que vous souhaitez sélectionner: (1) Allez dans [Modifier]> [Convertir en couleur de dessin]; ou (2) Verrouillez la transparence du calque> Cliquez sur l'icône Bucket dans la [Barre de commandes]. Une méthode plus avancée pourrait être d'utiliser la correction tonale: Allez dans [Modifier]> [Correction tonale]> [Teinte / Saturation / Luminosité], ou] Carte de dégradé], ou] Correction de niveau], et bien d'autres, je vous recommande de familiarisez-vous avec ce menu.

 

[5.4] Dans le calque inférieur, allez dans [Filtre]> [Flou]> [Flou gaussien] pour lui donner un effet d'éclat. Dupliquez-le et fusionnez les doublons pour intensifier la couleur.

[5.5] Réglez le mode de fusion de ce calque sur Ajouter (lueur)

 

 

C'est tout! Vraiment simple, non? Faisons les lettres rose vif, puis passons à l'arrière-plan:

Lettres roses:

[6] Donnons-leur de la couleur:

[6.1] Donnez-leur un dégradé avec deux roses, l'une plus foncée que l'autre. J'ai mis le rose plus foncé en bas. Dupliquez le calque.

[6.2] Dans le double supérieur, allez dans [Filtre]> [Flou]> [Flou gaussien] pour lui donner un effet d'éclat. Réglez-le sur Add (Glow) et réduisez l'opacité.

[6.3] Dans le double en bas, allez dans [Filtre]> [Flou]> [Flou fort] pour adoucir les bordures.

 

Voici à quoi tout cela devrait ressembler:

[7] Nous avons presque terminé! Nous allons faire refléter la lueur des lettres rose et néon dans les lettres chromées pour créer l'illusion qu'elles se trouvent dans le même espace.

[7.1] Créez un nouveau calque au-dessus du groupe contenant les lettres Neon. Fixez-le au groupe.

[7.2] Avec l'aérographe [Soft], prenez la couleur des lettres roses et éparpillez-la dans la zone supérieure des lettres «RETRO». Faites de même pour le bas avec les lettres néon. Évitez de les couvrir dans leur intégralité, l'effet doit être subtil. Imaginez que c'est un chant brillant au-dessus d'un métal.

[7.3] Réglez le calque sur [Couleur] et réduisez son opacité.

Contexte:

[8] Très bien, nous en avons terminé avec les lettres. Maintenant, pimentons un peu l'arrière-plan:

[8.1] Dans une nouvelle couche en dessous de tout, prenez l'aérographe doux et choisissez les couleurs principales des mots. Pour moi, c'était encore rose, bleu et rose.

[8.2] Peignez la zone sous les lettres et autour de la toile pour créer une ambiance et une douce lueur.

[8.3] Réglez ce calque sur Ajouter (lueur) et réduisez son opacité.

 

• Vous pouvez le faire en plusieurs couches pour des effets variables.

[8.4] Maintenant, pour créer un contraste et rendre le design plus lisible, j'ai ajouté un triangle à l'arrière-plan. Dessinez simplement un triangle irrégulier avec l'outil polyligne, donnez-lui un dégradé et c'est fait. Je sentais que cela chargeait un peu trop la chose, alors j'étais indécis.

• Dans ces images, vous pouvez commencer à voir la texture et le bruit. Je laisse normalement cette étape pour la fin, mais j'expérimentais de nouvelles textures, et je l'ai fait prématurément, je, je. Si vous voulez du bruit, créez un calque sur tout, remplissez-le de gris, allez dans [Filtre]> [Rendu]> [Bruit péril] et jouez avec les options. Une petite échelle et une amplitude me donnent toujours le résultat que je veux. Lorsque vous avez terminé, réglez-le sur Superposition et réduisez l'opacité.

L'esthétique synthwave s'est fortement inspirée des jeux vidéo. En tant que tel, il est courant d'en voir des éléments dans les compositions. Les terrains filaires sont très populaires, ils donnent l'impression que vous jouez à un jeu incomplet. Je vais vous montrer comment je crée deux versions.

 

 

[9] Pour un filaire comme celui de la vignette:

[9.1] Dessinez un carré avec l'outil Figure. Assurez-vous que l’anti-aliasing de l’outil est défini sur Aucun, sinon, il laissera un espace entre les carrés lorsque vous le tuilerez.

[9.2] Convertissez le calque en matériau d'image en cliquant avec le bouton droit sur le calque, en sélectionnant [Convertir le calque]> [Type]> [Calque de matériau d'image]

[9.3] Sélectionnez l'outil Opération. En bas du panneau des propriétés de l'outil, cochez l'option Mosaïque. Cela devrait vous donner une grille.

[9.4] Modifiez le carré principal jusqu'à ce que vous trouviez la bonne taille. Lorsque vous le faites, pixellisez le calque. Je vous recommande de le dupliquer avant la pixellisation car l'étape [9.5] peut devenir un peu délicate.

[9.5] Allez dans [Modifier]> [Transformer]> [Transformation libre] et déplacez les coins de la boîte jusqu'à ce que vous ayez une forme trapézoïdale similaire à celle illustrée. Les carrés devraient maintenant ressembler à une grille de perspective. Les boîtes peuvent sembler trop petites ou trop grandes. Essayez d'aller à l'étape [9.4] et d'agrandir ou de réduire le carré, peut-être de le dessiner à nouveau (étape [9.1]) en réglant l'outil de figure sur une taille de pinceau plus fine. Essayez jusqu'à ce que vous soyez satisfait.

[9.6] Tracez une ligne droite sur un autre calque et placez-la à l'horizon.

[9.7] Dupliquez les deux calques et donnez aux doublons supérieurs la couleur de votre choix. Nous allons créer un effet néon comme nous l'avons fait précédemment.

[9.8] Donnez un flou gaussien aux doublons supérieurs (étapes [5.4] et [6.2]). Réglez-les sur [Ajouter (lueur)]. Vous pouvez dupliquer les versions floues si vous voulez que l'éclat soit plus fort, comme je l'ai fait avec le flou de la ligne d'horizon.

[10] Je craignais que cet effet ne fasse concurrence à mes sous-titres néon, alors j'ai décidé de les concevoir d'une autre manière.

[10.1] Suivez exactement les étapes [9.1] à [9.5].

[10.2] Verrouiller la transparence. Sélectionnez l'outil Dégradé> Effacement dégradé et effacez la ligne d'horizon. De cette façon, il semble que cela continue indéfiniment.

[10.3] Allez dans [Modifier]> [Transformer]> [Transformer maillage] et déplacez plusieurs points sur la grille pour qu'elle ressemble à un terrain irrégulier. C'est à vous de voir à quel point c'est subtil ou prononcé. Regardez ci-dessous pour deux exemples, un subtil et un très prononcé.

[10.4] Remplacez-le par la couleur que vous voulez, réduisez l'opacité, et c'est fait!

 

Vous pouvez également ajouter des irrégularités au premier exemple de grille. Expérimentez et amusez-vous.

C'est ça! Avaient fini!

Pensées de clôture

Ma conception comporte différents éléments, car je voulais vous donner différentes choses à mélanger et assortir comme vous le souhaitiez, mais cela a fini par paraître un peu chargé, je, je. Il ne crie pas le style des années 80 s'il n'est pas vibrant et désagréable, non?

 

Avec cette conception et toutes les autres que vous souhaitez créer à l'avenir, je vous recommande toujours de rechercher des références, de sélectionner celles que vous aimez et d'essayer de procéder à une rétroingénierie de la façon dont vous pensez que le concepteur les a créées. Pourquoi ont-ils choisi ces couleurs? Que puis-je faire différemment? Comment obtenir cet effet? Il vous mènera à travers un chemin de découverte et d'expérimentation dont vous aurez besoin tout au long de votre carrière d'artiste.

 

J'espère que vous apprécierez ce tutoriel. Si vous avez des questions, vous pouvez les écrire comme un commentaire que je serais ravi d'aider. Et si c'était utile, je serais ravi de voir ce que vous avez fait! Vous pouvez me taguer sur Instagram à @ apey.art ou Twitter à @apey_art.