Travailler avec des vecteurs dans Pixelmator

Pixelmator est une application d’édition d’images puissante, facile à utiliser, pour Mac. Dans ce tutoriel, nous expliquerons comment travailler avec des formes vectorielles.


Avant de commencer

Dans Pixelmator, trois outils peuvent être utilisés pour créer et manipuler des objets vectoriels. Chacun se trouve dans la palette d'outils.

  1. Outil stylo
  2. Outil de forme libre
  3. Outil de forme personnalisée


1. Les outils de stylo

Les deux outils de stylo sont parfaits pour dessiner à la main ou pour tracer des images existantes. Voyons comment les utiliser.

Étape 1

Créer une nouvelle image (Fichier> Nouveau…) de 600 x 600 pixels et sélectionnez le Outil stylo du Palette d'outils. Cliquez à l'intérieur de la fenêtre du document sur le point où nous voulons commencer à dessiner. Ensuite, cliquez sur un autre point dans la fenêtre du document pour créer le prochain point de la forme. Répétez ceci plusieurs fois. Notez que vous pouvez fermer votre forme en cliquant à nouveau sur le point de départ. Double-cliquer sans fermer la forme vous laissera une ligne.


Étape 2

Sélectionnez l'outil Freeform Pen dans la palette d'outils. Cet outil est presque identique à l'outil Plume que nous avons utilisé lors des étapes précédentes. La seule différence est que nous devons cliquer et dessiner pour créer une forme. Alors cliquez avec la souris sur la fenêtre du document et maintenez le bouton de la souris enfoncé. Puis dessinez une forme avec la souris. Relâcher le bouton de la souris finalise la forme. C’est la méthode de base pour éditer tous les types de formes vectorielles dans Pixelmator..


Étape 3

Sélectionnez le Outil de forme libre du Palette d'outils. Cet outil est presque le même que le Outil stylo nous avons utilisé dans les étapes précédentes. La seule différence est que nous devons cliquer et dessiner pour créer une forme. Alors cliquez avec la souris sur la fenêtre du document et maintenez le bouton de la souris enfoncé. Puis dessinez une forme avec la souris. Relâcher le bouton de la souris ferme la forme.

quand nous Ctrl-Clic sur la forme et choisissez Rendre modifiable ou double clic sur la forme pour la rendre modifiable, nous verrons apparaître les mêmes poignées rouges et nous pourrons ajuster la forme plus avant. Notez également que par défaut, chaque nouvelle forme est ajoutée à un nouveau calque..



2. L'outil de forme personnalisée

le Outil de forme personnalisée se compose de plusieurs formes définies standard que nous pouvons facilement ajouter à notre document.

Étape 1

Supprimez tous les calques sauf le calque d'arrière-plan standard. Clique sur le Outil de forme personnalisée et maintenez le bouton de la souris. Un menu déroulant apparaîtra nous permettant de choisir parmi plusieurs formes prédéfinies. Sélectionnez le Forme de rectangle arrondi.


Étape 2

Du Menu de vue, choisir Afficher la grille. Utiliser une grille est une aide précieuse pour créer des images à partir de rien et donc un compagnon de bienvenue lorsque vous utilisez les fonctions de forme de Pixelmator..

Les paramètres de la grille peuvent être ajustés dans le menu Préférences Pixelmator dans le Règles section. Pour ce document, j'ai utilisé un Ligne de la grille tous les 10 pour cent avec 5 Subdivisions.


Étape 3

Tracez un rectangle arrondi avec le Outil de forme personnalisée. dans le Barre d'options d'outils, nous avons mis le Remplir à Couleur et choisissez une couleur gris clair dans la palette de nuanciers, comme indiqué dans la figure ci-dessous..


La forme arrondie du rectangle a une fonction astucieuse qui nous permet d’ajuster le rayon des coins. Ce rayon est ajusté en faisant glisser le petit point bleu dans le coin supérieur gauche vers la droite ou vers la gauche. Pour notre document, j'ai défini le rayon à 60.



3. Créer une icône de caméra

Étape 1

De la même manière qu’à l’étape 3 de la dernière section, nous dessinons un rectangle arrondi avec le Outil de forme personnalisée. dans le Barre d'options d'outils, nous avons mis le Remplir à Couleur et choisissez une couleur gris foncé presque noire dans la palette de nuances. Utilisez un petit rayon pour le coin.


Étape 2

Du Outil de forme personnalisée sélectionnez le Forme d'ellipse. Comme pour les sélections, nous pouvons également ajouter, soustraire et intersecter des formes qui se trouvent sur le même calque. Il se peut que pas tout Barre d'options d'outils est visible. Pour voir les modes d’addition et de soustraction, vous devrez peut-être agrandir la fenêtre du document. Sélectionnez le Ajouter au mode forme, lorsque les modes d’addition et de soustraction deviennent visibles. Comme indiqué sur la figure.

Étape 3

Lors de l'ajout de formes à un calque de forme existant, vous découvrirez tôt ou tard qu'il est difficile de distinguer les différentes formes du calque. En cliquant sur le petit icône d'engrenage dans le Barre d'options d'outils et en choisissant Afficher le contour, nous voyons le contour de chaque forme sur le calque, ce qui facilite grandement le travail.


Étape 4

Assurez-vous que vous êtes dans Ajouter un mode et tracez un cercle sur le corps de la caméra. Ce sera devenu le contour de l'objectif de la caméra. Pour créer un cercle parfait, vous pouvez maintenir la touche Maj enfoncée tout en faisant glisser. Lorsque vous relâchez le bouton de la souris, vous remarquerez que le Outil de déplacement est activé automatiquement. Faciliter le déplacement immédiat de notre cercle.


Étape 5

Nous continuons avec notre objectif en copiant la forme circulaire que nous venons de créer. Nous faisons cela en appuyant sur Command-C sur notre clavier pour copier, suivi de Commande-V coller. Vous verrez que la copie de la forme est placée sur le même calque. Basculer vers Mode soustraction et placez la forme sur l'autre forme circulaire. Nous réduisons maintenant la forme de soustraction en faisant glisser les poignées vers l’intérieur. Utilisez le Option clé et la Décalage touche en même temps tout en traînant, pour nous assurer de garder les proportions circulaires et de réduire la taille de notre forme de tous les côtés en même temps.


Étape 6

Faisons cet exercice une fois de plus. Exactement de la même manière mais maintenant en mode ajout. Donc, avec la forme actuelle sélectionnée, nous appuyons sur Command-C, suivi par Commande-V. Basculer vers Ajouter un mode, déplacez la forme en place et réduisez-la en la faisant glisser avec la souris et en utilisant le Option et Décalage clés.


Étape 7

Chaque caméra a un obturateur et afin de rendre notre obturateur nous choisissons la Forme rectangulaire du Outil de forme personnalisée. Assurez-vous que nous sommes toujours en Ajouter un mode et dessinez le rectangle pour notre obturateur. Comme vous le voyez, la forme du rectangle ne vient pas avec des options spéciales.


Étape 8

Pour le viseur, nous allons utiliser une forme de la Palette de formes. le Palette de formes peut être consulté en choisissant Afficher les formes du Menu de vue ou en ouvrant le Outil de forme personnalisée et en choisissant Forme personnalisée.

Du Palette de formes nous choisissons la forme du pentagone. Assurez-vous de passer à Mode soustraction et dessinez un petit pentagone là où nous voyons normalement le viseur.


Étape 9

Un curseur apparaîtra, nous permettant de choisir le nombre de points que nous voulons avoir dans notre forme. Cette forme est aussi un type de forme appelé Forme intelligente dans Pixelmator. Permet d’ajuster le nombre de points à 4.



4. Enregistrement de formes personnalisées

Si tout a été fait correctement, vous obtiendrez un document composé de trois couches. La couche supérieure correspond à la forme de notre appareil photo fini. Cette forme de caméra peut être enregistrée et réutilisée dans des projets ultérieurs.

Étape 1

Sélectionnez le calque avec la forme de la caméra en cliquant dessus et faites-le glisser dans la palette des formes. Vous verrez apparaître une icône plus et en relâchant le bouton de la souris, la forme sera placée dans la palette des formes..



Toutes nos félicitations!

Dans ce tutoriel, nous vous avons montré comment créer rapidement une icône de caméra en utilisant seulement quelques formes vectorielles. Nous avons montré comment utiliser les modes d’addition et de soustraction, comment modifier une forme, ainsi que comment enregistrer des formes pour une utilisation ultérieure. Nous espérons que ce tutoriel vous a plu et que vous restez à l'écoute pour notre prochain tutoriel sur Pixelmator, qui expliquera comment utiliser les pinceaux et les dégradés..