• Accueil
  • À propos de
  • Articles
  • Contactez-nous

: 91 11 9810018780 Mail to: info@aceinfowayindia.com / Téléphone: 91 11 9810018780

  • Article rédigé
  • le 22/10/2009
  • à 06h48
  • par admin

Comment faire pour créer Nice 3D facile effet de texte dans Photoshop

C'est un début de conception Lavel tutoriel. Dans cet article, vous trouverez comment créer 3d Nice (trois dimensions), effet de texte dans Photoshop. tutorial.I design c'est très rapide et facile graphique espérons que vous apprécierez ce didacticiel.


final

Final Preview

C'est ce que nous allés faire Aujourd'hui

3d-final

Étape # 1

Ouvrir Photoshop et créer un nouveau document, la mienne est de 550 × 498px avec un fond blanc.

 Nice Easy 3D Text Effect in Photoshop Step1

Étape # 2

Remplir la couleur dans la couche de fond, la couleur le mien est # 333333.

Nice Easy 3D Text Effect in Photoshop Step 2

Étape # 3

Sélectionnez Horizontal Type Tool et taper du texte sur le devant. J'utilise "Arial" en gras et la taille "90" pour s'assurer que je obtenir le meilleur détaillant pour lui.

Nice Easy 3D Text Effect in Photoshop step 3

Étape # 4

Clic-droit sur le calque de texte et cliquez sur Pixellisation Tapez (ou Pixellisation couche dépend de quelle version de Photoshop CS que vous utilisez).

3d-restrize-layer

Étape # 5

Let's continuent de transformer notre texte en 3D. Sélectionnez la couche d'Inforoute. Que d'aller dans "Edition" -> "Transform" -> "Perspective" (CTRL + T)

Maintenir enfoncé Ctrl, cliquez en haut à droite de transformer le contrôle de la boîte. Devrait ressembler à ceci.

3d-skew

Étape # 6

Nous allons commencer à donner à ce texte un aspect 3D. Premièrement, nous voulons dupliquer notre calque de texte, maintenant, tout en maintenant les touches CTRL + ALT, appuyez sur la flèche haut, comme vous le constaterez, cela duplique le calque et le déplacer en hausse de 1 pixel. le faire à présent environ 8 à 10 fois, après cela, vous obtiendrez quelque chose comme ceci:

3d-drag

Étape # 7

Maintenant, ce que vous devez faire est de marge tous les "double couche" ensemble, sauf celui du haut.

Pour ce faire, assurez-vous de sélectionner la 2ème couche de la page et fusionnez-le à toutes les couches sous elle, comme ensemble de façon ... (NE PAS Fusionner avec le calque de fond)

3d-marge

Étape # 8

Maintenant, appliquez un effet

Maintenant, allez dans la palette Calques, sélectionnez le calque d'Inforoute.

Incrustation couleur

Styling le Texte Double-cliquez sur la vignette du calque d'Inforoute dans le panneau Infos pratiques pour ouvrir les Styles de calques boîte de dialogue, nous allons appliquer un effet Incrustation couleur pour votre texte. Puis cliquez sur la case de couleur, je choisis # E97E2C.
3d-infoway-color-overlay

Inner Shadow

Appliquez ensuite le style de la couche intérieure de l'Ombre. Garder l'angle à 120 °, que de changer les valeurs de l'opacité, la distance et la taille. Je choisis de régler l'opacité à 75%, La distance à 1px et la taille à 5px.

Changer la couleur Ombre interne de la valeur par défaut à # D75D00

3d-infoway-inner-shadow

Inner Glow

Appliquez ensuite le style Inner Glow couche. Conservez le mode de fusion à l'écran, que de changer les valeurs de l'opacité, Choke et Taille. Je choisis de régler l'opacité à 45%, Choke à 7% et la taille à 90px.

Changer la couleur Inner Glow de la valeur par défaut à # FFA800

3d-infoway-inner-glow

Satin

Appliquez ensuite le style de calque Satin. Conservez le mode de fusion à Multiplier, que de changer les valeurs de l'opacité, distance et la taille. Je choisis de régler l'opacité à 46%, La distance à 11% et la taille à 14px.

Est un élément important: garder l'angle de 19 o

Changer la couleur Inner Glow de la valeur par défaut à # FF0000

3d-infoway-inner-satin

Après cela, vous obtiendrez quelque chose comme ceci:

3d-top-layer

Maintenant, nous allons appliquer tous ces styles de calque (Layer »Styles de calques» ...) à la couche inférieure:

3d-bottom-layer

Maintenant, appliquez un effet

Effet de gradient

Styling cliquez sur le calque du bas deux fois sur la miniature de la couche de fond dans le panneau Infos pratiques, d'ouvrir le boîte de dialogue Styles de calques, nous allons appliquer les effets de gradient horizontal pour votre couche de fond. Cliquez ensuite sur le gradient de couleur sur la droite de l'option de dégradé pour ouvrir les couleurs Éditeur de dégradé.

3d-bottom-layer

Double-cliquez sur left-color-stop et entrez la valeur de la couleur # CC0000 puis double-cliquez sur right-color-stop et entrez la valeur de la couleur # 840000.

3d-bottom-layer-color-stop

Inner Shadow

Appliquez ensuite le style de la couche intérieure de l'Ombre. Garder l'angle à 120 °, que de changer les valeurs de l'opacité, la distance et la taille. Je choisis de régler l'opacité à 75%, la distance à 5px et la taille à 24px.

3d-bottom-layer-inner-shadow

Drop Shadow

Enfin, nous allons appliquer les ombres portées, garder l'angle à 120 °, que de changer les valeurs de l'opacité, la distance et la taille. Je choisis de régler l'opacité à 75%, la distance à 2px et la taille à 5px.

3d-bottom-layer-drop-shadow

Résultat

Quand tout est configuré, vous devriez obtenir quelque chose ressemblant à ceci:

3d-final

Télécharger le fichier source

Si vous souhaitez vérifier votre travail, vous mai télécharger le fichier PSD pour ce tutoriel.

Téléchargement d'un fichier: Nice Easy 3D Text Effect (72.5KB)

Classé sous: Photoshop, Tutoriels par admin

Nous promouvoir

  • Ajouter à Mixx!

Tags: Photoshop, Tutos

Articles connexes:

Si vous avez apprécié la lecture de cet article, s'il vous plaît consulter d'autres articles connexes ci-dessous:

    • Comment faire pour créer Typographie Typographie dans Photoshop
    • Comment faire pour créer I-Phone tels que le bouton dans Photoshop
    • Comment créer un Nice Sleek Dark Button dans Photoshop
    • Comment faire pour créer Smooth effet brillant texte dans Photoshop
    • Créer un Beautiful Box icône dans Photoshop
Untitled Document

2 Commentaires

  1. clippingimages dit le: Octobre 24, 2009 à 7:18 Said:

    WoW :) Très simple et bien définie tutoriel pour apprendre. Merci de partager ce poste awesome. Si vous avez besoin de toute la conception graphique d'aide s'il vous plaît http://www.clippingimages.com cliquez sur

  2. Photoshop CS5 dit le: Octobre 26, 2009 à 12:43 Said:

    Nicely put together
    Merci de ce que j'ai mis en signet

    Il a été facile de suivre TUT - well done

Soumettre un commentaire

XHTML: Vous pouvez utiliser ces tags: fete_christel <abbr titre=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <<q cite=""> <strike> <strong>


CommentLuv Enabled Afficher
«Download 1000 Free Farm-Fresh Web Icons
Developer's Paradise Sites de la semaine pour 24th Octobre 2009 »
Untitled Document

    S'abonner

  • Abonnez-vous à notre flux
  • Abonnez-vous par e-mail
  • Suivez-nous sur Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Recherche

      Untitled Document
  • Calendrier

    Octobre 2009
    M T W T F S S
    «Sep
    1 2 3 4
    5 6 7 8 9 10 11
    12 13 14 15 16 17 18
    19 20 21 22 23 24 25
    26 27 28 29 30 31
    • Pages

      • Accueil
      • À propos de
      • Articles
      • Contactez-nous
    • Catégories

    • Css (18)
    • Conception / Inspiration (47)
    • Freebies (29)
    • Graphic Design (10)
    • Photoshop (16)
    • Ressources (27)
    • Seo (1)
    • Outils (7)
    • Tutoriels (29)
    • Typographie (4)
    • Développement web (5)
    • Wordpress (6)
    • Archives

    • Octobre 2009
    • Septembre 2009
    • Août 2009
    • Juillet 2009
    • Juin 2009
    • Mai 2009
    • Recent Posts

    • Css
    • Conception / Inspiration
    • Freebies
    • Graphic Design
    • Photoshop
    • Popular Posts

    • Comment créer de bons soins formulaire sans table
    • Maximum 30 Sites Web avec Orange
    • Comment faire pour créer Nice Scalable CSS Based Breadcrumbs
    • 5 étapes pour mieux rédiger Css
    • Comment faire pour créer Typographie Typographie dans Photoshop
    • Créer un Beautiful Box icône dans Photoshop
    • 6 Awesome outils d'édition photo en ligne
    • Tag cloud

    CSS Design Fonts Freebies Graphic Design Graphics Design Icônes Inspiration Inspitation Photoshop Ressources Outils Tutoriaux Typographie développement Web Wordpress

    • Amis

      • Abduzeedo
      • Alist Apart
      • BittBox
      • CrazyLeaf Design
      • CSS Tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Aide pour les développeurs
      • Instant Shift
      • Line25
      • Mirificampress
      • Mon encre blog
      • Noupe
      • PSDFan
      • PsdTuts
      • Partager Brain
      • Six révisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Nous fonctionnons
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • You The Designer
    • Traducteur

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag
  • SPONSORS

    Départ UPrinting sur YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Haut de page

Général

Il s'agit peut-être d'un certain intérêt
  • About Our Company
  • Témoignages
  • Contact details
  • Blog
  • Social - Twitter, Flickr

Travaux

Exemples de projets passés
  • About Our Company
  • Témoignages
  • Contact details
  • Blog
  • Social - Twitter, Flickr

Services

C'est ce que où la vente aujourd'hui
  • About Our Company
  • Témoignages
  • Contact details
  • Blog
  • Social - Twitter, Flickr

Contact details

Veulent nous embaucher? Pour commencer ici ...
  • Free Project Assesment
  • E-mail - info@aceinfowayindia.com
  • Tél: 91 11 9810018780

Copyright © 2009, Tous droits réservés, Ace Inforoute Inde Location Ace Inforoute Inde pour votre prochain projet de conception. Voir notre portfolio.