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.
Étape 3
Ajoutez 2 points supplémentaires et le mouvement les pousse ensuite de 2 blocs.
É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.
É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.
É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.
É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.
É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.
É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.
É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.
É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
É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 »
É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.
É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.
É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.
Étape 16
Sélectionnez le K et avec le Outil Gomme (E) supprimer le coin supérieur droit de la lettre.
É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.
É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.
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.
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