Exposition Graphique : mlbcreation Mac : Neoshin et 71 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2  3
Page Précédente 
Auteur
 Sujet :

[Tuto Photoshop] Effets sur texte blanc

 
n°11931
Dodokiller
Le fêlon couillon
Profil : Penguin Pro
Avatar
profil
Posté le 18-10-2007 à 18:27:24  
 

[Tuto texte incrusté]

 
 
 
Bonjour, alors voilà à quoi vous devriez arriver à la fin du tuto :smile:
 
http://sonicwind.free.fr/screens/tuto_texte/10-2.png
 
1 - Ouvrez Photoshop et créez un document avec les réglages comme ci-dessous.
 
http://sonicwind.free.fr/screens/tuto_texte/1.png
 
 
2 - Sélectionnez l'outil dégradé et réglez les options comme ci-dessous.
 
http://sonicwind.free.fr/screens/tuto_texte/2.png
 
Double-cliquez sur le dégradé qui apparait dans la petite boite d'aperçu. Puis réglez la couleur qui se trouve à gauche en double cliquant sur la petite marque : changez le code hexadécimal en 3d3d3d (précédé d'un # dans la fenêtre qui s'ouvre)
Puis répétez l'opération avec la couleur de droite, mais cette fois ci changez là en 111111.
 
 
3 - Faites un dégradé du haut de la page vers le bas comme ci-dessous (suivez la flèche :smile:).
 
http://sonicwind.free.fr/screens/tuto_texte/3.png
 
 
4 - Puis prenez l'outil texte et écrivez votre texte avec les réglages comme ci-dessous (les réglages sont visibles dans la petite fenêtre Caractère :wink:)
 
http://sonicwind.free.fr/screens/tuto_texte/4.png
 
 
5 - Cliquez sur Calque -> Dupliquer le calque puis faites ok.
Cliquez sur Edition -> Transformation -> Symétrie axe vertical puis déplacez le calque de quelques pixels vers le bas en sélectionnant l'outil de sélection et en appuyant sur la flèche bas du clavier.
Vous devriez obtenir ca ou quelque chose qui y ressemble :
 
http://sonicwind.free.fr/screens/tuto_texte/5.png
 
 
6 - Cliquez sur la petite icône http://sonicwind.free.fr/screens/tuto_texte/6-2.png. Puis cliquez sur le carré blanc qui vient d'apparaitre de manière à ce qu'il soit entouré de 4 coins au niveau de ses angles. Si il est déjà dans cet état, pas la peine de cliquer.
Puis sélectionnez l'outil dégradé avec les paramètres comme ci-dessous. Pensez à décocher la case "Inverse".
 
http://sonicwind.free.fr/screens/tuto_texte/6.png
 
Pour les couleurs, il s'agit de blanc vers noir.
 
 
7 - Cliquez sur le calque de texte d'origine. Faites un dégradé en suivant la flèche (essayez d'être le plus précis possible sur cette opération, ne dépassez pas la flèche !) comme ci-dessous.
 
http://sonicwind.free.fr/screens/tuto_texte/7.png
 
 
8 - Cliquez sur Filtre -> Atténuation -> Flou de surface puis remplissez la fenêtre qui suit avec les réglages comme ci-dessous, après avoir cliqué sur Ok lorsque Photoshop vous a demandé confirmation pour la pixellisation du texte.
 
http://sonicwind.free.fr/screens/tuto_texte/8.png
 
 
9 - Cliquez sur le calque de la copie du texte puis cliquez sur Filtre -> Atténuation -> Flou directionnel. Validez, puis remplissez la fenêtre  avec les réglages suivants.
 
http://sonicwind.free.fr/screens/tuto_texte/9.png
 
Déplacez un peu le calque vers le bas comme expliqué plus haut.
 
 
10 - Et voilà, c'est fini ! Vous devriez obtenir quelque chose comme ça :
 
http://sonicwind.free.fr/screens/tuto_texte/10-2.png
 
 
 
 
Un exemple de personnalisation (un peu grand j'avoue :mdr:) :
 
http://sonicwind.free.fr/screens/tuto_texte/10.png
 
 
Merci de dire si ça vous a plu, si c'est compréhensible / fouillis etc. :happy2: (soyez indulgents quand même c'est mon premier tuto :mdr:)


Message édité par Dodokiller le 26-06-2009 à 19:16:59
answer
mood
GoogleAds
profil
Posté le 18-10-2007 à 18:27:24  
 

answer
n°11945
Fagoon
CrystalXP Fan
Profil : God of Penguins
Avatar
profil
Posté le 21-10-2007 à 20:54:41  
 

Merci pour ce petit tuto Dodokiller. :wink:

answer
n°11946
Gandi
Profil : Penguin Pro
Avatar
profil
Posté le 21-10-2007 à 21:02:51  
 

Citation :

9 - Cliquez sur le calque de texte d'origine (pas la copie hein) puis cliquez sur Filtre -> Atténuation -> Flou directionnel. Validez, puis remplissez la fenêtre  avec les réglages suivants.

 

http://sonicwind.free.fr/screens/tuto_texte/9.png


Un bon début comme tuto, sinon, au passage que j'ai quoté, j'ai pas bien compris, tu dis qu'il faut cliquer sur le texte d'origine, ça d'acoord, mais sur l'image, c'est le reflet du texte qui a changé, pas le texte en lui même.

 

Sinon, c'est tout, j'essauye ton tuto pour voir quand même :he: même si l'effet est assez simple à reproduire, c'est pas mal :smile:

 


edit :
bon en effet, il y a plein de problème, en suivant ton tuto à la lettre près, je me retrouve avec un résultat différent, tout ça à cause d'un manque de partie, à partir de l'étape 8, tu oublie deux fois, de préciser qu'il faut changer de calque, donc un débutant, ne s'y retrouvera pas, et n'ayant pas reçu "l'ordre" de selectionner un autre calque, il n'y arrivera pas, et ce retrouvera avec un résultat comme ceci :
http://funkyimg.com/u/89230nutella.png
et il me semble qu'il y a aussi le manque d'une étape de duplication du calque texte, vu que tu le floute. j'essaye une version de ton tuto "corrigé" en rajoutant les étapes manquantes, et j'envoie le résultat de suite :smile:

 

edit² : sinon, au moment où l'on fait le dégradé radial, précise que pour faire un dégradé droit, de maintenir la touche shift appuyé ;-)

 

edit3 : et voila, essaye de refaire ton tuto et revoit les parties qui ne vont pas. Une fois corrigé ça donne ça :
http://funkyimg.com/u/93573nutella.png

 

ps : j'ai pas fait le premier dégradé :tongue:

answer
n°11947
Cigare au champignon
C'est assez !
Profil : Penguin Pro
Avatar
profil
Posté le 21-10-2007 à 21:10:50  
 

Joli Dodo, l'effet final est très sympa :biggrin:

 

:meuh:

answer
n°11948
Dodokiller
Le fêlon couillon
Profil : Penguin Pro
Avatar
profil
Posté le 22-10-2007 à 12:12:12  
 

Merci, je vais corriger ça de suite :wink:

 

Edit : voilà c'est bon :tongue: -> le tuto est à jour :smile:

answer
n°11968
OsquiGene
Profil : Penguin
Avatar
profil
Posté le 25-10-2007 à 17:35:47  
 

Pas grand chose de très nouveau pour moi mais je pense que ça peut intéresser du monde. Ceci dit j'ai quand même une remarque, sur ton exemple de personnalisation, je verrais bien un reflet identique a celui du texte :wink:.

 

edit : Voila mon résultat
Effet_sur_texte_blanc.jpg

answer
n°11969
steretrix
Profil : Penguin Pro
Avatar
profil
Posté le 25-10-2007 à 17:53:03  
 

merci pour le tutos l'effet est sympa :smile:

answer
n°11974
fra59130
Profil : New Penguin
Avatar
profil
Posté le 26-10-2007 à 17:20:39  
 

simple mais bien

answer
n°11975
Dodokiller
Le fêlon couillon
Profil : Penguin Pro
Avatar
profil
Posté le 26-10-2007 à 18:38:24  
 

Merci à tous :happy2: -> Osqui l'effet est très joli, j'aime bien les cercles emboités :mdr:

answer
n°11992
Kashim02
Profil : New Penguin
Avatar
profil
Posté le 29-10-2007 à 12:14:01  
 

Voici mon problème, il y a un tuto pour faire un effet texte blanc sur fond noir mais il possède la version de photoshop plus avancée et moi la plus ancienne.
D'ailleurs le voici : Le topic
Le problème se pose pour y mettre le texte, j'ai déjà mis le dégradé mais lorsqu'il me demande de mettre les réglages ( 4eme point ) Par exemple, des choses manquent ou sont dans des cases grises que je ne peux changer
J'essaie de faire le plus fidélement possiblement :
Mes réglages
Puis, je mets un cadre pour les lettres mais malheuresement, les lettres sont tellement petites qu'on ne les voit pas ...
J'ai cherché dans les rubriques en haut, police ou taille, enfin, n'importe quoi qui aurait un lien avec l'écriture mais absolument rien ='( :ouch: :ouch: :ouch:

answer
n°11993
Fixxx
Profil : Penguin Pro
Avatar
profil
Posté le 29-10-2007 à 12:23:19  
 

Tu as quel version de Photoshop?
Un autre point, tu peut heberger tes screens autre part que sur Hotmail parce que je ne peut pas y acceder. Essaye avec http://imageshack.us par exemple :wink:

answer
n°11994
Kashim02
Profil : New Penguin
Avatar
profil
Posté le 29-10-2007 à 13:09:46  
 

Oui, désolé ^^' Je te passe une image de mes config : http://img90.imageshack.us/img90/3540/photoshop02tw0.th.png
Ma version de photoshop vient d'un cd, mais bizarrement, ce n'est que la version d'évaluation enfin bon, en haut il y a écrit à propos de ... Mais il est en gris, donc je ne peux même pas connaître les détails de ma version ='(
J'ai mis cette fois les tectes à 1000% en largeur et longueur, le texte donne celui qu'il y a sur l'image

answer
n°11995
Fagoon
CrystalXP Fan
Profil : God of Penguins
Avatar
profil
Posté le 29-10-2007 à 13:22:35  
 

Bonjour Kashim02,
tout d'abord, tu peux poster tes difficultés à la suite du tutoriel, cela a l'intérêt d'attirer l'attention de son auteur sur ton problème et si on te trouve la solution, de la rendre disponible pour ceux qui auraient le même problème que toi.

 

Pour ton problème : je vois dans tes réglages que tu as des unités en px alors que dodokiller a des unités en pt. Je ne sais pas si ça changera grandement mais vu que tu as un problème de taille... On ne sait jamais.
Sinon, il faut savoir que dodokiller te donne ses propres réglages mais tu n'es pas obligé de les appliquer à la lettre, surtout sur cette partie. En effet tu peux innover et mettre la taille et la police que tu veux, ça ne changera rien pour les parties suivantes et tu pourras continuer le tuto sans problème. :smile:
Donc ne t'inquiète pas trop pour ces réglages-là si tu n'arrives pas à reproduire à l'identique et fait quelque chose qui te plait. :smile:

answer
n°11996
the cyberalx
Profil : Top Penguin
Avatar
profil
Posté le 29-10-2007 à 13:52:21  
 

Je vais peut être dire une bêtise mais le texte n'a pas l'ai d'être sélectionnè sur la capture, il n'est pas en surbrillance, si ?
Et le zoom, il est réglé à 2%... C'est pas bizarre ça ?

answer
n°11997
yalishanda
Profil : Penguin
Avatar
profil
Posté le 29-10-2007 à 13:55:35  
 

J'allais faire la même remarque que toi cyberalx...
En effet si tu veux que tes réglages s'appliquent sur ton texte, il faut le sélectionner comme si tu le faisais avec n'importe quel logiciel de traitement de texte...

answer
n°11998
Kashim02
Profil : New Penguin
Avatar
profil
Posté le 29-10-2007 à 14:16:38  
 

En fait, je viens de régler le problème du texte, mais un autre problème s'afflige ...
je comprends pas vraiment le point 6. Voici mon screen :
http://img152.imageshack.us/img152/9675/photoshop03vq3.th.png
Je comprends pas : Cliquez sur la petite icône ( avec la photo ). Puis cliquez sur le carré blanc qui vient d'apparaitre de manière à ce qu'il soit entouré de 4 coins au niveau de ses angles. Si il est déjà dans cet état, pas la peine de cliquer.
Puis sélectionnez l'outil dégradé avec les paramètres comme ci-dessous. Pensez à décocher la case "Inverse".

 

Quand je clique sur le bouton qui ressemble à une photo, il n'y a aucun carré blanc qui apparaît ou bien, je ne le vois pas  ...
='(  :ouch: :ouch: :ouch:

answer
n°11999
yalishanda
Profil : Penguin
Avatar
profil
Posté le 29-10-2007 à 14:22:03  
 

Comme l'a dit Fagoon, tu devrais aller poster tes problemes dans le topic du tutoriel en question...
Parce que là, tu nous parle du point 6 mais on ne connait pas tout le tuto par coeur, a part peut etre Dodokiller son auteur.

answer
n°12000
Fagoon
CrystalXP Fan
Profil : God of Penguins
Avatar
profil
Posté le 29-10-2007 à 14:22:40  
 

Bon je déplace ton topic pour le mettre à la suite du tuto, ça pourra servir à d'autres... :wink:

answer
n°12001
yalishanda
Profil : Penguin
Avatar
profil
Posté le 29-10-2007 à 14:40:33  
 

Bon pour résoudre ton problème:
Tu cliques sur le calque de ton reflet, ensuite tu cliques sur le petit icone comme indiqué dans le tuto (il se situe en bas de la palette des calques et est nommé "Ajouter un masque vectoriel";)
Normalement un carré blanc apparait a coté de calque reflet (avec une petite chaîne entre les 2), là tu cliques sur ce carré blanc et tu appliques le dégradé.
En esperant que je sois clair dans mon explication.

answer
n°12002
Kashim02
Profil : New Penguin
Avatar
profil
Posté le 29-10-2007 à 16:11:37  
 

Voici mon nouveau problème ^^' ( C'est la première fois que j'utilise ce genre de programme, alors excusez moi ^^' )

 

J'ai réussi à obtenir l'effet voulu, merci beaucoup, yalishanda
Je vous montre déjà où j'en suis :
http://img228.imageshack.us/img228/8206/photoshop04yo7.th.png
Puis, pour la suite, je clique sur le calque de mon texte d'origine, c'est-à-dire pour moi, le texte qui est à l'endroit
puis, je clique sur dégradé et lorsque je clique sur l'image pour dégrader surprise un message s'affiche et me dit :
" Impossible d'utiliser l'outil dégradé car les pixels d'un calque de texte ne peuvent être modifiés si le calque n'a pas préalablement été pixellisé."
J'ai pixellisé le calque mais ça donne ceci :
http://img47.imageshack.us/img47/147/photoshop05zd8.th.png

answer
n°12003
yalishanda
Profil : Penguin
Avatar
profil
Posté le 29-10-2007 à 16:36:17  
 

Si j'ai bien compris, tu bloques à l'étape 7. Mais mon précédent message résumait l'étape 6 et 7 .
Normalement avec le tuto de Dodo, tu obtient le reflet à la fin de l'étape 7 et toi tu l'as déja donc tu peux passer directement à la 8.
Voilà.

answer
n°12004
Dodokiller
Le fêlon couillon
Profil : Penguin Pro
Avatar
profil
Posté le 29-10-2007 à 16:37:51  
 

Ya un truc que je ne comprend pas :err: Ton dégradé tu l'as déjà fait :err:

 

Pourquoi veux tu le refaire ?

 

Edit : grilled :^^:

answer
n°12005
Kashim02
Profil : New Penguin
Avatar
profil
Posté le 29-10-2007 à 17:22:21  
 

Ah, désolé de vous embêter encore ^^'  :boulay:

 

Comme je possède une ancienne version de photoshop, je n'ai pas le flou de surface mais en regardant toutes les fenêtres de flou, il y'en a une qui y ressemble :
http://img233.imageshack.us/img233/8708/photoshop06mw8.th.png
Mais lorsque j'active ce flou-ci, quelque soit les modifications, rien ne change, absolument rien ='( Pourtant, j'ai pixellisé le texte d'origine ='(

answer
n°12006
Dodokiller
Le fêlon couillon
Profil : Penguin Pro
Avatar
profil
Posté le 29-10-2007 à 18:25:28  
 

Pixelliser ne sert à rien :err: Ce flou ne remplace pas le flou de surface, je suis désolé :frown:

answer
n°12007
Kashim02
Profil : New Penguin
Avatar
profil
Posté le 29-10-2007 à 18:35:05  
 

Argh ... Je comprends ... Au moins j'ai appris comment utiliser certaines choses de la palette =)

 

Je vous en suis reconnaissant merci ^^

answer
 Page :  1  2  3
Page Précédente 

Aller à :
Ajouter une réponse