S'inscrire |

 
ReV
TEAM
Avatar de ReV
ReV est déconnecté ReV est un Homme 06/04
XP de ReV 555 Nombre total de messages de ReV
---------
  #1 (permalink)  
Vieux 05/02/2011, 18h01
Photoshop Portrait typographique super facile à réaliser avec Photoshop

Portrait typographique super facile à réaliser avec Photoshop

Original ici

Demande de traduction ici

Dans ce tutorial je vais vous montrer comment créer un effet vraiment sympa. Nous allons utiliser le filtre de dispersion et quelques effets de fusion. Le procédé complet est plutôt simple mais il se peut que cela vous prenne du temps lors de l'étape d'ajout des éléments de texte, mais, une vois que cela est réalisé, la suite est vraiment directe.

Etape 1

Ouvre Photoshop et créez un nouveau document. J'ai utilisé 2560*1440 pixels comme taille. Ensuite, importez une de vos photos. J'ai utilisé dans ce tuto un portrait pris par John Arlington, un bon photographe et ami. La photo que j'ai est sur un fond blanc, donc extrayez le fond



Step 2

Dupliquez le calque et allez dans Image>Réglages>Désaturation. Vous devriez avoir une image en noir et blanc. Ajoutez un fond blanc. Après sauvegardez l'image, en PSD, c'est obligatoire pour pouvoir utiliser le filtre de déplacement.



Etape 3

Dans un nouveau document, avec l'outil de texte horizontale (T) créez des boites de texte et commencez à ajouter les textes. L'idée est de jouer avec ces textes, ils ne doivent pas forcément est lisibles, juste être déchifrables . Vous pouvez donc jouer sur l'espacement des lignes en le réduisant pour qu'elles se superposent entre elles.

Faites en sortes également de faire ressortir des mots clefs en les mettant en gras, ou dans une police un petit plus grosse. Dans mon exemple j'ai mis en évidence des mots comme Photoshop, Tutorials, Inspiration, ... Jouez aussi sur la mise en Italic, sur les alignements, etc... Dans mon exemple j'ai utilisé la police Garamond, je pense qu'une police avec serifs rend bien avec ce type d'effet.



Step 4

Pour chaque calque, allez dans Calque>Style de Calque>Ombre portée. Utilisez comme mode de fusion Produit, noire pour la couleur, 90° pour l'angle, 5 pixels pour la distance, grossi et taille.

Groupez tous les calques et dupliquez le groupe. Appliquez ensuite un flou gaussien (Filtre > Atténuation > Flou gaussien) de 10 pixels. Ce calque flou va devoir rester à l'arrière, derrière le calque de texte normal. L'idée est d'ajouter un peu de profondeur au texte, c'est pour cela que l'on a ajouté une ombre.

Vous pouvez dupliquer le calque de texte original et le bouger un petit peu vers le haut/droite pour ajouter encore un peu plus de profondeur.



Etape 5

Sélectionnez tous les calques de texte et fusionnez les en un seul calque. Allez ensuite dans Filtre>Déformation>Dispersion. Utilisez 15 pour les valeurs d'échelle horizontale et verticale. Sélectionnez juxtaposer et Pixels du contour. Ensuite une boite de dialogue va s'ouvrir vous demandant de sélectionnez un fichier. Choisissez le PSD que nous avons créé à l'étape 2.

La carte de dispersion va déformer le calque avec le texte en fonction de la photo de l'étape 2. Les tons noirs vont vers le bas alors que les tons clairs vont vers le haut.



Etape 6

Ajoutez maintenant la photo originale et changez son mode de fusion à Produit.



Etape 7

La photo a trop de détails, donc allez dans Filtre>Bruit>Antipoussière. Utilisez 7 pixels pour rayon et 0 pour le seuil.



Etape 8

Masquez le calque de texte afin de n'avoir plus que le texte au dessus de la photo de visible.



Conclusion


Vous pouvez réduire un petit peu la saturation, vous pouvez ajouter plus de claques de texte ou essayer différents symbols et formes.

Il y a pleins de façon différentes de créer cet effet. Celle que j'ai présentée ici est sans doute la plus simple, mais vous devez faire réellement attention à la façon dont vous ajustez le tout, sinon l'effet n'aura pas le rendu escompté !



Vous pouvez télécharger le PSD de ce tuto ici.


++

ReV

Dernière modification par ReV ; 06/02/2011 à 12h32.
Réponse avec citation
Les membres suivants ont remercié ReV pour ce message :
TEAM
Avatar de Phil.Micro
Phil.Micro est déconnecté Phil.Micro est un Homme 06/02
XP de Phil.Micro 3 804 Nombre total de messages de Phil.Micro
-= CoAdmin =-
  #2 (permalink)  
Vieux 06/02/2011, 19h30
Merci pour cette nouvelle Trad


Images recup et stockées sur notre serveur.
Réponse avec citation
Avatar de Tiph
Tiph est déconnecté Sexe Non renseigné 02/11
XP de Tiph 2 Nombre total de messages de Tiph
Nouveau iker
  #3 (permalink)  
Vieux 31/03/2011, 19h02
Bonjour,
Pour ma part, c'est la première utilisation sur photoshop et je n'ai pas réussi à suivre ton tuto car je ne savais pas où se trouvait ce que tu demandais d'appliquer. Cependant, je trouve que ton tuto est vraiment bien fait malgré tout.
Réponse avec citation
ReV
TEAM
Avatar de ReV
ReV est déconnecté ReV est un Homme 06/04
XP de ReV 555 Nombre total de messages de ReV
---------
  #4 (permalink)  
Vieux 31/03/2011, 19h07
Salut Tiph,

Qu'est-ce que tu n'as pas trouvé ? Je peux t'aider à le trouver si tu veux. J'ai peut être mal expliqué un point....
Réponse avec citation
TEAM
Avatar de Smike
Smike est déconnecté Smike est un Homme 05/02
XP de Smike 3 419 Nombre total de messages de Smike
Voir le profil Facebook de Smike Voir le compte Twitter de Smike Voir le compte DeviantART  de Smike
Administrateur
  #5 (permalink)  
Vieux 01/04/2011, 16h53
Si c'est le flou gaussien, j'ai ajouté comme y accéder.
Réponse avec citation
Avatar de lancelot143
lancelot143 est déconnecté Sexe Non renseigné 08/11
XP de lancelot143 3 Nombre total de messages de lancelot143
Nouveau iker
  #6 (permalink)  
Vieux 21/08/2011, 17h55
le rendu est énorme !! il va falloir que je test ça !
Merci ! c'est tres bien expliqué et surtout assez amusant de plus comme tuto !
Réponse avec citation
Avatar de poech
poech est déconnecté Sexe Non renseigné 10/12
XP de poech 3 Nombre total de messages de poech
Nouveau iker
  #7 (permalink)  
Vieux 26/11/2012, 12h45
merci pour ce tuto, excellent

Dernière modification par poech ; 26/11/2012 à 17h20.
Réponse avec citation
Avatar de Inés
Inés est déconnecté Sexe Non renseigné 01/13
XP de Inés 2 Nombre total de messages de Inés
Nouveau iker
  #8 (permalink)  
Vieux 26/01/2013, 21h56
Bonsoir, je suis nouvelle ici, SVP quelle Photoshop sera facile pour moi comme débutante merci .
Réponse avec citation
TEAM
Avatar de Smike
Smike est déconnecté Smike est un Homme 05/02
XP de Smike 3 419 Nombre total de messages de Smike
Voir le profil Facebook de Smike Voir le compte Twitter de Smike Voir le compte DeviantART  de Smike
Administrateur
  #9 (permalink)  
Vieux 27/01/2013, 20h42
n'importe quelle version de photoshop est bonne pour débuter, après il existe photoshop élément, qui est une version simplifiée.
Réponse avec citation
Réponse

Outils de la discussion

Config des règles de ce forum
Règles de messages
Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages

Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non
Trackbacks are oui
Pingbacks are oui
Refbacks are oui


A propos d'IK

Infographik alias IK est un forum d'entre-aide dans le domaine de l'infographie numerique
Depuis plus de 10 ans ce forum propose des tutoriaux un espace communautaire francophone.

We need You !

Faire un don permet de régler les frais de fonctionnement du site tel que l'hebergement, le ndd etc...
Faire un don

Fuseau horaire GMT +2. Il est actuellement 18h40.