6/1/105 09:09

Tutoriels

Photoshop
Illustrator

Astuces

X Press
Photoshop
Illustrator

Forums

Annonces

Espace TIC

Annuaires

Informatique
Généraliste

Infos Entreprises

Formation
Solution intranet
Information

Marché du travail

En Live

 


Logo Carrefour
 
 

L'objectif de ce tutorial est de réaliser un logo proche de celui de carrefour par l'utilisation des fonction de base d'illustrator.
Ce tutorial a été réaliser sur la version 10 du logiciel.
L'ensemble des manipulation présentées ici reste cependant valable sur les versions antérieures d'Illustrator.

Pour commencer il nous faut créer un nouveau document.

Allez dans le menu Fichier et descendre sur Nouveau.
(Si vous utiliser une version d'illustrator inférieur à la version 9, le nouveau document est créé à l'ouverture du logiciel)
Choisissez un format A4

Activez le mode couleur RVB
Ce mode permet de préparer l'image pour un simple affichage écran (pour le Web par exemple).
Si l'objestif de ce logo est d'être imprimé en imprimerie, il faudrait choisir le mode CMJN

Vérifiez que les unités de travail sont bien les millimètres, ceci facilitera le travail.

Nous allons commencer par créer un rectangle qui sera la base de notre travail.

Activez l'outil rectangle dans la palette d'outils

Cliquez simplement au milieu de la page A4 de travail.

Ceci ouvre une boîte de dialogue.

Saisissez 50 mm en hauteur et largeur et validez

Illustrator créé directement le rectangle en lui attribuant les couleur de fond et de contour présente dans les cases de définition des attributs de la palette d'outils.
Ces couleurs non pas d'importance pour l'instant.
Veuillez simplement à ce que notre carré n'est pas simplement une couleur de fond blanche sans contour, sinon en le désélectionnant vous ne le vériez plus.
Par sécuriter cliquer sur l'icône de couleur par défaut pour attribuer un fond blanc mais aussi un contour noir
                                                                    

Activez l'outil Rotation dans la palette d'outils.

Puis double cliquez sur cet outil dans la palette d'outils.

Ceci ouvre une boîte de dialogue permettant de saisir les paramètres de rotation.

Saisissez un angle de 45° et validez

L'ensemble des outils de transformation d'illustrator fonctionne sur le même modèle :
double-clic sur l'outil dans la palette d'outil ouvre la gestion des paramètres de transformation

Activez l'outil Texte dans la palette d'outils.

Saisissez un "c" minuscule à coté du losange que nous avons déjà fabriqué.
Utilisez la palette Caractère pour attribuer à cette lettre la police Bookman Old Style et corps de 300 pt.
Vous devez avoir cette police sur votre système car elle s'installe avec Illustrator. Si ce n'est pas le cas, cliquez ici pour la télécharger Bookman Old Style

La palette Caractère s'ouvre en passant par le menu Texte et en descendant sur Caractère jusqu'à la version 9 d'Illustrator.
Sur la version 10, allez dans le menu Fenêtre, descendez sur Texte puis allez sur caractère

 

Sélectionnez le "c" et le cercle avec la Flèche noire, l'outil sélection

Allez dans le menu Texte et descendez sur Vectoriser.

Ceci à pour action de retirer au lettrage son comportement de caractère typographique et en fait un objet graphique comme le losange que nous avons créé plus haut.
Nous allons pouvoir appliquer à notre lettre tout une série de transformation qui n'auraient pas pu être utiliser sur du texte. 

Activez l'outil Mise à l'échelle dans la palette d'outils.

Puis double cliquez sur cet outil dans la palette d'outils.

Ceci ouvre une boîte de dialogue permettant de saisir les paramètres de mise à l'échelle.
Avec celle-ci nous allons pouvoir un peu resserer le "c" sans changer sa hauteur.

Cochez Différencicée et saisissez 90 dans horizontal
Validez

Saisissez en chiffre en dessous de 90 si vous souhaitez obtenir un "c" plus tassé sur lui-même.

Activez l'outil Mise à l'échelle dans la palette d'outils.

Cet outil ce trouve au même niveau que l'outil Rectangle sur la version 10. Il apparait en laissant enfoncé l'outil Rectangle.
Jusqu'à cette version du logiciel, il se trouve à gauche de l'outil Rectangle.

Tracez un cercle venant se caller sur l'arrondi du "c".

Pour dessiner un cercle parfait à la souris, maintenez la touche Shift (touche avec la flèche au dessus de la touche Ctrl) pendant le tracé

Pour repositionner correctement le cercle à l'endroit souhaité, utiliser l'outil de sélection et déplacement d'objet
Ou servez vous de touche flèchés du clavier.

Sélectionnez le "c" et le cercle avec la Flèche noire, l'outil sélection

Encadrez simplement ces 2 objets avec l'outil

Appliquez le Pathfinder Réunion

Attention ce pathfinder s'appelle curieusement "Ajout à la forme" sur la version 10 du logiciel et nécéssite d'appuyer sur le bouton Décomposer à droite de la palette après ou de maintenir Alt pendant le clic pour qu'il s'applique correctement.
Pourquoi avoir changer cet outil qui marchait si bien et si simplement avant ?

Cette action fusionne le cercle et la lettre "c" pour n'en faire qu'un seul objet.

Activez la Sélection directe (Flèche blanche) dans la palette d'outils

Cliquez dans un espace vide de la page pour désélectionner

Encadrez la partie basse du "c"

La flèche blanche permet de sélectionner le points constituant une forme

 

Appuyez sur la touche Suppr du clavier pour supprimer tous les points de la partie basse du "c"

Activez l'outil Miroir dans la palette d'outils.

Cet outil ce trouve au même niveau que l'outil Rotation sur la version 10. Il apparait en laissant enfoncé l'outil Rotation.
Jusqu'à cette version du logiciel, il se trouve sous l'outil Rotation dans la palette d'outil

Puis double cliquez sur cet outil dans la palette d'outils.

Ceci ouvre une boîte de dialogue permettant de saisir les paramètres de symétrie.

Cocher Horizontal dans Axe et cliquer sur Copier

Ceci nous permet d'obtenir en double de la moitié supérieur du "c".
Nous allons pouvoir recontruire un "c" complet.

Utilisez l'outil de sélection ou les touches flèchées du clavier pour positionner la deuxième partie du "c"

 

Sélectionner les 2 morceaux du "c" grâce à l'outil de sélection (flèche noire) en encadrant la zone où ils se trouvent

Appliquer le même pathfinder que précédement pour reconstituer un "c" complet
Sélectionnez le losange à l'aide de l'outil de sélection (flèche noire)

Dans la palette d'outils, cliquez sur l'icône de couleur de fond

Dans la palette couleur, attribuez du rouge à la couleur de fond du losange, soit en bougeant les curseur de la palette, soit en cliquant dans le spectre lumineux situé au bas de la palette

Cliquez sur le carré évidé placé sous la couleur de fond

Ceci le fait passer en premier plan

Ce carré évidé correspond à la couleur de contour du losange. Il est actuellement noir

Cliquez sur le carré blanc barré de rouge présent dans la palette d'outil sous les carré de couleur de fond et de contour ou à gauche du spectre lumineux dans la palette couleur.

Ceci rend sans couleur le contour du losange.

Tout objet créé dans illustrator est défini par sa couleur de contour et sa couleur de fond.
Il est parfois utile de rendre sans couleur l'une ou l'autre en fonction du rendu voulu.

Placez le "c" au centre du losange en utilisant l'outil de déplacement (flèche noire) ou/et les touche flèchée du clavier

Vous pouvez aussi vous aidez de la palette alignement en cliquant sur les boutons vous paressant les plus appropriés à l'opération.

Sélectionnez les 2 objets avec l'outil de sélection (flèche noire) en encadrant la zone où ils se trouvent

Appliquez le pathfinder Division

Ce Pathfinder permet de découper plusieurs objets et d'obtenir un objet indépendant à chacune des intersections.

Après l'application d'un Pathfinder, illustrator groupe les différents objets obtenus

Pour les utiliser individuellement, il faut d'abord les dissocier.

Allez dans le menu Objet et descendez sur Dissocier

Sélectionnez le "c" noir et déplacez-le un peu avec l'outil flèche noire

L'application du pathfinder nous a permis de réaliser un trou en forme de "c" dans le losange

Supprimez le en appuyant sur la touche Suppr du clavier

Nous aurions pu obtenir plus rapidement le même résultat en utilisant le Pathfinder Soustraction Arrière-avant mais celui-ci à disparu de la palette Pathfinder sur la version 10 du logiciel (on peut toujours le faire mais ceci nécéssite des manipulation supplémentaire)
Si vous utilisez une version antérieur à la version 10, surtout n'ésitez pas à l'utiliser, vous gagnerez 2 étapes

Activez l'outil rectangle dans la palette d'outils.

Cliquez au sommet du losange en maintenant la touche Alt

Ceci ouvre la boîte de dialogue de création de rectangle paramètré

Saisissez 45 mm en largeur et hauteur

Le fait de maintenir la touche Alt au moment du clic permet de créer le carré depuis ce point qui devient son centre.

Ce point se positionne parfaitement sur le sommet du losange car Illustrator magnétise les points constituant les objets.

Donnez de la couleur à ce nouveau carré comme nous l'avons vu précédemment

Puis activez l'outil Rotation dans la palette d'outils, double-cliquez sur cet outil.
Saisissez un angle de 45° et validez

Sélectionner le nouveau losange avec l'outil de sélection (flèche noire)

Placez le curseur sur son centre et glissez-le vers le bas en maintenant les touches Alt et shift

Relâchez quand le curseur se trouve sur le point bas du grand losange

Cette manipulation n'est pas très aisé pour un débutant, si vous avez des difficultés, annulez en faisant Ctrl Z et recommencez.
Pensez à relâcher d'abord la souris, les raccourcis claviers après.

La touche shift maintenue pendant le déplacement force un objet à rester sur les angles remarquables (vertical, horizontal, 45°)
La touche Alt maintenue pendant un déplacement copie l'objet déplacé.

Sélectionnez les 3 objets avec l'outil de sélection (flèche noire) en encadrant la zone où ils se trouvent

Appliquez le pathfinder Division

Allez dans le menu Objet et descendez sur Dissocier

Sélectionner les objets de trop et supprimez-les

Sélectionner les 2 "pièces rajoutées" ainsi que la "flèche" allant vers la droite

Faîtes en un seul objet en utilisant le Pathfinder Réunion comme nous l'avons vu tout à l'heure

Il ne vous reste plus qu'à donner la bonne couleur à ce nouvel objet

Par Laurent Pasquet

 

Patrice Pégaule © formation-online - Février 2003