Si la technologie du design s'est considérablement développée ces dernières années, et que tout paraît maintenant à portée de clic, souvent, le meilleur travail qu'un designer peut faire est encore avec de bons vieux crayons et papiers. Mais peu importe votre niveau de talent pour croquer, en tant que professionnel du design, votre travail devra probablement être numérisé à un moment ou l'autre, pour un fini propre, ainsi que pour votre collaboration en ligne avec votre client ou vos collègues et la réalisation éventuelle de votre vision.

Si vous ne savez pas tellement comment convertir vos oeuvres manuelles en vecteurs, n'ayez crainte : DesignCrowd est là pour vous. Nous vous accompagnons ci-dessous dans les 8 étapes pour passer du croquis au vecteur dans Adobe Illustrator CS6, compilé et illustraté par Divya Abe, professionnelle du design et qui vit à Sydney.

1ère Etape – Dessinez Votre Design

Quand vous commencez votre croquis, souvenez-vous de points clé que j'ai appris de mes expériences passées :

• Si vous utilisez plus d'une couleur, assurez-vous qu'elle soit forte pour que le scanner ou la photo puisse la noter. Il est plus facile d'utiliser un feutre plutôt qu'un crayon bois.
• Tracez bien les contours – un simple croquis ne suffira pas. Illustrator ne le verra pas.

Contrairement aux autres croquis rapides que je peux faire dans la journée, quand je veux qu'un de mes dessins soit transformé en vecteur, je prends davantage de temps et prête une attention particulière au détail. Je ne mets pas de couleur car le contraste fort du noir et blanc optimise mes chances qu'Illustrator saisisse chaque détail, ce qui me fera gagner du temps par la suite.

2ème Etape – Numérisez Votre Design

Scannez votre croquis en qualité maximale ou prenez une photo de haute résolution. Je préfère scanner (il faut un bon scanner, pour qu'il distingue bien le noir et blanc) et je règle mes préférences à "contraste fort" et "couleurs monotones".

3ème Etape – Retravaillez Votre Design

Ouvrez le fichier dans Photoshop et effacez (e) tout ce qui est inutile. Plus vous nettoyez maintenant, plus Illustrator pourra reproduire le tracé (ce qui veut dire moins d'ajustements à faire sur Illustrator, et donc vous gagnez ainsi du temps).

4ème Etape – Ajustez Et Sauvegardez Votre Design

Une image plus forte veut dire un tracé plus fort. Mon exemple d'image a plutôt des tons gris que noirs, mais il y a plusieurs façons de transformer l'image en noir et blanc. Je préfère jouer avec les niveaux (cmd L sur Macs, ou ctrl L sur Windows) et/ou les courbes (cmd M ou ctrl M). Une fois que vous pensez que c'est bon, sauvegardez l'image en jpeg.

5ème Etape – Tracez Votre Design

Ouvrez Illustrator CS6 et créez un nouveau document. Allez dans le menu Fichier en haut à gauche et choisissez Place pour insérez votre jpeg dans le fichier. Sélectionnez l'image et allez sur Window>Image Trace. L'outil Image Trace doit maintenant s'afficher.

6ème Etape – Jouez Avec Les Préréglages

Assurez-vous que la fonction aperçu est sélectionnée, cliquez sur le menu preset dans Image Trace et descendez dans les options jusqu'à trouver celle que vous préférez. Si la trace ne trouve pas votre dessin instantanément, jouez avec le réglage et niveau jusqu'à trouver la solution qui marche.

7ème Etape – Convertissez Votre Tracé En Chemins

Maintenant que votre dessin est tracé, allez dans l'outil en haut de la barre et cliquez sur Expand. Votre tracé sera automatiquement converti en chemins.

8ème Etape – Jouez Avec Votre Nouveau Vecteur

Le niveau de détail dans votre dessin original déterminera le nombre de points d'ancrage que vous obtenez pour votre vecteur. Si vous créez un logo ou une partie de design que vous partagez avec d'autres, il vaut probablement mieux le mettre au propre maintenant. Si c'est votre travail, et vous êtes satisfait(e) de son look après votre dur travail sur Photoshop, alors votre travail de jeu de couleur ou de "redimenssion" de l'image a payé. Félicitations ! Votre dessin manuel est officiellement un vecteur !

Commentez Cet Article :

Ce tutoriel vous a-t-il été utile ? Connaissez-vous un meilleur moyen ? Qu'aimeriez-vous apprendre d'autre ? Dites-le nous dans les commentaires !

Vous En Voulez Davantage ?

DesignCrowd est toujours prête à aider les nouveaux designers. Pour plus de tutoriels et de conseils design, découvrez ces articles :

10 Stickers Macbook "Utiles"

Nos 10 Meilleurs Sites d'Images de Bibliothèque Gratuites Pour Designers

Written by Divya Abe on Thursday, December 5, 2019

Divya Abe is an expert graphic designer ready to share her knowledge with the crowd. Besides spending quality time on the internet she enjoys anything to do with cats. Get in touch via Google+.