Le guide du débutant à Adobe Illustrator

Publicité

Vous voulez commencer à apprendre Adobe Illustrator, mais vous sentez dépassé? Découvrez "Getting Started With Illustrator", le premier manuel Illustrator de MakeUseOf. Avec des instructions faciles à suivre et de nombreuses captures d'écran annotées, ce manuel facilite l'apprentissage d'Illustrator.

Ce guide peut être téléchargé en format PDF gratuit. Télécharger le guide du débutant à Adobe Illustrator maintenant . N'hésitez pas à copier et partager ceci avec vos amis et votre famille.

Adobe Illustrator est un programme de dessin vectoriel. Il est souvent utilisé pour créer des logos, des icônes, des illustrations, des graphiques, des infographies, des t-shirts, des cartes de visite, des articles de papeterie, des enveloppes, des emballages, etc. Dans l'ensemble, il est principalement utilisé pour créer des graphiques haute résolution, qui peuvent ensuite être imprimés.

Contrairement à Photoshop, qui stocke les informations d'image en points, Illustrator utilise des équations mathématiques lorsque vous dessinez des formes. Les dessins vectoriels peuvent être mis à l'échelle pour s'adapter à des bannières de la taille d'un gratte-ciel; images raster ne peuvent pas. Pour cette raison, Illustrator est utilisé pour faire des dessins qui doivent évoluer facilement - des choses comme des logos.

Ce manuel Adobe Illustrator explique les outils de base nécessaires à la création d'un logo. Ouvrez Illustrator vous-même et suivez pour vraiment avoir une idée de l'incroyable programme d'art vectoriel d'Adobe.

Table des matières

§1. Introduction

§2-L'espace de travail Illustrator

§3-Création d'un logo dans Illustrator

§4-Création d'un texte 3D dans Illustrator

§5-Quelques conseils utiles

§6. Conclusion

1. Introduction

Si vous avez décidé d'apprendre Illustrator, vous devez commencer par les bases. C'est un programme vraiment puissant, mais aussi complexe. Une fois familiarisé avec l'interface, les outils de base, les palettes et l'espace de travail, vous économiserez beaucoup de temps et d'énergie et votre flux de travail vous semblera doux et agréable.

Adobe Illustrator est un programme de dessin vectoriel. Il est souvent utilisé pour créer des logos, des icônes, des illustrations, des graphiques, des infographies, des t-shirts, des cartes de visite, des articles de papeterie, des enveloppes, des emballages - vous l'appelez. Dans l'ensemble, il est principalement utilisé pour créer des graphiques haute résolution, qui peuvent ensuite être imprimés.

Contrairement à Photoshop, qui stocke les informations d'image en points, Illustrator utilise des équations mathématiques lorsque vous dessinez des formes. Ça parles de quoi?

Cela signifie que les graphiques vectoriels (comme un dessin Illustrator) peuvent être mis à l'échelle ou zoomés à n'importe quelle taille sans perte de qualité, tandis que les images raster (comme une image éditée dans Photoshop) vont pixéliser lorsque vous mettez à l'échelle:

Fondamentalement, les dessins vectoriels peuvent être mis à l'échelle pour s'adapter à des bannières de taille de gratte-ciel; images raster ne peuvent pas. Donc, si vous prévoyez d'utiliser votre travail pour différentes tailles, utilisez un programme vectoriel comme Illustrator.

• Avantages des graphiques vectoriels:

• Haute résolution à n'importe quelle taille;

• petite taille de fichier;

• Impression de haute qualité;

• Aucune perte de résolution pendant l'édition.

Désavantages:

• Difficile de produire des dessins réalistes (mais toujours possibles).

D'accord, vous lisez toujours ce guide. Cela me dit que vous voulez vraiment vous rapprocher d'Illustrator, alors je suis ici pour partager mes connaissances avec vous. Dans ce guide, je vais vous présenter l'espace de travail, les outils de base, les formes et nous allons créer notre premier logo en utilisant ce logiciel génial.

Veuillez noter que j'utilise Illustrator CS5 sous Windows, donc les utilisateurs Mac devront utiliser des combinaisons de touches légèrement différentes: Commande au lieu de Ctrl et Option au lieu de Alt .

2. L'espace de travail Illustrator

Si vous êtes familier avec Photoshop, l'espace de travail d'Adobe Illustrator ne vous surprendra pas beaucoup, car les parties principales sont les mêmes:

Vous utiliserez principalement le panneau Outils, car tous les outils dont vous avez besoin sont là. Pour configurer un outil actif, vous utiliserez le panneau de configuration, où toutes les options de l'outil actuel sont conservées. Et, bien sûr, la zone d'ancrage du panneau - elle conserve des palettes aussi importantes que les nuanciers, les couches, les traits, l'apparence, les dégradés, etc. (toutes les palettes peuvent être activées ou désactivées dans le menu Windows ).

Regardons d'abord le panneau Outils .

2.1 Panneau d'outils

De nombreux outils sont disponibles dans la boîte à outils, mais vous n'avez pas besoin de tout mémoriser. Juste quelques-uns d'entre eux feront le travail.

Voici une table de référence (certains outils, comme Rectangle, contiennent plus d'outils à l'intérieur, qui peuvent être sélectionnés en maintenant l'icône de l'outil):

Je dis toujours que la meilleure façon d'apprendre est de pratiquer. Alors, apprenons les outils de base en les utilisant réellement.

3. Création d'un logo dans Illustrator

J'utilise généralement Adobe Illustrator pour créer des logos pour mes clients. Pourquoi n'en essayons-nous pas un?

Appelons notre superbe entreprise "LimeWorks" . Nous allons devoir créer un citron vert et mettre le nom en dessous. Comme ça:

Gardez à l'esprit que nous allons créer un logo simple, juste pour vous familiariser avec certains outils et méthodes. Commençons par dessiner des segments de chaux.

3.1 Utilisation de l'outil Stylo

Nous utiliserons l'outil Plume, qui est l'un des outils les plus utilisés dans Illustrator. Il est utilisé pour créer toutes sortes de formes et d'objets. Sélectionnez-le en cliquant sur son icône dans la boîte à outils ou utilisez la touche P.

À l'aide de l'outil Plume, créez votre premier triangle en cliquant trois fois à l'endroit où vous voulez que les bords soient:

Note: comme vous le voyez, j'utilise Grid (Ctrl + ") pour être plus précis.

Pour fermer le chemin, cliquez sur le premier point:

Maintenant, il est prêt à être rempli d'une couleur. Assurez-vous que le triangle est sélectionné (cliquez dessus avec l' outil Sélection, V ) et choisissez une tonalité jaune:

3.2 Faire des coins arrondis

Nous avons besoin de coins arrondis afin de rendre notre segment de chaux (triangle) plus lisse. Nous utiliserons l'effet Round Corners :

Dans la boîte de dialogue Coins arrondis, placez quelque chose comme 4 mm (j'utilise des millimètres comme unités) et cliquez sur OK pour appliquer les modifications:

Cela semble bon. Maintenant, ajoutons de la texture, donc ça a l'air plus réaliste.

3.3 Ajout d'effets Photoshop

Dans Adobe Illustrator, lorsque vous allez dans le menu Effets, vous verrez qu'il y a des effets Illustrator et des effets Photoshop:

Nous allons utiliser des vitraux (Effets-> Texture-> Vitrail) .

Mais avant cela, nous avons besoin d'une copie de notre triangle au-dessus du calque d'origine.

3.4 Copier des objets

Je vais vous montrer quelques astuces pour copier et coller facilement des objets au-dessus du calque actuel et ci-dessous, tout en gardant la position exacte.

Pour coller une copie d'un objet sélectionné au-dessus de l'original dans la position exacte, copiez-le d'abord ( Ctrl + C) puis collez-le en utilisant Ctrl + F (si vous utilisez Ctrl + V, il sera collé au milieu de l'écran ). Pour le coller sous l'objet d'origine, utilisez Ctrl + B :

OK, alors maintenant vous connaissez les trucs copier / coller.

Copiez et collez notre triangle juste devant lui (Ctrl + F), et remplissez l'objet collé avec la couleur blanche:

Ouvrez la boîte de dialogue Vitrail et définissez comme mien ( Taille de cellule = 17; Épaisseur de bordure = 2; Intensité lumineuse = 0 ):

3.5 Agrandir l'apparence

Développer Apparence se trouve dans le menu Objet et constitue l'un des outils les plus importants d'Illustrator. Cela peut nécessiter un guide séparé pour décrire en détail, mais aujourd'hui nous apprenons seulement les bases.

Ainsi, en termes simples, Expand Appearance est utilisé pour diviser un objet en chemins ou images séparés après qu'un effet lui soit appliqué. Eh bien, cela semble un peu confus. Utilisons-le et voyons-le en action.

Assurez-vous que vous avez sélectionné votre triangle blanc avec l'effet Vitrail dessus et allez dans Objet-> Agrandir l'apparence . Maintenant, notre objet est une image:

3.6 Trace en direct

Une autre fonctionnalité intéressante d'Adobe Illustrator, Live trace est utilisée pour convertir des images raster en objets de traçage. Il existe déjà des paramètres prédéfinis de suivi par défaut, mais nous utiliserons des paramètres personnalisés.

Aller à Object-> Live Trace -> Options de suivi et définir les valeurs comme suit:

3.7 Agrandir

Expand est utilisé pour convertir des objets de traçage en chemins modifiables (vector). Après avoir tracé une image raster, vous devez utiliser Développer .

Comme notre objet texturé est maintenant tracé et prêt à être retourné aux chemins, nous utiliserons Expand :

Comme vous le voyez, notre texture est maintenant un ensemble de chemins, mais nous devons changer sa couleur du noir au blanc. Cette fois, nous allons utiliser Stroke (puisque la texture est un ensemble de traits):

D'ACCORD. Mais c'est maintenant un peu trop net. Brouillons un peu.

3.8 Effet de flou

Aller à Effets-> Flou-> Flou gaussien, définir le rayon à 2, 8 pixels et vous devriez avoir ceci:

À ce stade, nous avons terminé avec notre tranche de citron vert. Le reste est plus facile.

3.9 Regroupement d'objets

À ce stade, notre coin de chaux est prêt, et nous devons le dupliquer. Mais il est composé de plusieurs couches (objets), donc pour faciliter les choses lors de la duplication, regroupons-les.

Pour grouper un ensemble d'objets, sélectionnez-les tous en faisant glisser votre souris autour d'eux et en cliquant sur Ctrl + G. Un autre moyen pratique de sélectionner plusieurs objets est de maintenir la touche Maj enfoncée et de cliquer sur les objets.

Mais comme nous n'avons pas d'autres objets sur notre planche, vous pouvez sélectionner tous les objets ( Ctrl + A ) et les grouper ( Ctrl + G ):

3.10 Utilisation de l'outil Rotation

Rotate outil (R) est utilisé pour ... devinez quoi? Oui, pour faire pivoter des objets ou des formes.

Sélectionnez l'outil Rotation et Alt + clic en haut du triangle pour définir notre centre de rotation. Dans la boîte de pop-up définie comme suit et cliquez sur Copier :

Vous devriez avoir ceci maintenant:

3.11 Un petit tour

Il y a une petite astuce (une parmi d'autres) qui facilitera votre expérience Adobe Illustrator dans les futurs projets. L'astuce est juste un raccourci clavier ( Ctrl + D ). Il répète ou applique la dernière transformation à l'objet sélectionné.

C'est pratique pour notre pratique aussi. Sélectionnez la nouvelle tranche et utilisez 6 fois Ctrl + D :

Voila! Nous avons un bon citron. Maintenant pour quelques détails.

Tout d'abord, regroupez toutes les tranches pour garder les choses en ordre. Ensuite, assurez-vous que rien n'est sélectionné en cliquant ailleurs sur le plan de travail.

3.12 Tracer un cercle

Sélectionnez une couleur vert clair pour le remplissage et aucune pour le contour :

Sélectionnez l'outil Ellipse (un sous-outil sous Rectangle ou appuyez sur L ):

Maintenez Shift + Alt, pointez votre souris au centre de la chaux et faites glisser la souris jusqu'à obtenir un cercle qui couvre toute la chaux:

Note: vous n'avez pas besoin de trouver le centre exact pour commencer - nous alignerons les objets plus tard.

3.13 Organiser des objets

Comme vous le voyez maintenant, le cercle vert est devant ou au - dessus de notre chaux. Pour le renvoyer ou le sélectionner ci- dessous, sélectionnez-le et appuyez sur Ctrl + [(Ctrl +] pour l'amener au-dessus de la couche actuelle):

Bien. Sélectionnez ce cercle et dupliquez-le ci-dessous (comme nous l'avons fait en 3.4.) Avec Ctrl + C puis Ctrl + B :

Changez sa couleur de remplissage en un vert plus foncé et rendez-le un peu plus grand que le premier cercle en maintenant Shift + Alt et en faisant glisser l'un de ses points de référence:

Cela semble plutôt bien. Encore mieux: nous en avons fini avec la partie difficile.

3.14 Ajout de texte

Ajoutons le nom de notre société sous la chaux. Sélectionnez l'outil Type ( T ), cliquez sous le calque et tapez " LimeWorks" :

Maintenant, alignons tout au centre.

3.15 Aligner des objets

Pour aligner parfaitement les objets, utilisez les outils d'alignement. Ces outils sont situés dans le Panneau de configuration, lorsque l'outil de sélection est actif. Voir ci-dessous pour comprendre les différents alignements:

Notez que ces exemples sont valables pour Aligner sur Artboard :

Si vous choisissez Aligner sur la sélection, les objets seront alignés par rapport aux limites externes de la sélection.

D'ACCORD. Sélectionnez tous les objets (Ctrl + A) et dans le panneau de configuration, cliquez sur Horizontal Align Center (numéro 2):

C'est tout. Maintenant, vous pouvez jouer avec les tailles et les couleurs si vous le souhaitez.

Si vous réduisez la taille de la chaux et changez les couleurs du texte, cela sera beaucoup mieux:

Très bien, félicitations pour votre premier logo!

Passons à l'enregistrement et à l'exportation.

3.16 Enregistrement et exportation

Pour enregistrer vos fichiers Illustrator, appuyez simplement sur Ctrl + S (comme toujours) et l'enregistrer au format .ai .

Si vous voulez enregistrer votre logo dans. png, vous pouvez utiliser l'une des deux méthodes suivantes: Fichier-> Exporter ou Fichier-> Enregistrer pour le Web et les périphériques .

Alors que la deuxième manière exporte l'ensemble Artboard, la première façon vous permet d'exporter uniquement votre objet (s).

Voici un exemple:

Remarque : vous pouvez toujours modifier la taille de votre carte graphique (Fichier-> Configuration du document et cliquer sur Modifier les graphiques ). Après cela, lorsque vous utilisez Enregistrer pour le Web et les périphériques, vous verrez que la taille de l'image est la nouvelle taille de votre Artboard.

Notez également: vous pouvez vérifier la transparence lors de l'enregistrement pour le web et vous aurez votre logo avec un fond transparent.

Passons par un autre tutoriel pour apprendre d'autres outils de base. Nous allons créer un texte 3D avec un fond grungy.

4. Création d'un texte 3D dans Adobe Illustrator

Alors que les graphiques vectoriels sont généralement à deux dimensions, vous pouvez également créer de beaux objets 3D. Dans ce tutoriel, nous allons créer un texte 3D simple avec un fond grungy comme ci-dessous:

Comme je l'ai dit, nous apprenons maintenant les bases, afin que vous vous familiarisiez avec l'interface et quelques outils utiles. Une fois que vous y êtes, vous verrez qu'il n'y a aucune limite à ce que vous pouvez faire avec Illustrator.

4.1 Ajouter un fond grungy

Commençons avec un arrière-plan cool.

Allez sur votre site web préféré pour des textures et des arrière-plans gratuits et trouvez un joli fond grungy. J'ai pris un de Stock Image:

Copiez et collez-le dans votre document Adobe Illustrator. Très probablement, ce sera trop grand, vous devrez donc le réduire. Utilisez Transform Panel pour contrôler la taille de votre image:

Remarque: vous pouvez utiliser vos propres valeurs, assurez-vous simplement qu'elles correspondent au document.

Nous avons maintenant notre image de fond prête, mais ajoutons quelques effets supplémentaires. Tout d'abord, nous allons créer un rectangle, puis nous ajouterons l'effet Inner Glow et utiliserons le panneau Transparence pour modifier le fondu entre l'image et le rectangle.

4.2 Créer un rectangle

Sélectionnez Rectangle dans Outils (M), dessinez un rectangle de la même taille que votre image d'arrière-plan (vous pouvez utiliser le panneau Transformation pour définir des valeurs exactes) et définissez la couleur de remplissage sur marron clair et sans trait:

4.3 Ajout de l'effet de lueur interne

Aller à Effet-> Styliser-> Intérieure Glow et définir les valeurs comme indiqué:

Voici ce que vous devriez avoir:

4.4 Utilisation du panneau de transparence

Vous pouvez toujours utiliser le panneau Transparence pour modifier la manière dont un objet ou un calque se fond avec les calques ci-dessous. Tout d'abord, envoyons notre rectangle derrière l'image. Sélectionnez le rectangle en cliquant dessus et utilisez Ctrl + [ .

Maintenant, sélectionnez le calque d'image en cliquant sur l'image et ouvrez le Panneau de transparence (Fenêtre-> Transparence) et choisissez Multiplier comme mode de fusion:

Agréable. Nous avons terminé avec le fond. Passons au texte 3D lui-même.

4.5 Travailler avec l'outil Type

A l'aide de l' outil Texte (T), écrivez "MakeUseOf" avec une belle police (j'ai choisi Diavlo Bold, qui peut être téléchargé sur exljbris Font Foundry). Rendez-le assez grand comme 65pt, réglez le suivi sur -20 et choisissez la couleur blanche :

4.6 Création de contours

Utilisez Créer des contours - cliquez avec le bouton droit sur le texte et choisissez Créer des contours pour convertir le texte en chemins de vecteurs:

4.7 Ajouter des effets 3D

Les effets 3D peuvent être appliqués à tous les objets ainsi qu'au texte. Sélectionnez le texte, allez dans Effet-> 3D-> Extruder & Biseau et appliquez comme suit:

C'est ce que vous devriez avoir jusqu'ici:

Maintenant, nous devons séparer les faces du texte et notre effet 3D les uns des autres. Utilisez Développez l'apparence pour faire cela ( Object-> Expand Apparence ).

Avec l'outil Sélection directe (A), sélectionnez uniquement les faces du texte (maintenez la touche Maj enfoncée pour sélectionner plusieurs objets):

Astuce : lors de la sélection, assurez-vous que les ancres sont bleues et qu'aucune d'entre elles n'est blanche. Pour ce faire, zoomez un peu et cliquez quelque part au milieu des objets (ici - faces de texte).

4.8 Utilisation de Unite à partir du panneau Pathfinder

Maintenant, copiez et collez votre sélection et utilisez l' option Unite du panneau Pathfinder pour joindre tous les visages sélectionnés en un seul chemin groupé:

Placez le nouveau calque par-dessus l'ancien et définissez sa couleur de trait sur blanc et son poids de trait sur 1pt:

Nous y sommes presque.

4.9 Ajouter un style de dégradé

L'ajout du dégradé est assez simple - il suffit de sélectionner l'objet, cliquez sur le panneau Dégradé sur la droite et configurez vos couleurs. De plus, vous pouvez toujours utiliser des bibliothèques prédéfinies depuis Window-> Swatch Libraries-> Gradients . Mais cette fois, configurons-le manuellement.

Dans le panneau Dégradé, définissez Type sur Linéaire, définissez la première couleur sur 0% d'emplacement sur rouge foncé, la deuxième couleur sur 80% sur orange et la couleur finale sur 100% sur rouge vif, l'angle sur -90 °:

Astuce : utilisez le curseur supérieur pour contrôler la plage de couleurs du dégradé.

4.10 Ajouter une ombre

Pour donner de la profondeur à notre texte, ajoutons-y une ombre. Nous utiliserons l'effet Flou gaussien .

D'abord, copiez ( Ctrl + C ) notre nouveau calque et collez-le en avant ( Ctrl + F ). Ensuite, changez sa couleur en noir et réglez le trait sur none, envoyez-le derrière le calque d'effet 3D avec Ctrl + [ (assurez-vous qu'il se trouve au-dessus des calques d'arrière-plan):

Déplacez-le vers le bas en utilisant les touches fléchées (vous pouvez également modifier les coordonnées Y à partir du panneau Transformer pour être plus précis):

4.11 Application du flou gaussien

Notre ombre ne semble pas réaliste maintenant; nous devons brouiller un peu. Allez dans Effet-> Flou-> Flou gaussien et réglez Rayon sur 9 pixels:

Nous avons fini!

5. Quelques conseils utiles

Les trucs et astuces sont infinis, mais je vais vous en montrer quelques-uns:

• Verrouiller les calques - lorsque vous voulez sélectionner de petits objets devant d'autres objets (comme un fond), au lieu de cliquer sur chacun d'entre eux, vous pouvez simplement verrouiller l'arrière-plan avec Ctrl + 2 ou placer un signe de verrouillage le panneau Calques.

• Vérifiez toujours la palette Calques - lorsque vous travaillez avec de nombreux objets et calques, il est vraiment utile de nommer vos calques et de vérifier l'alignement de vos calques (si un calque est au-dessus ou au-dessous, est-il verrouillé, etc.);

• Rééditez les styles de calques à tout moment - oui, vous pouvez toujours modifier les paramètres de style ou d'effet que vous avez déjà appliqués à un objet ou à un calque auparavant via le panneau Apparence (Fenêtre-> Apparence);

• Utiliser les bibliothèques - il existe de bonnes bibliothèques prédéfinies à utiliser dans vos travaux. Allez dans Fenêtre-> Bibliothèques et choisissez parmi Bibliothèques de styles, Bibliothèques de styles, Bibliothèques de styles graphiques ou Bibliothèques de symboles. Il y en a beaucoup.

6. Conclusion

J'espère que tout a été assez clair pour que vous commenciez à aimer Adobe Illustrator. Ce que j'ai couvert dans ce guide est juste les bases. La prochaine fois, je montrerai des usages plus complexes d'autres outils et astuces. Jusque-là - pratique .

Guide publié: août 2012