Le guide du débutant à adobe illustrator

Vous voulez commencer l`apprentissage Adobe Illustrator, mais se sentent dépassés? Consultez « Mise en route avec Illustrator, » le premier manuel Illustrator à partir MakeUseOf. Avec facile à suivre les instructions et de nombreuses captures d`écran annotées, ce manuel fait l`apprentissage Illustrator simple.

Adobe Illustrator est un programme de dessin vectoriel. Il est souvent utilisé pour créer des logos, icônes, illustrations, graphiques, infographies, t-shirts, cartes de visite, papier à lettres, enveloppes, conception d`emballage - vous le nom. Dans l`ensemble, il est surtout utilisé pour créer des graphiques haute résolution, qui peuvent ensuite être imprimées aussi bien.

Contrairement à Photoshop, qui stocke les informations d`image en points, Illustrator utilise des équations mathématiques lorsque vous dessinez des formes. dessins vectoriels peuvent être mises à l`échelle gratte-ciel-taille des images raster banners- ne peut pas. En raison de cela, Illustrator est utilisé pour faire des dessins qui doit évoluer facilement - des choses comme des logos.

Ce manuel explique Adobe Illustrator outils de base nécessaires à la fabrication d`un logo, afin de le vérifier. Ouvrez Illustrator et vous suivre pour obtenir vraiment une idée de programme d`art vecteur incroyable d`Adobe.

Table des matières

§1. Introduction

§2-Illustrator Espace de travail

§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 très puissant, mais aussi complexe. Une fois que vous vous familiariser avec l`interface, des outils de base, palettes et espace de travail, vous permettra d`économiser beaucoup de temps et les nerfs et votre flux de travail semblera facile et agréable.

Adobe Illustrator est un programme de dessin vectoriel. Il est souvent utilisé pour créer des logos, icônes, illustrations, graphiques, infographies, t-shirts, cartes de visite, enveloppes, papeterie, conception d`emballage - vous le nom. Dans l`ensemble, il est surtout utilisé pour créer des graphiques haute résolution, qui peuvent ensuite être imprimées aussi bien.

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 des graphiques vectoriels (comme un dessin Illustrator) peuvent être mis à l`échelle ou zoomée toute taille sans perte de qualité, alors que les images raster (comme une image modifiée dans Photoshop) seront pixelate comme vous l`échelle:

En gros, dessins vectoriels peuvent être mises à l`échelle gratte-ciel-taille des images raster banners- ne peut pas. Donc, si vous prévoyez d`utiliser votre travail pour différentes tailles, utilisez un programme vectoriel comme Illustrator.

• Avantages de Vector Graphics:

• Haute résolution à tout taille-

• Petit fichier taille-

• Imprimer- de haute qualité

• Pas de perte de résolution lors de l`édition.

Désavantages:

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

Bon, vous lisez encore ce guide. Cela me dit que vous voulez vraiment de se rapprocher avec Illustrator, donc je suis ici pour partager mes connaissances avec vous. Dans ce guide, je vais vous présenter l`espace de travail, des outils de base, formes et nous allons créer notre premier logo en utilisant ce logiciel génial.

S`il vous plaît noter que j`utilise Illustrator CS5 sous Windows, afin que les utilisateurs Mac devront utiliser légèrement différentes combinaisons de touches: Commander clé 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 Adobe Illustrator ne vous surprendra pas beaucoup, puisque les principales parties sont fondamentalement les mêmes:

Vous essentiellement utiliser le panneau Outils, puisque 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 en cours sont conservés. Et, bien sûr, la zone d`accueil du panneau - il garde ces palettes importantes comme Nuancier, couches, options de contour, l`apparence, les paramètres de dégradé, etc. (toutes les palettes peuvent être activés ou désactivés en les fenêtres menu).

Vérifions la Outils premier panneau.

Panel 2.1 Outils

Il existe de nombreux outils disponibles dans la boîte à outils, mais vous ne devez pas tout mémoriser. Juste un peu d`entre eux fera le travail.

Voici une table de référence (certains outils, comme Rectangle, contenir plus d`outils à l`intérieur, qui peuvent être choisis en tenant l`icône de l`outil):

Je dis toujours que la meilleure façon d`apprendre est pratique. Donc, nous allons apprendre les outils de base en fait de les utiliser.

3. Création d`un logo dans Illustrator

Je l`habitude d`utiliser Adobe Illustrator pour créer des logos pour mes clients. Pourquoi ne pas essayer un?

Video: The Complete Beginners Guide To Adobe Illustrator | Tutorial Overview & Breakdown

Appelons notre entreprise impressionnante « LimeWorks ». Nous aurons besoin de créer une chaux et de mettre le nom en dessous. Comme ça:

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

3.1 Utilisation de l`outil Plume

Nous allons utiliser la Stylo outil, 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.

Utilisation de l`outil Plume, créez votre premier triangle en cliquant trois fois où vous voulez que les bords soient:

Note: comme vous le voyez, j`utilise la grille (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 Outil de sélection, V) Et choisissez un ton jaune:

3.2 Faire Coins arrondis

Nous avons besoin des coins arrondis afin de rendre notre segment de chaux (triangle) un aspect plus lisse. Nous allons utiliser la Coins arrondis effet:

dans le Coins arrondis boîte de dialogue, mettre quelque chose comme 4 mm (J`utilise millimètres sous forme d`unités) et cliquez sur OK pour appliquer les modifications:

Cela semble bon. Maintenant, nous allons ajouter un peu de texture, il semble plus réaliste.

3.3 Ajout d`effets Photoshop

Dans Adobe Illustrator, quand vous allez dans le menu Effets, vous verrez qu`il ya Illustrator Effets et effets Photoshop:

Nous utiliserons Vitrail (effets gt; texture gt; verre teinté).

Mais avant cela, nous avons besoin d`une copie de notre triangle au-dessus de la couche d`origine.

3.4 Copie d`objets

Je vais vous montrer quelques conseils sur la façon de copier facilement et coller des objets au-dessus de la couche en cours et au-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, d`abord copier (Ctrl + C) puis le coller à l`aide Ctrl + F (si tu utilises Ctrl + V il coller au milieu de l`écran). Pour coller ci-dessous l`utilisation de l`objet d`origine Ctrl + B:

OK, maintenant vous savez les trucs copier / coller.

Copiez et collez notre triangle juste en face de lui-même (Ctrl + F), et remplir l`objet collé avec la couleur blanche:

Ouvrez le Vitrail boîte de dialogue et défini comme le mien (Taille de cellule = 17- épaisseur Border = 2- intensité de la lumière = 0):

3.5 Décomposer l`aspect

Décomposer l`aspect est situé dans la Objet menu et est l`un des outils les plus importants dans Illustrator. Il peut exiger un guide séparé pour décrire en détail, mais aujourd`hui, nous apprenons que les bases.

Donc, en termes simples, Décomposer l`aspect est utilisé pour diviser un objet dans des voies séparées ou des images après un effet est appliqué. Eh bien, cela semble un peu confus. Utilisons juste et le voir en action.

Assurez-vous que vous avez sélectionné votre triangle blanc avec la Vitrail effet sur elle et aller Object-gt; Décomposer l`aspect. Maintenant, notre objet est une image:

3.6 Live Trace

Autre fonctionnalité d`Adobe Illustrator, trace en direct est utilisé pour convertir des images raster en objets de traçage. Il existe déjà, mais nous allons utiliser les paramètres personnalisés des paramètres prédéfinis par défaut de traçage.

Aller à Object-gt; Vectorisation -gt; Options de vectorisation et les valeurs configuré comme suit:

3.7 Développer

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

Comme notre objet texture est maintenant tracée et prêt à retourner à des chemins, nous utiliserons Développer:

Comme vous le voyez, notre texture est maintenant un ensemble de chemins, mais nous avons besoin de changer sa couleur du noir au blanc. Cette fois, nous utiliserons Accident vasculaire cérébral (Car la texture est un ensemble de traits):

D`ACCORD. Mais il est maintenant un peu trop forte. Faisons brouillent un peu.

3.8 Effet de flou

Aller à Effets gt; Blur-gt; Gaussian Blur, définir un rayon de 2,8 pixels et vous devriez avoir ceci:

À ce stade, nous avons fini avec notre tranche de lime. Le reste est plus facile.

3.9 Grouper des objets

A ce stade, notre coin de chaux est prêt, et nous avons besoin de le dupliquer. Mais il est composé de plusieurs couches (objets), pour ainsi faciliter les choses tout en dupliquant, nous allons Groupe leur.

Pour regrouper un ensemble d`objets, sélectionnez-les tous en faisant glisser votre souris autour d`eux et en cliquant Ctrl + G. Une autre façon pratique de sélectionner plusieurs objets tient Décalage et en cliquant sur les objets.

Mais puisque nous n`avons pas d`autres objets sur notre plan de travail, vous pouvez à la place sélectionner tous les objets (Ctrl + A) Et les groupe (Ctrl + G):

3.10 Utilisation de l`outil Rotation

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

Sélectionnez l`outil Rotation et Alt + clic au sommet du triangle pour définir notre centre de rotation. Dans la boîte pop-up défini comme suit et cliquez sur Copie:

Vous devriez avoir maintenant:

3.11 Une petite astuce

Il y a un petit truc (un des nombreux) qui fera de votre expérience Adobe Illustrator plus facile dans les projets futurs. L`astuce est juste un raccourci clavier (Ctrl + D). Il répète ou applique la dernière transformation à l`objet sélectionné.

Il est à portée de main pour notre pratique aussi bien. Sélectionnez la nouvelle tranche et utiliser Ctrl + D 6 fois:

Le tour est joué! Nous avons un citron savoureux. Maintenant, pour quelques détails.

tout groupe d`abord toutes les tranches ensemble pour garder les choses dans l`ordre. Ensuite, assurez-vous que rien est sélectionné en cliquant sur un autre endroit sur la planche graphique.

3,12 Dessin d`un cercle

Sélectionnez une couleur vert clair Remplir et aucun pour Accident vasculaire cérébral:

Sélectionnez le Ellipse outil (un sous-outil sous Rectangle ou frapper L):

Tenir Maj + Alt, pointez votre souris au centre de la chaux et faites glisser la souris jusqu`à ce que vous obtenez un cercle qui couvre toute la chaux:

Remarque: vous n`avez pas à trouver le centre exact pour commencer - nous aligner des objets plus tard.

3.13 Objets Arranger

Comme vous le voyez maintenant, le cercle vert est en face de ou au dessus notre chaux. Pour envoyer arrière ou au dessous de, sélectionnez-le et appuyez sur Ctrl + [(Ctrl +] pour l`amener au-dessus de la couche actuelle):

Bien. Sélectionnez le cercle et le dupliquer ci-dessous lui-même (comme nous l`avons fait en 3.4.) Avec Ctrl + C et alors Ctrl + B:

Changer la couleur de remplissage à un vert plus foncé et le rendre un peu plus grand que le premier cercle en appuyant sur Maj + Alt et en faisant glisser l`un de ses points de référence:

Cela semble assez bon. Mieux encore: nous avons terminé avec la partie dure.

Video: Adobe Illustrator Color Guide

3.14 Ajout d`un texte

Ajoutons notre nom de l`entreprise ci-dessous la chaux. Sélectionner Type outil (T), Cliquez sous la chaux et tapez «LimeWorks »:

Maintenant, nous allons aligner tout au centre.

3.15 objets Alignement

Pour aligner des objets parfaitement, utilisez les outils d`alignement. Ces outils se trouvent 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 la planche graphique:

Si tu choisis Aligner à la sélection, puis les objets seront alignés par rapport aux limites extérieures de la sélection.

D`ACCORD. Sélectionner tous les objets (Ctrl + A) et à partir du panneau de commande, cliquez sur Alignement horizontal au centre (numéro 2):

C`est tout. Maintenant, vous pouvez jouer avec les tailles et couleurs si vous voulez.

Si vous faites la chaux plus petite et de changer les couleurs du texte, il sera beaucoup mieux:

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

Obtenons à l`épargne et l`exportation.

3.16 Sauvegarde et exportation

Pour enregistrer vos fichiers Illustrator, vient de frapper Ctrl + S (Comme toujours) et il sauvera en .ai format.

Si vous voulez enregistrer votre logo..png, alors vous pouvez utiliser l`une des deux façons suivantes: Fichier-gt; exportation ou fichiers gt; Enregistrer pour le Web et périphériques.

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

Voici un exemple:

Remarque: Vous pouvez toujours changer la taille de votre artbonseil (Fichier-gt; Configuration du document et cliquez sur Modifier les plans de travail). 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.

A noter également: vous pouvez vérifier Transparence lors de l`enregistrement pour le web et vous aurez votre logo avec un fond transparent.

Nous allons passer 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

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

Comme je l`ai dit, nous sommes en train d`apprendre les bases, de sorte que vous familiariser avec l`interface et des outils utiles. Une fois que vous êtes, vous verrez qu`il n`y a pas de limites à ce que vous pouvez faire avec Illustrator.

4.1 Ajout d`un fond grungy

Commençons par un fond cool.

Accédez à votre site web préféré pour les textures et les arrière-plans libres et trouver un joli fond grungy. J`ai pris un de Stock Image:

Copiez et collez-le dans votre document Adobe Illustrator. Très probablement, il sera trop grand, vous aurez donc besoin de le réduire. Utilisation transformer Panel pour contrôler la taille de l`image:

Remarque: vous pouvez utiliser vos propres valeurs, assurez-vous qu`il correspond au document.

Maintenant, nous avons notre image de fond prêt, mais ajoutons plus des effets. Tout d`abord, nous allons créer un rectangle, puis nous allons ajouter un effet Lueur interne et utiliser le panneau de transparence pour changer le mélange entre l`image et le rectangle.

4.2 Création d`un rectangle

Sélectionnez Outils Rectangle (M), dessiner un rectangle, même taille que l`image d`arrière-plan (vous pouvez utiliser la Transformer panneau pour définir les valeurs exactes) et définissez la Remplir couleur brun clair et sans temps:

4.3 Ajouter l`effet Lueur interne

Aller à Effet gt; Stylize-gt; Lueur interne et des valeurs définies comme indiqué:

Voici ce que vous devriez avoir:

4.4 Utilisation du panneau Transparence

Vous pouvez toujours utiliser Panneau de transparence changer la façon dont un objet ou des mélanges d`une couche avec des couches ci-dessous. Tout d`abord, nous allons envoyer notre rectangle derrière l`image. Sélectionnez le rectangle en cliquant dessus et l`utilisation Ctrl + [.

Sélectionnez ensuite la couche d`image en cliquant sur l`image et ouverte Panneau de transparence (fenêtre-gt; la transparence) et choisissez Multiplier que le mode de fusion:

Agréable. Nous en avons terminé avec l`arrière-plan. Obtenons au texte 3D lui-même.

4.5 Travailler avec l`outil Type

En utilisant le outil de type (T) écrire « MakeUseOf » avec une police sympa (j`ai choisi Diavlo Gras, qui peut être téléchargé à exljbris Font Foundry). Réussissez assez comme 65pt, régler l`alignement sur -20 et choisissez la blanc Couleur:

4.6 Création d`Outlines

Utilisation Vectoriser - clic droit sur le texte et choisissez Vectoriser, pour convertir le texte en tracés vectoriels:

4.7 Ajout d`effets 3D

effets 3D peuvent être appliqués à des objets ainsi que du texte. Sélectionnez le texte, allez à Effet gt; 3D gt; Extrude & Biseau et appliquer de la manière suivante:

Voici ce que vous devriez avoir jusqu`ici:

Maintenant, nous devons séparer les faces du texte et notre effet 3D les uns des autres. Utilisation Décomposer l`aspect pour faire ça (Object-gt; Décomposer l`aspect).

Avec Outil de sélection directe (A), sélectionner uniquement les faces du texte (maintenez Décalage pour sélectionner plusieurs objets):

Pointe: Lors de la sélection, assurez-vous que les points d`ancrage sont bleu et aucun d`entre eux blanc. Pour ce faire, zoom un peu et cliquez quelque part au milieu des objets (ici - texte fait face).

4.8 En utilisant Unite du panneau Pathfinder

Maintenant, copiez et collez votre sélection et utiliser Unir de Éclaireur panneau pour se joindre à toutes les faces sélectionnées dans un chemin groupé:

Placez la nouvelle couche au-dessus de l`ancien et définir sa Couleur de trait au blanc et Poids de l`AVC à 1pt:

Nous y sommes presque.

4.9 Ajout de style dégradé

L`ajout du gradient est assez facile - il suffit de sélectionner l`objet, cliquez sur le Pente panneau de droite et mettre en place vos couleurs. De plus, vous pouvez toujours utiliser PRÉDÉFINI bibliothèques de Fenêtre gt; Swatch bibliothèques gt; Dégradés. Mais cette fois, nous allons placèrent manuellement.

dans le Pente panneau, fixé Type à Linéaire, définir première couleur à 0% d`emplacement au rouge foncé, deuxième couleur au lieu de 80% à l`orange et la couleur finale à 100% au rouge vif, l`angle de -90 °:

Pointe: Utiliser le curseur supérieur pour commander la gamme de couleurs du gradient.

4.10 Ajout de l`ombre

Pour donner notre texte une certaine profondeur, nous allons ajouter un peu d`ombre à elle. Nous allons utiliser la Flou gaussien effet.

Tout d`abord, la copie (Ctrl + C) Notre nouveau calque et le coller en avant (Ctrl + F). Ensuite, changer sa couleur de trait noir et la valeur none, l`envoyer derrière la couche d`effet 3D Ctrl + [ (Assurez-vous qu`il est au-dessus des couches de fond):

Déplacer vers le bas à l`aide des touches fléchées (vous pouvez également modifier les coordonnées Y de l`être plus précis panneau Transformer):

4.11 L`application Gaussian Blur

Notre ombre ne semble pas réaliste maintenant- nous avons besoin de brouiller un peu. Aller à Effet gt; Flou-gt; Flou gaussien et mettre en rayon à 9 pixels:

Nous avons fini!

5. Quelques conseils utiles

Trucs et astuces sont sans fin, mais je vais vous montrer certains d`entre eux:

• Verrouillage des calques - lorsque vous voulez sélectionner quelques petits objets qui sont en face d`autres objets (comme un arrière-plan), au lieu de Maj + clic sur chacun, vous pouvez simplement verrouiller l`arrière-plan avec Ctrl + 2, ou mettre un signe de verrouillage dans le panneau Calques.

• Vérifiez toujours la palette Calques - lorsque vous travaillez avec de nombreux objets et des couches, il est vraiment utile de nommer vos calques et vérifiez comment vos couches sont alignées (si une couche est au-dessus ou au-dessous l`autre, est-il verrouillé, etc.) -

• styles de calque Re-éditer chaque fois que vous avez besoin - oui, vous pouvez toujours modifier les paramètres de style ou effet que vous avez déjà appliqué à un objet ou une couche avant par le panneau Aspect (Fenêtre- gt; Aspect) -

• Utilisez les bibliothèques - il y a des belles bibliothèques prédéfinies pour faire usage de vos œuvres. Aller à la fenêtre gt; Les bibliothèques et sélectionnez Pinceau Bibliothèques, Swatch bibliothèques, Style graphique ou bibliothèques de symboles. Il y a beaucoup d`entre eux.

6. Conclusion

J`espère que tout était assez clair pour vous de commencer aimer Adobe Illustrator. Ce que j`ai couvert dans ce guide est juste l`essentiel. La prochaine fois que je vais montrer des usages plus complexes d`autres outils et astuces étonnantes. Jusque là - entraine toi.

Guide Publié: Août 2012