En este tutorial de Photoshop veremos como conseguir una textura de roca realista en un texto.
El tutorial está inspirado en un tutorial en inglés que puedes encontrar en el canal TEXTURELABS.ORG de YouTube.
En mi caso, he usado texturas diferentes y al final le he dado una aplicación interesante sumergiendo el texto y animándolo una escena en el fondo del mar. Te dejo la animación por aquí:
También puedes ver el antes y el después de la edición del texto en este comparador de imágenes.
Te dejo mi referencia en Instagram para que chequees este post y otros que te pueden interesar INSTAGRAM DE @IldefonsoSegura
Lo impactante de este tutorial, o por lo menos a mí me lo parece, es el efecto de rotura que conseguirnos en la parte más frontal del texto tan sólo aplicando un filtro de «cristalizar» y después un estilo de capa con relleno del 0%.
Luego daremos más profundidad al texto y para ello mostraremos como se hace una ACCIÓN en Photoshop para automatizar tareas que hacen más eficientes el trabajo de manipulación y composición.
Posteriormente superpondremos texturas a la extrusión creada y aplicaremos sombras e iluminaciones que conseguirán este realismo de parecido a roca en texto.
Espero que el tutorial texto estilo roca realista con Photoshop sea funcional para ti y puedas aprender algo que a la vez puedas aplicar en otras composiciones.
Muchas gracias al canal TextureLabs.org por su aporte en inglés sobre estas técnicas y por tanto no dejéis de visitarlo y suscribiros si os gusta. Gracias Brady
Después de todo esta introducción, aquí puedes ver el tutorial y no dejes de compartir el post y darle «like» / «dedo arriba» al vídeo.
TABLA DE CONTENIDOS:
- 0:00 Presentación del tutorial
- 0:25 Animación del resultado
- 0:45 Referencia al tutorial en inglés
- 0:56 Textura al texto principal
- 3:26 Roturas en superficie
- 6:30 Extrusión del texto
- 8:21 Textura en extrusión
- 9:37 Técnicas para incluir contraste
- 12:12 Inclusión de Background
- 12:41 Luces y Sombras
- 15:45 Añadimos detalles adicionales
- 16:57 Despedida
«Cómo hacer texto estilo roca realista con Photoshop»
Si quieres ir a tu ritmo, puedes ir chequeando el vídeo en cámara lenta y comprobando en el editable que te regalo, los pasos seguidos
No te lo pierdas y comparte tus trabajos en mi página de facebook (IldefonsoSeguraPage)
Espero que te guste y compartas el vídeo. No dejes de compartir este post.
Así es como me puedes ayudar 🙂 Gracias
Ya mostré en un post previo las posibilidades de la combinación de Google Earth Studio y After Effects. Publiqué un vídeo promocionando la ciudad de Valencia (España) en el que mostraba vistas aéreas dinámicas de la ciudad usando esta herramienta que facilita fotografías de satélite e imágenes de google. Ahora os presento un tutorial donde enseño cómo integrar imágenes y/o textos en la animación creada con Google Earth Studio pero con Adobe After Effects.
Desde Google Earth Studio creamos puntos de referencia que, una vez renderizada la animación, sirven como nulos en After Effects. Estos nulos continenen información de posición, rotación y dimensión geográfica dentro de la animación exportada.
El proceso de exportación desde Google Earth Studio a After Effects es muy sencillo. El resultado es un «script» que se abre en adobe After Effects creando una capa nulo y texto por cada punto de referencia, una cámara y una capa que reúne todos las imágenes por fotograma que representa el movimiento y dinámica de la animación creada. Es alucinante.
El resultado es evidentemente atractivo y como has visto en mi vídeo de muestra, invita incluso a visitar la localización o localizaciones que muestras. Espero que vengas a Valencia.
Para usar Google Earth Studio primero tienes que solicitar autorización. Para ello debes visitar este sitio y rellenar el formulario de solicitud. En mi vídeo muestro cómo lo hice yo y me funcionó.
Pronto publicaré algún tutorial para mostrar cómo se hacen algunas otras cosas del vídeo para que vosotros podáis crear vuestras propias producciones. Os dejo primero el vídeo y después el tutorial. Disfruta por un ratito:
TUTORIAL INTEGRACIÓN TEXTO E IMÁGENES EN ANIMACIÓN DE GOOGLE EARTH STUDIO
No te lo pierdas y comparte tus trabajos en mi página de facebook (IldefonsoSeguraPage)
Espero que te guste y compartas el vídeo. No dejes de compartir este post.Así es como me puedes ayudar 🙂 Gracias
Con este tutorial aprenderemos a usar los estilos de capa para emular un efecto de material de globo, plástico o latex. Si usas variaciones sencillas del ejemplo, puedes conseguir otros efectos que harán que el texto parezca otro material. En cualquier caso, abajo te dejo el editable, estilo y la fuente para que puedas tener el efecto sin necesidad de crearlo.
1.- Abre un nuevo canvas de trabajo con una resolución de 250 ppp. Yo usé un tamaño en cm de 16:9 (wide screen)
2.- Pon un fondo que tu elijas. Yo usé uno creado por mi sencillo
3.- Selecciona la herramienta texto de la barra de herramientas. Usa la fuente Anja con color blanco ffffff y tamaño aproximadamente 90 px
4.- Escribe tu texto
5.- Haz clic derecho en la capa de texto y selecciona OPCIONES DE FUSION. Comienza seleccionando SOMBRA PARALELA
6.- Continuamos con SUPERPOSICION DE COLORES buscando un tono azul
7.- Aplicamos ahora la variable RESPLANDOR INTERIOR
8.- A continuación le damos SOMBRA INTERIOR
9.- Nos situamos en BISEL Y RELIEVE dándole unos valores como sigue:
10.- Dentro de bisel y relieve seleccionamos CONTORNO
11.- Casi finalizando aplicamos SATINADO
12.- Hasta aquí ya tendríamos un efecto de texto de globo bastante aceptable.
13.- En las opciones de fusión vamos a cambiar variables tanto de la sección de FUSION GENERAL como de FUSION AVANZADA
En la fusión general cambiaremos el tipo de fusión de capa a MULIPLICAR. En la fusión avanzada cambiaremos el porcentaje de relleno al 20%
14.- Para conseguir mayor transparencia en el texto seleccionaremos una variable dentro de la FUSIÓN AVANZADA que no he visto en ningún tutorial. Esa opción es FUSIONAR EFECTOS INTERIORES COMO UN GRUPO. Con esta opción seleccionada lo que se hace es fusionar los efectos de «resplandor interior», «satinado» y «superposición» con la capa antes de fusionarlos con el documento. Todas las opciones de fusión se fusionan con el documento y en función del contenido de las otras capas el resultado de las variables es diferente. Si tienes esta opción de FUSIONAR EFECTOS INTERIORES COMO UN GRUPO, los efectos interactuan con el contenido de la capa y no con el resto de capas.
15.- Así el resultado es el siguiente que íbamos buscando:
No te lo pierdas y comparte tus trabajos en mi página de facebook (IldefonsoSeguraPage)
Espero que te guste y compartas el vídeo. No dejes de compartir este post.Así es como me puedes ayudar 🙂 Gracias
Con fecha 21 de octubre de 2013 se publica un videotutorial donde explico como conseguir un efecto de tallado de una calavera en una textura de madera. Con la misma técnica podrías conseguir la integración de un volumen sencillo en una textura determinada.
Aprovechando estas fechas cercanas a Halloween, tienes a tu disposición un videotutorial junto con otros que ya publiqué y que te pueden servir también, donde te muestro unas técnicas sencillas con máscaras, filtros y capas de ajuste. El resultado es fantástico y te invito a ver el videotutorial haciendo clic en la imagen siguiente.
HAZ CLIC EN LA IMAGEN PARA VER EL VIDEOTUTORIAL
[widget id="custom_html-8"]
Tutoriales relacionados con la temática Halloween
En este post te muestro un tutorial que completa al videotutorial citado dado que nos enseña a realizar el texto que aparece en el wallpaper de Halloween. El resultado es este y lo vemos paso a paso:
TUTORIAL PHOTOSHOP
PASO 1.- Abrimos textura de madera donde pondremos el texto
PASO 2.- Añadimos capa de ajuste de Blanco y negro con los valores por defecto que son los que se ven en la imagen. Ponemos el modo de fusión de la capa en MULTIPLICAR
PASO 3.- Añadimos caja de ajuste de equilibrio de color con los valores de la imagen tanto en medios tonos como en sombras como en iluminaciones. Ponemos el modo de fusión de la capa en COLOR
PASO 4.- tendríamos este resultado en la textura a partir del cual podemos trabajar el texto
PASO 5.- Seleccionamos un color rojo oscuro para emular el color de la sangre. Código 550000
PASO 6.- Seleccionamos un pincel de sangre que puedes encontrar en la red. Acuérdate de chequear que no tiene derecho de copyright
PASO 7.- Vamos pintando con diferentes tamaños, pinceles, rotacion,… y bajamos la opacidad de la capa en torno al 65%
PASO 8.- Tendríamo un resultado como este
PASO 9.- Ponemos nuestro texto. El tipo de fuente que usé fue MULAN
PASO 10.- Aplicamos un estilo de capa. Clic derecho del ratón sobre la capa de texto y selecciona OPCIONES DE FUSION. Sigue los cuadros siguientes para copiar los valores de los atributos del estilo. Ojo… el relleno de la capa se reduce al 25%
PASO 11.- El estilo nos queda como sigue
PASO 12.- En el menú TEXTO rasterizamos el texto
PASO 13.- Seleccionamos un pack de pinceles de grietas. Os hago la misma recomendación que hice con los de sangre.
PASO 14.- Seleccionamos el color frontal blanco (como el texto). Un atajo rápido para hacerlo es pulsar D y luego X. Así el color frontal es blanco con total seguridad
PASO 15.- Si por un momento ponemos el relleno de la capa en el 100% y ocultamos los estilos de capa, podemos ver un ejemplo de como hemos pintado con las grietas el texto
Si volvemos a poner el relleno en 25% y hacemos visibles los efectos tendemos este resultado
PASO 16.- Añadimos a la capa una máscara de capa con el icono que está abajo del panel de capas
PASO 17.- Mantenemos tecleada la techa ALT y hacemos clic en el ojo de la capa textura de madera. Con eso conseguimos que solo se vea esa capa
PASO 18.- Nos vamos a la paleta de canales. Con el botón derecho del ratón hacemos clic en el canal azul y le indicamos que duplique el canal
PASO 19.- Con CTRL+L vemos la paleta de niveles y buscamos acercarnos con los tonos hacia la izquierda dando luz a la mayoría del canal
PASO 20.- Con CTRL+clic en el canal se seleccionan las áreas blancas del mismo.
PASO 21.- Con esa selección realizada volvemos a la paleta de capas RGB
PASO 22.- Añadimos una máscara de capa y automáticamente las zonas no seleccionadas se pintan de negro en la máscara y por lo tanto se ocultan esas zonas en la capa del texto
PASO 23.- Situados en la máscara podemos cambiar sus niveles (CTRL+L) para ajustar la apariencia de las zonas a ocultar o visualizar. En mi composición le di estos valores a los niveles
PASO 24.- El resultado hasta el momento es este
PASO 25.- Quitamos la unión entre la capa y su máscara de capa haciendo simplemente clic con el ratón en la cadena que las une. Esta debe desaparecer como en la imagen
PASO 26.- Aplicamos un filtro en la capa. Filtro, distorsionar, RIZO con el valor que se muestra en la imagen
PASO 27.- Con CTRL+F se repite el filtro y conseguimos un efecto de irregularidad en los bordes bastante real al objeto que buscamos
CONCLUSION
Si te ha gustado el tutorial, espero que dejes un comentario y que lo compartas con tus amigos. Asi me ayudas a continuar. Gracias
En este tutorial de photoshop te muestro como crear un wallpaper para smartphone con tu superheroe preferido.
Dividimos el tutorial en 3 partes
- Parte 1 : Creamos el texto, lo formateamos, trabajaremos técnicas de extrusión a través de acciones, aplicaremos estilos de texto para conseguir una perfecta iluminación y mostreremos cómo mejorar los brillos o «high ligths con algún truquillo muy sencillo.
- Parte 2 : Creamos un fondo apropiado a un superheroe con diferentes capas de ajuste que consigan una luz consistente con la que hemos simulado en el texto anteriormente.
- Parte 3 : Trabajaremos la iluminación sobre el mismo superheroe que usamos como stock. Muestro unos trucos para crear high lights y modificar el tono discriminando entre sombras y luces que vienen con el propio stock.
El resultado es evidente. Tú puedes ver el antes y el después
[twenty20 img1=»61145″ img2=»61146″ offset=»0.5″]
Me gustaría ver tu wallpaper de superheroe para smartphone siguiendo mi tutorial de photoshop
Disfruta del tutorial de Photoshop. Hay mucho trabajo detrás. Compártelo y así nos ayudas.
TUTORIAL WALLPAPER AVENGERS
Puedes ver muchos más tutoriales relacionados con los Avengers haciendo clic en el botón:
No te lo pierdas y comparte tus trabajos en mi página de facebook (IldefonsoSeguraPage)
Espero que te guste y compartas el vídeo. No dejes de compartir este post.
Así es como me puedes ayudar 🙂 Gracias
En este tutorial de Photoshop aprenderemos como diseñar una felicitación creando un efecto de papel roto y doblado simulando que es la puerta por donde aparece el motivo de la felicitación.
Yo he considerado un bebé pero podríais incorporar las imágenes que considerarais de acuerdo con el motivo de vuestra felicitación. La clave del tutorial es aprender a realizar el efecto de papel roto y doblado con Photoshop. El resto dependerá de tu creatividad.
Aquí te dejo el antes y el después del efecto conseguido
[twenty20 img1=»6429″ img2=»6427″ offset=»0.5″]
En instagram posteé el MAKING OF
Disfruta del tutorial de Photoshop. Yo me lo pasé en grande aunque hay mucho trabajo detrás. Compártelo y así me ayudas.
TUTORIAL Fotomontaje Postal felicitación papel doblado
Aquí debajo te dejo referencia al editable que regalo a cambio de compartir el vídeo en tus redes sociales. El editable tiene los materiales
No te lo pierdas y comparte tus trabajos en mi página de facebook (IldefonsoSeguraPage)
Espero que te guste y compartas el vídeo. No dejes de compartir este post.
Así es como me puedes ayudar 🙂 Gracias
Me ha encantado hacer este tutorial por el resultado tan agradecido que tiene.
Hemos conseguido un texto con una textura y brillos muy llamativo. Intenté emular el titulo de la película «Fantastic Beasts» y conseguí la siguiente composición que está inspirada en la película de la que mi hija es fan absoluta (de toda la saga de J.K. Rowling)
La idea inicial vino de la mano de un mago que me solicitó ayuda para crear un wallpaper con este estilo LA MAGIA DE ARCANO . Comencé a investigar como conseguir un resultado inspirado en el texto original pero que tuviera algo de mi estilo. Probando diferentes técnicas y añadiendo efectos al propio texto, llegué a determinar ciertos valores en los estilos del mismo que me sirvieron para hacer el tutorial.
Aquí te dejo el antes y el después del efecto conseguido
[twenty20 img1=»6307″ img2=»6305″ offset=»0.5″]
Disfruta del tutorial. Yo me lo pasé en grande aunque hay mucho trabajo detrás. Si quieres el editable, puedes seguir leyendo hacia abajo y tendrás un vídeo guía y un botón que te llevará al regalo (sección de REGALOS de mi web)
TUTORIAL
Aquí debajo te dejo referencia a las imágenes que he usado
EDITABLE
No te lo pierdas y comparte tus trabajos en mi página de facebook (IldefonsoSeguraPage)
Espero que te guste y compartas el vídeo. No dejes de compartir este post.
Así es como me puedes ayudar 🙂 Gracias
Por fin os he podido mostrar el tutorial que llevavais tiempo solicitando sobre la intro de Universal Pictures.
Se trata de una adaptación que he realizado de la original. Ya hice un borrador de una que se parecía mucho a la original. Vista mi sección de intros para verla
A continuación os muestro como queda la intro con sonido. Recuerda que te regalo el EDITABLE de esta intro en mi área de regalos. Al final del videotutorial explico como conseguirla.
INTRO ADAPTADA
Disfrutala, aplicala y enséñame tus resultados en mi fanpage de facebook
VIDEOTUTORIAL DE LA INTRO
No te lo pierdas y comparte tus trabajos en mi página de facebook (IldefonsoSeguraPage)
Espero que te guste y compartas el vídeo. No dejes de compartir este post.
Así es como me puedes ayudar 🙂 Gracias
Tienes dos tutoriales a tu disposición para hacer una intro realmente e película
Tutorial Cinema4D: Aprende a utilizar la MÁSCARA DE SPLINE en CINEMA4D para formar textos con detalles especiales, rediseño de fuentes, etc.. Adapto la técnica para aplicarla a la intro de la película THE AVENGERS.
Tutorial After Effects: En la segunda parte de la realización de la intro de la película THE AVENGERS (LOS VENGADORES). Aprendemos a introducir un video dentro del texto animado además de una entrada de texto espectacular.
INTRO LOS AVENGERS
Puedes ver más intros haciendo clic aquí
TUTORIAL CINEMA4D
TUTORIAL AFTER EFFECS
No te lo pierdas y comparte tus trabajos en mi página de facebook (IldefonsoSeguraPage)
Espero que te guste y compartas el vídeo. No dejes de compartir este post.
Así es como me puedes ayudar 🙂 Gracias
Una intro muy atractiva e infantil que emula la del canal NICKELODEON. Usamos nurbs de recorrido y máscaras de spline para conseguir un efecto sensacional de texto flexible.
INTRO
VIDEOTUTORIAL
No te lo pierdas y comparte tus trabajos en mi página de facebook (IldefonsoSeguraPage)
Espero que te guste y compartas el vídeo. No dejes de compartir este post.
Así es como me puedes ayudar 🙂 Gracias