Tutorial: Texto 2.0

Hola!, aquí me encuentro realizando mi primer «how to«, un tutorial más sobre como hacer texto 2.0, paso a paso, y que, a pesar de parecer algo extenso, tarda nada menos que 5 minutos.

En esta ocasión utilizaremos Adobe Photoshop, pueden descargar una demo por 30 días totalmente gratis.

Sin más vueltas iré directo al punto:

  1. Selecciona la fuente correcta, generalmente conviene que sean gruesas y curvas. Si no sabes donde encontrar fuentes de calidad, aquí hay una colección de sitios con fuentes gratuitas.
  2. Abre photoshop y crea un lienzo nuevo, en el ejemplo de 400×200, con el color de fondo que deseen.
  3. Escribe el texto que deseas.
  4. ScreenShot032

  5. Luego hacemos doble click sobre la capa de texto para abrir la opción «estilo de capa«, allí nos dirigimos a «Trazo» seleccionamos el color que más se adapte -en mi caso elegí un verde más oscuro- y el grosor (en el ejemplo 4px). Y pulsamos «Ok»
  6. ScreenShot035

    ScreenShot034

  7. Posteriormente quitamos la visibilidad del efecto y de la capa de fondo.
  8. ScreenShot037

    ScreenShot036

  9. Seleccionamos el color del texto ScreenShot038 y vamos a «Selección«, «Gama de colores«.
  10. ScreenShot039

  11. Aparecerá una ventana como la siguiente (coloquen los valores que ven en la siguiente imagen).
  12. ScreenShot041

    ScreenShot040

  13. Volvemos a hacer visible tanto al efecto como a la capa de fondo.
  14. ScreenShot042

  15. Nos dirigimos a las herramientas de selección y marcamos «Herramienta marco elíptico«.
  16. ScreenShot043

  17. Verificamos en la parte superior que se este marcada la opción «Restar de la selección»
  18. ScreenShot044

  19. Trazamos una elipse como se ve en la figura:
  20. ScreenShot045

  21. Luego veremos como se restará la elipse a la selección que teníamos antes, obteniendo algo así:
  22. ScreenShot046

  23. Creamos una nueva capa encima del texto.
  24. ScreenShot047

  25. Seleccionamos el color blanco.ScreenShot048
  26. Elegimos la herramienta de degradado, desde color principal hacia transparencia. ScreenShot062
  27. Hacemos el degradado desde arriba hacia abajo, como se ve en la figura:
  28. ScreenShot049

  29. Luego vamos a «selección» y «deseleccionar«.
  30. ScreenShot050

  31. Nos habrá quedado algo así:
  32. ScreenShot051

  33. Marcamos la capa nueva y el texto.
  34. ScreenShot052

  35. Combinamos ambas capas.
  36. ScreenShot053

  37. Duplicamos la capa obtenida.
  38. Marcamos la nueva capa -la duplica- y nos dirigimos a «Edición» -> «Transformar» -> «Rotar 180º«.
  39. ScreenShot054

  40. No se asusten por el resultado:
  41. ScreenShot055

  42. Ahora resta ir a «Edición» -> «Transformar» -> «Voltear horizontal«.
  43. ScreenShot056

  44. Verán algo así:
  45. ScreenShot057

  46. Movemos el texto hacia abajo:
  47. ScreenShot058

  48. Colocamos la duplica de la capa debajo de la original:
  49. ScreenShot060

    ScreenShot059

  50. Creamos una capa entre medio de ambas:
  51. ScreenShot061

  52. Elegimos la opción de degradado nuevamente, del color de fondo (de la imagen) hacia transparenciaScreenShot062
  53. Trazamos un degradado de abajo hacia arriba:

ScreenShot063

Y ya tenemos nuestro Texto 2.0:ScreenShot064

Sí lo sé son 30 pasos!, pero cada uno toma menos de 2 segundos, luego de hacerlo una vez verás como sale sólo 🙂

Lo he hecho muy detallado para que nadie se pierda por el camino, espero que les sea de utilidad, cualquier cosa a las órdenes!, saludos y suerte.

Sean felices ^^

    1. Taniia julio 11, 2008
    2. SpamLoco julio 12, 2008
    3. vicarlone noviembre 8, 2009

    Leave a Comment

¡SÉ UNUSUARIO!

Suscribete gratis a UnUsuario.com para recibir todas nuestras actualizaciones, noticias, guías, recursos y mucho más en tu casilla de correo electrónico.

Gracias por suscribirte! :).

Oops, ha ocurrido un error, inténtalo nuevamente.