23 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto Illustrator] Créer un logo 3D

 
n°25102
Cindows
Profil : Modo
Avatar
profil
Posté le 12-04-2010 à 02:31:12  
 

Bienvenue à tous,
 
                             Voici donc un tutoriel  que j'ai pondu afin de vous apprendre à créer un logo 3D sous Illustrator sans trop de difficultés  :smile:  
 
Difficulté: Intermédiaire
 
Ce tutoriel vous amènera donc à un résultat semblable à celui-ci :  http://www.crystalxp.net/forum/mesimages/266973/logo_tuto.png2..png
 
Alors débutons !  :wink:  
 
1. Commençons par créez un nouveau fichier bien sûr !
2. Sélectionner l’outil texte (raccourci T) et écrivez votre logo. Vous pouvez sélectionnez votre police et sa taille bien entendu
                          http://www.crystalxp.net/forum/mesimages/266973/02.png
3. Par la suite, dupliquez votre calque d’écriture ( Ctrl+c/Ctrl+b). Renommez le calque du dessus « Remplissage » et le calque du dessous « Effet 3D »
                         http://www.crystalxp.net/forum/mesimages/266973/03.png
4.Sélectionnez le calque « Effet 3D » et déplacez-le à l’aide de vos flèches directionnelles afin de créer l’effet 3D que vous recherchez. Bien entendu, il y aura des trous blancs qui gâcheront l’effet 3D mais nous arrangerons cela plus tard ne vous inquiétez pas.  
                       http://www.crystalxp.net/forum/mesimages/266973/04.png
5.Sélectionnez vos deux calques (Ctrl+clic) et allez sélectionnez l’option dans le menu objet comme le démontre l’image. Vos calques d’écritures seront donc désormais considérés comme des tracés et vous pourrez alors modifier leurs points d’ancrages.
                    http://www.crystalxp.net/forum/mesimages/266973/05.png
6.La plus grande difficulté du tutoriel ce situe ici.Comme vous l’avez remarquez, il y a des imperfections dans notre effet 3D (espaces blancs) et nous devons donc y remédiez. Pour ce faire, il faudra donc que les espaces blancs soit rempli par la couleur du tracé 3D. C’est alors que les points d’ancrages interviennent. Il faut donc que vous sélectionnez certains points d’ancrages et que vous les déplaciez les lettres vertes afin qu’on croit en cet effet 3D et que les trous blancs n’existent plus.
                   http://www.crystalxp.net/forum/mesimages/266973/06.png
                   http://www.crystalxp.net/forum/mesimages/266973/07.png
7. Maintenant que l’effet 3D est réalisé, il ne vous reste plus que la partie amusante : Personnaliser son logo ! Il vous faut donc sélectionner tout d’abord votre calque « Remplissage » et lui attribuer un dégradé de préférence pour ajouter au réalisme. Des dégradés sont déjà disponibles dans Illustrator :
                   http://www.crystalxp.net/forum/mesimages/266973/08.png
8. Vous sélectionnez le calque « Effet 3D » et lui appliquez un dégradé également mais avec un angle de –90 °. Vous devriez avoir comme résultat quelque chose de semblable à ceci :
                 http://www.crystalxp.net/forum/mesimages/266973/09.png
9. Sélectionnez l’outil plume (Raccourci P) et créer un tracé courbé sur le logo qui sera en fait le reflet. Par la suite complétez le tracé pour qu’il soit possible de lui appliquez un dégradé linéaire blanc vers noir.
                 http://www.crystalxp.net/forum/mesimages/266973/10.png2..png
10. Dupliquez le calque « Remplissage ». Sélectionnez cette copie du calque et le calque du tracé reflet. Cliquer ensuite sur l’option Intersection du pathfinder
                 http://www.crystalxp.net/forum/mesimages/266973/11.png1..png
11. Vous pouvez par la suite, si vous le désirez, dupliquez de nouveau le calque « Remplissage » mais lui appliquez un motif comme remplissage. N’oubliez pas de placer ce nouveau calque au-dessus du calque « Remplissage » d’origine.
               http://www.crystalxp.net/forum/mesimages/266973/12.png2..png
 
Votre logo devrait donc être semblable à celui-ci :  
 http://www.crystalxp.net/forum/mesimages/266973/logo_tuto.png2..png
 
 
 
J'espère fortement que mon tutoriel vous a plu  
N'hésitez pas à poser des questions et laissez des critiques sur mon tutoriel  :wink:
 
En espérant aider un maximum de gens,
 
Cindows


Message édité par Cindows le 01-06-2011 à 23:46:46

---------------
http://www.crystalxp.net/forum/mesimages/266973/signature_team.png1..png
answer
mood
GoogleAds
profil
Posté le 12-04-2010 à 02:31:12  
 

answer
n°25104
Frana
Profil : Penguin Pro
Avatar
profil
Posté le 12-04-2010 à 02:51:28  
 

Sa rame un peu et puis il y a pas de voix, donc j'ai pas réussi à suivre à partir du dégradé :paf:.
La 3D est pas assai large à mon goût pour quel ce remarque :mdr:.
Mais sinon c'est très bien :great:.


Message édité par Frana le 12-04-2010 à 02:57:56
answer
n°25106
Fagoon
Mac Cals
Profil : Monitrice graphisme
Avatar
profil
Posté le 12-04-2010 à 10:42:43  
 

C'est vraiment dommage qu'il n'y ait pas de voix. On a du mal à se concentrer pour suivre le tuto et parfois quelques explications sur ce que tu fais seraient la bienvenue.
Quel dommage... Tu n'oses pas nous faire entendre ta douce voix ? :)


---------------
http://img368.imageshack.us/img368/4764/signaturefagoonbb5.png
..::DeviantArt::..::Site internet::.
answer
n°25112
Frana
Profil : Penguin Pro
Avatar
profil
Posté le 12-04-2010 à 12:07:22  
 

mini duc, sa s'ouvre avec un lecteur vidéo...

answer
n°25114
Frana
Profil : Penguin Pro
Avatar
profil
Posté le 12-04-2010 à 12:45:28  
 

Télécharge 7Zip install le et une fois qui l'ai installé, clique droit sur l'archive nommé " tutoriel " (je crois bien) et tu extrait les fichiers, et la ensuite t'aura un fichier nommé " tutoriel.avi " et la tu pourra le lire avec WMP ;).

answer
n°25116
Frana
Profil : Penguin Pro
Avatar
profil
Posté le 12-04-2010 à 13:51:46  
 

Deriens, si t'arrive à faire ce tuto' fais moi signe ;).

answer
n°25117
Cindows
Profil : Modo
Avatar
profil
Posté le 12-04-2010 à 13:52:37  
 

Rebonjour, effectivement la 3D n'est peut-être pas assez large je vais donc essayer de la revoir
Pour la voix, disons que je suis assez gênée donc je préfère ne pas mettre ma voix(en plus j'ai le pire des accents québécois que même des québécois ne comprennent pas alors   :he:)  Je vais donc tenter d'ajouter des info-bulles sur le vidéo (quelqu'un ne connaitrait pas un logiciel pouvant faire ce genre de truc ?). Sinon pour l'intégration du dégradé, je crois que je vais la faire plus tard dans le tutoriel car sinon ça devient un peu perdant effectivement
 
Je vais donc corriger tout cela et vous revenir avec un meilleur tutoriel vidéo !
 
Merci pour vos commentaires  :smile:  


---------------
http://www.crystalxp.net/forum/mesimages/266973/signature_team.png1..png
answer
n°25118
Frana
Profil : Penguin Pro
Avatar
profil
Posté le 12-04-2010 à 13:55:28  
 

Merci à toi de modifier tout cela ;).
 
Pour les infos bulles je connaissais Marcomedia Captivate mais il est payant je crois bien.

answer
n°25120
Ji-n Kuro-do
Boulay aux abonnés absents !
Profil : Penguin Pro
Avatar
profil
Posté le 12-04-2010 à 15:39:53  
 

Cindows a écrit :

Pour la voix, disons que je suis assez gênée donc je préfère ne pas mettre ma voix(en plus j'ai le pire des accents québécois que même des québécois ne comprennent pas alors   :he:)


[H.S.] Ma chère, tu n'as pas à te sentir gênée pour ton accent, djeric nous fait bien de bons tutos vidéo commentés, pour la 3D  :wink2:  
[/H.S.]
 
Je n'utilise pas Illustrator (ni plus rien d'autre pour l'instant, puisque je viens de formater mon PC ^^), mais je jetterais un oeil sur cette vidéo quand même.. Histoire de voir la mise en oeuvre de ton talent..  :jap:


---------------
Vive les vacances, bien méritées.. présentement prolongées pour période indéterminée !...
et bon graphisme à tous ^^
answer
n°25123
Cindows
Profil : Modo
Avatar
profil
Posté le 12-04-2010 à 22:59:45  
 

Ji-n Kuro-do a écrit :


[H.S.] Ma chère, tu n'as pas à te sentir gênée pour ton accent, djeric nous fait bien de bons tutos vidéo commentés, pour la 3D  :wink2:  
[/H.S.]
 


 
[H.S.] Mais encore, le problème vient de ma gêne naturel et sans pour autant donner le lieu où habite Djeric, son accent n'est pas le même que le mien et est beaucoup plus compréhensible bref trêve de bavardage  :he: [/H.S.]
 
Je vais donc jeter un coup d'oeil à tout cela pour refaire mon tutoriel avec des post-its  :wink:  
Merci pour le nom du logiciel Eiy0 !
 
Edit: J'ai finalement perdu espoir de chercher un logiciel pour inclure des info-bulles sur mon tutoriel vidéo  
J'ai donc pris mon courage à deux mains et l'ai converti en tutoriel traditionnel. Mon premier post contient donc le "nouveau" tutoriel  :wink:


Message édité par Cindows le 14-04-2010 à 04:04:42

---------------
http://www.crystalxp.net/forum/mesimages/266973/signature_team.png1..png
answer
n°25139
Cindows
Profil : Modo
Avatar
profil
Posté le 15-04-2010 à 23:32:46  
 

Je fais un petit up pour que vous constatiez que mon tutoriel vidéo est passé à tutoriel traditionnel qui est désormais disponible dans mon premier post  :smile:


---------------
http://www.crystalxp.net/forum/mesimages/266973/signature_team.png1..png
answer
n°25140
sitelight
http://www.sitelight.tk/
Profil : Penguin
Avatar
profil
Posté le 16-04-2010 à 07:42:50  
 

Très bon tuto Cindows mais j'ai une question, lorsqu'un Modo crée un tuto, Fagoon doit-elle le valider ou pas ? xx)


---------------
http://img265.imageshack.us/img265/8246/sign320x80.png
answer
n°25141
Ji-n Kuro-do
Boulay aux abonnés absents !
Profil : Penguin Pro
Avatar
profil
Posté le 16-04-2010 à 11:51:44  
 

Cindows, tu as bien fait de faire un up, sinon ton changement en tuto traditionnel serait passé inaperçu..  :great:  
La seule chose qui me "gène" un peu dans le résultat, c'est que la tranche des lettres (ce qui donne l'effet 3d) paraît trop "vive" à mon goût par rapport à la face..
Je pense que cela est dû au fait que tu utilises un code couleur plus clair pour tes dégradés que pour les faces..  :wink2:  
Utiliser une nuance légèrement plus sombre pourrait peut-être donner un meilleur rendu.
 

sitelight a écrit :

Très bon tuto Cindows mais j'ai une question, lorsqu'un Modo crée un tuto, Fagoon doit-elle le valider ou pas ? xx)


Cela semble évident, je crois..  :he:


Message édité par Ji-n Kuro-do le 16-04-2010 à 11:53:42

---------------
Vive les vacances, bien méritées.. présentement prolongées pour période indéterminée !...
et bon graphisme à tous ^^
answer
n°25147
Ji-n Kuro-do
Boulay aux abonnés absents !
Profil : Penguin Pro
Avatar
profil
Posté le 17-04-2010 à 01:26:17  
 

mini duc a écrit :

j'aime ton super  tuto Cindows dommage que je n'ai pas la police d'écriture et le motif que tu as utilisé  :no: merci voila pour moi  
http://www.crystalxp.net/forum/mes [...] GO 3 D.png


Mini duc, le but d'un tuto n'est pas de réaliser une "copie parfaite" de la réalisation de son auteur, mais d'aprendre des "techniques de création" à réutiliser sur d'autres projets personnels..  :wink2:  
 
Peu importe la police que tu utilises, peu importe les textures, ou les "effets" que tu rajoutes en plus..
Le rendu final peut être complètement différent, même en gardant des techniques identiques.
 
Par contre, il faut quand même que l'ensemble reste cohérent, et je vois un petit "souci" sur ton essai :
le sens des dégradés pour les tranches de lettres sont inversés (la moitié du "A" et le "L" ) par rapport au reste  :beurk:  
 
Simple question de bon sens, la "lumière" sur un logo vient en principe d'un même endroit.. pas une fois du haut et une autre fois du bas ^^


---------------
Vive les vacances, bien méritées.. présentement prolongées pour période indéterminée !...
et bon graphisme à tous ^^
answer
n°25148
NeoLitik
Profil : New Penguin
Avatar
profil
Posté le 17-04-2010 à 09:02:15  
 

Question tout bête : pourquoi ne pas utiliser la fonction 3D d'illustrator qui propose des résultats trés bon ? (voir meilleur)

answer
n°25156
Ji-n Kuro-do
Boulay aux abonnés absents !
Profil : Penguin Pro
Avatar
profil
Posté le 17-04-2010 à 20:31:07  
 

NeoLitik a écrit :

Question tout bête : pourquoi ne pas utiliser la fonction 3D d'illustrator qui propose des résultats trés bon ? (voir meilleur)


Réponse tout aussi bête : ce tuto n'a pas pour but d'apprendre à se servir d'une "fonction de fainéant", mais d'une technique de base (ici, modification des points d'ancrage) pouvant servir dans bien d'autres situations ^^
 
Cindows te répondra mieux que moi à ce sujet..  :wink2:  
 

mini duc a écrit :


 
Ji-n Kuro-do:  
en fait, je voulais la police d'écriture et le motif que cindows a utilisé pour mon usage personnel  :smile:  
 mais je n'ai pas oser lui demander :tongue:


Mais il faut parfois oser, justement ^^
Il y a une manière de le faire, avec politesse.. et la réponse de l'intéressée ne peut être que "oui" ou "non"..
Mais si tu n'oses pas faire cette petite démarche, tu n'auras jamais rien.

mini duc a écrit :


 j'ai fait plusieurs essais différents ("mais en gardant la même technique bien sur" ), pour les dégradés et la  police d'écriture etc..
ce sont les dégradés qui m'ont donné le plus de soucis, d'ailleurs tu m'en fait la remarque ("Simple question de bon sens, la "lumière" sur un logo vient en principe d'un même endroit.. pas une fois du haut et une autre fois du bas ^^" )
je te remercie, cette remarque me servira pour d'autres fois.. merci


Mes remarques ne sont pas faites pour "casser" systématiquement, je l'ai déjà dit, mais dans le but de vous aider à progresser...  :jap:  


---------------
Vive les vacances, bien méritées.. présentement prolongées pour période indéterminée !...
et bon graphisme à tous ^^
answer
n°25157
Cindows
Profil : Modo
Avatar
profil
Posté le 17-04-2010 à 21:05:19  
 

NeoLitik a écrit :

Question tout bête : pourquoi ne pas utiliser la fonction 3D d'illustrator qui propose des résultats trés bon ? (voir meilleur)


 
Parce que c'est pour apprendre à créer par soi-même et je ne sais pas si ça n'arrive que chez moi mais parfois cette fonction comporte des bugs lors du "rendu"(Si quelqu'un peut me dire si sa bug parfois chez lui en ajoutant les biseaux et tout).De plus, par ce tutoriel on peut revoir plusieurs petits astuces je crois (Pathfinder,points d'ancrages). Voilà, après mon intention est d'aider alors si tout le monde utilise la fonction 3D et bien mon tutoriel n'est pas très utile  :he:  
 
Miniduc : Je n'ai pas réussi à trouver la police exacte "Stencil" car celle-ci est commerciale(Tu devrais l'avoir si tu es sous Windows) mais voici un lien avec quelques écritures très près du Stencil: http://www.dafont.com/alpha.php?lettre=s&page=87
Et pour le motif il est censé être dans ta palette de motifs d'Illustrator  :neutral:  
Sinon, où as-tu déniché le motif que tu as utilisé ?
 
J-in Kuro-do: Effectivement j'aurais du y aller un peu plus sombre sur l'effet 3D mais c'est un truc que je n'ai remarqué qu'apès avoir terminé mon tutoriel. Par contre, je ne pige pas quand tu dis que j'utilise un code couleur plus clair pour les dégradés que les faces  :ohwell:

Message cité 1 fois
Message édité par Cindows le 17-04-2010 à 21:07:07

---------------
http://www.crystalxp.net/forum/mesimages/266973/signature_team.png1..png
answer
n°25158
Ji-n Kuro-do
Boulay aux abonnés absents !
Profil : Penguin Pro
Avatar
profil
Posté le 17-04-2010 à 21:36:44  
 

Cindows a écrit :


Par contre, je ne pige pas quand tu dis que j'utilise un code couleur plus clair pour les dégradés que les faces  :ohwell:


Je parlais bien sûr des dégradés utilisés pour la partie "3D" des lettres, il me semblait que tu avais utilisé des nuances plus claires que pour les dégradés des faces avant ^^
En fait, je crois que tu as exactement les mêmes couleurs, mais utilisées dans un autre sens..
 
De plus, je pense que la texture utilisée (l'espèce de "maille" qui recouvre la face) donne ce rendu plus sombre.. c'est ce qui m'a mis un peu dans l'erreur pour mon "jugement"..  :paf:


---------------
Vive les vacances, bien méritées.. présentement prolongées pour période indéterminée !...
et bon graphisme à tous ^^
answer
n°25159
Cindows
Profil : Modo
Avatar
profil
Posté le 18-04-2010 à 15:57:37  
 

Ah d'accord, il me semblait avoir compris cela mais je pigeais pas vraiment car s'était le même dégradé pour la face et l'effet 3D comme tu as dit  :wink:


---------------
http://www.crystalxp.net/forum/mesimages/266973/signature_team.png1..png
answer
n°25165
Cindows
Profil : Modo
Avatar
profil
Posté le 19-04-2010 à 00:38:51  
 

Merci pour l'information sur le motif  :wink:  !


---------------
http://www.crystalxp.net/forum/mesimages/266973/signature_team.png1..png
answer
n°25182
Fagoon
Mac Cals
Profil : Monitrice graphisme
Avatar
profil
Posté le 27-04-2010 à 11:00:06  
 

Je n'avais pas vu que tu avais refait ton tuto. :)
Merci à toi, validé !


---------------
http://img368.imageshack.us/img368/4764/signaturefagoonbb5.png
..::DeviantArt::..::Site internet::.
answer
n°25185
Kootoon
Mangeur de Biscuit
Profil : Penguin
Avatar
profil
Posté le 27-04-2010 à 16:37:01  
 

Mini duc > Tu peux trouver une police d'écriture semblable à celle qu'il utilise ici.
 
J'essayerais ce tuto plus tard, merci Cindows. :wink:


---------------
http://img248.imageshack.us/img248/9982/88390711.png
answer
n°25192
Cindows
Profil : Modo
Avatar
profil
Posté le 27-04-2010 à 23:00:01  
 

Fagoon a écrit :

Je n'avais pas vu que tu avais refait ton tuto. :)
Merci à toi, validé !

 

Merci !

 

Sinon n'hésitez surtout pas pour les questions et exposer vos résultats  :wink:


Message édité par Cindows le 27-04-2010 à 23:02:31

---------------
http://www.crystalxp.net/forum/mesimages/266973/signature_team.png1..png
answer
n°26889
Eskejesais
Profil : Penguin
Avatar
profil
Posté le 14-02-2012 à 12:40:28  
 

Hello :smile:  
Ce fil date un peu, mais... j'aime bien le vectoriel ! Voilà un exercice sympa -et je vais en profiter pour faire un peu de lèche-bottes :wink2:  (on dit comme ça, dans ce pays à l'accent impossible ?  :tongue: )
Bon, j'ai eu la flemme de travailler les ombrages (ça manque surtout sur les lettres rondes D et O...); par contre j'ai mis une perspective en rétrécissant le plan arrière de l'épaisseur (c'est très clair.  :yes: ). Et pour les couleurs, rapidement, un dégradé sur les lettres et le fond, un contour clair -et les épaisseurs d'un gris uniforme, bof.
Pour le reflet, il suffit de diminuer l'opacité...
A+
http://www.crystalxp.net/forum/mesimages/370614/cind.png

answer
n°26891
Cindows
Profil : Modo
Avatar
profil
Posté le 15-02-2012 à 04:04:29  
 

Eskejesais a écrit :

Hello :smile:  
Ce fil date un peu, mais... j'aime bien le vectoriel ! Voilà un exercice sympa -et je vais en profiter pour faire un peu de lèche-bottes :wink2:  (on dit comme ça, dans ce pays à l'accent impossible ?  :tongue: )


 
Il y a plusieurs expressions mais effectivement celle-ci en fait partie :tongue:
Bien heureuse de voir que quelqu'un se consacre au vectoriel !
Et joli boulot franchement l'aspect reflet est très intéressant, je n'y avais même pas songé  :wink:  


---------------
http://www.crystalxp.net/forum/mesimages/266973/signature_team.png1..png
answer

Aller à :
Ajouter une réponse