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
¡Te voy a hacer un regalo…otra vez!
En primer lugar, quería recordarte que recientemente publiqué una entrada en la que te regalaba un modelo de micrófono retro.
Como resultado de la buena aceptación del regalo, de nuevo te traigo otro regalo con un modelo 3D del famoso personaje de la serie El Mandalorian de Disney+.
Es por eso que he realizado este modelo con Cinema4D simplemente utilizando diferentes imágenes con diferentes perspectivas del casco.
Una vez realizado el modelado, dado que cinema4d trabaja con materiales, he texturizado el mismo utilizando imágenes como textura a las que les he dado reflexiones, relieve, etc…
Creo que el resultado es muy aceptable y te lo regalo después de muchas horas de trabajo.
Por eso te pido simplemente que compartas este post para que otros también se aprovechen de esta «ganga».
Mira el antes y el después:
Si quieres el REGALO descárgatelo
y recuerda que puedes ayudarme de alguna forma
Recuerda que tienes más regalos en mi sección de REGALOS
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 también me puedes ayudar 🙂 Gracias
En este tutorial de Photoshop te muestro como reconstruir el diseño del logo del fantástico superheroe Flash.
En otros posts encontrarás más temática relacionada con superheroes:
Nos adentraremos en el poder de las guías para poder tener referencias en la reconstrucción.
Aplicaremos estilos de capa, efectos de iluminación y recrearemos ese bisel tan particular del rayo del logo de Flash.
Photoshop nos ayudará a crear un resultado brillante.
El resultado es fantástico y lo mejor de todo es que puedes cambiar la iluminación y los colores para conseguir tu propio resultado. Si quieres ver el wallapaper final puedes ver al antes y después siguiente o ve a mi cuenta de FLICKr IldefonsoSegura haciendo click
[twenty20 img1=»61439″ img2=»61438″ offset=»0.5″]
TUTORIAL CREA EL LOGO DE FLASH DESDE CERO
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 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
Fantástico y realista resultado tridimensional para el logo de Cinema4D a través del boleano en el propio software de Cinema4D.
Aprenderemos a realizar un trazao en photoshop para exportarlo como trazado de illustrator a Cinema4D. Este trazado se puede realizar también dentro de C4D con las «splines». Confieso que yo no se usar mucho las splines dado que me es mucho más fácil trabajar los trazados en photoshop. En cualqueir caso, esa técnica de exportar puede aplicarse a cualquier otra composición que puedas plantear.
El trazado nos ayuda a modelar el vaciado de una esfera de acuerdo con el logo origina de Maxon (Cinema4D). Aqui tenes una muestra del logo original.
Podrás haber visto más tutoriales para hacer este logo pero el resultado de este es super-diferente. Animate a ver el tutorial donde además te enseño:
- Texturizar con reflejos y brillos
- Iluminar a través de elementos de reflejo interesantes que hacen el logo más atractivo
- Aplicamos efectos de iluminación global y oclusión ambiental
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
Ya hicimos un tutorial previo donde explicabamos cómo hacer la textura de calabaza que veis. Ve a ver el tutorial.
Ahora vamos a usar el BOLEANO en cinema4D para crear vaciados que nos ofrece una gran posibilidad de realizar combinaciones graciosas como la que veis.
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
En esta bonita composición realizamos tres videotutoriales que explican
- Tutorial Photoshop: Cómo realizar el wallpaper con el texto e iluminarlo
- Tutorial Cinema4D: Cómo exportar el texto 3D desde cinema4D a photoshop a través del canal alfa
- Tutorial Photoshop: Cómo realizar el efecto de iluminación de la cara (Firma o Photobook)
VIDEOTUTORIAL TEXTO ARENOSO 3D
VIDEOTUTORIAL EXPORTAR EL TEXTO EN CANAL ALFA
VIDEOTUTORIAL FIRMA PARA WEB O PHOTOBOOK
TUTORIAL ESCRITO
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
Nuevo y fantástico tutorial en Cinema 4d en CONECTATUTORIALES.COM. Aprenderemos a crear un mockup mediante el mapeado UVW de una lata de refrescos para poder simular una impresión realista que nos permita presentar nuestros diseños de un modo muy profesional.
MIRA LO QUE PUEDES HACERdescarga el MODELO 3D para realizar el tutorial Incluye la Descarga gratuita de la plantilla del modelo en 3d DESCARGA
No dejes de pasar por el canal y web de CONECTATUTORIALES (grupo oficial de Adobe) para disfrutar de más tutoriales de diseño y animación)
Gracias por tu tiempo
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