Tutoriel Pixelmator Pro – Effet d’éclipse dramatique
Une nouvelle année vient de commencer. Je peux croire que cela fait déjà plus de 12 ans que j’ai commencé Abduzeedo. À l’époque, je voulais vraiment partager l’inspiration et certaines expériences que je faisais, en particulier avec Photoshop. Je me souviens vers 2007/2008, je ne sais pas exactement quand c’était, mais j’ai vu une vidéo d’un tout nouvel outil appelé Pixelmator. C’était une belle vidéo avec un design d’interface encore plus beau. C’était sombre, avec des fenêtres flottantes. Je n’ai pas hésité. Je leur ai envoyé un e-mail leur demandant d’obtenir une invitation pour essayer la version bêta. À ma grande surprise, ont-ils répondu, j’ai pu jouer avec Pixelmator et j’ai fini par écrire quelques tutoriels qui faisaient partie de leur site Web. Un voyage assez intéressant avec le recul.
Pour cette année, je veux revenir à certaines de ces expériences. Complètement décontracté, ne se concentre pas sur les tendances ou les styles, essaie juste de faire des choses que j’aime. Même s’ils peuvent sembler obsolètes. Ces expériences peuvent se faire avec Photoshop, Pixelmator, Sketch, Figma ou même coder avec HTML/CSS ou Android Studio. Honnêtement, je veux juste m’amuser et expérimenter un peu plus et j’espère que vous l’apprécierez.
Donc, pour la première expérience, je voudrais partager mon expérience dans la création d’une image simple à l’aide du nouveau Pixelmator Pro. C’est une étude de cas/tutoriel mais je vais essayer de mettre un peu plus en évidence l’interface utilisateur.
Tutoriel Pixelmator Pro
L’ouverture de Pixelmator Pro pour la première fois a été un choc. J’étais habitué à l’ancienne interface, où les choses étaient plus flottantes. Le nouveau est beaucoup plus aligné sur les directives d’interface d’Apple, je suppose. Tout est dans un grand conteneur, cela me rappelle en fait Apple Keynote (la dernière fois que j’ai utilisé Keynote, c’était il y a deux ans, alors soyez indulgent avec moi).
En termes de panneaux, tout est désormais du bon côté. Vous avez la barre d’outils avec des icônes sur le côté droit, et lorsque vous en sélectionnez une, le panneau des propriétés se charge sur la colonne de droite. C’est très contextuel et tout se passe très bien. L’image ci-dessous est avec l’outil d’arrangement sélectionné.
Étape 1
Pour la première étape, remplissons le calque avec une couleur unie en utilisant le Outil de remplissage de couleur. La couleur que j’utilise est #170C06.
Étape 2
Avec le Outil Pinceau (B)sélectionnez le Pinceau de base. Pour le les propriétés utilisent 2300px pour la taille, 20% de douceur, et 100% Opacité. Changez la couleur du pinceau en utilisant du blanc pur. (#ffffff). Ajoutez ensuite un nouveau calque et peignez un grand cercle comme l’image ci-dessous.
Étape 3
Ajoutons maintenant un masque au calque. C’est très facile. Sélectionnez le calque dans les vignettes, il existe une option pour les afficher en haut à gauche. Puis avec le clic droit sélectionner Ajouter un masque.
Étape 4
Vous remarquerez que la vignette du calque deviendra un blanc complet. Sélectionnez le Outil Dégradé (G) et peignez sur le calque pour créer quelque chose comme l’image ci-dessous.
Étape 5
C’est à peu près les parties les plus importantes de toute la composition. Maintenant, regroupez simplement ce calque de cercle. Nous voulons juste qu’il soit à l’intérieur d’un dossier si vous voulez. Ensuite, à l’intérieur de ce dossier, ajoutez un autre calque et remplissez de noir pur (# 000000) à l’aide du Outil de remplissage (N).
La dernière chose à faire est de changer de groupe Opacité à Color Dodge à 100%. Vous remarquerez que nous avons déjà un effet intéressant qui se produit. Ajustez l’opacité du calque de cercle pour réduire la force de l’effet. je l’ai mis à 95%.
Étape 6
Maintenant, c’est la partie amusante. Dupliquez le calque du cercle blanc. Ensuite aller à modes. Simplement ajouter Remplir de couleur noire (#000000). Rien ne se passera immédiatement, cependant, commencez à déplacer le calque vers la droite ou même à le réduire et vous verrez à quel point cet effet d’éclipse est génial.
Étape 7
À l’intérieur de ce groupe, vous pouvez ajouter plus de couches pour ajouter un look plus dramatique. J’en ai ajouté une couche avec le nouveau logo Abduzeedo en blanc. J’ai également ajouté un autre calque, puis j’ai sélectionné le Outil Pinceau (B) et le Spray cassé avec les propriétés par défaut et la couleur blanche. Une chose importante à faire est de changer le Opacité de ces couches à 70% ou alors. Cela rendra le mélange beaucoup plus lisse.
Maintenant, littéralement, peignez simplement sur cette couche avec ce pinceau pour créer des étincelles incroyables.
Étape 8
Sélectionnez le calque avec les étincelles et allez à Ajouter des effets (petite icône de démarrage). Sélectionner Zoom puis déplacez la petite poignée vers la droite. j’ai utilisé 0.5px pour le montant. Cela ajoutera du mouvement à votre composition.
Conclusion.
Pour finaliser l’image, j’ai ajouté du texte avec Happy 2019 plus un nouveau calque rempli de noir au-dessus de tous les autres calques. Pourquoi?
Pixelmator a des ajustements de couleur et des filtres incroyables. Sélectionner Ajuster les couleurs alors vérifiez-le, mais pour ma couche, j’ai choisi Spectaculaire, juste parce que je voulais un look plus bleuté. Cependant, pour que l’effet fonctionne, vous devrez modifier le Opacité à éclaircir à 100%.
J’espère que vous avez apprécié ce petit tutoriel et si vous avez le temps, découvrez Pixelmator Pro, c’est un outil formidable si vous souhaitez remplacer Photoshop pour ce type de composition.
Aussi, Bonne année.