Image de l'effet de typographie du lait dans le didacticiel Photoshop

Effet de typographie de lait impressionnant dans Photoshop

Suite à la série d’effets avec texte, il y avait l’Eau, les Nuages, la Lumière, et aussi il y a quelque temps les Frilly Bits… Maintenant je vais vous montrer comment créer un bel effet que j’ai vu il y a quelques mois sur DeviantArt qui est un texte mélangé avec quelques éclaboussures de lait. Nous utiliserons Photoshop et Illustrator pour ce tutoriel.

L’idée est très simple, j’ai utilisé des photos d’archives et une police de caractères très en blocs. Au lieu de perdre mon temps à chercher la police parfaite, j’ai décidé de la créer dans Illustrator. Alors les premières étapes je vais vous montrer comment créer la police puis dans les autres, dans Photoshop, je vais vous montrer comment mélanger ça avec les photos.

Étape 1

Ouvrez Adobe Illustrator et accédez à Affichage>Afficher la grille. Sélectionnez ensuite le Outil Rectangle (M) et créez 2 carrés et 2 rectangles comme l’image ci-dessous.

Étape 2

Pour créer le M sélectionnez le Outil Plume (P) et ajoutez 2 points à 2 pâtés de maisons du centre.

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Étape 3

Ajoutez 2 points supplémentaires et le mouvement les pousse ensuite de 2 blocs.

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Étape 4

Ajoutez maintenant un autre point au milieu de la ligne, puis poussez ce point vers le bas d’un bloc. Utilisez l’image ci-dessous pour référence.

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Étape 5

Pour finir le Mtoujours avec le Outil Plume (P) ajoutez 3 nouveaux points mais ne déplacez que celui du milieu vers le bas.

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Étape 6

Pour les autres lettres c’est à peu près la même chose, utilisez le Outil Plume (P) et utiliser la même technique que nous avons utilisée pour le M. Utilisez l’image ci-dessous pour référence.

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Étape 7

Ouvrez Photoshop et créez un nouveau document, j’ai utilisé 1920×1200 pixels pour la taille. Ensuite, copiez les lettres d’Illustrator et collez-les dans Photoshop. Chaque police doit être dans un seul calque. Le fond sera noir blanc le mot sera blanc.

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Étape 8

Pour créer les éclaboussures de lait, j’ai utilisé des photos d’archives. Vous pouvez télécharger la première image sur http://www.shutterstock.com/pic-27264406-splash-in-a-milk-glass.html.

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Étape 9

Copiez l’image et collez-la dans le document. Aller à Edition>Transformer>Echelle et redimensionnez-le pour qu’il corresponde à la largeur du M. Avec le Outil Gomme (E) supprimer certaines zones en bas des photos. Aussi avec le Outil Tampon (S) peignez les parties où vous pouvez voir le verre, l’idée est de cacher le verre et de ne laisser que les parties de lait.

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Étape 10

Avec le Outil Gomme (E) effacer la partie du caractère M dans le coin supérieur droit où l’effet n’était pas vraiment agréable avec les éclaboussures de lait.

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Étape 11

Pour chaque personnage, nous utiliserons une photo différente, de cette façon l’effet sera plus convaincant. Vous ne pouvez en utiliser qu’un seul et le modifier également avec l’outil de déformation. La photo que j’ai utilisée pour le « je » peut être téléchargée sur http://www.shutterstock.com/pic-12058783-splash-in-a-milk-glass.html

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Étape 12

Collez l’image dans le document photoshop puis avec le Outil Baguette Magique (W) sélectionnez la zone noire de l’image et supprimez-la. Aller à Edition>Transformer>Rotation. Redimensionnez-le également pour qu’il corresponde à la largeur du « JE »

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Étape 13

Avec le Outil de sélection rectangulaire (M) supprimez la partie inférieure de l’image où vous pouviez voir le verre, puis sélectionnez une zone uniforme et accédez à Edition>Transformer>Echelle. Rendez la zone beaucoup plus haute comme l’image ci-dessous, puis avec le Outil Gomme (E) utilisez une brosse très douce et supprimez le fond des éclaboussures de lait jusqu’à ce que vous ayez une transition très douce. Vous pouvez également descendre un peu tout le splash.

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Étape 14

Essayez de chercher des images différentes pour chaque personnage, pour le L J’ai utilisé une autre photo de Shutterstock, vous pouvez la télécharger sur http://www.shutterstock.com/pic-10532656-milk-splash-against-dark-background.html. Ensuite, répétez la même chose que nous avons faite pour les autres lettres pour faire correspondre l’image avec le texte.

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Étape 15

Pour le K J’ai utilisé une autre image que vous pouvez trouver sur http://www.shutterstock.com/pic-15459070-milk-splash-on-a-blue-background.html.

La première chose à faire est de le convertir en niveaux de gris. Aller à Image>Ajustement>Désaturer. Après cela allez à Image>Ajustement>Niveaux. Augmenter le Entrée noire jusqu’à ce que vous ayez un fond presque noir, puis avec le Outil Baguette Magique (W) sélectionnez et supprimez l’arrière-plan de l’image de démarrage. Aller à Edition>Transformer>Echelle et déplacez-le et redimensionnez-le pour qu’il corresponde à la largeur du Kpuis avec le Outil Gomme (E) supprimez certaines zones du splash comme l’image ci-dessous. Astuce : utilisez le [ and ] pour augmenter ou réduire la taille de la gomme, il est très important de supprimer les bonnes zones pour rendre l’effet plus réaliste. Essayez de suivre l’écoulement du lait.

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Étape 16

Sélectionnez le K et avec le Outil Gomme (E) supprimer le coin supérieur droit de la lettre.

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Étape 17

Comme nous avons utilisé différentes images et que certaines d’entre elles présentaient des variations de couleur, telles que les images sur le M et L. Donc, pour les rendre plus uniformes, allez à Calque> Nouveau calque de réglage> Carte de dégradé. Sélectionnez le Inverse option et cela suffira à rendre les éclaboussures identiques.

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Étape 18

Pour créer l’effet Profondeur de champ, copiez simplement une partie de l’une de ces images qui contient pas mal de gouttes et collez-la dans le document. Dans mon cas, j’ai utilisé le coin supérieur droit de l’image utilisée à l’étape 15. Copier et coller dans le document et encore une fois, allez à Image>Ajustements>Désatureret Image>Ajustements>Niveaux augmentant l’entrée noire pour que l’arrière-plan devienne noir. Après cela, allez dans Édition> Transformer> Échelle et rendez-le beaucoup plus grand et allez à Filtre>Flou>Flou gaussien. Utilisation 15 pour le montant.

Image de l'effet de typographie du lait dans le didacticiel Photoshop

Conclusion

Cliquer sur Contrôle/Commande + Alt + Maj + E pour créer un nouveau calque avec tous les calques fusionnés. Ensuite, retournez à Filtre>Flou>Flou gaussien. Utilisation 10 pixels pour le montant. Après cela, changez le Mode de fusion à Filtrer et le Opacité à 50%.

Placez également votre logo et l’effet est pratiquement fait. Vous pouvez ajouter plus d’éclaboussures ou essayer différentes couleurs. L’idée est essentiellement d’apprendre à mélanger les éclaboussures de lait avec le texte vectoriel et à les rendre réelles. J’espère que vous avez apprécié le tutoriel et faites-moi savoir si vous avez des suggestions pour ce tutoriel ou d’autres.

Image de l'effet de typographie du lait dans le didacticiel Photoshop
Cliquez sur l’image pour un aperçu complet.

Télécharger les fichiers Photoshop et Illustrator

Cliquez ici pour télécharger les fichiers Photoshop et Illustrator utilisé pour ce tutoriel