Exposition Graphique : lefreut Mac : Neoshin et 70 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto Photoshop] Créer un logo 3D Transparent

 
n°12501
V4l
Accro à la plume
Profil : Penguin
Avatar
profil
Posté le 26-01-2008 à 14:49:38  
 

Mise à jour du tuto (Retour aux tuto écrit)
Pour voir l'ancienne version du tuto, c'est ici!
 
Hello,
Pour mon deuxieme tuto, nous allons voir comment créer un logo 3d transparent.
 
Comme ceci :    
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/tuto%20effet%20transparent%20copie.png
 
 
Tout d'abord, créez un nouveau document avec ces parametres (vous pouvez les modifier suivant la taille de votre logo)
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot001.png
 
 
Créez ou importez ensuite votre logo (ici un jouli pitit dollar créé avec un S puis la plume pour la barre du milieu).
Appelez votre calque "base"
 
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot002.png
 
 
 
Appliquez une torsion à votre forme de maniere à lui donner un effet 3d
 
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot003.png
 
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot004.png
 
 
Allez ensuite dans le style de votre calque et personnalisez le un peu.
 
Ici nous lui mettons un dégradé de nuances de jaune pour faire un effet Or.
 
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot005.png
 
 
Faites "ok" puis dupliquez votre calque (ctrl + j). Appelez ce calque "relief".
 
Déplacez votre calque "relief" en dessous de "Base" avec l'outil déplacement (Cela determinera le niveau le plus bas du relief.)
 
Appliquez lui ensuite un biseautage Avec ces parametres.
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot006.png
 
 
Vous devriez obtenir quelque-chose similaire à ceci.
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot007.png
 
Créez maintenant un nouveau groupe appelé "relief" et mettez le calque relief dans celui-ci.
 
Cliquez sur le calque relief puis laissez appuyé sur "Alt Gr + fleche haut" jusqu'à temp que le relief rejoigne le calque de base.
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot008.png
 
 
Au niveau de vos calques, vous devriez avoir quelque-chose semblable à ceci
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot009.png
 
 
Maintenant, ça se complique un peu.
 
Duppliquez le calque "base" et positionnez le au niveau le plus bas du relief.
Appelez ce calque "transparence" et baissez son opacité jusqu'à 25%
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot010.png
 
Créez un calque avec fond noir.
 
Dupliquez les 3 calques "relief", "base", et "transparence".
 
Fusionnez ces copies et renommez ce calque en "final"
 
Appliquez lui ces parametres.
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot011.png
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot012.png
 
Placez le calque "base" au dessus du calque "final".
Enlevez tous les styles de calques de "base" et mettez son fond à 0 %
Appliquez lui ensuite ces parametres.
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot013.png
 
A ce stade, vous devriez obtenir ceci.
Supprimez le calque relief (ou mettez le en invisible)
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot014.png
 
 
Retirez maintenant tous les styles de calque de "transparence" et mettez son fond à 0%
 
Appliquez lui ensuite ces parametres.
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot015.png
 
 
Vous devriez avoir ceci.
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot016.png
 
Créez maintenant un nouveau calque appelé "ombre".
Placez le en dessous du calque "transparence"
 
Faite "ctrl+clic" sur le calque transparence, et remplissez la selection de noir (sur le calque "ombre" ).
 
Faites un flou gaussien
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot017.png
 
Avec ces parametres
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot018.png
 
Vous devriez avoir les calques dans cet ordre :
 
Base (Opacité 100% ; Fond 0%)
Final
Relief (invisible/inactif)
Ombre  
Transparence (Opacité 100% ; Fond 0%)
 
 
 
 
 
Ayé c'est fini.
 
http://valleboss.free.fr/valgraphicworld/tutotransparent/ScreenShot019.png
 
 
J'espere que ce tuto vous a plu et qu'il n'a pas été trop dur.  
Ciao


Message édité par V4l le 28-06-2009 à 10:51:22
answer
mood
GoogleAds
profil
Posté le 26-01-2008 à 14:49:38  
 

answer
n°12537
dlb
q|p
Profil : Admin
Avatar
profil
Posté le 11-02-2008 à 12:12:23  
 

Je n'aime pas du tout les tutos avec le texte dans une image, mais il est bien...
Donc je valide :wink:
Merci

answer
n°12538
steretrix
Profil : Penguin Pro
Avatar
profil
Posté le 11-02-2008 à 12:17:22  
 

dlb a écrit :

Je n'aime pas du tout les tutos avec le texte dans une image,

 

+1 j'aime pas non plus
faudrais pensé un peu plus aux petite connections

answer
n°12544
Franckie
Profil : Penguin
Avatar
profil
Posté le 12-02-2008 à 10:10:23  
 

+1 ... Le tutos est franchement sympa mais le tout dans une seule image ... c'est peu conventionnel et pas pratique  :neutral:

answer
n°12549
leojak
Profil : New Penguin
Avatar
profil
Posté le 13-02-2008 à 15:04:58  
 

Super tuto ! Juste une chose, oui donc ça serait mieux écris dans un post, je pense, vu que quelques uns ont des petites connections c'est plus sympa pour eux =) !!
Sinon, serieux, le tuto cartonne, je vais essayer ça tout de suite !

answer
n°12590
The neo
Profil : New Penguin
Avatar
profil
Posté le 22-02-2008 à 20:52:41  
 

Salut à tous,  :smile:
et bravo V4l.
C'est un magnifique tuto, dommage qu'il soit
regroupé dans une image comme l'on fait remarquer les autres.
Encore bravo...  :great:

answer
n°12628
maxenter
Profil : New Penguin
Avatar
profil
Posté le 02-03-2008 à 11:12:54  
 

moi j y suis pas arrivé je suis un peut décu snif mais ci non c est un super tuto

answer
n°12636
CRYSTAL-C
Profil : Big Penguin
Avatar
profil
Posté le 04-03-2008 à 23:38:42  
 

pour moi l'image ne s'affiche pas

answer
n°12637
Cocopop
*Keep It Real*
Profil : Big Penguin
Avatar
profil
Posté le 04-03-2008 à 23:40:30  
 

Moi de même aucune image..

answer
n°12639
crusty
Profil : Big Penguin
Avatar
profil
Posté le 04-03-2008 à 23:48:46  
 

pas d'images non plus  :neutral:

answer
n°12641
Mutsu
Soon
Profil : Penguin Pro
Avatar
profil
Posté le 05-03-2008 à 19:06:29  
 

Pour les tuto sans image(s), il y a ce petit topics pour les signaler.
 J'ai déjà signalé celui-ci :wink:

answer
n°12642
Rg12
Profil : Penguin
Avatar
profil
Posté le 05-03-2008 à 19:51:46  
 

L'image avait l'adresse : http://valleboss.free.fr/valgraphicworld/t...ans%20copie.png et le site http://valleboss.free.fr/ a été supprimé, donc plus d'image.

answer
n°12644
CRYSTAL-C
Profil : Big Penguin
Avatar
profil
Posté le 05-03-2008 à 23:44:29  
 

OK je crois que l'auteur a rectifier en creant un nouveau topic

answer
n°12645
Rg12
Profil : Penguin
Avatar
profil
Posté le 06-03-2008 à 11:47:57  
 

Le site est simplement remis sur pied :smile:
Je ne sais pas pourquoi il a créé un autre topic ce n'était pas utile

answer
n°12665
V4l
Accro à la plume
Profil : Penguin
Avatar
profil
Posté le 12-03-2008 à 16:57:04  
 

Me voila de retour. (désolé, mais j'ai eu des problème avec internet...)

 

Pour la petite histoire, mon serveur a eu un petit problème (merci free ...) et j'ai été obligé de faire une petite manip qui a mis le serveur en panne pendant quelques jours...
Mais c'est réglé ^^

 

Et pour l'autre topic créé, c'est en fait, le premier que j'ai rédigé, mais voyant qu'il mettait du temps à être accepter, je l'ai reposté mais cette fois dans la catégorie "Soumettre un tutorial". C'est celui là que vous voyait en ce moment^^.

 

Si j'avais du attendre que l'autre soit accepté, j'aurais du patienter plus d'1 mois ...

 

Bref désolé du dérangement, et si un modérateur ou admin pouvait supprimer l'autre, ça arrangerait tout le monde ^^

 

Merchi.

answer
n°23328
V4l
Accro à la plume
Profil : Penguin
Avatar
profil
Posté le 28-06-2009 à 10:52:39  
 

Mise à jour du tuto !
De retour aux texte pour satisfaire les petites connexions ^^


---------------
My blog...
answer

Aller à :
Ajouter une réponse