Effet de style LCD dans Pixelmator

Effet de style LCD dans Pixelmator

Les effets LCD numériques sont très courants mais ils m’impressionnent toujours surtout en termes d’effets de lumière. La façon dont la lumière devient floue sur les bords et super forte au centre est tout simplement incroyable. Je fais ce genre d’effet depuis assez longtemps mais je n’ai jamais partagé exactement celui-ci et j’utilise Pixelmator.

Donc, dans ce tutoriel, je vais vous montrer comment créer un effet de texte de style LCD à l’aide de Pixelmator. L’ensemble du processus est assez simple et ne vous prendra pas plus de 30 minutes.

Tutoriel Pixelmator

Étape 1

Ouvrez Pixelmator et créez un nouveau document. j’utilise 1650×1080 pixels. Après cela, remplissez le calque d’arrière-plan avec #191919

Étape 2

Aller à Affichage>Afficher les dégradés. Ajoutez ensuite un nouveau préréglage de dégradé en cliquant avec le bouton droit de la souris sur un emplacement vide et sélectionnez Nouveau dégradé. Créez un dégradé en utilisant du noir, du gris foncé, du noir, du gris foncé, du noir et du gris foncé comme dans l’image ci-dessous.

Effet de style LCD dans Pixelmator

Étape 3

Aller à Filtre> Flou> Flou gaussien. Utilisation 100 pixels pour le Rayon.

Effet de style LCD dans Pixelmator

Étape 4

Ajoutez un nouveau calque et utilisez le Outil pot de peinture (N) remplir le calque avec vert (#3f7d00).

Effet de style LCD dans Pixelmator

Étape 5

Modifiez le mélange du calque vert en Multiplier à 98 %.

Effet de style LCD dans Pixelmator

Étape 6

Ajoutez un nouveau calque et accédez à Filtre>Générateur>Stripes. Utilisation blanc pour la couleur primaire et noir pour la couleur secondaire. Utiliser aussi 2,0 pixels pour la largeur et 0 % pour la netteté.

Effet de style LCD dans Pixelmator

Étape 7

Faites pivoter le calque des rayures pour avoir des lignes horizontales. Après cela, changez le mélange à Color Dodge à 40% d’opacité.

Effet de style LCD dans Pixelmator

Étape 8

Il est temps d’ajouter du texte. J’utilise une police appelée DS-Digital. Vous pouvez le télécharger sur http://www.dafont.com/ds-digital.font

Après cela, ajoutez le texte que vous voulez. j’utilise 00:00:09 avec du blanc pour la couleur.

Effet de style LCD dans Pixelmator

Étape 9

Ajoutez un nouveau calque sous le calque de texte et avec le Outil pot de peinture (N) remplissez le calque de noir.

Effet de style LCD dans Pixelmator

Étape 10

Sélectionnez le texte et le calque noir et fusionnez-les en un seul. Après cela allez à Filtre> Flou> Flou gaussien. Utilisez 7,5 pixels pour le rayon.

Effet de style LCD dans Pixelmator

Étape 11

Changer la Mélange de la couche floue à Esquive de couleur.

Effet de style LCD dans Pixelmator

Étape 12

Dupliquez le calque et modifiez le Mélanger pour superposer.

Effet de style LCD dans Pixelmator

Étape 13

Répétez le même processus pour ajouter plus de texte à votre composition.

Effet de style LCD dans Pixelmator

Étape 14

Sélectionnez tous les calques et dupliquez-les. Avec les nouvelles copies sélectionnées, fusionnez-les en une nouvelle. Après cela allez à Filtre>Flou>Flou gaussien. Utilisation 10px pour le Radius, puis changez le Blending to Screen à 50%. Cela créera un effet lumineux vraiment agréable et réaliste.

Effet de style LCD dans Pixelmator

Conclusion

Vous pouvez créer différents effets de couleurs en ajoutant simplement différents calques avec des couleurs différentes au lieu du vert à l’étape 4. Cet effet est simple mais très cool pour certaines compositions plus avancées ou même pour certaines animations. C’est maintenant à vous de proposer vos propres versions.

Effet de style LCD dans Pixelmator