[Tutorial] texto solo photoshop

Discussion in 'Tutoriales' started by elkreative, Jul 26, 2009.

  1. elkreative

    elkreative Usuario Habitual nvl.3 ★
    687/812

    Joined:
    Jun 18, 2009
    Messages:
    17,460
    Likes Received:
    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

    Joined:
    Mar 28, 2009
    Messages:
    24,737
    Likes Received:
    4
    Gracias, está muy bueno.
     
  3. ~Foforo.

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

    Joined:
    Oct 10, 2008
    Messages:
    44,497
    Likes Received:
    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

    Joined:
    Oct 20, 2008
    Messages:
    25,551
    Likes Received:
    2
    valeria compa
     
  5. Sebastián

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

    Joined:
    Dec 29, 2008
    Messages:
    15,174
    Likes Received:
    65
    ...que bacan...:jaja:....se agradce...:oki:
     
  6. Templario Radal

    Templario Radal Usuario Casual nvl. 2
    37/41

    Joined:
    Oct 20, 2008
    Messages:
    4,868
    Likes Received:
    1
    se agradece man!
     
  7. fresh_

    fresh_ Usuario Casual nvl. 2
    86/163

    Joined:
    Jun 17, 2009
    Messages:
    9,273
    Likes Received:
    0
    si.vale.
     
  8. BullaTrack

    BullaTrack Usuario Nuevo nvl. 1
    17/41

    Joined:
    May 29, 2009
    Messages:
    769
    Likes Received:
    1
    del corte men ^^
    se agradece
     
  9. Troicko

    Troicko Usuario Habitual nvl.3 ★
    187/244

    Joined:
    Apr 2, 2009
    Messages:
    24,669
    Likes Received:
    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

    Joined:
    Oct 19, 2008
    Messages:
    20,168
    Likes Received:
    18
    ooo q wena.....xD

    se agradece
     
  12. »EddiєTєc

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

    Joined:
    Sep 14, 2008
    Messages:
    97,274
    Likes Received:
    14
    wena se agradece