Fond d'écran abstrait dans Pixelmator

Fond d’écran abstrait dans Pixelmator – 2 exemplaires du cadeau Pixelmator

Suite à notre série de tutoriels Pixelmator, cette semaine nous allons vous montrer comment créer un fond d’écran abstrait en utilisant les filtres Quartz Composer. Même si l’effet semble un peu complexe, vous serez surpris de voir à quel point il est facile de le créer dans Pixelmateur. Il ne vous faudra pas plus de 10 minutes pour reproduire ce tutoriel. Et pour vous donner vraiment envie de le faire, nous vous offrirons 2 exemplaires de Pixelmateur.

Pour gagner l’un des deux copies gratuites de Pixelmatorlaissez simplement un commentaire en disant pourquoi vous voulez le gagner.

Étape 1

Créer un nouveau document dans Pixelmator, j’ai utilisé 1920×1200 pixels.

Étape 2

Sélectionnez le Outil Dégradé (G) et remplissez le calque d’arrière-plan avec un dégradé de bleu (#336699) au noir.

Fond d'écran abstrait dans Pixelmator

Étape 3

Créez un nouveau calque et accédez à Filtre>Quartz Composer>Générateur>Mouvement des formes. Changer la Couleur primaire à ##554C87 et utilisez les options par défaut. Après cela, changez le Mélanges à multiplier.

Fond d'écran abstrait dans Pixelmator

Étape 4

Créez à nouveau un autre calque et accédez à Filtre>Quartz Composer>Générateur>Grille. Changer la Couleur primaire à un très gris clair ou même blanc et le Couleur secondaire à Le noir. Aussi, augmentez le Densité à .3 ou plus. Vous pouvez même déplacer ce petit point attaché à une ficelle. C’est la position de l’effet.

Fond d'écran abstrait dans Pixelmator

Étape 5

Ici, allez simplement à Filtre> Flou> Flou Gaussien. Utilisez 4 pour le rayon.

Fond d'écran abstrait dans Pixelmator

Étape 6

Changez maintenant le Mélanges de la couche à Esquive de couleur.

Fond d'écran abstrait dans Pixelmator

Étape 7

Si votre effet n’était pas assez brillant, vous pouvez aller à Image>Niveaux et augmenter le blanc. Pour ce faire, déplacez simplement le curseur blanc vers la droite. j’utilise 145 pour les blancs.

Fond d'écran abstrait dans Pixelmator

Étape 8

Créez un nouveau calque, modifiez le Mélanges à Color Dodge, et répétons les mêmes étapes que nous avons faites pour créer le premier élément. Aller d’abord à Filtre>Quartz Composer>Générateur>Grille. Changer la Couleur primaire à un gris clair et le Couleur secondaire au noir. Augmentez également la Densité à .5.

Fond d'écran abstrait dans Pixelmator

Étape 9

Aller à Filtre>Flou>Flou gaussien, utilisation 2 pour le Rayonou si vous le souhaitez plus fluide, vous pouvez utiliser une valeur plus élevée.

Fond d'écran abstrait dans Pixelmator

Étape 10

Tournons le calque. Aller à Edition>Transformer>Rotation.

Fond d'écran abstrait dans Pixelmator

Étape 11

Créons maintenant un autre calque et appliquons le filtre de grille une fois de plus. Cette fois cependant, déplacez la direction, comme l’image ci-dessous.

Fond d'écran abstrait dans Pixelmator

Étape 12

Créez un autre calque et changez son Mélanges à Color Dodge, encore. Aller à Filtre>Quartz Composer>Générateur>Image Hose. Utilisez l’image ci-dessous pour référence. Mais assurez-vous simplement de réduire le Opacité à 50-60%.

Fond d'écran abstrait dans Pixelmator

Étape 13

Vous pouvez maintenant ajouter des couleurs si vous le souhaitez. Pour ce faire, créez simplement un nouveau calque juste au-dessus du calque d’arrière-plan et remplissez-le avec une couleur dégradée. J’ai utilisé un dégradé par défaut fourni avec Pixelmator. Sélectionnez le Outil Dégradé (G) et faites glisser une ligne diagonale comme l’image ci-dessous. N’oubliez pas de changer le Opacité à 40%.

Fond d'écran abstrait dans Pixelmator

Conclusion

Dans ces didacticiels, nous avons utilisé certains des filtres Cool Quartz Composer fournis avec Pixelmator. La meilleure chose dans ces filtres et dans Pixelmator est la rapidité avec laquelle il gère les aperçus et la qualité. Je dis cela depuis le tout premier tutoriel Pixelmator que j’ai écrit, et je souhaite vraiment que Photoshop soit rapide et beau comme cette application incroyable.

Fond d'écran abstrait dans Pixelmator
Consultez l’aperçu complet du Version bleue et le Version couleur

Didacticiel vidéo

Ceci est juste une vidéo rapide montrant comment créer cet effet dans Pixelmator. Les valeurs utilisées ne sont pas les mêmes, c’est juste un guide visuel si vous rencontrez des problèmes en suivant le tutoriel écrit.


Fond d’écran abstrait dans Pixelmator de fabio sasso sur Viméo.

Télécharger le fichier Pixelmator

Cliquez ici pour télécharger le fichier Pixelmator utilisé pour ce tutoriel.

Monteur : David Parrot