Texte de l'eau dans Pixelmator

Texte de l’eau dans Pixelmator

Dans ce tutoriel, je vais vous montrer comment créer du texte avec des effets d’eau. Pour ce faire, nous utiliserons des photos d’archives avec des masques et des ajustements d’image. Je vais également vous montrer comment créer des biseaux avec Pixelmator.

Étape 1

Ouvrez Pixelmator et créez un nouveau document. j’ai utilisé 1440 × 900 pixels. Aussi, gardez le fond blanc.

Étape 2

Avec le Outil de type (T), ajoutez un texte. J’ai tapé « EAU » en utilisant le noir Arial pour la police. La couleur ici n’a pas d’importance car nous l’utiliserons pour masquer les images. Pour créer une sélection de sélection du texte, cliquez simplement sur le pouce du calque de texte tout en maintenant la touche de commande enfoncée.

Texte de l'eau dans Pixelmator

Étape 3

Maintenant, utilisons une photo d’eau. Celui que j’ai utilisé était une gracieuseté de Shutterstock, et vous pouvez le trouver ici. Importez-le et placez-le dans votre document. Allez dans Édition> Transformer et réduisez sa taille ; également, dupliquez-le 3 fois, en retournant toujours la nouvelle copie horizontalement. De cette façon, vous pourrez faire correspondre les côtés. Utilisez l’image ci-dessous pour référence.

Texte de l'eau dans Pixelmator

Étape 4

Avec le rectangle de sélection du texte actif, allez à Calque> Ajouter un masque de calque; de cette façon, la photo ne s’affichera que dans la zone de texte. Vous devrez répéter cette opération 2 fois de plus pour les calques dupliqués de la photo.

Texte de l'eau dans Pixelmator

Étape 5

Pour rendre l’eau plus réaliste, utilisons une autre photo. Vous pouvez en trouver un ici. Celui-ci est de quelques bulles d’eau. Pour faire correspondre les couleurs des images, allez à Image>Coloriser. Déplacez le petit contrôleur vers la zone cyan et augmentez la saturation à plus de 70. Nous l’utiliserons souvent pour d’autres images tout au long du didacticiel, alors gardez cela à l’esprit. Vous devrez également essayer différentes valeurs en fonction de l’imagerie que vous utilisez.

Texte de l'eau dans Pixelmator

Étape 6

Répétez le processus de masquage pour que les bulles soient dans la zone de texte. Le résultat ici a déjà l’air plutôt cool.

Texte de l'eau dans Pixelmator

Étape 7

Pour le pimenter un peu, ajoutez quelques gouttes d’eau. Ceux que j’ai utilisés se trouvent ici, gracieuseté de Shuterstock, encore une fois. Vous devrez également les coloriser afin de faire correspondre les couleurs, exactement comme nous l’avons fait à l’étape 6.

Texte de l'eau dans Pixelmator

Étape 8

Sélectionnez tous les calques sauf le fond blanc et dupliquez-les. Fusionner tous les calques dupliqués (Calque>Fusionner les calques) puis allez à Édition>Retourner verticalement. Déplacez ce texte à l’envers juste en dessous du texte en alignant les mots. Après cela, allez à Filtre>Flou>Flou gaussien; utilisation 20 pour le montant.
Pour terminer l’effet, allez à Calque> Ajouter un masque de calquepuis sélectionnez le Outil Dégradé (G) et un dégradé linéaire du noir au blanc. Masquez le calque dans lequel la zone noire sera masquée et le blanc sera affiché. Utilisez l’image ci-dessous pour référence ou téléchargez le fichier PXM à la fin du didacticiel.

Texte de l'eau dans Pixelmator

Étape 9

Ajoutez un calque au-dessus des autres et remplissez-le d’un dégradé très subtil. Utilisez le Outil Dégradé (G)et pour les couleurs, utilisez Gray to White et jouez avec l’Opacité afin de la rendre très, très subtile, exactement comme l’image ci-dessous.

Texte de l'eau dans Pixelmator

Étape 10

Plaçons maintenant une photo de quelques gouttelettes d’eau. Celui que j’ai utilisé se trouve ici. L’image est en niveaux de gris, alors revenez à Image>Coloriser et changez la couleur de l’image en ce schéma cyan que nous utilisons.

Texte de l'eau dans Pixelmator

Étape 11

Mettez cette couche sous les autres couches; aussi, changez son opacité à 55%. Après cela, allez dans Édition> Transformer. Ensuite, le panneau Transformer s’ouvrira. Cliquez sur la petite icône d’engrenage et choisissez la perspective. Ensuite, appliquez la perspective que j’ai utilisée. Utilisez l’image ci-dessous pour référence, mais en gros, la seule chose que vous aurez à faire est de déplacer les contrôleurs sur la zone inférieure tout en maintenant la touche Maj enfoncée pour les élargir par rapport à la zone supérieure.

Texte de l'eau dans Pixelmator

Étape 12

Dupliquez le calque de gouttelettes et accédez à Filtre>Flou>Flou gaussien. Utilisation 30 pour le montant.

Texte de l'eau dans Pixelmator

Étape 13

Avec le Outil Gomme (E), supprimez les zones proches du texte afin de supprimer le flou. Notez également que l’horizon s’estompe en quelque sorte. C’est parce que j’ai ajouté un dégradé du blanc au cyan et appliqué un recouvrir pour le mélange.

Texte de l'eau dans Pixelmator

Étape 14

Encore une fois, répétez le texte « EAU » avec la sélection de sélection comme nous l’avons fait à l’étape 2 ; cependant, cette fois, le texte doit être noir.

Texte de l'eau dans Pixelmator

Étape 15

Aller à Édition>Trait. Utilisez du blanc pour la couleur et 5 pour la largeur. Assurez-vous également que le Options intérieures est sélectionné.

Texte de l'eau dans Pixelmator

Étape 16

Maintenant, toujours avec la sélection de sélection active, allez à Filtre>Flou>Flou gaussien. Utilisation 15 pour le Rayon.

Texte de l'eau dans Pixelmator

Étape 17

Changez simplement le Mélange de la couche à Esquive de couleur et vous aurez déjà un très bel effet de biseau.

Texte de l'eau dans Pixelmator

Étape 18

Avec le Outil Gomme (E)supprimez les zones en bas à gauche du biseau pour essayer de faire correspondre les gouttelettes.

Texte de l'eau dans Pixelmator

Étape 19

Sélectionnez tous les calques et dupliquez-les. Ensuite, fusionnez-les tous dans un calque et accédez à Filtre>Flou>Flou gaussien. Utilisation 20 pour le Rayon.

Texte de l'eau dans Pixelmator

Étape 20

Changez le mélange en écran.

Texte de l'eau dans Pixelmator

Étape 21

Ajoutez un nouveau calque au-dessus des autres et remplissez-le de cyan à l’aide du Outil pot de peinture (N). Ensuite, changez le Mélange pour brûler les couleurs avec 30 % d’opacité.

Texte de l'eau dans Pixelmator

Étape 22

Maintenant, ajoutez un autre calque, cette fois, sous le calque cyan et remplissez-le avec un dégradé radial du blanc au centre au gris. Changer la Mélanger pour multiplier avec 25% pour l’opacité.

Texte de l'eau dans Pixelmator

Ordre des calques

J’adore le fait que nous puissions maintenant avoir des groupes de calques dans Pixelmator.

Texte de l'eau dans Pixelmator

Conclusion

C’est le résultat que vous aurez. L’idée est assez simple et directe; nous mélangeons juste quelques photos et les masquons avec du texte. Cependant, je pense que la technique Bevel sera très utile pour vos projets dans Pixelmator car il n’y a pas encore de filtre pour cela.

Texte de l'eau dans Pixelmator

Télécharger le fichier Pixelmator

Télécharger le fichier source