Typographie Super Cool Frilly Bits - Tutoriel Photoshop

Typographie Super Cool Frilly Bits

La semaine dernière, nous avons publié notre 10e fond d’écran de la semaine. C’était une typographie / conception géniale de Conception de singe au gingembre appelé Compassion. Ce que j’ai vraiment aimé dans ce design, c’est la façon dont ils ont mélangé des « morceaux à froufrous » avec la police de caractères pour créer un travail exceptionnel. J’ai décidé de créer un tutoriel vous montrant comment faire cela aussi.

Dans ce tutoriel, je vais vous montrer comment mélanger des vecteurs avec des lettres pour créer un très beau design.

Étape 1

La première chose à faire est de trouver les éléments que nous allons utiliser. Il existe de nombreux sites Web où vous pouvez trouver de jolis vecteurs, et il y a un message de Cameron Moll avec une énorme liste de ces sites. C’est donc un bon point de départ. http://cameronmoll.com/archives/2008/05/25_resources_ornaments_fleurons/

Après avoir vérifié tous les sites, j’ai acheté les vecteurs de http://www.istockphoto.com/file_closeup/object/5836792_floral_design_elements.php?id=5836792

Étape 2

Ouvert Photoshop et créer un nouveau document. j’ai utilisé 1680×1050 pixels. Après cela, tapez abduzeedo et allez à Calque> Style de calque> Superposition de dégradé. Utilisation Rouge, jaune, vert et bleu clair pour les couleurs. J’ai utilisé Futura pour la police de caractères

Typographie Super Cool Frilly Bits - Tutoriel Photoshop

Étape 3

Commençons à mélanger les vecteurs avec le type. Vous devrez d’abord trouver le bon « ornement » pour la lettre que vous souhaitez. Ensuite, vous devrez le placer de manière à ce qu’il suive la forme de cette lettre. Dans l’image ci-dessous, vous pouvez voir que « l’ornement » semble provenir du « a ».

Typographie Super Cool Frilly Bits - Tutoriel Photoshop

Étape 3

Après avoir aligné l’ornement avec la lettre, il est temps d’ajouter de la profondeur. Pour ce faire, utilisons le Styles de calque. Aller à Calque> Styles de calque> Ombre portée. Utilisation Multipliez pour le mode de fusion, Noir pour la couleur, 100 % d’opacité, -60 % d’angle, Distance de 5 pixels et Taille de 5 pixels également.

Typographie Super Cool Frilly Bits - Tutoriel Photoshop

Étape 4

Ici, créons un calque à partir de l’ombre du style de calque. Pour faire ça Cliquez sur avec le bouton droit de la souris sur le calque avec l’ombre portée. Sélectionnez ensuite Créer un calque du menu. Ça y est, vous aurez maintenant un calque avec l’ombre.

Typographie Super Cool Frilly Bits - Tutoriel Photoshop

Étape 5

Maintenant que vous avez l’ombre dans un calque, appliquons un masque. Allez dans Calque> Masque de calque> Révéler tout. Sélectionnez ensuite le Outil Pinceau (B). La Couleur sera le noir et le pinceau sera régulier avec un diamètre de 45 pixels et 0% dureté. Ensuite, peignez simplement le masque pour masquer certaines parties de l’ombre. L’idée est de créer l’impression que l’ornement vient et passe au-dessus de la lettre.

Typographie Super Cool Frilly Bits - Tutoriel Photoshop

Étape 6

Répétez la même chose pour les autres lettres. Cependant, il n’est pas nécessaire de le faire pour chacun d’eux. je ne l’ai fait que sur le A, B, D, Z, E, D et O. Après cela, sélectionnez les calques d’ornement et de mots, regroupez-les et renommez le groupe en « logo ». Conseil : utilisez toujours la couleur de la partie exacte de la lettre d’où viendra l’ornement.

Typographie Super Cool Frilly Bits - Tutoriel Photoshop

Étape 7

Ici, ajoutons de la texture à l’image. Vous pouvez masquer les autres calques. Nous allons utiliser des textures d’un blog appelé DesignReviverils ont publié un article intitulé Plus de 300 textures de style vintage et pinceaux Photoshop.

Télécharger le Pack Vintage II et lieu « Vintage10.jpg » l’image au document. Étant donné que l’image fait 1500 pixels et que le document fait 1680 pixels, vous devrez dupliquer l’image et remplir la partie restante du document avec. Après cela allez à Image>Réglages>Teinte/Saturation. Utilisez Teinte 49, Saturation 19, Luminosité +35.

Typographie Super Cool Frilly Bits - Tutoriel Photoshop

Étape 8

Télécharger le « 15_textures__art___vintage_by_jocosity » emballez et placez le « texture2.jpg » dans le document. Puis changez le Mode de fusion à superposer et allez à Image>Réglages>Teinte/Saturation. Utilisation Teinte +2, Saturation -41, Luminosité -75.

Typographie Super Cool Frilly Bits - Tutoriel Photoshop

Étape 9

Télécharger le « Old_Paper_Textures_by_lailomeiel » emballer et placer le « DSC02679.JPG » dans le document. Il ira sur les autres textures, puis changera simplement le Mode de fusion pour brûler les couleurs. Maintenant, sélectionnez tous les calques de texture et regroupez-les. Renommer le groupe Textures.

Typographie Super Cool Frilly Bits - Tutoriel Photoshop

Étape 10

Sélectionnez le « logo » groupe et aller à Calque>Fusionner le groupe. Cela convertira le calque et tous les groupes qu’il contient en un seul calque. Ensuite aller à Calque> Style de calque> Ombre portée. Utilisation Color Burn pour le mode de fusion, 100% d’opacité, -60º pour l’angle, la distance et la taille de 5px.

Typographie Super Cool Frilly Bits - Tutoriel Photoshop

Étape 11

Dupliquer le « texture » groupe et changez le mode de fusion du calque « papier » en superposition. Fusionnez le groupe afin de créer un calque unique à partir de celui-ci. Modifiez l’ordre des calques et placez le nouveau calque de texture au-dessus du calque du logo. Ensuite aller à Calque> Créer un masque d’écrêtage et changer le Mode de fusion pour multiplier. Dupliquez à nouveau le calque de texture en vous assurant qu’il est toujours avec le masque d’écrêtage. Il suffit alors de changer le Mode de fusion à superposer.

Typographie Super Cool Frilly Bits - Tutoriel Photoshop

Étape 12

Groupe la « Logo » couche avec le deux calques de masque d’écrêtage de texture. Dupliquez le groupe et fusionnez-le en un seul calque. Ensuite aller à Filtre>Flou>Flou gaussien. Utilisation 4,5 pixels pour le Rayon et changer le Mode de fusion à l’écran et 80 % d’opacité.

Typographie Super Cool Frilly Bits - Tutoriel Photoshop

Conclusion

Dans ce tutoriel, nous avons appris à mélanger des ornements vectoriels avec un mot pour produire une belle typographie. Nous avons également joué avec des textures vintage et des masques d’écrêtage qui ont donné à notre image un aspect pas si « propre ». Vous pouvez créer de nombreuses variantes de cet effet. Ci-dessous, j’ai ajouté un dégradé radial afin que les textures n’apparaissent que là où se trouve le logo. Encore une fois, tout est question d’expérimentation.

Typographie Super Cool Frilly Bits - Tutoriel Photoshop Cliquez ici pour voir l’aperçu complet

Télécharger le fichier Photoshop

Télécharger le fichier source