Cube
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment : -20%
Ecran PC GIGABYTE 28″ LED M28U 4K ( IPS, 1 ms, ...
Voir le deal
399 €

[Résolu] Effet header actuel

5 participants

Aller en bas

[Résolu] Effet header actuel Empty [Résolu] Effet header actuel

Message par Tyrano Sam 6 Juin 2009 - 22:21

Bonjour tout le monde Smile

J'ai vu sur le logo et sur la page principal un effet de texte que j'adore Smile Et j'aimerais savoir s'il existe un tuto pour savoir comment en faire un semblable. Il ne semble pas extrêmement difficile mais quand même Smile

Je suis habituer à faire de la retouche et non de partir à partir de rien alors je ne sais pas comment faire Smile

Voici un exemple, pris de la page d'accueil :

[Résolu] Effet header actuel FjfNT4AXLP

Merci! hahaha
Tyrano
Tyrano
Phase d'adaptation
Phase d'adaptation

Masculin Nombre de messages : 7
Age : 31
Logiciel(s) utilisé(s) : Photoshop CS4
Spécialisation : Webdesign, Signatures
Date d'inscription : 06/06/2009

http://www.tyranofolio.net

Revenir en haut Aller en bas

[Résolu] Effet header actuel Empty Re: [Résolu] Effet header actuel

Message par Berzy Sam 6 Juin 2009 - 23:46

Au fait, l'effet réalisé se base principalement sur... le texte lui-même !
Si il y a un truc qui n'est pas clair dans ce tuto, tu n'hésites pas à poser des questions ^^

On part d'un texte quelconque :

[Résolu] Effet header actuel Txt


Dupliquons ce texte et plaçons le calque dupliqué en-dessous du calque original. Le premier effet à appliquer est assez simple : il s'agit d'un simple flou directionnel à 0° (à, disons, 50%). L'effet s'applique, bien entendu, sur le calque que nous venons de dupliquer. Ca nous donne :

[Résolu] Effet header actuel Txt_2


Les autres effets lumineux sont un peu plus subtils. Les premiers qu'on va appliquer se basent sur le flou radial en mode zoom. Les étapes :

  • Effectuer une sélection rectangulaire centrée horizontalement sur le texte. Centrer la sélection sur le texte est assez primordial si on veut avoir un effet qui est symétrique et il existe plusieurs manières de faire. Personellement, je ne me casse pas la tête : je crée la sélection approximativement, j'appuie sur la touche v (outil déplacer) et je clique sur le bouton "centrer" (indiqué sur l'image ci-dessous) pour centrer mes calques sur la sélection. Bien sur, il faut centrer le texte ET l'effet du flou directionnel qu'on vient d'appliquer, sinon ils sont décalés les uns par rapport aux autres.

[Résolu] Effet header actuel Txt_2bis
On centre le texte sur la sélection à l'aide du bouton "centrer".


  • Il est également important que la position verticale de la sélection soit de telle sorte à ce que le texte soit assez proche du bas de la sélection, mais pas collé (comme sur l'image ci-dessus). Je sais, ça fait très détail technique, mais il faut bien ce qu'il faut ^^ Il faut maintenant dupliquer le calque du texte à nouveau et le placer sous celui-ci.
  • Une fois que ceci est fait, il faut aller dans Filtre --> Flou Radial --> Tu le mets au maximum (100%), tu cliques sur zoom, tu prends le supérieur et tu cliques en bas au centre de l'image de droite de telle sorte à avoir quelque chose de semblable à l'image ci-dessous :


[Résolu] Effet header actuel Txt_3
Paramètres du flou radial. I love english !


Ca a peut-être l'air bourrin, mais si nous regardons l'effet que ça produit :

[Résolu] Effet header actuel Txt_4


Tu remarqueras que l'effet n'est pas assez prononcé, malgré la quantité 100% qu'on a exigée. C'est pourquoi je garde la sélection active et je réapplique le flou 2 fois (il suffit d'appuyer 2 fois sur CTRL+F). Résultat :

[Résolu] Effet header actuel Txt_5


Ca me semble mieux ! Maintenant, il suffit d'appliquer le même effet, mais dans l'autre sens. Soit tu es paresseux et tu dupliques celui que tu viens de faire, soit tu aimes bien la diversification et tu refais les étapes ^^ Bien sur, cette fois, il faut que le texte soit proche du HAUT de la sélection cette fois-ci et que la direction du flou se fasse à partir du haut également.

Comme ça manque un peu de volume, je crée un nouveau calque en-dessous de tous les autres effets et je prend l'outil plume. Je clique à deux endroits symétriques par rapport au centre du texte pour avoir un trait comme celui-ci :

[Résolu] Effet header actuel Txt_6
Ne t'étonne pas si les effets ne sont plus tip-top les mêmes que ceux que j'ai montré plus haut, c'est parce que j'ai repris mon ancien document ^^


Maintenant, sélectionne l'outil pinceau (ou appuie sur B), clique avec le bouton droit sur la zone de travail et sélectionne le deuxième de la liste, à savoir un brush rond, de taille 3 et de dureté 100%. Appuie maintenant sur la touche A (pour l'outil de sélection de tracé), clique avec le bouton droit sur la zone de travail et clique sur "contour de tracé" (ou quelque chose dans le genre, j'ai Toshop en anglais). Appuie deux fois sur delete pour supprimer le tracé.

[Résolu] Effet header actuel Cube
Fini !


Ceci explique basiquement comment on fait. Il se peut que ça t'ait paru très technique, mais ce sont des choses qui deviennent automatique avec le temps et je ne me rends pas toujours compte que ce n'est peut-être pas clair pour tout le monde (donc, n'hésite pas à demander si tu n'as pas compris).
Pour l'effet de Cube, c'est pratiquement pareil, sauf qu'on joue avec des options de fusions par-ci par là et que j'ai renforcé la luminosité en déformant un halo, mais ce n'est pas vital donc je ne le décris pas ici ^^

Le PSD en cadeau.
Berzy
Berzy
Modérateur
Modérateur

Masculin Nombre de messages : 228
Age : 35
Logiciel(s) utilisé(s) : Adobe Photoshop CS3
Spécialisation : Retouche photo
Date d'inscription : 14/05/2009

Revenir en haut Aller en bas

[Résolu] Effet header actuel Empty Re: [Résolu] Effet header actuel

Message par Tyrano Dim 7 Juin 2009 - 0:03

Merci beaucoup hahaha
Tyrano
Tyrano
Phase d'adaptation
Phase d'adaptation

Masculin Nombre de messages : 7
Age : 31
Logiciel(s) utilisé(s) : Photoshop CS4
Spécialisation : Webdesign, Signatures
Date d'inscription : 06/06/2009

http://www.tyranofolio.net

Revenir en haut Aller en bas

[Résolu] Effet header actuel Empty Re: [Résolu] Effet header actuel

Message par ScUm Dim 7 Juin 2009 - 7:47

Thanks great =)
ScUm
ScUm
Adapté
Adapté

Masculin Nombre de messages : 44
Age : 30
Logiciel(s) utilisé(s) : Adobe Photoshop CS3
Date d'inscription : 23/05/2009

Profil complet
Avertissements: 0

Revenir en haut Aller en bas

[Résolu] Effet header actuel Empty Re: [Résolu] Effet header actuel

Message par Blacky Dim 7 Juin 2009 - 14:28

Cool je teste ça Wink
Blacky
Blacky
Modérateur
Modérateur

Féminin Nombre de messages : 4836
Age : 27
Logiciel(s) utilisé(s) : PHOTOSHOP CS3
Spécialisation : Photographie, photomontage et web design.
Date d'inscription : 03/05/2007

Profil complet
Avertissements: 0

http://blacky64.deviantart.com/

Revenir en haut Aller en bas

[Résolu] Effet header actuel Empty Re: [Résolu] Effet header actuel

Message par Tyrano Lun 8 Juin 2009 - 5:07

Premier test!

[Résolu] Effet header actuel Signtest

Pas mal?
Est-ce que l'effet est un peu trop clair?

Deuxième version :

[Résolu] Effet header actuel Signtestn

Troisième version (pas beaucoup de changements, j'ai changer la police et rapetissé le texte un peu) :

[Résolu] Effet header actuel Signtest2
Tyrano
Tyrano
Phase d'adaptation
Phase d'adaptation

Masculin Nombre de messages : 7
Age : 31
Logiciel(s) utilisé(s) : Photoshop CS4
Spécialisation : Webdesign, Signatures
Date d'inscription : 06/06/2009

http://www.tyranofolio.net

Revenir en haut Aller en bas

[Résolu] Effet header actuel Empty Re: [Résolu] Effet header actuel

Message par Berzy Lun 8 Juin 2009 - 8:29

Personellement :
  • Je réduirais la taille du flou directionnel
  • J'étendrais encore davantage les effets lumineux sortants
  • Pour éviter que ça soit trop flash, je met les effets dans un dossier que je met en en densité - (voir doc)

Mais sinon, bon début Wink
Berzy
Berzy
Modérateur
Modérateur

Masculin Nombre de messages : 228
Age : 35
Logiciel(s) utilisé(s) : Adobe Photoshop CS3
Spécialisation : Retouche photo
Date d'inscription : 14/05/2009

Revenir en haut Aller en bas

[Résolu] Effet header actuel Empty Re: [Résolu] Effet header actuel

Message par Orion Lun 8 Juin 2009 - 16:53

T'as oublié donné les éventuelles options de calques pour le texte, on perd un peu de charme ^^
Orion
Orion
V.I.P
V.I.P

Masculin Nombre de messages : 6027
Age : 31
Logiciel(s) utilisé(s) : Photoshop CS4
Date d'inscription : 06/08/2007

Profil complet
Avertissements: 0

http://j0in.deviantart.com/

Revenir en haut Aller en bas

[Résolu] Effet header actuel Empty Re: [Résolu] Effet header actuel

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum