32
Créer un logo graff glossy avec illustrator
Cet article a été migré vers le site spécialisé Illustrator, merci de cliquez ici pour vous y rendre ! Accéder à cet article sur tutoriauxillustrator.com
Je vous ai déjà expliqué comment réaliser un beau logo glossy avec Photoshop. Mais cette fois voici comment créer un logo glossy avec Illustrator. La méthode est vraiment intéressante, alors accrochez vous, ce n’est pas une mince affaire : )
- Tutorial 183 - Fichier source Illustrator
- clic pour télécharger le fichier source illustrator utilisé dans ce tutorial
ETAPE 1
Je crée un nouveau document RVB, peu importe la taille. Et directement au milieu de mon image j’édite mon titre.
Puis je vais dans le menu texte > vectorisé. En double cliquant sur une lettre j’ai la possibilité de la modifier.
Dans mon exemple j’ai agrandis la taille des lettres parfaitement à gauche et à droite, puis je les ai rapprochés.
ETAPE 2
Avec l’outil des formes je crée des ellipses noires sur la gauche du titre, et sur la droite.
ETAPE 3
Je sélectionne le texte et les ronds en même temps et avec le pathfinder j’unis toutes ces formes.
Ensuite j’applique un fond nul et une bordure noire de 2 pixels. Je n’oublie pas de renommer ce calque en titre bas.
ETAPE 4
Sur le calque titre bas je modifie la bordure à 12 pixels. Puis je duplique cette forme ctrl + c* puis ctrl + f*.
Sur cette nouvelle forme j’annule la bordure puis je remplie de blanc l’intérieur. J’appel ce second calque lettrage.
ETAPE 5
Je duplique une nouvelle fois la forme noir (calque titre bas) en faisant ctrl + c* puis ctrl + f *. Je modifie sa bordure en la divisant de moitié, et je la change de couleur (en blanc).
Je nomme ce troisième calque bordure. J’ai également changé la couleur sur le calque lettrage (de blanc en marron).
ETAPE 6
Je reviens sur le calque bordure, et je vais dans le menu objet > décomposer. Cette manipulation me permet de séparer le contour du remplissage.
Je prends en sélection cette bordure et ce remplissage pour les dissocier. Pour cela je vais dans menu > objet > dissocier (ou j’utilise le raccourci ctrl+shift+g), je répète cette opération 3 fois.
Le but est d’obtenir un calque pour la bordure et un calque pour le remplissage. Une fois que c’est fait j’utilise le pathfinder pour les réunir.
Vous allez me dire pourquoi avoir séparé si c’est pour les réunir ? En fait cette manipulation nous a simplement permis de faire un aplat.
ETAPE 7
Je duplique le calque bordure, je nomme ce nouveau calque reflet. Je le place tout à fait en haut des autres, et je change sa couleur en blanc.
Maintenant avec la plume je crée une forme qui sera soustraite de mon reflet. Une fois cette forme crée je le sélectionne en même temps que la forme reflet, puis avec le pathfinder je soustrais la forme (crée à la plume) de mon reflet.
ETAPE 8
Normalement j’ai maintenant 4 calques : bordure fond, bordure, lettrage et reflet. Je remplie mon lettrage avec un dégradé d’angle 90. Et mon reflet je le modifie de façon à camoufler le bas (voir ce tutorial pour explication : http://www.wks.fr/Creer-un-degrade-trensparent-avec.html).
Et voila le logo est maintenant terminé ! C’était un peu long je vous l’accorde.
Je tiens à remercier les membres du forum illustrator lalogotheque.com qui ont pris sur leurs temps pour m’expliquer calmement cette technique. Merci à eux, ce sont eux les pros d’illustrator 
*le raccourci ctrl+c permet de copier une forme, ctrl+f permet de coller la forme copiée mais en place (c’est à dire à la place d’origine), à ne pas confondre avec ctrl+v qui colle la forme copiée mais au centre de l’image.
Cet article a été migré vers le site spécialisé Illustrator, merci de cliquez ici pour vous y rendre ! Accéder à cet article sur tutoriauxillustrator.com
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 77 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
25 août 2007 14:56, par lolo belgique
Bravo Julien tu deviens un vrai spécialiste des logos
Répondre
Très beau travail !!!-
16 janvier 2011 22:39, par Tristan
Très bon tutoriel pour créer un logo, j’adore le style graff ! Bravo !
Voir en ligne : Créateur de logo
Répondre
-
5 septembre 2007 20:27, par Fiziko
Je n’arrive pas à creer un contour, je m’y met je cherche mais je trouve que ce tuto n’est pas assez bien expliqué, pourrais-tu me dire comment faire ?
Répondre-
6 septembre 2007 14:11, par Wonka
Quelle est l’étape qui te pose vraiment problème ? Je vais pas pouvoir te ré expliquer tout le cours !
Répondre-
7 septembre 2007 22:55, par Fiziko
Voila en fait je n’arrive pas a appliquer un fond nul et une bordure noire de 2 pix. et aussi : « je remplie de blanc l’intérieur »
Répondre-
8 septembre 2007 09:32
le logo est super mais le tuto n’est pas assez detailler .je suis novice est les outils que tu utilise on ne l’ai connais pas forcement.
Répondre-
8 septembre 2007 20:55, par Wonka
Je ne suis pas non plus une grande lumière sur illustrator ! Donc normalement tout le monde devrait comprendre ...
Répondre
-
-
8 septembre 2007 20:58, par Wonka
Pour le fond nul, il faut selectionner une forme, et au lieu de prendre un remplissage uni (d’une couleur) je selectionne le petite carré blanc barré d’un trait rouge. Tout cela se trouve dans le petit carré sur la gauche en bas.
La bordure noir c’est dans le carré pour la bordure en bas à droite.
Pour le remplissage voir le haut de mon message !
Mais bon la c’est quand même la base de la base.
Répondre
-
-
-
-
25 septembre 2007 17:30
Ce tutoriel passe trop vite sur le plus important : créer le logo en lui même !
J’ai installé Illustrator pour pouvoir suivre les explications, mais en arrivant à la fin de la page, je me rends compte qu’au final je n’en sais pas plus qu’avant !
Répondre-
26 septembre 2007 09:09, par Wonka
Et avouons le c’est bien dommage
Répondre
Nan sans blague il faut que tu regardes avant celui ci les autres petit tutos publiés dans la rubrique illustrator ! Bonne chance en tout cas à toi
-
-
28 septembre 2007 14:53, par Joko
Salut, je trouve qu’il manque les petites icônes des outils que tu utilises
En effet, lorsque tu site un outil, tu as une façon de le nommer qui n’est peut être pas celle que l’on a, et de ce fait, il est plus difficile de comprendre ton tuto, par contre, en dehors de ça, il est très bien fait Je me met moi aussi a AI, et n’ayant pratiqué que du photoshop depuis plusieurs années, j’avoue que tomber sur ces tutos m’aide bien a appréhender la bete
Répondre-
29 septembre 2007 09:38, par Wonka
Oui et tu verras petit à petit tu vas comprendre de mieux en mieux Illustrator, au dèpart j’avais un peu peur d’ouvrir ce soft, mais maintenant j’ouvre AI comme PS aussi simplement
Répondre
-
-
8 octobre 2007 03:36, par ticaze
Je bloque au niv de l’etape 7 pour faire le reflet comment mets tu le noir dans le logo sans déborder...
Répondre-
8 octobre 2007 09:37, par Wonka
Tout est écris, il faut utiliser le pathfinder !
En fait il faut comprendre tu as une forme blanche qui sert juste à soustraire, et une copie de ton fond noir. Le truc c’est que tu vas donc soustraire grace au pathfinder la forme blanche à la forme noir.
Ou vice versa. L’important c’est de comprendre qu’il y a deux formes, une noir et une blanche. Et non une forme noir et blanc
Bonne chance pour la suite !
Répondre
-
-
10 octobre 2007 10:03
Bonjour, je suis débutante dans l’utilisation d’illustrator, je voulais commencer ce matin en m’aidant de ce tutoriel, mais, peut-être est-ce une question bête, mais lorsque je veux vectoriser mon texte(donc menu texte puis vectoriser) cela ne marche pas, c’est à dire « vectoriser » est en transparence, ne s’affiche pas... je ne sais pas comment faire, je suis vraiment débutante et ne connais pas les petits réglages...merci beaucoup beaucoup d’avance. Cami
Répondre-
10 octobre 2007 14:13, par Wonka
Normalement tu sélectionne ton texte, puis dans le menu texte tu clic sur vectoriser, il n’y a rien d’autre à faire pour vectoriser tes lettres
Bonne chance !
Répondre-
7 décembre 2007 21:21, par hugo
salut je trouve tes tutos tres interessants mais dans celui ci je rencontre un problème. quand je tappe mon texte et que j’utilise des lettres qui ont une partie interieur (comme le B qui en a deux) et bien il me met les partie interieur en blanc ! merci de repondre sur mon adresse email ! merci
Voir en ligne : hugo
Répondre
-
-
-
13 décembre 2007 20:16, par zourite
Bonjour, génial ce tutoriel !!!!
Quelle est la police utilisée ?
Merci !!
Répondre-
-
19 février 2008 23:54, par paco ou fra5913
j’adore ton rendu mais alors je bloque a une étape « avec le pathfinder j’unis toutes ces formes. » le pathfinder je vois ce que c’est un outil un filtre un effet ? d’habitude j’arrive t’est tuto sans problème mais la je bloque en espérant une réponse cordialement paco
Voir en ligne : mon porfolio
Répondre-
19 février 2008 23:56, par paco ou fra5913
j’ai trouver pathfinder mais une fois la je sais pas division ?pochoir ?fusion ?découpe ?soustraction ?
Voir en ligne : mon porfolio
Répondre
-
-
-
-
15 mai 2008 20:11, par Sylvain
Illustrator, c’est dur de s’y habituer. Il est nécessaire d’avoir des bases en infographie (avec Photoshop notamment) et faut surtout avoir la volonté.
Ce que fait Wonka, c’est pas votre travail, mais le sien. ya d’excellent tuto sur le pathfinder sur internet
Ayez le gout de chercher un peu, bien sûr on y trouve pas tout mais essayez quand même !
Moi j’ai trouvé mes réponses a mes questions ici : [1]Bref, moi sinon j’aurai une question personnelle. A l’étape 6 j’ai pas compris comment faire ce que tu fais. J’ai compris le but, avoir en gros la forme vectorielle du contour. Hors je n’y arrive pas, objet > décomposer est grisé. La suite de l’étape non plus je n’y suis pas arrivé mais j’aimerai déjà comprendre le début.
Merci de l’aide et de tous les tutos Illustrator, c’est utile quand on veut avoir un chemin vite tracé à suivre et à compléter soit-même ^^
Répondre-
16 mai 2008 10:01, par Wonka
Si la fonction est grisé c’est que tu ne peux l’utiliser sur l’élément selectionner ou que tu n’as rien selectionné. Le but de decomposer un éléments c’est de se retrouver avec son strict minimum c’est à dire sa forme et rien d’autre ! Le secret réside dans l’utilisation de cette fonction, normal que tu ne comprenne pas la suite !
Répondre
-
-
12 juin 2008 19:49
merci, çà rend super bien mais le .ai n’est pas disponible. continuer comme çà. Thanks
Répondre -
2 juillet 2008 15:22, par lesloups
Salut,wonka merci du tutoriel très bon et du lien du site/forum car leurs tutoriels sont génials je m’y remet
Répondre -
26 juillet 2008 17:42
quelqu un pourrai m aider pour l’étape 6 plz ça marche pas comme je veux lol
Répondre -
29 août 2008 02:14, par BBoss
Répondre
Salut tout le monde, sachez que c’est un honneur pour moi d’être membre de votre communauté. je viens de débuter avec l’infographie et votre site me donne la possibilité de m’initier et de devenir un grand infographiste. Ce logo est le premier que je réalise grâce à vous. Merci WONKA, vous êtes le meilleur !!!!!!!-
29 août 2008 09:58, par Wonka
Pour un premier logo je trouve que c’est très bien fait
Répondre Bravo à toi tu as du talent, bonne chance pour la suite de ton apprentissage !
-
-
13 septembre 2008 20:00, par mike
Si quelqu’un pourrais m’aider ce serait pas de refus franchement j’y comprend rien...Sans vouloir te manquer de respect wonka tu as une façon très bizarre d’expliquer...Un ex ?« maintenant vous devez avoir 4 calques : »bordure fond« etc... »Il sort d’ou se bordure fond ???looool...J’ai eu beau chercher je l’ai pas retrouvé cité precedemment !Ou encore « je le modifie de façon a camoufler le bas » ou le degradé 90 qui en toute logique me semble etre un degradé moins 90...Bref tout ça me semble etre un peu un language approximatif mais bon ça doit venir de moi puisqu’apparement certains y sont arrivé...En tout cas après des heures de prise de tête et d’enervement je n’y arrive toujours pas...Donc si quelqu’un pourrais m’expliquer les dernieres étapes je lui en serais très reconnaissant...Merci
Répondre-
13 septembre 2008 21:41, par Wonka
Suffit de suivre les étapes dans le bon sens, les réaliser complètement et tout tombera sous le bon sens
Répondre Surement que certaines de mes explications manque de rigueur mais bon faut faire avec ! Accroche toi je suis sur que tu vas y arriver !
-
-
13 septembre 2008 23:35, par steeve
salut wonka ton tuto n’est pas des plus facile ^^ mais je m’ensort ... j’ai quand meme un petit problem (désolé) mais je n’arrive pas a dupliquer les contours et tout sa en gros je selectione le texte( dont j’ai changre la taille de bordure en 12 px apres avoir fusioné ) et je fait ctrl+c puis ctrl+f et la je me retrouve avec un seul calque , alor qu’il doit, a part amant ,y avoir 2 calques ( ensuite trois mais meme si je refait la manipulation je me retrouve avec 1 calque) alor peut etre peut tu m’aider voila merci de bien vouloir me repondre
steeve
Répondre-
14 septembre 2008 13:29, par Wonka
Avant de faire ctrl + f tu peux surement créer manuellement le calque. Ce qui te permet de coller ta forme sur un nouveau calque
Répondre
-
-
18 septembre 2008 22:33, par El Roy Design
Bien, rebonsoir
Pas de fausse alerte cette fois-ci, la réponse n’est pas donnée dans les messages, ou bien en tout petit =D
Alors voilà, j’ai un énorme problème à partir du moment où on commence à parler de décomposer et de dissocier. En sélectionnant uniquement le calque bordure, je n’ai pas « Décomposer » de possible En sélectionnant le tout, et en faisant « Décomposer » => « Dissocier » etc, et puis en utilisant le PathFinder, je me retrouve avec tout sur le calque le plus haut (Lettrage) Et Rien du tout sur le reste... Je ne sais pas si ça vient de moi, mais c’est assez gênant car la suite est dés lors impossible à réaliser...
Merci et à bientôt (j’espère :D)
Répondre -
8 octobre 2008 12:36, par franck
salut
bon moi j’ai un petit souci !
je n’arrive pas à décomposer le calque lettrage plus d’une fois !
comment faire pour le faire trois fois, je le sélectionne bien pourtant , même si je l’associe je peux pas !
pourrrais tu me venir en aide stp ?
merci pour le tuto en tout cas
Répondre -
-
13 novembre 2008 13:07, par Wonka
Sur le site officiel d’adobe tu peux télécharger une version d’évaluation de 30 jours ! C’est pas long mais pour commencer c’est déjà pas mal
Répondre
-
-
27 novembre 2008 22:11
pourquoi ne peut-on pas downloader ton fichier.. ??
j’aimerai bien voir la gueule de tes calques, car tes explications partent en vrillent sur la fin (un nom de calque qui apparait mystérieusement, la forme à la plume qui est censée sectionner, mais quel calque ??)
Bref..
Répondre-
28 novembre 2008 09:52, par Wonka
Le fichier n’est apparemment plus disponible
Répondre
je vais essayer de le retrouver mais je ne promet rien !
-
-
14 janvier 2009 14:31, par lai
est ce que vous pouvez detailler svp les duplication et creation de calque car je rencontre des soucis sur illustrator cs3, j’arrive pas a faire ce tuto pourtant les autres tuto sont assez facile merci d’avance
Répondre -
16 février 2009 08:56, par omgx
J’ai rien compris, je cites : « avec le pathfinder j’unis toutes ces formes », j’ai pas « unir » avec mon pathfinder, j’en ai déduis « fusion », plus plein d’autres trucs qui sont esentiels mais survolés (calques,dissociation)...... Dommage car cela semblait interressant.
Répondre -
16 février 2009 16:41
c’est tres bien de faire des tutos mais quand c’est aussi mal detaillé on a tendance à déprimer au bout d’un moment .... dommage
Répondre-
16 février 2009 17:03, par Wonka
Je pense pas que ce soit si mal détaillée que cela, un peu de bonne volonté serait pas de refus !
Répondre
-
-
16 février 2009 21:30, par Shaz
J’ai vraiment un problème avec ce tuto, enfin plutot avec illustrator. Je comprends pas le principe des calques et des sous calques, quand, dans le tuto, on doit faire ctrl+c puis ctrl+f, on crée un nouveau sous calque et non un nouveau calque, mais j’ai beau suivre le tuto à la lettre, je bloque à l’étape où il faut décomposer. Je pense que je m’embrouille, en tout cas voilà ce que j’ai arriver à l’étape 6 :
Répondre
-
16 février 2009 22:42, par Wonka
Illustrator c’est une autre façon de penser que Photoshop, je dois dire que même maintenant je suis pas vraiment à l’aiser avec Illustrator, pour moi Photoshop restera toujours bien plus claire !
Répondre-
16 février 2009 23:20, par Shaz
Ouais, j’ai beaucoup plus de mal à prendre en main illustrator que je n’en ai eu avec photoshop
Répondre
-
-
-
19 février 2009 02:28
En fait c’est à l’étape 6 où tout le monde reste scotché (moi y compris)...
Répondre-
19 février 2009 09:37, par Wonka
Certainement la plus complexe, cependant tout est dit dans l’étape pour y parvenir. Le but est de dissocier les deux parties, le contour du dedans pour pouvoir modifier chaque partie indépendamment.
Répondre
-
-
19 février 2009 02:37
Ce que je ne comprends pas aussi c’est comment la bordure blanche du calque bordure devient un dégradé allant du gris vers le noir... ??? On ne peut pas appliquer un dégradé à un contour...
Répondre -
20 février 2009 03:09
Ok j’ai capté, une fois la bordure blanche du calque bordure décomposée et dissociée, c’est possible de lui appliquer un dégradé. Etape 7 réussie en mettant un coup de pochoir sur la partie supérieure du logo, le résultat est le même. Merci pour l’idée c’est sympa, pour ce qui est de suivre les explications j’ai préféré faire à ma manière plutôt que de tout suivre à la lettre, le résultat est très chouette.
Répondre-
20 février 2009 13:20, par Wonka
Et oui comme quoi c’est possible
Répondre Et une méthode ou une autre l’important c’est d’y parvenir !
-
-
21 mars 2009 15:14, par Deathsmoke
Salut, ton tuto est super mais j’ai un petit souci car je bloque a la fin de l’étape 6, car je sais pas faire les dégradés sur Illustrator(c’est la 1ere fois que j’utilise le logiciel), de plus je n’obtiens pas trop ce que tu as(j’ai poste ma réalisation....)
je suis lost, merci d’avance pour ton aide.
Répondre -
8 avril 2009 12:10
Le fichier source AI est introuvable. Pourrais-tu le remettre ? Merci pour ces tutos formidables.
Répondre -
12 juin 2009 17:36, par Armo
Comme beaucoup de monde je bloque à l’étape 6 (je suis sur CS3) Dommage le résultat est pourtant beau. Je ne comprends pas la logique de l’étape 6, et même en m’appliquant je ne retombe pas sur mes pattes
Répondre
Comme d’autres, quand je sélectionne le calque à décomposer, « décomposer » n’est pas disponible, je dois d’abord passer par « décomposer l’aspect » (seul moyen disponible). Mais peut être que cette commande fait tout foirer ? Je vais essayer autrement, sinon tant pis
Beau travail en tout cas ! -
29 septembre 2009 16:22, par Blank
Le logo est très beau, mais je trouve que tu ne donne vraiment pas assez d’explications. Surtout pour l’étape 6. Tu t’embrouille avec tes noms de calques, bref on ne s’y retrouve pas. De la bonne volontée j’en ai, ça fait 2h que jessaye par tous les moyens de passer l’étape 6. Si tu expliquais au moins clairement à quoi sert cette manip’ et les outils décomposer/dissocier on y arriverais surement mieux, le but d’un tuto étant surtout de comprendre le fonctionnement des outils et leur utilité.
Répondre-
8 octobre 2009 17:37, par kenymaster
je pense que tu te donnes trop de mal pour ce que c. J ai reussi a le faire sans passer par toutes tes etapes. Enfin, on sait tous qu il y a tjs plus d une facons d y arriver. bon courage
Voir en ligne : www.kenyonart.fr
Répondre
-
-
14 octobre 2009 17:24, par Lil Thug$ta
« Je crée un nouveau document RVB, peu importe la taille. Et directement au milieu de mon image j’édite mon titre. »
Comment on crée un new doc. RVB ?? SVP merci —’
Répondre -
14 octobre 2009 21:24, par Saucisse
Perso je suis nouveau sur AI, et là t’expliques à l’arrache. Or le but d’un tuto c’est d’expliquer sa démarche... A bon entendeur.
Répondre -
3 novembre 2009 01:22, par moi
aucune précision, ce n’est pas un tutorial, c’est du show off, on dirait que tu nous présente cela pouur t’en venter mais pas pour expliquer, c’est tres frustran, recommence !
Répondre-
3 novembre 2009 12:16, par Wonka
Et ton commentaire, ce n’est ni une question ni une demande, on dirait que tu l’as posté juste pour râler, c’est très décourageant pour l’auteur du tutorial, recommence.
Au vue des autres commentaires, et images il me semble que ce soit plutôt bien expliqué.
Répondre-
11 mars 2010 10:22, par Votre pseudonyme
apprends la différence entre « râler » et être « frustré » ou « mécontent ».
Répondre
-
-
-
12 novembre 2009 14:28, par Crampf
C’est un beau logo, mais honnêtement c’est terriblement mal expliqué. à ta place je reprendrais le tuto entièrement avec des screenshots et des appellations entièrement correctes. C’est pas pour râler que je dis ça et je suis pas un débutant. Je trouve ce tuto brouillon et c’est dommage je pense.
Répondre -
18 décembre 2009 19:08, par Dakine
Franchement, si j’avais même avec des tutoriaux, difficile de créer un beau logo pour mon site, je pense personnellement que le visiteur ne vont même pas regarder le logo, mais si j’avais tord...
Répondre -
18 mai 2010 16:36, par Votre pseudonyme
je n’arrive pas à faire l’étape 6.. le « décomposer » est en gris et donc pas utilisable ds le menu.....
Répondre -
22 août 2010 13:15, par AOX
Salut Wonka, j’ai pas encore essayé de réaliser le rendu, mais rien que le fait d’avoir fait ce tuto c’est sympa... Les gens sont ingrats, j’imagine que t’es pas rémunéré ni en aucun obligé de le faire. Donc un grand merci pour ce beau tuto
Répondre -
25 septembre 2010 06:40, par Zaza
Salut Wonka Cool le tuto, merci ! Par contre petit souci : impossible de télécharger le fichier *.ai (erreur 404) Ou alors il est plus en ligne ? Dommage =(
Répondre -
23 novembre 2010 16:40, par magda
tuto magnifique vraiment une meilleur réalisation merciiiiiii
Répondre -
21 août 2011 17:48, par creation logo en ligne
Très bon cet article bravo ! Créer un logo en ligne avec http://www.creation-de-logo.net la création de logo pour entreprise.
Répondre
