[Résolu] Effet header actuel
5 participants
Cube :: ● Sous-sol :: Cave des archives :: • Entraide :: • Questions & Aide
Page 1 sur 1
[Résolu] Effet header actuel
Bonjour tout le monde
J'ai vu sur le logo et sur la page principal un effet de texte que j'adore 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
Je suis habituer à faire de la retouche et non de partir à partir de rien alors je ne sais pas comment faire
Voici un exemple, pris de la page d'accueil :
Merci!
J'ai vu sur le logo et sur la page principal un effet de texte que j'adore 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
Je suis habituer à faire de la retouche et non de partir à partir de rien alors je ne sais pas comment faire
Voici un exemple, pris de la page d'accueil :
Merci!
Re: [Résolu] Effet header actuel
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 :
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 :
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 :
On centre le texte sur la sélection à l'aide du bouton "centrer".
Paramètres du flou radial. I love english !
Ca a peut-être l'air bourrin, mais si nous regardons l'effet que ça produit :
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 :
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 :
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é.
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.
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 :
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 :
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.
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 :
Paramètres du flou radial. I love english !
Ca a peut-être l'air bourrin, mais si nous regardons l'effet que ça produit :
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 :
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 :
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é.
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- Modérateur
- Nombre de messages : 228
Age : 35
Logiciel(s) utilisé(s) : Adobe Photoshop CS3
Spécialisation : Retouche photo
Date d'inscription : 14/05/2009
Re: [Résolu] Effet header actuel
Thanks great =)
ScUm- Adapté
- Nombre de messages : 44
Age : 31
Logiciel(s) utilisé(s) : Adobe Photoshop CS3
Date d'inscription : 23/05/2009
Profil complet
Avertissements: 0
Re: [Résolu] Effet header actuel
Cool je teste ça
Blacky- Modérateur
- Nombre de messages : 4836
Age : 28
Logiciel(s) utilisé(s) : PHOTOSHOP CS3
Spécialisation : Photographie, photomontage et web design.
Date d'inscription : 03/05/2007
Profil complet
Avertissements: 0
Re: [Résolu] Effet header actuel
Premier test!
Pas mal?
Est-ce que l'effet est un peu trop clair?
Deuxième version :
Troisième version (pas beaucoup de changements, j'ai changer la police et rapetissé le texte un peu) :
Pas mal?
Est-ce que l'effet est un peu trop clair?
Deuxième version :
Troisième version (pas beaucoup de changements, j'ai changer la police et rapetissé le texte un peu) :
Re: [Résolu] Effet header actuel
Personellement :
Mais sinon, bon début
- 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
Berzy- Modérateur
- Nombre de messages : 228
Age : 35
Logiciel(s) utilisé(s) : Adobe Photoshop CS3
Spécialisation : Retouche photo
Date d'inscription : 14/05/2009
Re: [Résolu] Effet header actuel
T'as oublié donné les éventuelles options de calques pour le texte, on perd un peu de charme ^^
Orion- V.I.P
- Nombre de messages : 6027
Age : 31
Logiciel(s) utilisé(s) : Photoshop CS4
Date d'inscription : 06/08/2007
Profil complet
Avertissements: 0
Sujets similaires
» [Résolu] Comment faire l'effet du forum ?
» [Résolu] Effet vieux papier/vieille photo
» [Résolu] Raccourcis PS
» [Résolu] Problème GPU
» [Résolu] DeviantArt
» [Résolu] Effet vieux papier/vieille photo
» [Résolu] Raccourcis PS
» [Résolu] Problème GPU
» [Résolu] DeviantArt
Cube :: ● Sous-sol :: Cave des archives :: • Entraide :: • Questions & Aide
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum