26 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[tuto Xara 3D-Photoshop] Créer un logo 3D

 
n°26666
fabix
Profil : Penguin
Avatar
profil
Posté le 01-07-2011 à 17:45:32  
 

Introduction :
 
A travers ce tutoriel j'aimerais vous monter comment créer un logo 3d très facilement et rapidement, il existe déjà d'autres tutoriels  sur crystalxp notamment celui de Djeric qui expliquent comment faire, cependant ils utilisent des logiciels 3D puissants et donc pas forcément faciles à prendre en main.
Ce tutoriel s'adresse aux débutants et à tous ceux qui souhaitent par plaisir ou par nécessité (notamment pour les team ou autre ) créer un logo texte en 3D.
Pour cela nous allons procéder en deux étapes;
-La première étape est la création du logo 3D proprement dit à l'aide du logiciel Xara 3D que je vais vous présenter dans quelques lignes.
-La deuxième étape qui est tout à fait facultative sera le traitement du logo à l'aide d'un logiciel de traitement d'image comme Photoshop ou Gimp.  
 
1)Création du logo 3D
 
présentation du logiciel Xara 3D:
 
Xara 3D est un logiciel uniquement dédié à la création de texte 3D, son avantage principal est d'être à la fois très léger simple d'utilisation et performant, voici le lien pour télécharger la version d'essai de 30 jours ( donc largement de quoi faire son logo)  : http://www.xara.com/eu/downloads/xara3d/ .
 
L'idée ici n'est pas d'apprendre à refaire parfaitement le logo exemple que nous allons détailler mais bien d'être capable de créer une multitude de logos selon votre style et vos envies c'est pourquoi j'insisterais plus sur l'apprentissage des techniques et la découverte des logiciels que sur les valeurs numériques que j'ai utilisé pour cet exemple.
 
Trêve de discussions ouvrons le logiciel, par défaut le logiciel ouvre le dernier logo sur lequel vous avez travaillé, lors de la première utilisation vous avez droit à un exemple.
 
Nous allons maintenant taper notre texte
Sur la barre de gauche veiller à cliquer sur le « X » pour enlever le cadre autour du texte et cliquez sur Aa comme ceci
 
http://www.crystalxp.net/forum/mesimages/340324/Capture2.png
 
 rentrez alors votre texte et choisissez votre police  
 
http://www.crystalxp.net/forum/mesimages/340324/Capture1.png
 
ensuite réglez l'extrusion vous pouvez choisir entre matt et gloss  
 
http://www.crystalxp.net/forum/mesimages/340324/Capture3.png
 
nous allons maintenant changer le mode d'extrusion dans Bevel options (à droite)
 
http://www.crystalxp.net/forum/mesimages/340324/Capture4.png
 
on peut alors modifier la couleur, pour cela il vous faut aller dans color options vous pouvez alors changer la couleur globale du texte ou simplement la face ou les cotés
 
http://www.crystalxp.net/forum/mesimages/340324/Capture6.png
 
L'un des secrets du logiciel se trouve dans le réglage des lumières dans color options vous avez sûrement déjà constaté que vous pouvez modifier la couleur des trois lumières mais vous pouvez aussi modifier leur position en appuyant sur ce bouton  
 
http://www.crystalxp.net/forum/mesimages/340324/Capture7.png
 
et vous voyez les lumières apparaître sous forme de flèche, il suffit de cliquer dessus pour les déplacer et les régler à votre goût vous pouvez aussi orienter le texte en cliquant dessus , il faut tâtonner et cela peut prendre un peu de temps au début mais vous verrez ça vaut la peine.
 
http://www.crystalxp.net/forum/mesimages/340324/Capture.png
 
Une fois vos réglages faits cliquez sur file puis export je vous conseille alors d'adopter les mêmes réglages que ci dessous.
 
http://www.crystalxp.net/forum/mesimages/340324/Capture5.png
 
Voilà ! La première étape est finie et vous pouvez vous arrêter ici si vous le voulez par exemple j'ai réalisé ce logo uniquement avex Xara 3D
http://www.crystalxp.net/forum/mesimages/340324/game.png
 mais pour ceux qui veulent encore embellir leur logo je vais vous proposer quelques techniques.
 
2)Traitement du logo
 
Pour cette deuxième étape je vais travailler sous photoshop mais je crois qu'il est aussi possible de travailler sous Gimp par exemple  
 
a) isoler les faces
   
   Maintenant que nous avons enregistré notre image en 2D, nous allons appliquer des effets de manière indépendante sur la face du texte et des cotés, deux options s'offrent alors à vous:
soit les couleurs des cotés et de la face sont très différentes ce qui est le cas pour cet exemple nous allons alors ouvrir l'image sous photoshop et sélectionner la face en cliquant dessus  à l'aide de l'outil baguette magique avec ces réglages :
 
http://www.crystalxp.net/forum/mesimages/340324/Capture8.png
           
 
         ensuite vous faites copier (Ctrl+c), nouveau calque (Ctrl+Maj+n) et coller dans le nouveau calque (Ctrl+v)
         vous pouvez renommer le nouveau calque « face »
         et voilà le travail !
 
soit votre texte est uni et dans ce cas retournez dans Xara 3d ne déplacez surtout pas votre texte et passez
l'extrusion à 0 exportez alors l'image comme précédemment puis après avoir ouvert votre texte 3D sous photoshop faites fichier importer et choissisez le texte avec une extrusion nulle.
 
Surtout veillez à ce que le calque de la face soit au dessus.
 
Nota: vous pouvez aussi isoler les cotés du textes en faisant Ctrl clic sur la vignette du calque face  
http://www.crystalxp.net/forum/mesimages/340324/Capture9.png
puis en retournant    sur le calque du texte et en intervertissant la selection (Ctrl+Maj+i) ensuite faites (Ctrl+J) un vouveau calque se crée avec les cotés uniquement.
 
b) Densité couleur
 
Choisissez l'outil densité couleur – et réglez les différents paramètres : vous pouvez choisir la taille du pinceau, les couleurs sur-lesquelles vous allez appliquer l'effet ( tons clairs, moyens , foncés ) ,et la puissance de l'effet (l'exposition).
Allez sur le calque face et balayez aléatoirement l'image  
 
http://www.crystalxp.net/forum/mesimages/340324/Capture10.png
 
Vous pouvez faire de même sur le calque cotés avec l'outil densité couleur + par exemple.
 
c)reflet
 
Faites un Ctrl+clic sur la vignette du calque face, créez un nouveau calque (Ctrl+Maj+n),allez dessus, et dessinez une forme à l'aide de l'outil plume puis clic droit => definir une selection => intersection avec la selection
 
http://www.crystalxp.net/forum/mesimages/340324/Capture11.png
 
ensuite  remplissez la selection de blanc et passez le mode du calque en incrustation vous pouvez alors régler l'opacité du calque  
 
http://www.crystalxp.net/forum/mesimages/340324/Capture12.PNG1..png
 
 
vous pouvez aussi laisser le calque en mode normal et remplir la selection d'un dégradé blanc vers transparent.  
 
d) Halo
     
   Il est parfois sympathique d'utiliser cet effet cependant il n'est pas très utile sur cet exemple, si vous voulez quand    
   même essayer allez sur le calque face et faites filtres-rendu-Halo et réglez à votre guise.
 
   http://www.crystalxp.net/forum/mesimages/340324/Capture13.png
 
Nota: Il existe une méthode parfois plus efficace pour créer un beau halo: celle ci consiste à créer un nouveau calque que l'on remplit en noir, on fait ensuite filtres-rendu-halo et on passe ce calque en mode superposition
 
   voici quelques exemples de logo que j'ai réalisé avec ces effets
http://www.crystalxp.net/forum/mesimages/340324/logo.png
http://www.crystalxp.net/forum/mesimages/340324/coyott.png
http://www.crystalxp.net/forum/mesimages/340324/g.png
 
 
 
 
   voilà à ce stade vous pouvez enregistrer votre travail au format Png et votre logo est prêt à être utilisé
 
e)  Bonus : Le fond
 
On peut aussi essayer de créer un fond original pour aller avec ce logo.
 
Pour cela créez un nouveau calque, laissez les calques de texte au dessus (vous pouvez d'ailleurs les fusionner), assurez vous d'avoir le noir et blanc comme couleur par défaut  
 
http://www.crystalxp.net/forum/mesimages/340324/Capture14.png
faites filtres-rendu-nuages
 
http://www.crystalxp.net/forum/mesimages/340324/Capture15.png
 
puis filtre esquisse-chrome  
 
http://www.crystalxp.net/forum/mesimages/340324/Capture17.png
puis créez un nouveau calque et cliquez sur le bouton masque
 
http://www.crystalxp.net/forum/mesimages/340324/Capture16.png
 
cliquez sur la vignette du masque prenez un pinceau noir à bord doux ajustez la forme et faites un clic
 
http://www.crystalxp.net/forum/mesimages/340324/Capture18.png
 
créez un autre calque, passez le en mode couleur et peignez en bleu par exemple
 
http://www.crystalxp.net/forum/mesimages/340324/Capture19.png
 
retournez sur le calque texte faites Ctrl+t cliquez sur la chainette, redimensionnez et faites pivoter votre image si necessaire
 
http://www.crystalxp.net/forum/mesimages/340324/Capture20.PNG1..png
 
puis si besoin est utilisez l'outil recadrage
 
image 21 http://www.crystalxp.net/forum/mesimages/340324/Capture21.png
 
J'espère avoir été suffisamment clair surtout n'hésitez pas a poser vos questions et à donner votre avis
 
http://www.crystalxp.net/forum/mesimages/340324/vi.png
http://www.crystalxp.net/forum/mesimages/340324/x.png


Message édité par fabix le 12-02-2012 à 11:54:40
answer
mood
GoogleAds
profil
Posté le 01-07-2011 à 17:45:32  
 

answer
n°26667
Kirian
Take the best, f**k the rest.
Profil : Big Penguin
Avatar
profil
Posté le 01-07-2011 à 18:28:49  
 

Le résultat est plutôt jolie, bien détaillé, merci. ;)


---------------
She won't let me f**k !
answer
n°26668
fabix
Profil : Penguin
Avatar
profil
Posté le 01-07-2011 à 20:49:25  
 

Kirian a écrit :

Le résultat est plutôt jolie, bien détaillé, merci. ;)


 
merci à toi surtout n'hésites pas à poster tes créations !

answer
n°26669
fabix
Profil : Penguin
Avatar
profil
Posté le 01-07-2011 à 20:49:51  
 

Kirian a écrit :

Le résultat est plutôt jolie, bien détaillé, merci. ;)


 
merci à toi surtout n'hésites pas à poster tes créations !

answer
n°26670
heamer
Graphiste 2D, 3D.
Profil : Top Penguin
Avatar
profil
Posté le 01-07-2011 à 22:10:46  
 

Merci pour ce tuto ^^.


---------------
Mon deviant art:
 
http://nsa14.casimages.com/img/2010/06/11/100611064420274257.png
answer
n°26694
fabix
Profil : Penguin
Avatar
profil
Posté le 14-07-2011 à 15:12:26  
 

heamer a écrit :

Merci pour ce tuto ^^.


Merci à toi ,
Dommage que personne n'essaie :ohill: , ça m'aurait rassuré de voir que mon tuto fonctionne.

answer
n°26695
wone45
Profil : New Penguin
Avatar
profil
Posté le 14-07-2011 à 15:43:10  
 

Merci à toi pour ce tuto !  
J'essayerais si j'ai un peu de temps !  :wink2:


---------------
Cordiialement, Wone !
answer
n°26703
Santang
Profil : Penguin
Avatar
profil
Posté le 26-07-2011 à 12:16:50  
 

Thank, surtout que cela a dû te demander du temps

answer
n°26767
fabix
Profil : Penguin
Avatar
profil
Posté le 31-08-2011 à 10:50:32  
 

Santang a écrit :

Thank, surtout que cela a dû te demander du temps


Merci pour le commentaire,  
Inutile de dire que le tuto ne remporte pas le succès escompté, si il y'a un quelconque problème merci de me le signifier.
J'en avais prévu d'autres sur le même principe mais plus poussés , mais vu la demande je crois qu'il vaut mieux que j'abandonne cette idée.
Je retournerais de temps à autre pour voir si il y a des questions si vous souhaitez aller un peu plus loin par exemple déformer les lettres changer leur position dans un logo  
http://www.crystalxp.net/forum/mesimages/340324/exemple.png
ou d'autres choses n'hésitez pas à demander.

answer

Aller à :
Ajouter une réponse