Tu sitio en la red
Login Registrarse? 
Buscar en Foro Buscar Tutoriales

 Enviado por:  Chelomvb
 visto: 57907 veces



Hola a Tod@s

Este Tutorial sirve para enseñarles como crear texto 3D

Paso 1: Creación del documento y preparación del texto.

Crea un nuevo documento (Archivo > Nuevo) y usa el tamaño que se necesite. Yo use 500x400. Luego crear una nueva capa y con la herramienta de texto y la fuente escogida y tipea el texto, Agrega cualquier efecto que quieras al texto, como por ejemplo un degradado.



Para transformar el texto primero hay resterizarlo. Para hacer esto, click derecho en la capa de texto en la ventana de capas y seleccionar resterizar capa.

imagen posteada por el usuario

Paso 2: Transformar el texto.

Después que resterizaste el texto, estas listo para transformarlo. Con la capa de texto seleccionada, presiona Edición > Transformar > Distorsionar, y posiciona tu texto hasta obtener una perspectiva 3D, presiona ENTER para aplicar los cambios.



Paso 3: Haciendo el 3D

Después de que hayas transformado el texto. Crea una copia del mismo (presionando CTRL+J con la capa del texto seleccionada). Ahora crea un nuevo conjunto.

imagen posteada por el usuario

Coloca el duplicado dentro de él. Agrega un Bisel y Relieve a la capa duplicada (utiliza las opciones por defecto). Esto ayudará a conseguir el efecto 3D.

Luego con la capa duplicada seleccionada mantener presionado las teclas ALT+CTRL y presionando la FLECHA ARRIBA duplicaremos la capa la cual se duplicara e ira subiendo de a un píxel por vez. (Yo la duplique 40 veces).

Obtendrás algo como esto.



Paso 4: Agregando efectos adicionales.

Estos efectos no son necesarios pero dan buenos detalles a la imagen final.
Ya tenemos el efecto 3D básico, pero podemos agregarle más efectos.

A- Selecciona la capa original de texto y agrégale una Sombra Paralela (con las opciones que desees).



B- Luego selecciona el conjunto de capas y presiona CTRL+E (Esto combinara todas las capas en él). Duplica la nueva capa (CTRL+J) Y colócala por encima de la capa de Fondo y disminuye su opacidad al 20%.

imagen posteada por el usuario

Muevela hasta que esta se vea como si fuera un reflejo.

imagen posteada por el usuario

Con esto habrás creado el texto 3D. Hay infinidad de efectos que les puedes dar, para obtener diferentes resultados.

Acá mi imagen final



Saludos y Buena suerte

Chelo



57 COMENTARIOS

Almeyra_Productions - Viernes 06 de Abril de 2007
Ver perfil de usuario
Genial! se agradece mucho el tutorial... muy bien explicado, yo la primera vez ke vi tu trabajo, hubiera jurado ke era un render de algun programa 3D, pero como ya veo no dejan de sorpenderme. Te felicito!

Saludos! smile.gif

ASTREA_YO - Viernes 06 de Abril de 2007
Ver perfil de usuario
Qué biennn!!!!!!!!! Aquí dejo mi ejercicio.
¿He sido buena alumna? biggrin.gif

Xman - Viernes 06 de Abril de 2007
Ver perfil de usuario
Hola Chelomvb.

Gracias por compartir ese tuto con todos nosotros. Muy bien detallado y explicado paso a paso. Te felicito.

Espero que no venga por ahi el castigador a decir que has cometido un fraude y te los has copiado de otra web laugh.gif biggrin.gif tongue.gif.

Je Je Je Je Sentido del Humor siempre por delante.

Saludos
Xman rolleyes.gif

_David_ - Sabado 07 de Abril de 2007
Ver perfil de usuario
Tutorial Aceptado. Muchas gracias por aportar!

http://www.canalphotoshop.com/index.php?id=tutorial&tut=4988

Un saludo

amenaza - Sabado 07 de Abril de 2007
Usuario sin avatar
GENIAL!

mil gracias!

Chelomvb - Sabado 07 de Abril de 2007
Ver perfil de usuario
Hola ASTREA... sí, eres una exelente alumna... laugh.gif

Es un orgullo para mi verte seguir mi tutorial... como tambien ver que ayuda a otras personas... laugh.gif

Solo una cosilla en tu trabajo en el modo sombra de Bisel y relieve bajale un poco la opacidad para que no quede tan oscuro el borde... wink.gif

Saludos...

Chelo

PD.: Acá otro ejemplo... wink.gif

imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar

Smaster77 - Domingo 08 de Abril de 2007
Ver perfil de usuario
E aqui mi aporte compañeros. uno simple como otros.



Saludos.


Smaster77

Xman - Lunes 09 de Abril de 2007
Ver perfil de usuario
Hola a todos como siempre.

Aqui otra muestra con el tuto que no ha dejado Chelo y algunos efectos adicionales. Espero les guste.

imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar


Saludos
Xman rolleyes.gif

Pepesk8 - Lunes 09 de Abril de 2007
Ver perfil de usuario
Hola chelo aqui de dejo mi letras 3d ME GUSTO MUCHO ESE tUTORIAL SALUDOS


imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar

blondygizbo - Martes 10 de Abril de 2007
Usuario sin avatar
Soy nueva, en esto de intentar hacerme con el photoshop, pero por lo menos lo intento, jeje laugh.gif

ahi va mi aporte de este tutorial.

biggrin.gif

imagen posteada por el usuario

Smaster77 - Martes 10 de Abril de 2007
Ver perfil de usuario
Primero de todo bienvenida al canal y espero que aprendas mucho.
Y luego felicitarte por lo bien que ta ha quedado!

Saludos,


Smaster77

LkS_23 - Martes 10 de Abril de 2007
Ver perfil de usuario
imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar


imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar


y este q no me gusta mucho q era una prueva..jaja

imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar

rsambora - Viernes 13 de Abril de 2007
Usuario sin avatar
Como logro ee efecto de destello en la letras LKS q parece como unas estrellitas?

Xman - Viernes 13 de Abril de 2007
Ver perfil de usuario
Hola rsambora.

Eso es facil. Te vas a FILTRO - INTERPRETAR - DESTELLO. Colocas el destello en ese ventana que te aparece en el punto que mejor te parezca y listo.

Saludos
Xman rolleyes.gif

LkS_23 - Sabado 14 de Abril de 2007
Ver perfil de usuario
si si..jaja asi mismo..saludos

leonmaster - Martes 17 de Abril de 2007
Ver perfil de usuario
Oigan ta muy bueno pero no puedo encontrar Bisel ni se que es eso porque ademaa no encuentro las opciones por defecto bueno los espero

ASTREA_YO - Martes 17 de Abril de 2007
Ver perfil de usuario
Hola leonmaster, te dejo una captura de pantalla para que lo puedas localizar mejor.


Budha - Martes 17 de Abril de 2007
Ver perfil de usuario


Mis felicitaciones Chelo, no sé como se me pasó este tutorial, pero no lo había visto... A ver si me da tiempo y lo pongo en practica!!! laugh.gif

Gracias por compartir tongue.gif


Salu2 wink.gif


amenaza - Jueves 19 de Abril de 2007
Usuario sin avatar
MIL MILLONES DE GRACIAS!


DEJO MI RESULTADO

se lo hice a una amiga

imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar



absolutcss - Domingo 22 de Abril de 2007
Usuario sin avatar
wenas
estoy siguendo el tutorial pero no encunetro el " Bisel y Relieve a la capa duplicada (utiliza las opciones por defecto). Esto ayudará a conseguir el efecto 3D."
me podriais indicar donde esta ?
Gracias, Un saludo.

Almeyra_Productions - Domingo 22 de Abril de 2007
Ver perfil de usuario
QUOTE (amenaza @ Apr 19 2007, 04:56 PM)
MIL MILLONES DE GRACIAS!


DEJO MI RESULTADO

se lo hice a una amiga


Me gusta mucho, te felicito!

Saludos! smile.gif

absolutcss - Domingo 22 de Abril de 2007
Usuario sin avatar
ya lo encontre xD tengo el photoshop en inlges ^^

ASTREA_YO - Domingo 22 de Abril de 2007
Ver perfil de usuario
Hola absolutcss.
Aunque lo tengas en inglés, la posición de todos los comandos es la misma.
Por eso dejé puesto esa captura de pantalla.
Luego, podrías subir tu resultado, a ver qué tal te quedó? smile.gif

absolutcss - Domingo 22 de Abril de 2007
Usuario sin avatar
wenas
este fue mi primer 3d biggrin.gif me encanto el tuto pero mi toke de luz no me convencio nose k fondo ponerle asi k puse algo raro xD ^^

Un saludo.

ASTREA_YO - Domingo 22 de Abril de 2007
Ver perfil de usuario
Qué bien te quedó!!!absolutcss

Xman - Domingo 22 de Abril de 2007
Ver perfil de usuario
Hola absolutcss.

Te ha quedado super bien. Prueba tambien darle a la letras un efecto de INTERPRETAR - EFECTOS DE ILUMINACION, juega con los canales y veras que te queda super bueno tambien.

Saludos
Xman rolleyes.gif

absolutcss - Domingo 22 de Abril de 2007
Usuario sin avatar
wenas ohmy.gif Gracias biggrin.gif
pruevare lo de los canales pero no se utilizarlo el apartado canales pk pone los colores(rojo verde, azul, transparencia) y k ago con ellos :S ?
Un saludo. ph34r.gif
me gusta el resultado de amenaza con burbujas rosas
PD : xman me mola tu firma el chip y pantalla mola ^^ 1 dia t preguntare una duda jeej si se puede. rolleyes.gif

Xman - Domingo 22 de Abril de 2007
Ver perfil de usuario
Hola absolutcss.

Te explico nuevamente porque no me has entendido bien laugh.gif .

Anda a FILTRO - INTERPRETAR - EFECTOS DE ILUMINACION, eso te abre una pantalla. Como veras, abajo te dice canal de textura. Predefinido dice NINGUNO, pero si cliqueas en esa ventana de daras cuenta que te aparece ROJO, VERDE, AZUL. Claro debes tener la foto en RGB. Lo demas sera cuestion de que juegues un poco con los valores de INTENSIDAD, FOCO y los demas parametros.

En referencia a la firma, claro, pregunta, para eso estamos aca biggrin.gif


Saludos
Xman rolleyes.gif

absolutcss - Domingo 22 de Abril de 2007
Usuario sin avatar
wenas
oki asias ahora lo mirare y explorare :Pjeej, ice otra pa mi prima xD ese me kedo bastante bien tongue.gif XD le copie las burbujas esas rosas xD a amenaza^^
Un saludo

fedebett - Domingo 22 de Abril de 2007
Ver perfil de usuario
buen tutooo

ajja

saludos

skmaster - Lunes 23 de Abril de 2007
Ver perfil de usuario
ale el mio xDD!
imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar

amenaza - Martes 24 de Abril de 2007
Usuario sin avatar
epa me gusto, el mejor hasta ahora

absolutcss - Martes 24 de Abril de 2007
Usuario sin avatar
wenas
ice otro k me kedo mejor smile.gif
Un saludo

ASTREA_YO - Martes 24 de Abril de 2007
Ver perfil de usuario
Hola y bienvenido a la comunidad, skmaster
Logradísimo el efecto que le has dado.
****
Una pregunta: ¿eres Mr SKU?

*********
absolutcss, te quedó muy original con esos tonos y como entrelazado las letras, pero tal vez sería mejor que emplearas otro tipo de fuente, porque yo no veo el nombre ph34r.gif

amenaza - Miércoles 25 de Abril de 2007
Usuario sin avatar
juajaja... gracias por el tributo (?)

imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar


imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar

mabloco - Jueves 26 de Abril de 2007
Ver perfil de usuario
primero q nada hola a todos...soy nvo y queria participar desde hoy =)

bno estan muy bnos los tuto.. espero les agrade mi intencion =)) bye nos vemos en otra tarea =) smile.gif





absolutcss - Viernes 27 de Abril de 2007
Usuario sin avatar
wenas mabloco.
como as exo lo k ta debajo las letras k parece agua rara xd k me mola ^^
Un saludo. ph34r.gif

mabloco - Sabado 28 de Abril de 2007
Ver perfil de usuario
ola men es muy facil esta en uno de los tuto es el efecto de agua tranquyila smile.gif y le añades el color a tu gsto men smile.gif



efecto agua smile.gif

bye..

julian95 - Domingo 27 de Mayo de 2007
Ver perfil de usuario
Hola, hice el tutorial, esta muy bueno, pero cuando quiero hacer el reflejo no sale sad.gif, hago exactamente lo que me dice el tutorial, pongo la copia del grupo por abajo del texto y pongo la opacidad al 20% pero no queda.

salu2

julian95 - Domingo 27 de Mayo de 2007
Ver perfil de usuario
ya me salio (siempre me sale despues de que lo pregunto en un mensaje xD), asi me quedo:

imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar

julian95 - Domingo 27 de Mayo de 2007
Ver perfil de usuario
mejore un poco los efectos de luz:

imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar

Jk2 - Domingo 08 de Julio de 2007
Usuario sin avatar
Pedazo de tutorial, me va a ser muy util, para muchas cosas, muchisimas gracias tongue.gif


aqui mi reslutado ^^


imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar

clairesorpraise - Domingo 08 de Julio de 2007
Ver perfil de usuario
Hola Jk2 smile.gif
Impresionante tu resultado del tutorial, te ha quedado realmente fantástico

Por cierto, no sé si te hemos dado la bienvenida, por si acaso, te la doy ahora wink.gif , espero que lo pases muy bien entre nosotros.

Un saludo
Claire

Jk2 - Domingo 08 de Julio de 2007
Usuario sin avatar
muchas gracias ^^, si soy nuevo por el foro pero llevo mucho tiempo visitando la web y pasandome por el foro tongue.gif

gracias por la bienvenida ^^

LordCaos777 - Domingo 02 de Septiembre de 2007
Usuario sin avatar
smile.gif smile.gif smile.gif smile.gif smile.gif smile.gif smile.gif smile.gif laugh.gif laugh.gif laugh.gif laugh.gif laugh.gif ....buen tutorial....esta super...ak mi resultado..no es tan bueno como el del tutorial pero alli va jejeje:

TEXTO 3D

jakematex - Jueves 01 de Noviembre de 2007
Usuario sin avatar
Genial el tutorial, justo estaba buscando uno asi!
se agradece el aporte biggrin.gif

froz - Viernes 02 de Noviembre de 2007
Ver perfil de usuario
wola, gran tuto no sabia como crear un efecto 3D sin usar algun style de bisel y relieve, bueno aqui dejo mi resultado
imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar


saludos
froz

Santosky - Viernes 02 de Noviembre de 2007
Ver perfil de usuario
Interesante tutorial
Me he animado a probarlo...

imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar


wink.gif

amibonilla - Domingo 11 de Noviembre de 2007
Usuario sin avatar
Que buen tutorial, felicidades, claro y sencillo

chala_yafue - Jueves 28 de Febrero de 2008
Usuario sin avatar
muy bueno el tuto, util y muy bien explicado, te felicito, les dejo los que hice yo

imagen posteada por el usuario

imagen posteada por el usuario

no son muy copados pero para arrancar es algo

quikvzla - Miércoles 24 de Diciembre de 2008
Usuario sin avatar
muy buenos aportes de veerdad

xJOHNEx - Lunes 02 de Febrero de 2009
Usuario sin avatar
super este tuto... aki tienen mi resultado.. aplike mas efectos.

imagen posteada por el usuario

edwin16cs - Domingo 22 de Febrero de 2009
Ver perfil de usuario
Muy Buen Aporte Men!.. C=
Espero ke Sigaz subiendo Mas Grandes tutoriales como estos!.. =)
un gran saludo! =)



GabyJ - Viernes 17 de Abril de 2009
Usuario sin avatar
Hola soy nueva aqui y en el mundo del Photoshop. Me gustan los tutos de textos y el tuyo estaba empecinada en hacerlo! biggrin.gif

Este no es el original, el primero no me salio muy bueno. Pero lo segui intentando y he aqui el resultado final.

imagen posteada por el usuario

Saludos y gracias por el tutorial! smile.gif

liseredk - Viernes 19 de Junio de 2009
Usuario sin avatar
imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar




imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar




Jejeje Graxias por el tutorial
Esta super
=)
Era lo que estaba buscando siglos atras
xD

jomaro - Lunes 22 de Marzo de 2010
Usuario sin avatar
Aqui dejo mi 3D particular.espero vuestras criticas para mejorarlo.
saludos biggrin.gif

http://img225.imageshack.us/img225/6681/68353641.jpg

Pinsapo - Lunes 22 de Marzo de 2010
Ver perfil de usuario
laugh.gif Hola Jomaro;ta han quedado una iluminacion y tonos muy agradables sobre ese gran fondo.Quizas a mi parecer,deberia de tener menos inclinacion en la perspectiva del texto,asi se leeria mas claramente el texto de tu nick e igualmente para darle mas relieve ó efecto 3D,serian necesarias la duplicacion de mas capas.Es tan solo mi vision,pues has realizado un gran trabajo y tu que eres su autor,sabes perfectamente la vision que le quieres dar. wink.gif
Gracias por compartir tus aportes;por aqui estamos. biggrin.gif
Saludos. smile.gif











PHOTOSHOW


CANAL PHOTOSHOP TEAM

Administradores:
 
   ^Chavo^
   _David_

Redactores:
 
   ASTREA_YO
   Pinsapo
   Xman
   zurdod


TOP 10 COLABORADORES

 




Red Neyraweb:
[ CanalPhotoshop.com ] [ CanalPhotoshop.net ] [ CanalPhotoshop.es ] [ GaleriaPhotoshop.com ] [ AgeConan.es ] [ allpointsbulletin.es ] [ apb-esp.com ] [ cod6spain.com ] [ badcompany2.es ] [ mohesp.com ] [ moh-esp.com ] [ bfheroes.es ] [ videorodriguez.es ]