IPB

Welcome Guest ( Log In | Register )

> Tutoriaux Adobe Photoshop - Règles du forum

Apprendre : Vous trouverez dans cette section tous les tutoriels Adobe Photoshop rédigés par nos membres.

Partager : Vous souhaitez partager vos connaissances et soumettre un Tutorial ? Consultez notre guide "Soumettre un tutorial"

Besoin d'aide pour utiliser Photoshop : Rendez vous dans la section "Soyez sympas je débute en graphisme"

3 Pages V   1 2 3 >  
Reply to this topicStart new topic
> [Tuto Photoshop] Effets sur texte blanc, Difficulté : 4/10 - Qualité du tutorial : 8/10
† Dodokiller †
post Oct 18 2007, 05:27:24 PM
Post #1


Maykilécon...
*****

Group: Members
Posts: 1,041
Joined: 5-July 07
From: Là où on ne m'attend pas...
Member No.: 152,235



[Tuto texte incrusté]




Bonjour, alors voilà à quoi vous devriez arriver à la fin du tuto smile.gif



1 - Ouvrez Photoshop et créez un document avec les réglages comme ci-dessous.




2 - Sélectionnez l'outil dégradé et réglez les options comme ci-dessous.



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.gif).




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.gif)




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 :




6 - Cliquez sur la petite icône . 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".



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.




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.




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.



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 :






Un exemple de personnalisation (un peu grand j'avoue mdr.gif) :




Merci de dire si ça vous a plus, si c'est compréhensible / fouillis etc. Happy2.gif (soyez indulgents quand même c'est mon premier tuto mdr.gif)
Go to the top of the page
 
+Quote Post
Fagoon
post Oct 21 2007, 07:54:41 PM
Post #2


McCALS
Group Icon

Group: Team CrystalXP
Posts: 5,972
Joined: 5-October 05
From: Juan-les-Pins
Member No.: 4,212



Merci pour ce petit tuto Dodokiller. wink.gif
Go to the top of the page
 
+Quote Post
gandi
post Oct 21 2007, 08:02:51 PM
Post #3


Pingouin aphrodisiaque
*****

Group: Members
Posts: 1,760
Joined: 24-March 06
From: Derrière toi
Member No.: 24,394



CITATION(† Dodokiller † @ Oct 18 2007, 06:28:24 PM) *
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.


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.gif même si l'effet est assez simple à reproduire, c'est pas mal smile.gif


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 :

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.gif

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 :


ps : j'ai pas fait le premier dégradé tongue.gif
Go to the top of the page
 
+Quote Post
Cigare au champi...
post Oct 21 2007, 08:10:50 PM
Post #4


Soyons réalistes, tentons l'impossible !
*****

Group: Members
Posts: 1,553
Joined: 29-December 06
From: Tours
Member No.: 91,483



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

meuh.gif
Go to the top of the page
 
+Quote Post
† Dodokiller †
post Oct 22 2007, 11:12:12 AM
Post #5


Maykilécon...
*****

Group: Members
Posts: 1,041
Joined: 5-July 07
From: Là où on ne m'attend pas...
Member No.: 152,235



Merci, je vais corriger ça de suite wink.gif

Edit : voilà c'est bon tongue.gif -> le tuto est à jour smile.gif
Go to the top of the page
 
+Quote Post
OsquiGene
post Oct 25 2007, 04:35:47 PM
Post #6


Penguin
**

Group: Members
Posts: 186
Joined: 24-May 07
From: Pessac - Fr
Member No.: 134,086



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.gif.

edit : Voila mon résultat
Attached File  Effet_sur_texte_blanc.jpg ( 49.01K ) Number of downloads: 45
Go to the top of the page
 
+Quote Post
steretrix
post Oct 25 2007, 04:53:03 PM
Post #7


God of Penguins
******

Group: Members
Posts: 2,576
Joined: 23-September 06
Member No.: 68,389



merci pour le tutos l'effet est sympa smile.gif
Go to the top of the page
 
+Quote Post
fra59130
post Oct 26 2007, 04:20:39 PM
Post #8


New Penguin
*

Group: Members
Posts: 46
Joined: 1-September 07
Member No.: 173,955



simple mais bien
Go to the top of the page
 
+Quote Post
† Dodokiller †
post Oct 26 2007, 05:38:24 PM
Post #9


Maykilécon...
*****

Group: Members
Posts: 1,041
Joined: 5-July 07
From: Là où on ne m'attend pas...
Member No.: 152,235



Merci à tous Happy2.gif -> Osqui l'effet est très joli, j'aime bien les cercles emboités mdr.gif
Go to the top of the page
 
+Quote Post
Kashim02
post Oct 29 2007, 12:14:01 PM
Post #10


New Penguin
*

Group: Members
Posts: 33
Joined: 29-October 07
From: J'habite là où je glande ... ( Non, ce n'est pas l'école -_- )
Member No.: 195,737



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.gif ouch.gif ouch.gif
Go to the top of the page
 
+Quote Post
Fixxx
post Oct 29 2007, 12:23:19 PM
Post #11


Top Penguin
****

Group: Members
Posts: 919
Joined: 22-July 06
From: Jamais à plus d'un mètre de mon ordinateur
Member No.: 52,471



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.gif
Go to the top of the page
 
+Quote Post
Kashim02
post Oct 29 2007, 01:09:46 PM
Post #12


New Penguin
*

Group: Members
Posts: 33
Joined: 29-October 07
From: J'habite là où je glande ... ( Non, ce n'est pas l'école -_- )
Member No.: 195,737



Oui, désolé ^^' Je te passe une image de mes config :
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
Go to the top of the page
 
+Quote Post
Fagoon
post Oct 29 2007, 01:22:35 PM
Post #13


McCALS
Group Icon

Group: Team CrystalXP
Posts: 5,972
Joined: 5-October 05
From: Juan-les-Pins
Member No.: 4,212



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.gif
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.gif
Go to the top of the page
 
+Quote Post
the cyberalx
post Oct 29 2007, 01:52:21 PM
Post #14


Top Penguin
****

Group: Members
Posts: 582
Joined: 19-January 07
From: La playa, France
Member No.: 97,251



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 ?
Go to the top of the page
 
+Quote Post
yalishanda
post Oct 29 2007, 01:55:35 PM
Post #15


Penguin
**

Group: Members
Posts: 65
Joined: 7-September 07
Member No.: 176,247



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...
Go to the top of the page
 
+Quote Post
Kashim02
post Oct 29 2007, 02:16:38 PM
Post #16


New Penguin
*

Group: Members
Posts: 33
Joined: 29-October 07
From: J'habite là où je glande ... ( Non, ce n'est pas l'école -_- )
Member No.: 195,737



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 :

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.gif ouch.gif ouch.gif
Go to the top of the page
 
+Quote Post
yalishanda
post Oct 29 2007, 02:22:03 PM
Post #17


Penguin
**

Group: Members
Posts: 65
Joined: 7-September 07
Member No.: 176,247



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.
Go to the top of the page
 
+Quote Post
Fagoon
post Oct 29 2007, 02:22:40 PM
Post #18


McCALS
Group Icon

Group: Team CrystalXP
Posts: 5,972
Joined: 5-October 05
From: Juan-les-Pins
Member No.: 4,212



Bon je déplace ton topic pour le mettre à la suite du tuto, ça pourra servir à d'autres... wink.gif
Go to the top of the page
 
+Quote Post
yalishanda
post Oct 29 2007, 02:40:33 PM
Post #19


Penguin
**

Group: Members
Posts: 65
Joined: 7-September 07
Member No.: 176,247



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.
Go to the top of the page
 
+Quote Post
Kashim02
post Oct 29 2007, 04:11:37 PM
Post #20


New Penguin
*

Group: Members
Posts: 33
Joined: 29-October 07
From: J'habite là où je glande ... ( Non, ce n'est pas l'école -_- )
Member No.: 195,737



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 :

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 :
Go to the top of the page
 
+Quote Post

3 Pages V   1 2 3 >
Reply to this topicStart new topic

 

RSS Lo-Fi Version Time is now: 7th September 2008 - 06:02 AM