Mostrando resultados del 1 al 10 de 10

Tema: Texto 3d con textura

  1. #1
    eljulio está desconectado Usuario Gamma
    Registro
    26-octubre-2009
    Ubicación
    Nicaragua
    Mensajes
    202
    CMS
    CMS Utilizado


    Comenzamos con un documento de 450 X 450 px, 72 DPI y fondo blanco, el fondo ya lo vamos a cambiar a un degradado, cuando tengamos el documento abierto procede a escribir el texto que se muestra en la imagen, puedes utilizar un texto cualquiera, pero el tamaño debe ser, el que yo utilicé, 144 pt, color #183bd4 tipo de letra World of Water.



    Ahora ubica el layer que tiene el texto “Ilusion”, rota un poco el texto para que quede como la imagen superior.

    Entramos a las opciones de fusión de las Capas y vamos a aplicar Drop Shadow, Inner Shadow, Inner Glow, Gradient Overlay, Pattern overlay y Stroke, por lo que te recomiendo configurar cada uno de ellos como te muestro a continuación:








    Presiona ok, ahora copia el estilo de capa de “ilusion” y pega el estilo de capa en “3d”, como se muestra en las siguientes capturas:




    El texto ya debería tener la siguiente apariencia:



    Duplica la capa Ilusion y mueve la copia debajo arrastrándola hacia la izquierda y abajo levemente, con color de letra #3e5fea. Haz el mismo procedimiento para la capa 3D, solo que en lugar de moverlo hacia la izquierda y abajo muévelo hacia arriba. Al final las imágenes deben estar como se muestran:



    Como puedes apreciar ya prácticamente tenemos el efecto 3D en el texto, pero para hacerlo más realista vamos a aplicarle un degradado. Comenzaremos aplicando opciones de fusión a la capa Ilusión como se muestra en las imágenes:




    Ahora debes copiar las opciones de fusión de “Ilusion Copy” y pegarlas en la capa “3D copy”.



    Con los nuevos estilos de capa lo que hacemos es darle un poco de volumen a las capas nuevas, este volumen es necesario para crear el efecto 3D.

    A continuación inserta una nueva Layer rellénala de color blanco (en este punto debes tener el color de primer plano en negro y segundo plano en blanco, solo presiona “D” en tu teclado) Filter / Render / Fibers utiliza 44 para Variance y 44 para Strength, presiona OK.

    Ahora dirígete a Filter / Liquify, selecciona Twirl, en las herramientas de la opción configura los siguientes valores:



    Empieza a deformar la textura, nos vamos a concentrar en la parte central de la textura, no tanto en las esquinas, en realidad no la vamos a utilizar toda, solamente la parte del centro, por eso es que las esquinas no importan como queden:



    Ahora solo falta aplicarle color a esta textura, para ello Image / Adjustments / Hue saturation



    Te tiene que quedar ese tono de textura, cuando lo tengas haz clic en ok.

    A continuación presiona CTRL + clic en la capa “Ilusion” que se encuentra arriba, con esto cargas la selección de esa capa, podrás ver que tienes la selección cargada porque la silueta del texto aparecerá punteada.



    El inconveniente aquí es que esa selección es exactamente igual al texto, asi que necesitamos reducir las dimensiones de la selección, dirígete a Select / Modify / Contract y utiliza 3 pixeles como valor



    Antes de continuar verifica que estés en la Capa que contiene la textura, lo que sigue es muy sencillo Corta la selección y Pégala inmediatamente, oculta momentáneamente la capa de la textura y coloca manualmente lo que pegaste encima de la capa ilusión, de modo que se puedan distinguir los bordes de la capa original, mejor te lo ilustro:



    Ahora vamos a cambiar rápidamente el aspecto de la textura al fusionarla con el texto, para ello solamente dirígete a los modos de fusión de las capas y pásalo a Linear Dodge (add).


    Repite el procedimiento para el texto 3d.

    Con esto ya terminaríamos, el resultado sería un texto 3D con Textura:


    Ya falta poco, solo nos falta el fondo, inserta una capa inmediatamente arriba del background y aplícale degradado, los colores que vas a utilizar es el degradado arcoíris transparente, arrastra el cursor del extremo izquierdo superior al extremo derecho inferior.



    Inserta una nueva capa inmediatamente encima de la capa del arcoíris, y rellénala de blanco, en este punto te recomiendo que el color de primer plano esté en #aed8ff y el color de seungo plano en blanco, cuando insertes la capa presiona la tecla CTRL + Backspace y la capa se rellenará automáticamente de color blanco, a continuación filter / render / clouds y OK.

    Presiona las teclas CTRL+F hasta que tengas una apariencia como la de la imagen:


    Solo falta cambiar el modo de fusión de la capa de nubes a HUE.

    Última edición por eljulio; 21-dic-2009 a las 21:35

  2. #2
    Avatar de fencer
    fencer esta en línea ahora Usuario Dseta
    Registro
    25-septiembre-2009
    Ubicación
    Valencia - Venezuela
    Edad
    28
    Mensajes
    1.115
    CMS
    CMS Utilizado
    Ir a fencer página de inicio Mi Twitter Mi Facebook
    (autobombeaisisisisisisimo)

    edit: Mucho mejor, por cierto me ha sido de ayuda gracias, dedo de hulk pa' ti
    Última edición por fencer; 22-dic-2009 a las 07:24

  3. #3
    Avatar de KnxDT
    KnxDT está desconectado Usuario Iota
    Registro
    21-abril-2009
    Ubicación
    Lima - Perú
    Mensajes
    2.438
    CMS
    CMS Utilizado
    Mi Twitter Mi Facebook
    Amigo, si todos los diseñadores del foro crearan temas aqui por cada tutorial que hacen, esto estaría invadido. Creo que lo conveniente es que pongas también el tutorial aqui y/o elimines el tema, antes que algún mod lo haga por ti.

  4. #4
    Avatar de DacF
    DacF está desconectado Usuario Gamma
    Registro
    18-agosto-2009
    Ubicación
    México
    Edad
    22
    Mensajes
    304
    Ir a DacF página de inicio Mi Twitter
    SPAM, el tutorial deve estar puesto aquí mas no solo la fuente.

    Twtitter: @DerianAndre
    ¿Qué soy? Diseñador Gráfico y Web Servicios: Logos y Maquetación HTML Portafolio: En Construcción

  5. #5
    eljulio está desconectado Usuario Gamma
    Registro
    26-octubre-2009
    Ubicación
    Nicaragua
    Mensajes
    202
    CMS
    CMS Utilizado
    Cita Iniciado por DacF Ver Mensaje
    SPAM, el tutorial deve estar puesto aquí mas no solo la fuente.
    Estoy buscando donde eliminarlo para ponerlo aqui directamente, perio no encuentro un boton o algo, ok, por el momento solo dejé la imagen

  6. #6
    Avatar de MAur1cio
    MAur1cio esta en línea ahora Usuario Delta
    Registro
    12-junio-2009
    Mensajes
    539
    -.- ahí mas que ponen sus tutoriales como gancho hacia su blog, este un poco mas descarado al solo poner el resultado del tutorial y lógicamente atacado por que es un usuario nuevo xD!

    solo mi opinión n.n

  7. #7
    Avatar de Fabián Rodríguez
    Fabián Rodríguez está desconectado Usuario Iota
    Registro
    16-diciembre-2009
    Ubicación
    Ibagué, Colombia
    Edad
    23
    Mensajes
    2.024
    CMS
    CMS Utilizado
    Ir a Fabián Rodríguez página de inicio Mi Twitter
    Cita Iniciado por KnxDT Ver Mensaje
    Amigo, si todos los diseñadores del foro crearan temas aqui por cada tutorial que hacen, esto estaría invadido. Creo que lo conveniente es que pongas también el tutorial aqui y/o elimines el tema, antes que algún mod lo haga por ti.
    Totalmente de acuerdo.

  8. #8
    Avatar de gothicdead
    gothicdead está desconectado Usuario Epsilon
    Registro
    30-septiembre-2009
    Ubicación
    Trujillo - Perú
    Edad
    24
    Mensajes
    890
    Ir a gothicdead página de inicio
    Una salida es postear el tutorial completo aquí, pero seria un post muy extenso, entonces desechamos. xD

    Por que postear el tutorial aqui y enlazarlo a tu blog?... deseas mas visitas? o deseas compartir el tutorial?... puede ser de buena onda compartirlo, pero hay que saber hacerlo, una salida sería hacerlo en el offtopic, pero dejarlo sin enlace y mencionar que el enlace esta en la firma, asi creo que no se infringe alguna norma y nos compartes el tutorial.

    Saludos.

  9. #9
    eljulio está desconectado Usuario Gamma
    Registro
    26-octubre-2009
    Ubicación
    Nicaragua
    Mensajes
    202
    CMS
    CMS Utilizado
    Listo todos ahi esta el tuto, gracias por sus mensajes.

  10. #10
    Avatar de inex
    inex está desconectado Usuario Dseta
    Registro
    06-abril-2009
    Edad
    19
    Mensajes
    1.189
    Ir a inex página de inicio
    Esa tecnica de "3D", no se logra muy bien el efecto que se busca, recomiendo para ese caso seleccionar la capa de texto luego con las teclas "Control" + "Alt" + [tecla de direccion Arriba/abajo/derecha/izquierda] cuantas veces sea necesario, luego combinas las capas duplicadas y ya tienes un lindo texto en 3d.

Información del tema

Users Browsing this Thread

Actualmente hay 1 usuarios leyendo este tema. (0 miembros y 1 invitados)

Temas Similares

  1. No puedo insertar Widget de Texto
    Por Poyello en el foro Wordpress
    Respuestas: 7
    Último mensaje: 09-oct-2009, 01:54
  2. Adsense con imagenes o solo texto
    Por mryin en el foro Adsense
    Respuestas: 12
    Último mensaje: 30-jul-2009, 23:09
  3. Me ayudan a distribuir el texto?
    Por soynacho en el foro Themes
    Respuestas: 11
    Último mensaje: 05-may-2009, 17:50

Normas de Publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •