[Tutorial] texto solo photoshop

Tema en 'Tutoriales' iniciado por elkreative, 26 Jul 2009.

  1. elkreative

    elkreative Usuario Habitual nvl.3 ★
    687/812

    Registrado:
    18 Jun 2009
    Mensajes:
    17.460
    Me Gusta recibidos:
    28
    SORRY SI ESTA REPETIDO!






    Aprende a crear Texto en 3D usando solamente Photoshop. Como sabemos Photoshop no tiene la opcion de crear 3D pero aqui te enseño una forma en que podemos lograr que un Texto paresca 3D utilizando sombras.
    Es una forma muy sencilla aunque es un poco tardado hacer la sombra para cada letra.

    Paso 1

    Empezamos con un nuevo documento, yo lo voy a hacer de 700px por 700px pero el tamaño no importa. Agarramos la herramienta Texto y escribimos cualquier texto, yo voy a usar ZonaPhotohsop y lo voy a separar en dos palabras, en mayusculas usando Helvetica Bold y tamaño de 90pt, el color no importa por ahora.
    [​IMG]
    Paso 2

    Duplicamos nuestra capa(s) de texto, esto es para trabajar con una copia y dejar la original por si nos equivocamos en algo y escondemos las capas originales.
    [​IMG]
    Paso 3

    Ya que hagas hecho eso, seleccionas una de las capas duplicadas y vas a Layer -> Type -> Convert to Shape. Esto convierte la capa a Shape, que es como las capas Vector creadas con la herramienta Pluma y puedes modificar sin que se “pixelee”.
    [​IMG]
    Paso 4

    Ahora selecciona las capas duplicadas y vamos a Edit -> Transform -> Perspective.
    [​IMG]
    Primero movemos el tirador marcado con el 1 hacia arriba, despues movemos el tirador marcado con el 2 hacia arriba para conseguir que nuestro texto tenga la misma perspectiva que el de arriba.
    Paso 5

    Ahora vamos a duplicar cada capa varias veces para conseguir lo 3D del fondo. Haces Click Derecho -> Duplicate Layer sobre la capa y despues usa las flechas del teclado(asegurate de tener Move Tool seleccionado) para mover la capa duplicada, presiona una ves la flecha izquierda y una ves la flecha arriba. Yo duplica mi capa 8 veces.
    [​IMG]
    Ahora tienes que Rasterizar cada capa duplicada, Click Derecho -> Rasterize Layer. Ya que hagas esto, selecciona todas estas capas(click en la primera, luego Click + shift en la ultima) ve a Layer -> Merge Layers.
    [​IMG]
    Repite este paso si tienes otra capa de texto, en mi caso es “ZONA”.
    Le cambie el color a las capas originales y las movia hacia arriba, dejando las capas que juntamos abajo, ya que son la “sombra”.
    [​IMG]
    Paso 6

    Nuestro texto ya parece 3D, pero todavia falta agregarle la sombra. El sombreado es tardado ya que haremos cada sombra a mano.
    Antes de empezar tenemos que seleccionar el color que tendra nuestro texto final. Yo voy a usar #ffad1f para “ZONA” y #1d96c5 para “Photoshop”.
    Paso 7

    Ahora vamos a hacer zoom, mucho, y vamos a usar Poligonal Lasso Tool para seleccionar cada area “recta” de la capa sombra:
    [​IMG]Zoom 300%

    Creamos una capa nueva, vamos a usar una capa nueva para cada sombra para poder modificarla facilmente, cambiamos el modo de esta capa a Multiply y seleccionasmos Brush Tool con un Soft Brush de unos 65px. Nos aseguramos de tener el mismo color del fondo seleccionado y pintamos como en la siguiente imagen, yo use color rojo para demostrar lo que vamos a pintar:
    [​IMG]
    Queremos crear la sombra que tendrian si esto fuera un objeto real 3D.
    Paso 7

    Tenemos que repetir el paso anterior con cada una de los lados rectos de nuestra sombra hasta coseguir algo como lo siguiente:
    [​IMG]
    Paso 8

    Ahora vamos a crear la sombra de nuestro texto 3D, haz Shift+Ctrl + Click sobre cada una de los previews de las capas para seleccionarlas todas
    [​IMG]
    Crea una capa nueva y rellena esta seleccon con negro #000000, esta capa colocala atras de las demas. Ve a Filter -> Blur -> Gaussian Blur y selecciona unos 5px de Radius
    [​IMG]
    Se va a ver algo como esto, la sombra quda detras de todo el texto:
    [​IMG]
    Paso 9

    Vamos a Edit -> Free Transform y movemos el tirador de enmedio arriba hacia abajo como en la sigueinte imagen
    [​IMG]
    Despues giramos la sombra hasta que nos quede asi:
    [​IMG]
    Paso 10

    Como la sombra se sigue viendo muy solida vamos a aplicar Gaussian Blur(Filter -> Blur -> Gaussian Blur) otraves y disminuimos la Opacidad de esta capa a 40% y ya tenemos terminado nuestro Texto en 3D hecho solamente con Photoshop




    [​IMG]


    FUENTE: http://zonaphotoshop.com/375/tutori...rear-texto-en-3d-solo-con-photoshop/#more-375
     
  2. Panzho!

    Panzho! Usuario Habitual nvl.3 ★
    187/244

    Registrado:
    28 Mar 2009
    Mensajes:
    24.737
    Me Gusta recibidos:
    4
    Gracias, está muy bueno.
     
  3. ~Foforo.

    ~Foforo. Usuario Habitual nvl.3 ★
    187/244

    Registrado:
    10 Oct 2008
    Mensajes:
    44.497
    Me Gusta recibidos:
    6
    vale men pero a la otra aslo con otras imagenes ke no sean sakadas de otra pagina
     
  4. n1ckusftw

    n1ckusftw Usuario Habitual nvl.3 ★
    187/244

    Registrado:
    20 Oct 2008
    Mensajes:
    25.551
    Me Gusta recibidos:
    2
    valeria compa
     
  5. Sebastián

    Sebastián Usuario Habitual nvl.3 ★
    197/244

    Registrado:
    29 Dic 2008
    Mensajes:
    15.174
    Me Gusta recibidos:
    65
    ...que bacan...:jaja:....se agradce...:oki:
     
  6. Templario Radal

    Templario Radal Usuario Casual nvl. 2
    37/41

    Registrado:
    20 Oct 2008
    Mensajes:
    4.868
    Me Gusta recibidos:
    1
    se agradece man!
     
  7. fresh_

    fresh_ Usuario Casual nvl. 2
    86/163

    Registrado:
    17 Jun 2009
    Mensajes:
    9.273
    Me Gusta recibidos:
    0
    si.vale.
     
  8. BullaTrack

    BullaTrack Usuario Nuevo nvl. 1
    17/41

    Registrado:
    29 May 2009
    Mensajes:
    769
    Me Gusta recibidos:
    1
    del corte men ^^
    se agradece
     
  9. Troicko

    Troicko Usuario Habitual nvl.3 ★
    187/244

    Registrado:
    2 Abr 2009
    Mensajes:
    24.669
    Me Gusta recibidos:
    10
    ya lo habia visto en la pagina de donde lo ripiaste xd
     
  10. JAH PABLO

    JAH PABLO Invitado

    wena
    se agradece
     
  11. AfrodisianuS

    AfrodisianuS Usuario Habitual nvl.3 ★
    187/244

    Registrado:
    19 Oct 2008
    Mensajes:
    20.168
    Me Gusta recibidos:
    18
    ooo q wena.....xD

    se agradece
     
  12. »EddiєTєc

    »EddiєTєc Usuario Maestro nvl. 6 ★ ★ ★ ★
    687/812

    Registrado:
    14 Sep 2008
    Mensajes:
    97.274
    Me Gusta recibidos:
    14
    wena se agradece