Organiser les éléments de notre projet
Nous commencerons par apprendre à utiliser l’outil « Organiser ». Cliquez sur le bouton avec un curseur à l’intérieur pour faire apparaître les options.
Nous allons créer deux composants que l’on va ensuite manipuler.
Créer deux rectangles
Pour créer deux rectangles, il faut utiliser l’outil « Forme ».
Ces deux rectangles nous seront utiles pour comprendre comment utiliser les options de l’outil « Organiser ».
Position des éléments
Commençons par comprendre comment les composants dans Pixelmator Pro (et par extension les autres logiciels de retouche photo et les autres applications graphiques) sont positionnés.
Nous travaillons en 2D. Cependant, chaque élément est positionné par rapport à un autre. C’est comme une pile (de feuilles ou d’autres choses).
Si l’on déplace l’un de nos deux rectangles, on s’aperçoit qu’il y en a un qui est au-dessus de l’autre.
Mais grâce à notre logiciel, il est possible de changer leur position. Nous allons par exemple placer le rectangle bleu au premier plan. Pour cela, cliquez sur le rectangle et ensuite sur le bouton « Premier plan ».
Comme vous pouvez le constater, le rectangle est désormais au-dessus du rectangle rose.
Le bouton utilisé met le composant au premier plan, peu importe leurs nombres sur notre feuille. Il est possible de faire le contraire également. C’est-à-dire mettre en « Arrière-plan ».
Le rectangle a disparu 😧 !
Non 😑 !
Il est en dernière position. Et oui ! Il n’y a pas juste deux éléments, mais trois. La feuille blanche en est un également. Le rectangle bleu est en dessous. Et comme cette feuille blanche prend toute la place, nous ne voyons pas le rectangle en question.
Éloigner et avancer d’une seule position à la fois
Bien entendu, vous n’êtes pas obligé de systématiquement mettre un composant directement en première ou en dernière position. Vous pouvez y aller par un plan ( ou cran) à la fois grâce aux deux boutons suivants.
Pour notre rectangle bleu, nous avons appuyé « Avancer » et nous avons retrouvé notre position de départ.
Alignement
Nous avons à notre disposition des options qui nous permettront d’aligner les éléments rapidement.
Pour atteindre ce but, je vous propose de sélectionner nos deux rectangles en maintenant le bouton SHIFT de votre clavier et en cliquant sur un rectangle et puis l’autre.
Ensuite, cliquer sur le premier bouton à gauche de la section alignement.
Avez-vous noté ?
Les deux composants ont été alignés d’une certaine façon.
Je vous invite à tester les autres manières d’aligner les éléments en cliquant sur les autres boutons.
Taille, position et rotation
Pour la taille, la position et la rotation, nous allons nous concentrer sur un seul rectangle. Le bleu 🟦 !
Plaçons-le en bas et sélectionnons-le.
Taille
Maintenant, nous allons pouvoir modifier sa taille. À droite dans la section « taille », modifiez la largeur « L » et la hauteur « H ». Par exemple « L » = 1500px et « H » = 1600px.
Position
Comment changer la position de manière précise de notre élément ?
C’est ce que nous allons voir présentement.
À droite, dans la section « Position » changer les coordonnées « X » et « Y ».
"X » modifie la position de l’élément horizontalement et « Y » verticalement.
Par exemple pour « X » nous allons taper 900px et pour Y 1500px. Vous allez vous apercevoir que le rectangle a bougé de place. Cette manière de faire permet d’être précis dans la position d’un élément dans Pixelmator Pro.
Bien entendu, il est tout à fait possible de le déplacer grâce à la souris. Mais utiliser la section « position » a le mérite de positionner un rectangle ou tout autre élément de manière précise.
Rotation
Vous pouvez tourner le rectangle dans la section « rotation ». C’est très simple 😀 !
Les deux options « retourner » permettent de créer une rotation de type miroir dans un sens et dans l’autre.
Combiner les composants
Pour combiner les éléments, nous allons remplacer nos deux rectangles par autres choses.
Nous utiliserons un triangle bleu et un cercle vert.
Nous allons concentrer notre attention dans la section des options de « combiner ». Pour les utiliser, il faut au moins sélectionner deux éléments.
Et c’est logique, car il n’est pas possible de combiner un seul élément.
Je vous invite aussi à rapprocher le cercle et le triangle afin qu’il se superpose.
Désormais, il nous est possible de combiner (ou fusionner) nos deux éléments de différentes façons.
Addition
Soustraction
Garder l’intersection
Supprimer l’intersection
Deux (ou plusieurs) éléments en un
Comme vous pouvez le constater, dans tous les cas, la fusion des éléments les transforme en un seul et unique élément.
Verrouiller et cacher
Il est possible également de verrouiller un élément pour l’empêcher de bouger (un cadenas permet d’identifier cet état).
Et vous avez la possibilité de masquer un objet (sans le supprimer). Lorsque c’est le cas dans la partie des calques à gauche, sa case à cocher (checkbox) est décochée.
Associer
L’option « associer » est souvent confondue avec l’option « addition » de « combiner ». Elles sont pourtant différentes l’une de l’autre.
La section « combiné » crée un élément à partir de deux formes.
La fonction « associer » colle deux éléments ensemble. Lorsqu’on les déplace, les deux bougent en même temps, mais il y a bien deux formes.
😎 Je vais vous indiquer une astuce pour mieux comprendre. Imaginer la fonction « associer » comme une manière de mettre virtuellement des formes dans un dossier. Ce dossier, on pourra ensuite l’utiliser.
La fonction « dissocier » permet de faire le contraire.
Transformer
Tout en bas à droite, nous allons parler d’une dernière fonctionnalité.
C’est « transformer ». Lorsque vous cliquez sur ce bouton, plusieurs choses apparaissent.
Le plus intéressant est la partie « redimensionner » et la partie « distorsion ».
Le plus simple pour comprendre, c’est de pratiquer. Je vous laisse donc faire des tests.
N’oubliez pas d’appuyer sur le bouton « appliquer ».
Sélection auto.
Pour sélectionner les éléments présents sur notre logiciel, nous pouvons utiliser les calques à gauche. Mais il est possible de recourir à une autre méthode.
Sélectionner directement les éléments
Il est possible de sélectionner directement en cliquant sur l’objet. Mais pour que cette manière de faire fonctionne bien, il faut s’assurer que l’option « sélection auto. » soit bien activé.
Associer ou calque
Il existe deux manières de les sélectionner. Par « calque » ou « associer ». La principale différence est qu’en mode « associer », aux cliques, on sélectionne les formes associées (ou grouper) plutôt que les formes elles-mêmes.