S'inscrire |

 
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
  #1 (permalink)  
Vieux 21/03/2011, 22h53
Photoshop Créer un fond d'écran design avec texte en 3D et effet mysterieux

Comment faire un fond d'écran design avec texte en 3D et effet mystérieux BooooooOOoo ! [ça fait peur]

Aujourd'hui, nous allons apprendre ensemble comment réaliser un fond d'écran design avec texte en 3D et effet mysterieux avec Photoshop et Illustrator. Je vais vous montrer quelques trucs utiles avec Illustrator pour créer l'effet texte 3D, puis nous allons passer à Photoshop pour compléter la scène avec des textures et des corrections de couleur. Ce tutoriel est très simple à suivre, donc je conseille également aux débutants de faire un essai.

Source du Tuto : How to create a mysterious poster design with 3d text





* La photo d'une île
* Textures Textures Metalli rayé

Étape 1

Commençons par Illustrator. Créez un nouveau document et écrivez "Lost" en utilisant une police avec empattement gras sans Sérif. La mienne est Myriad Pro (par défaut), mais vous pouvez expérimenter une autre (Une police très grasse comme Mod ).



Étape 2

Nous devons dupliquer le texte "Lost" plusieurs fois horizontalement et verticalement; une astuce pour aller vite : Effet > Déformation et Transformation > Transformation, mettez 20 copies et déplacez le texte horizontalement pour 46pt.



Étape 3

À ce stade, nous avons besoin de dupliquer la ligne entière du texte à la verticale. Avant d'appliquer de nouveau le filtre de transformation, nous devons élargir le texte : Objet > Décomposer l'aspect (Vectoriser). Puis refaire la transformation mais cette fois-ci en se déplaçant verticalement (-16pt). Enfin, re-vectoriser après la 2ème transformation.



Étape 4

Réécrivez le mot "Lost", mais cette fois augmentez la taille de la police (environ 200pt). Ensuite : Texte > Vectoriser.



Étape 5

Maintenant, nous devons supprimer le mot «Lost» (celui en grand) de la grille de répétition.
Pour se faire, commencez à sélectionner la grille de mots et d'aller à l'Objet > Créer un tracé transparent, puis sélectionnez à la fois la grille et le "Lost" (le grand) et appuyez sur le bouton Soustraction de la fenêtre Pathfinder.



Étape 6

Nous sommes prêts à donner de la profondeur à la grille. Tout d'abord changez la couleur de la grille du noir au blanc, puis Effet> 3D > Extrusion et biseautage et entrez les valeurs suivantes:

Pourquoi dois-je changer la couleur de la grille du noir au blanc ?
Parce qu'avec le blanc qui va définir la profondeur de l'outil 3D d'Illustrator, il sera transformé en un objet 3D, en niveaux de gris, donc la couleur sera plus facile à personnaliser plus tard dans Photoshop. Enregistrez votre document.



Étape 7

Passons sur Photoshop. Créez un nouveau document. Le mien est de 1920 × 1200 px à 72 pixels / pouce de résolution car il est destiné à devenir un fond d'écran.
Copiez le texte 3D (Ctrl + C) de Illustrator et collez-le dans Photoshop (Ctrl + V) comme un objet Dynamique.



Étape 8

Sélectionnez le calque d'arrière-plan, prenez l'outil Pot de peinture (G) et remplissez-le, de noir.



Maintenant, nous devons modifier les couleurs du texte 3D.
Donc, sélectionnez le calque et faites : Image > Nouveau calque de réglage> Dégradé et ajoutez un dégradé allant de #0f0e0f à #727272.




Comme nous voulons avoir un effet uniquement sur le texte 3D avec ce calque de réglage, ajouter un masque d'écrêtage en appuyant sur Alt, en cliquant juste entre le calque de réglage et le texte en 3D (une petite flèche apparaît près de la couche carte de dégradé - dans la fenêtre des calques).



Étape 9

Pour assombrir les bords de la composition, créez un nouveau calque, prenez une grande forme de pinceau (dureté de 0%) et peingez les.



Etape 10

Ce texte est trop propre, à mon goût. Pour le salir et lui donner un effet une peu trash, nous pouvons utiliser une de nos ressources: La texture métallique rayée. Choisissez l'élément que vous préférez dans le pack, puis collez-le dans la scène Photoshop en la désaturant en appuyant sur : Shift + Ctrl + U.



Réglez le mode de fusion des calques en mode 'Incrustation' et réduire l'opacité à 40%.



Etape 11

Le centre de la composition est trop sombre. Afin de l'alléger, Créez un nouveau groupe et mettez-le en mode de fusion 'Incrustation'. Créez un calque à l'intérieur du groupe, prenez une grande brosse blanche aux bords doux et cliquez sur le centre :



Étape 12

Je n'aime pas la combinaison noir / blanc. Donc, pour mieux ajouter les couleurs, nous allons créer un autre calque de remplissage > Dégradé et le placer au-dessus de tous les autres calques. Ajoutez un dégradé allant du bleu (#002874) à jaune (#f9e600) et mettre ce calque avec une opacité de 35%.



Étape 13

Le tutoriel pourrait s'arrêter là, le résultat a l'air cool à mon avis. Mais quelqu'un m'a suggéré d'ajouter la photo d'une île à l'arrière-plan afin d'enrichir la scène. Bonne idée!
Télécharger cette photo d'une île entre le texte en 3D et le calque background. Appuyez sur Ctrl + T pour activer l'outil de transformation libre et redimensionner la photo à la bonne taille.



Étape 14

Avec l'outil gomme (ou un masque de calque si vous préférez), éliminez la partie inutile de la photo île :



Étape 15

La dernière touche est de supprimer l'effet de la texture sur la photo de l'île. Sélectionnez le calque de la texture, Ctrl + clic sur la vignette du texte en 3D (dans la fenêtre des calques), et ajoutez un masque du fusion, de cette façon, nous n'agirons que sur la zone de la texture qui couvre le texte 3D. Finito! Finito!

Voici le résultat de nos efforts:


Dernière modification par lorddavid ; 29/03/2011 à 19h02. Motif: correction
Réponse avec citation
Les 2 membres suivants remercient Smike pour ce message :
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
---------
  #2 (permalink)  
Vieux 22/03/2011, 08h22
Merci Smike pour ce tuto
Réponse avec citation
Avatar de madnakhé
madnakhé est déconnecté Sexe Non renseigné 11/11
XP de madnakhé 2 Nombre total de messages de madnakhé
Nouveau iker
  #3 (permalink)  
Vieux 13/11/2011, 17h00
merci pour ce tuto sympa
Réponse avec citation
Réponse

Tags
lost, photoshop, texte 3d, tuto

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é : oui
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 02h08.