Bienvenido a Tecnohackers

Tecnohackers » Area De Diseño Grafico » Diseño » Libros Cursos Manuales y Tutoriales
 » 

como hacer el efecto 3D en un texto con Photoshop CS4



Autor Tema: como hacer el efecto 3D en un texto con Photoshop CS4  (Leído 1485 veces)

Desconectado Arwen

  • Colaborador
  • ***
  • Mensajes: 989
como hacer el efecto 3D en un texto con Photoshop CS4
« en: Enero 24, 2009, 12:07:57 am »
Abrimos un documento nuevo , en este manual he usado uno de 1280x1024 px con una resolución de 300 px ( esto es importante ) el fondo de color blanco
( he elegido este color para que se vea bien el efecto , pero podéis usar el que mas os guste, incluso dejarlo transparente )


You are not allowed to view links. Register or Login



creamos una capa nueva,  y escribimos el texto que queramos poner en este ejemplo he usado mi nick :


You are not allowed to view links. Register or Login


ahora, vamos al Panel de Carácter y  Párrafo y le ponemos los siguientes parámetros, a esa capa le ponemos el nombre de TEXTO 3D 1 ( esto es para que luego,no nos equivoquemos ) :

You are not allowed to view links. Register or Login

You are not allowed to view links. Register or Login



Vamos a la capa y con el botón derecho del ratón , elegimos Rasterizar texto :

You are not allowed to view links. Register or Login


A continuación, vamos a Edición --> Transformar --> Distorsionar y creamos una buena perspectiva para nuestro texto arrastrando las esquinas.


You are not allowed to view links. Register or Login




Ahora, duplicamos la capa, con la combinación de teclas Ctrl+J o Capa --> Duplicar capa y le ponemos como nombre TEXTO 3D 2 y con la segunda capa de texto seleccionada, vamos a la Herramienta Mover y movemos la capa de texto TEXTO 3D 2 un poco hacia arriba  :


You are not allowed to view links. Register or Login




Seguidamente vamos a crear duplicados de la capa de texto,  con la combinación de teclas Ctrl +J de las capas que hemos llamado TEXTO 3D 1 y TEXTO 3D 2  y la posición como ves en la imagen de debajo ; Asegúrate de que tiene exactamente el mismo orden que se muestra, ya que es importante :


You are not allowed to view links. Register or Login



Ahora esconderemos las dos capas de texto principales , TEXTO 3D 1 y TEXTO 3D 2 ( clickeando encima del ojo se esconden ) :


You are not allowed to view links. Register or Login


a continuación, duplicamos la capa TEXTO 3D 1 copia   con la combinación de teclas Ctrl+ J  , 60 veces ( si mantienes apretada la tecla Ctrl y vas clickeando encima de la tecla J, solo tardarás como mucho un minuto en duplicar las 60 capas )


You are not allowed to view links. Register or Login




ahora con la capa TEXTO 3D copia 60 seleccionada, apretamos la tecla Mayúsculas y nos vamos a la primera copia de texto ( TEXTO 3D 1 copia ) y la clickeamos ( esto hará que queden todas las capas copia seleccionadas ) :

You are not allowed to view links. Register or Login



seguidamente con el botón derecho encima de las capas seleccionadas, le decimos Enlazar capas:

You are not allowed to view links. Register or Login


y nos quedaría así :

You are not allowed to view links. Register or Login




sigue ....
« Última modificación: Mayo 04, 2010, 02:07:00 am por alma_triste »
You are not allowed to view links. Register or Login

GRACIAS DEUS EX-MACHINA POR ESTA MARAVILLOSA FIRMA


"soy un enigma, dentro de un rompecabezas y envuelto en un acertijo, soy una mujer "

Desconectado Arwen

  • Colaborador
  • ***
  • Mensajes: 989
Respuesta: como hacer el efecto 3D en un texto con Photoshop CS4
« Respuesta #1 en: Enero 24, 2009, 12:10:14 am »
Ahora, con todas las capas seleccionadas, excepto las capas que hemos nombrado TEXTO 3D 1 y TEXTO 3D 2 , nos vamos a la Herramienta Mover, en la parte superior de Photoshop, nos ofrece distintas opciones y daremos un solo click en cada una de estas opciones :  Distribuir centros verticales y Distribuir Centros Horizontales de esta forma nos quedara un texto en 3D :


You are not allowed to view links. Register or Login


a continuación, vamos a fusionar las capas, para ello con el botón derecho encima de las capas que tenemos seleccionadas, elegimos Combinar capas y la paleta de capas nos quedaría así :

You are not allowed to view links. Register or Login



le cambiamos el nombre y le ponemos TEXTO 3D 2  combinada :

You are not allowed to view links. Register or Login


Ahora vamos a la paleta de capas y seleccionamos la capa que hemos llamado TEXTO 3D 2 :


You are not allowed to view links. Register or Login

y con un doble click encima accedemos a Estilo de capa vamos a Superposicion de degradado y elegimos el que mas nos guste, en mi caso he elegido esta combinación de azules para que veáis mejor el efecto :

You are not allowed to view links. Register or Login



seguidamente vamos a la capa que hemos llamado TEXTO3D 2 combinada y la duplicamos, con  la combinación de teclas Ctrl  J , después  apretando la tecla Alt clickeamos dos veces seguidas en la capa duplicada, y le cambiamos el nombre  a TEXTO 3D 2 color :

You are not allowed to view links. Register or Login


Con un doble click  encima de la capa, accedemos a Estilo de capa de la capa TEXTO 3D 2 color, y elegimos Superposición de color, y elegimos un color o también podemos elegir un Degradado seleccionando Superposición de Degradado, eso a vuestro gusto  :


You are not allowed to view links. Register or Login

You are not allowed to view links. Register or Login



ahora vamos a la capa que nombramos TEXTO 3D 1 y la duplicamos , la nombraremos  TEXTO 3D 1 copia y luego vamos a Filtro --> Desenfocar --> Desenfoque Gaussiano y le aplicamos 3 px :

You are not allowed to view links. Register or Login


a continuación, con la Herramienta mover, movemos hacia abajo esa capa, para que veamos un poco esa sombra paralela al texto :


You are not allowed to view links. Register or Login


ahora si queremos darle transparencia solo tenemos que esconder la capa fondo ( click en el ojo ) y nos quedaría esto :

You are not allowed to view links. Register or Login



Se puede hacer de todo, eso a vuestra imaginación , este manual es solo un ejemplo  :o

mas ejemplos :
You are not allowed to view links. Register or Login

You are not allowed to view links. Register or Login


espero que os guste, salu2
« Última modificación: Mayo 05, 2010, 04:00:41 pm por alma_triste »
You are not allowed to view links. Register or Login

GRACIAS DEUS EX-MACHINA POR ESTA MARAVILLOSA FIRMA


"soy un enigma, dentro de un rompecabezas y envuelto en un acertijo, soy una mujer "

silencio

  • Visitante
Respuesta: como hacer el efecto 3D en un texto con Photoshop CS4
« Respuesta #2 en: Enero 24, 2009, 06:19:50 pm »
Exelente gracias por tomarte el tiempo y compartilo ;)


Me gusto, a ver que sale con el gimp..


Nos vemos

Tags:
Tags:

 


SMF 2.0.19 | SMF © 2016, Simple Machines
Paginas Afiliadas
Twitter - FaceBook - Daraxblog
Designed by Smf Personal