Antes de comenzar quiero recordarte que tienes disponible el tutorial de Photoshop que sirvió de inspiración para crear una animación que diera vida a una composición del estilo que veis a continuación.
Esta animación ha sido el resultado de combinar Photoshop y After effects y por eso te mostraré como, a partir de una imagen 2D puedes hacer un mapeo de la misma creando una ilusión de profundidad y efecto 3D. Te introducirás en la imagen creando la ilusión de caminar dentro de la misma.
Aprenderás muchas técnicas de para montajes y animación en after effects.
En primer lugar y con Photoshop, crearemos y exportaremos un archivo con datos concretos del punto de fuga o vanishing point de la imagen. Estos datos nos permitan crear la ilusión en After Effects. Conseguimos una imagen mapeada que nos sirve para realizar una intro con tu logo.
Los resultados son muy profesionales con aspecto muy real.
Aquí te dejo el resultado final
La realización de la animación se hace de forma procedimental creando :
- Reflexiones
- Reflejo
- Sombras
Estos efectos los conseguimos siguiendo 2 tutoriales.
En el primero conseguimos crear la escena, animarla y la reflexión realista que podéis ver.
TUTORIAL ANIMACION CON REFLEXIONES CON AFTER EFFECTS
Aquí tienes el link al tutorial que publiqué sobre como crear reflexiones realistas de un logo en una imagen con Photoshop .
Me gustaría ver tu animación con las reflexiones que consigues siguiendo mis tutoriales de photoshop y after effects.
Disfruta de los tutoriales. Hay mucho trabajo detrás. Compártelo y así nos ayudas.
En el segundo tutorial texturizamos un logo metalizado desde cero. Aprenderás técnicas para crear una apariencia de metal en elementos planos a la vez que incorporarás detalles dinámicos que hagan más real las reflexiones en el logo.
TUTORIAL TEXTURA METALIZADA CON AFTER EFFECTS
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
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
El 18 de marzo de 2013 publicamos un tutorial en CONECTATUTORIALES.COM un tutorial en el que hablábamos del atributo alfa en los materiales que nos ayudan a conseguir zonas invisibles de forma parcial en los materiales de cinema4d.
Ver videotutorial atributo alfa en materiales
Fruto de las peticiones realizadas en ese tutorial, he publicado otro donde explico de forma sencilla cómo hacer la intro que aparece allí y que puedes visualizar mejorada en el siguiente video y cuya EDITABLE tienes a tu disposición
INTRO DE LA FORMACION DEL PLANETA
A continuación y un ratito te explico la forma tan fácil de hacer este animación. Aplicaremos efectos como:
- Deformador explosión
- Mograph efecto polifx
- Mograph efecto aleatorio
- Movimiento de cámaras
- Uso de materiales con atributo alfa activo
- Animiación de luz con efecto de lente
Disfrutala, aplicala y enséñame tus resultados en mi fanpage de facebook
VIDEOTUTORIAL DE LA NTRO DE LA FORMACION DEL PLANETA
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
Fruto de la petición de muchos de vosotros tras ver el regalo de la intro editable con cinema4D que publiqué recientemente en mi área de intros (VER GALERIA DE INTROS), he realizado este tutorial en el que te enseñaré:
- Modelar un icono de una red social (ejemplo con facebook y twitter)
- Efectos de Mograph PLANO y RETARDO (ya publiqué unos tutoriales en Febrero de 2012 donde explicaba los efectos de una forma más genérica – VER TUTORIALES CINEMA4D)
- Movimiento de cámara con efectos profesionales
Además, si ves el video completo tendrás la posibilidad de disfrutar de un pack de iconos sociales en cinema4D para que los uses en tus wallpapers, animaciones, banners, etc…. En alguna parte del video te digo como conseguir este fantástico pack de iconos gratis.
Te agradecería que postearas el vídeo en alguna red social tuya y así me ayudas a difundir el vídeo. Gracias
VIDEOTUTORIAL
Al descargar el pack te pedirá una contraseña. Contraseña del archivo : iconosilde2013
Puedes ver más intros haciendo clic aquí
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