Adobe Illustrator est l'une de mes applications préférées absolues. Pour le travail vectoriel, Illustrator est tout simplement imbattable. Vous devez vraiment mettre vos réservations de côté et essayer. Même si vous créez généralement des graphiques raster pour le Web, Illustrator fait tout simplement mieux que Photoshop; il est donc essentiel de connaître les deux applications et leurs forces / faiblesses.
L'article d'aujourd'hui est pour les débutants extrême Illustrator. Adobe Creative Suite est installé sur votre ordinateur et vous avez vu Illustrator assis tranquillement, suppliant de jouer, mais vous n’avez jamais sauté dedans. Nous allons passer en revue dix choses de base à connaître avant de commencer.
Une discussion centrée sur Photoshop
En écrivant cet article, l'une des principales hypothèses que je fais est que vous connaissez assez bien Photoshop. La plupart des concepteurs Web vivent dans Photoshop et / ou Fireworks. Cela devrait donc vous convenir si vous correspondez à cette description.
Au fil des conseils ci-dessous, une grande partie de l'explication sera basée sur la différence de travail entre Illustrator et Photoshop. Les deux applications étant assez similaires, vous devriez pouvoir exploiter vos connaissances existantes tant que vous gardez les informations ci-dessous à l'esprit.
Comme Photoshop, Illustrator est une application gigantesque, nous ne pouvons donc pas tout couvrir en une seule publication, mais voici un bon aperçu de certaines techniques, outils et connaissances à garder à l'esprit.
Les graphiques vectoriels sont magiques
La première chose à savoir sur Illustrator est qu’il est utilisé pour créer des graphiques vectoriels. Comme vous le savez probablement, les graphiques vectoriels sont très différents des graphiques raster que vous créez généralement dans Photoshop (il est vrai que Photoshop ne dispose que de fonctionnalités vectorielles limitées, mais pas du tout comme dans Illustrator.). Au lieu d'être constitués de pixels individuels statiques, les graphiques vectoriels sont dessinés mathématiquement par votre ordinateur et peuvent donc être modifiés de façon drastique sans perte de qualité.
Concrètement, cela signifie que lorsque vous créez des œuvres dans Illustrator, quelle que soit leur taille d'origine, vous pouvez, à tout moment, le rendre aussi grand qu'un panneau publicitaire ou aussi petit qu'un pouce tac. Cela a des implications positives majeures sur votre façon de travailler.
Par exemple, supposons que vous soyez dans Photoshop et que vous ayez un logo circulaire de petite taille et que vous souhaitiez le voir grand. Comme vous avez sans doute rencontré des millions de fois, si vous essayez d'augmenter la taille de cet élément, il est quasiment détruit. Regardez combien un cercle simple perd de la qualité lorsque sa taille augmente:
Cela rend très difficile la création et l'utilisation de graphiques complexes en raster, car votre liberté de changer d'idée est limitée, même si vous utilisez des objets dynamiques, vous êtes contraint de respecter sa taille d'origine.
Avec les graphiques vectoriels, ces problèmes n'existent tout simplement pas, vous donnant la liberté de changer en permanence d'esprit et d'œuvres d'art à votre guise, sans vous soucier de toute dégradation visuelle.
De plus, les graphiques vectoriels étant composés de points et de lignes, vous avez une liberté illimitée pour entrer et modifier des segments de ligne individuels.
Mais vous le saviez déjà
Les chances sont, si vous lisez ce blog, vous savez déjà quelles sont les différences entre les graphiques vectoriels et raster. Ce que vous devez accepter maintenant, c’est qu’Illustrator élimine réellement Photoshop dans ce domaine (Fireworks est un intermédiaire intéressant qui permet de combiner assez bien les deux). Mieux encore, vous n’avez pas à choisir l’une sur l’autre, mais vous pouvez les utiliser, ainsi que toutes les autres applications de Creative Suite, de manière synergique tout au long de vos différents projets.
Qu'est-ce que c'est que cette merde sur mon écran?
La première chose que vous remarquerez probablement lorsque vous commencerez à utiliser Illustrator, c'est qu'il se passe beaucoup de choses lorsque vous sélectionnez et modifiez quelque chose. C'est quelque chose que beaucoup de nouveaux utilisateurs ont tendance à détester dès le départ, parce que cela semble déroutant, mais en réalité, toutes les informations et tous les contrôles qu'Illustrator transmet sont extrêmement utiles.
La boîte englobante
Pour commencer, chaque fois que vous sélectionnez quelque chose, vous verrez son cadre de sélection. C’est une fonctionnalité intuitive que vous devez comprendre instantanément, la partie qui n’est pas intuitive est la raison pour laquelle elle ne disparaîtra pas.
Dans Photoshop, vous ne voyez le cadre de sélection d'un objet que lorsque vous êtes au milieu d'une transformation. Dans Illustrator, vous voyez le cadre de sélection à chaque fois qu'un objet complet est sélectionné et que l'outil actif est l'outil Sélection directe (V).
Si vous avez sélectionné plusieurs objets, le cadre de sélection apparaît autour de chacun d'eux, vous permettant de les déplacer ou de les transformer ensemble. Les mêmes règles que dans Photoshop sont appliquées: maintenez la touche Maj enfoncée pour mettre à l’échelle de manière uniforme, utilisez la touche Alt / Option pour l’échelle à partir du centre, etc.
Une différence majeure ici est que vous ne pouvez pas saisir et déplacer indépendamment un coin spécifique du cadre de sélection comme dans une transformation Photoshop. Cela rend un peu plus délicates le cisaillement et la mise en perspective d'objets car vous devez utiliser les outils dédiés à ces types de transformations. Nous verrons plus tard comment utiliser Free Transform, qui ressemble beaucoup plus à Photoshop.
Guides intelligents
Les guides intelligents sont la principale source d'insectes de nombreux débutants et professionnels. Ce sont les petites informations et les grandes lignes qui apparaissent lorsque vous survolez, déplacez ou transformez quelque chose. Ils peuvent avoir l’impression de vous mettre en travers de votre chemin mais essayez de vous y habituer et de les utiliser le plus possible, vous verrez bientôt leur valeur.
Les guides intelligents vous permettent de dimensionner des objets à la volée à l'aide de mesures précises et d'aligner ce que vous avez sélectionné avec des points et des lignes provenant d'autres objets qui l'entourent. Ils facilitent la création de mises en page complexes très rapidement et sont beaucoup plus faciles que "eyeballing". des choses. Bien entendu, vous disposez également d'un ensemble complet d'outils d'alignement pour ces types d'opérations:
Éteindre tout
Je recommande fortement de travailler avec tous ces extras activés, mais certains utilisateurs détestent simplement toutes les distractions. Certes, je ressens la même chose à propos des suppléments d'InDesign, alors je comprends vraiment cet état d'esprit.
Heureusement, Illustrator vous permet de désactiver le bruit et de désactiver tous ces éléments. Pour désactiver rapidement le cadre de sélection, appuyez sur Commande-Maj-Bou aller à Afficher> Masquer le cadre de sélection.
De même, désactiver les guides intelligents est aussi simple que de frapper Command-Uou aller à Vue et décocher Guides intelligents.
Les couches sont différentes
Lorsque vous passez de Photoshop à Illustrator, il est important de noter les modifications conceptuelles apportées au flux de travail. Malgré le fait que les deux applications partagent de nombreuses fonctionnalités, il est fréquent que la fonctionnalité soit utilisée de manière très différente.
Les couches en sont un excellent exemple. Dans Photoshop, chaque pièce obtient son propre calque. En fait, un objet individuel est vraiment défini par la couche sur laquelle il se trouve. Si vous jetez deux éléments sur le même calque, ils deviennent un seul élément et s'ils se chevauchent, vous ne pourrez plus les séparer. L'application d'un effet à un objet affecte également l'ensemble du calque.
Dans Illustrator, les couches ne constituent pas un moyen simple d'accéder à chaque élément de la page, mais bien un utilitaire d'organisation pratique. Si vous le souhaitez, vous pouvez créer une œuvre d'art incroyablement complexe avec des milliers d'éléments individuels, le tout à l'aide d'un seul calque. De plus, les éléments de cette couche ont leur propre sous-hiérarchie et peuvent être édités et organisés indépendamment à tout moment.
Ainsi, par exemple, au lieu d’avoir un calque pour chaque élément, il serait plutôt typique de créer un calque contenant tous vos éléments de texte, un autre pour vos graphiques vectoriels et éventuellement un troisième pour les images importées de Photoshop.
Comment fonctionnent les calques en IA
Il existe une tonne de fonctionnalités dans les calques Illustrator que vous ne verrez pas dans Photoshop. Pour commencer, chaque couche a une petite flèche déroulante qui vous permet de voir la hiérarchie de chaque élément de cette couche. Ici, les éléments peuvent être réorganisés pour ajuster l'ordre d'empilement visuel du résultat (utilisez les touches Commande- [et Commande-] pour faire avancer un élément ou le repousser).
Sur le côté droit de la palette, vous devriez voir un cercle à côté d'un carré coloré. En cliquant sur le cercle, vous sélectionnez facilement un élément. Cliquez sur le cercle du calque pour tout sélectionner dans le calque ou sur le cercle d'un élément individuel pour sélectionner uniquement cet élément.
Le carré de couleur indique la couleur de ce calque. Pour plus de commodité, le cadre de sélection et les autres graphiques en incrustation sont codés par couleur en fonction des calques. Ainsi, lorsque vous sélectionnez un élément, vous pouvez voir instantanément à quel calque il appartient. Pour déplacer un élément d'un calque à un autre, cliquez simplement sur son petit carré et faites-le glisser.
Le Pathfinder est génial
Let's face it, dessiner sur un ordinateur est difficile. Même des formes simples peuvent être difficiles à créer si vous n'êtes pas un maître de l'outil Plume. Comme avec la plupart des logiciels vectoriels professionnels, Illustrator facilite la création de formes complexes grâce aux opérations booléennes de la palette Pathfinder.
Les petits aperçus sur les boutons Pathfinder sont assez explicites. Elles permettent toutes essentiellement de combiner deux formes de manière intéressante. Lorsque vous utiliserez Ai pour la première fois, vous serez peut-être tenté de penser que c'est une nouveauté que vous n'utiliserez jamais, mais croyez-moi, si vous envisagez d'illustrer, utiliser le Pathfinder vous fera gagner beaucoup de temps.
Un peu de créativité va un long chemin et une fois que vous pourrez apprendre à voir les formes simples qui composent des objets complexes, le Pathfinder sera votre meilleur ami.
Constructeur de forme
Si vous utilisez CS5, Illustrator vous propose un autre moyen d'effectuer des opérations booléennes complexes. L'outil Générateur de formes (Maj + M) vous permet simplement de cliquer et de faire glisser les objets qui se chevauchent pour les combiner.
Essayez de maintenir le Option touche pour soustraire la géométrie plutôt que de l’ajouter. Découvrez un didacticiel vidéo sur le nouvel outil Shape Builder ici.
Planches d'art, pas de pages
Depuis plus d'une décennie, les utilisateurs d'Illustrator déplorent l'impossibilité de créer des documents de plusieurs pages. Adobe a volontairement gardé les projets multi-pages comme une fonctionnalité clé d'InDesign, de sorte qu'il n'y avait plus beaucoup d'espoir de solution.
Récemment cependant, le problème a été résolu de manière intéressante en permettant aux utilisateurs de créer plusieurs planches d’art. Celles-ci peuvent être utilisées de différentes manières: idées distinctes pour un même projet, conception à la fois du devant et du dos d'un objet, etc.
Vous pouvez créer autant de planches que vous le souhaitez dans un seul document. Ils peuvent même être de tailles différentes. Sur le plan fonctionnel, l’utilisation de plusieurs planches d’art dans un seul document présente de nombreux avantages au lieu de simplement créer plusieurs documents. Vous pouvez facilement déplacer / copier des objets dans les deux sens et imprimer ou exporter simultanément des plans d’art sélectionnés.
Les effets sont étranges
Au lieu de? Filtres? comme dans Photoshop, Illustrator vous propose divers? effets? cela peut être utilisé pour manipuler vos œuvres d'art, et il faut s'y habituer. Pour voir ce que je veux dire, utilisons-en un. Ci-dessous, j'ai un texte qui a été converti en contour et je veux lui donner une perspective.Comme je l'ai mentionné ci-dessus, la boîte englobante ne me donne pas cette liberté, alors je suis allé à Effets> Distorsion et transformation> Distorsion libre.
Maintenant, quand j'applique la transformation, les choses deviennent un peu wachées. L'effet est clairement visible sur mon texte, mais lorsque je sélectionne l'objet, tous mes points sont toujours dans leur position d'origine et ne reflètent pas du tout mon illustration actuelle.
En effet, la transformation n'est pas réellement appliquée de manière permanente. Au lieu de jouer avec la forme de votre objet, les effets sont appliqués «en direct». En fait, c’est une bonne chose car cela signifie que vous conservez toujours l’intégrité de votre objet d’origine et que vous pouvez revenir en arrière et modifier l’effet à tout moment.
Pour modifier l'effet, sélectionnez votre objet et affichez votre palette d'apparence. Il devrait y avoir un peu? Fx? icône quelque part avec le nom de l'effet que vous avez appliqué. Double-cliquez simplement sur cette icône pour la modifier ou faites-la glisser dans la corbeille pour la supprimer.
Effets Photoshop
Vous avez peut-être remarqué qu'il existe en réalité un ensemble d'effets Photoshop disponibles dans Illustrator. Celles-ci peuvent être amusantes, mais honnêtement, je recommanderais de les utiliser avec parcimonie, voire pas du tout. Les effets Illustrator sont conçus pour les vecteurs et utilisent des calculs mathématiques pour s’adapter aux modifications des illustrations. Les effets Photoshop sont raster et donc moins fiables lorsqu’ils tentent de les appliquer dans un espace de travail vectoriel.
La pipette fait beaucoup
À l'intérieur de Photoshop, l'outil Pipette récupère une couleur de votre document ou de votre écran? c'est tout. Cependant, dans Illustrator, l’outil est beaucoup plus puissant. Voici quelques choses que vous pouvez faire avec cela.
Saisir une couleur d'un autre article
Celui que vous connaissez. Sélectionnez un objet, une pipette, un autre, la couleur du second objet sera appliquée au premier.
Exemple: Sélectionnez la boîte rouge, la boîte bleue Pipette, les deux boîtes seront désormais bleues.
Appliquer la couleur de l'objet sélectionné ailleurs
Une autre façon d’utiliser l’outil Pipette consiste à sélectionner l’objet dont vous souhaitez reproduire la couleur ailleurs, puis à maintenir la touche enfoncée. Option clé et cliquez sur tout ce que vous voulez donner à cette couleur.
Exemple: Sélectionnez la case rouge, Option-Click sur la case bleue, les deux cases seront désormais rouges.
Prenez le style de texte et d'autres objets
L’outil Pipette d’Illustrator saisit non seulement la couleur mais également le style. Vous pouvez l'utiliser pour que deux objets de texte aient des polices, une couleur et une taille identiques ou pour saisir le trait d'un objet de forme.
Exemple 1: Sélectionnez le texte Futura 12 pt rouge, le texte Pipette Helvetica bleu 15 pt, les deux objets deviennent du texte Helvetica 15 pt bleu.
Exemple 2: Sélectionnez une zone blanche avec un trait noir, Pipette une boîte bleue avec un contour jaune, les deux zones deviennent bleues avec des contours jaunes.
Astuce: maintenez la touche Maj enfoncée pour ne saisir que la couleur de premier plan d'un objet.
Les polices rendent le partage de fichiers difficile
Lorsque je passe un document Photoshop à une personne, quelles que soient les polices utilisées, celle-ci peut réellement l'ouvrir et voir à quoi ressemblait le dessin d'origine. Sans les polices, ils ne peuvent pas modifier le texte, mais ils peuvent au moins le voir.
Dans Illustrator, ce n'est pas le cas. Si vous créez une œuvre d'art pour une personne et la lui envoyez, si des polices inhabituelles sont utilisées, il est fort probable que cette personne ne pourra pas afficher votre fichier .ai correctement (elle verra les polices incorrectes).
En pratique, la plupart des gens n’envoient que les polices, mais cela pourrait être un mauvais choix pour plusieurs raisons. Premièrement, l’octroi de licences de polices est compliqué et, techniquement, vous n'êtes pas censé donner vos polices coûteuses à tous ceux qui souhaitent consulter votre fichier.
En outre, il arrive souvent qu'une personne telle qu'une imprimante commerciale demande vos fichiers mais vous ne voulez pas vraiment qu'ils changent quoi que ce soit. Dans ces deux cas, vous pouvez éviter beaucoup de problèmes en sélectionnant Type> Créer des contours (Commande + Maj + O). Cela transforme votre texte en formes vectorielles et élimine ainsi tout problème de police et empêche le spectateur de modifier le texte.
Vous pouvez également enregistrer le document au format PDF et le partager de cette manière. De nombreux clients demanderont les "fichiers superposés d'origine", auquel cas un PDF ne suffira pas, mais si la personne ne se soucie pas des formats de fichier, PDF est la solution.
Faire face aux polices manquantes
Si vous êtes à l’autre bout de la discussion et que vous recevez un fichier avec les polices manquantes, vous ne pouvez rien faire pour y remédier. Cependant, Illustrator facilite la recherche de polices spécifiques manquantes et leur remplacement dans un document par un élément de votre système. Ceci est fait dans le Type> Rechercher la police dialogue.
Raccourcis clavier utiles
Pour terminer notre discussion sur les bases d'Illustrator, vous devez vous familiariser avec la navigation rapide et sans heurts dans l'interface à l'aide des raccourcis clavier. Évidemment, survoler n'importe quel outil vous montrera le raccourci équivalent, alors voici quelques astuces utiles que vous ne connaissez peut-être pas. Bon nombre d’entre eux sont issus de Photoshop, vous devriez donc vous sentir chez vous.
Je vais juste ajouter les raccourcis Mac ici. Les utilisateurs de PC devraient juste savoir cela? (Commande) = Contrôle et? (Option) = Alt.
Zoomer
- Zoom avant / arrière: ? + ou? -
- Ajuster Artboard à l'écran: ?0
- Zoom sur la taille réelle: ?1
Changement d'outil temporaire
- Outil à main temporaire: Maintenir l'espace de n'importe quel outil
- Outil de sélection temporaire: Tenir ? depuis n'importe quel outil (vous donne la sélection directe si déjà dans l'outil de sélection)
- Outil de zoom temporaire: Tenir? Espace de n'importe quel outil
Collage
- Coller devant: ?F
- Coller à l'arrière: ? B
- Coller en place: ?? V
Travailler avec des objets
- Dupliquer un objet: Tenir ? en faisant glisser
- Objets de groupe: ?G
- Dissocier des objets: ??G
- Mettre au premier plan: ??]
- Envoyer au fond: ??[
- Sélectionner tout sur Active Artboard uniquement: ??UNE
- Sélection du verrou: ? 2, ?? 2 pour tout débloquer
- Masquer la sélection: ? 3, ?? 3 pour tout afficher
Autre
- Vérifier l'orthographe: ?JE
- Afficher la grille: ??
- Faire des guides: ? 5 (sélectionnez d'abord une forme)
Conclusion
J'espère que les dix conseils ci-dessus vous ont incité à donner un autre regard à Illustrator. C'est une application compliquée, mais il ne peut pas être battu pour le travail vectoriel et une fois que vous comprenez en quoi c'est différent de Photoshop, tout commence à avoir un sens.
Laissez un commentaire ci-dessous et dites-nous tous les bons conseils d'Illustrator qui vous viennent à l'esprit. Avec quoi avez-vous eu du mal à vous procurer cette application? Avec quoi luttez-vous encore?