Créer un portrait typographique dans Pixelmator

Créer un portrait typographique dans Pixelmator

Dans ce tutoriel, je vais vous montrer comment créer un portrait typographique en utilisant uniquement Pixelmator. Mais qu’est ce que ça veut dire? Un portrait typographique est un portrait composé de texte. La technique est assez simple. Nous jouerons également avec le Blending et les filtres de base.

Étape 1

Ouvrez Pixelmator et créez un nouveau document (la taille que j’ai utilisée était 1440 × 900 pixels). Remplissez ensuite le calque d’arrière-plan avec du noir.

Étape 2

Importez la photo que vous souhaitez utiliser (celle que j’ai sélectionnée est une gracieuseté de Shutterstock. Vous pouvez l’obtenir sur http://www.shutterstock.com/pic-46756228/stock-photo-sweet-girl.html).

Créer un portrait typographique dans Pixelmator

Étape 3

Dupliquez l’image du calque et accédez à Image>Désaturer. Ensuite aller à Filtre>Flou>Flou gaussien. Utilisation 15 pour le rayon. Après cela, allez à Image>Inverser. Nous utiliserons cette image plus tard, vous devez donc l’exporter. Aller à Fichier>Exporter et exportez-en une version JPG.

Créer un portrait typographique dans Pixelmator

Étape 4

Avec le Outil de type (T), ajoutez du texte jusqu’à ce que tout l’écran soit rempli (Pour la police, j’ai utilisé Georgia Italic, taille 18). Après cela, dupliquez le calque et changez la couleur du texte en noir. Aller à Filtre>Flou>Flou gaussien et utilise 4 pixels pour le rayon. Déplacez ce calque vers le bas de 2 pixels ; cela créera une ombre. Vous ne le verrez pas car l’arrière-plan est actuellement noir, mais il sera visible lorsque nous commencerons à ajouter d’autres calques. L’ombre est importante car elle donnera une belle profondeur à la composition.

Créer un portrait typographique dans Pixelmator

Étape 5

Ajoutez plus de texte en modifiant la taille des polices. Créez toujours des ombres, comme nous l’avons fait à l’étape précédente.

Créer un portrait typographique dans Pixelmator

Étape 6

Maintenant, sous tous les autres calques de texte, ajoutez plus de texte. Remplissez l’écran avec du texte, mais en utilisant une police plus petite, telle que la taille 13. Après cela, allez à Filtre>Flou>Flou gaussien et utilise 3 pixels pour le rayon.

Créer un portrait typographique dans Pixelmator

Étape 7

Placez le calque photo au-dessus des autres calques et changez Mélange à gravure linéaire.

Créer un portrait typographique dans Pixelmator

Étape 8

Sélectionnez tous les calques de texte et accédez à Calque>Fusionner les calques. Après cela, allez à Filtre>Distorsion>Déplacement. La boîte de filtre s’ouvrira. Ici, vous devrez utiliser l’image que nous avons exportée à l’étape 2. Faites-la simplement glisser de l’endroit où vous l’avez enregistrée vers la zone de filtre. Augmenter le échelle à 120.

Créer un portrait typographique dans Pixelmator

Étape 9

Le filtre Déplacer rendra le texte étrange, en particulier les bords, alors allez à Filtre>Flou>Flou gaussien. Utilisation 6 pour le rayon.

Créer un portrait typographique dans Pixelmator

Étape 10

Dupliquer le calque photo et modifier Mélanger pour multiplier et le opacité à 50%. Vous pouvez également regrouper tous les calques et les dupliquer. Après cela, fusionnez-les en un seul calque et accédez à Filtre>Flou>Flou gaussien. Utilisation 15 pixels pour le rayon puis changer Fusion à l’écran et le opacité à 60%. Cela ajoutera un peu d’éclat à votre image typographique.

Créer un portrait typographique dans Pixelmator

Conclusion

C’est une technique très pratique. Vous pouvez même l’essayer en utilisant différentes formes au lieu de texte. La technique est assez simple. Cependant, cela peut prendre un peu de temps pour ajouter du texte et trouver la bonne position pour les gros mots-clés. Ces petits détails feront toute la différence, donnant plus de style à votre design.

Télécharger le fichier Pixelmator

Cliquez ici pour télécharger le fichier Pixelmator.