En este tutorial de Photoshop te mostraré como conseguir un estilo de ilustración vectorizada con tu retrato. Podrás editar posteriormente los colores creando tus composiciones ajustadas a los tonos que mejor se adapten al entorno donde se verá la ilustración.
Te dejo mi referencia en Instagram para que chequees este post y otros que te pueden interesar INSTAGRAM DE @IldefonsoSegura
El resultado del póster o wallpaper es alucinante :
Como te anticipé antes, puedes cambiar las tonalidades simplemente a través de la edición de una capa de ajuste de tono o de color:
Durante el tutorial aplicaremos un filtro muy potente que no usamos muchas veces. Se trata del filtro de «pintura al óleo». Su aplicación repetitiva y tratada de forma localizada, produce resultados increíbles.
Te aconsejo suscribirte al canal de TEXTURELABS. Mi ilustración está realizada con la inspiración del tutorial en inglés cuyo link te dejo a continuación HACIENDO CLIC AQUI.
Espero que el tutorial de Photoshop sea funcional para ti y puedas aprender algo que a la vez puedas aplicar en otras composiciones.
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.
«Tutorial Photoshop // Tu retrato con aspecto vectorizado retro»
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 veremos como hacer un póster de la película The Batman con un estilo #PaperCut. Es decir, el aspecto del wallpaper es la superposición de capas que dan un aspecto 3D a la composición al conseguir una profundidad simulada alejando cada capa del objetivo de la cámara.
Te dejo el post que hice en mi instagram para que veas el proceso de confección por capas:
Te dejo mi referencia en Instagram para que chequees este post y otros que te pueden interesar INSTAGRAM DE @IldefonsoSegura
El resultado del póster o wallpaper es alucinante dado que se obtiene con la composición de imágenes simples de texto y personajes de la película:
Puedes usar el resultado para aplicarlo a diferentes. Por todo esto, aquí te muestro unos ejemplos (Mockups) para que veas el alcance de la aplicación en decoración, camisetas, uso digital, …
Haz clic en una imagen y podrás ver todas con un tamaño mayor. Así podrás apreciar los detalles:
Me motivó realizar el tutorial de Photoshop el hecho de que se estrenará en breve la película THE BATMAN (Warner Bros) y también en un ilustrador monegasco JÉRÉMIE PISTRE cuya obra puedes encontrar en su Instagram.
Espero que el tutorial Póster estilo papercut (the Batman) con Photoshop sea funcional para ti y puedas aprender algo que a la vez puedas aplicar en otras composiciones.
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:
- 00:00 Presentación del tutorial
- 00:10 Making of del póster
- 00:43 Inspiración
- 01:09 Aplicación del wallpaper
- 01:35 Creación círculos con profundidad
- 05:44 Añadimos ciudad del fondo
- 06:21 Añadimos Batman
- 08:36 Efecto en ojos
- 09:31 Añadimos ciudad del frente
- 10:44 Añadimos bat llamada
- 12:22 Añadimos el texto con capas
- 16:49 Añadimos el murciélago frontal
- 17:52 Efectos de iluminación
- 19:28 Añadimos bats y enigma
- 19:40 Limitación de elementos a la circunferencia
- 20:17 Añadimos textos
- 21:00 Making of 2do wallpaper papercut
- 21:30 Despedida
«Póster estilo papercut (the Batman) 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
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
Como sabéis, en el año 2017 se estrenó la película La Liga de la Justicia, dirigida por Joss Whedon. Él utiliza unos tonos de color muy vibrantes y saturados. Básicamente tiene preferencias por un estilo colorido que ya aplicó en películas que dirigió en MARVEL.
Zack Snyder los cambió en su versión de la película de 2021.
Vamos a ver cómo podemos hacer esto con Photoshop.
Te dejo mi referencia en Instagram para que chequees este post y otros que te pueden interesar INSTAGRAM DE @IldefonsoSegura
Durante todo el tutorial verás como desarrollo técnicas que nos son complicadas. Es por eso que el objetivo es conseguir que el resultado final se acerque al parecido con la tonalidad que Mr. Snyder consiguió en su película.
El objetivo finalmente no es llegar al mismos tono que en La Liga de la Justicia de ZS sino que quiero hacerte ver cómo podemos cambiar de una forma muy precisa, los tonos de una imagen para conseguir transmitir diferentes emociones.
No es casualidad que en la versión de 2021 se cambien tonos dado que el director busca unas sensaciones en la audiencia que están estudiadas en las teorías del color y muchos psicólogos analizan
Espero que el tutorial sobre el cambio de color sea funcional para ti y puedas aprender algo que a la vez puedas aplicar en otras composiciones.
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 ¿Qué vamos a hacer?
- 0:35 Extracción del sujeto principal
- 1:42 Limpieza y desenfoque del fondo
- 2:43 Cambios de tonalidades y colores del fondo
- 3:27 Introducimos elementos de ambiente
- 4:30 Cambios de tonalidades y colores del sujeto
- 6:10 Reducción selectiva de tonos con Fusionar Si
- 6:37 Recuperación de tonos relevantes
- 6:58 Artefinalizando colorgrading
- 8:26 Resultado final y despedida
«Aplicando técnicas de colorgrading JL 2021 con Photoshop»
Puedes conseguir la imagen de Wonder Woman desde este link
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 el tutorial que hoy te traigo verás que podemos conseguir de una forma sencilla, un estilo de pegatina de tus fotos e ilustraciones.
En el caso de fotos, te recomiendo que la edites para darle un aspecto mucho más de ilustración (cómic por ejemplo). Yo tengo un tutorial para convertir una foto en cómic que te puede ayudar…TUTORIAL CONVERTIR FOTO EN COMIC.
En mi instagram podrás ver alguna composición realizada con el aspecto de pegatina.
Te dejo aquí la referencia a mi Instagram para que chequees este post y otros que te pueden interesar INSTAGRAM DE @IldefonsoSegura
En primer lugar te muestro mi foto para que veas cómo puede quedar dándole el aspecto de ilustración y luego aplicando mi tutorial.
Como puedes suponer, el tutorial desarrolla una secuencia de técnicas que nos son complicadas. Es por eso que el objetivo es conseguir que el resultado final se acerque al parecido con una pegatina. Por eso analizamos qué queremos conseguir:
- Una pegatina doblada
- Cuando algo se dobla, hay un degradado natural por las sobras del doblez
- El punto de atención visual está normalmente en el centro por lo que los lados se verán un poco desenfocados
- La sombra es esencial. El aspecto doblado debe reforzarse con la sombra. Será más intensa y más cercana al objeto que la proyecta cuanto más cerca de la superficie esté la pegatina. Cuanto más levantada esté de la superficie, la sombra será mayor, más difuminada y con menor opacidad.
- Las pegatinas tienen una pequeña extrusión que nosotros conseguimos con un bisel y relieve
Otros resultados puedes verlos aquí. Haz clic en las imágenes para verlas más grandes. recuerda también que las tienes en Instagram y Facebook :
Espero que el tutorial para crear un aspecto de pegatina/sticker sea funcional para ti y puedas aprender algo que a la vez puedas aplicar en otras composiciones.
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.
«Dale un estilo de pegatina (sticker) a tus fotos e ilustraciones con Photoshop»
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 adobe After Effects distinguiremos una intro amateur de una intro con detalles que le darán un aspecto profesional.
Un «fade» profesional puede distinguir la calidad de una intro. No tiene complicaciones dado que con un solo efecto conseguimos cambiar la calidad de la animación. Indagaremos en un simple efecto para conseguir un desvanecimiento («fade») de un logotipo de una forma más orgánica de lo que estamos acostumbrados.
Veremos cómo hacer una intro simple y otra más compleja para compararlas y ver como con poco se pueden conseguir resultados más profesionales y con un mejor acabado. A partir de ahí podréis incorporar vuestros propios efectos adicionales para mejorar, si cabe, vuestra intro. Animo y convierte tus intros en animaciones de calidad con con fade profesional y el efecto image wipe.
Te mostraré como texturizar un logo 3D con contrastes de color y «high ligths» en sus bordes (es importante que busqueis o elaboreis logotipos de ese tipo para que el efecto se aplique en su máxima funcionalidad). El resultado es evidente. Tú puedes ver el antes y el después
[twenty20 img1=»61370″ img2=»61371″ offset=»0.5″]
Te dejo el tutorial para que puedas construir tu propia intro y me la muestres en mis redes sociales. Ánimo.
TUTORIAL INTRO CON FADE PROFESIONAL
Aquí te dejo también el «making of» de la composición que puedes chequear también en mi instagram ildefonsosegura:
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 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
Este tutorial es especial para mi porque cree la intro que muestro intentando poner una cabecera a un vídeo que realicé con 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. El vídeo es este…
Veréis que la intro del vídeo es justamente el efecto que realizo con el texto apareciendo en llamas. Esta intro u opening que ilustro con un sonido de efectos increíble es este…
En el tutorial te mostraré algunos trucos que te pueden ser útiles:
- Usar mates de seguimiento
- Crear un efecto de aparición de objetos coordinado con la aparición de partículas (en este caso de chispas)
- Crear dinámicas en las simulaciones de humo y llamas
- Crear un efecto de latido de corazón
En definitiva podrás disfrutar de la creación de una intro/opening fácilmente. Si te es complicado seguir el tuto siempre tienes el EDITABLE que facilito (descárgalo desde el botón debajo del tutorial)
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