Crea marcos de estilo en Photoshop

Feb 2, 2026

Cómo

[dieciséis]

Página 1 de 2:

Página 1

Página 1
Página 2

Un marco de estilo es una instantánea de un marco terminado, ya que se vería dentro de una animación más larga. Su objetivo es capturar la apariencia general de un video de acción animada o en vivo, pero en una imagen fija.

Los marcos de estilo pueden ayudar a capturar los colores, medios, texturas, fotografías y activos que planea usar en su video. Mostrando un cliente Tanto un guión gráfico como un estilo de estilo es una excelente manera de asegurarse de que ambos estén en la misma página de qué esperar con el proyecto.

Maestro del arte del guionario.

These examples are very different, but all do a great job of communicating what the final piece will look like [click the icon to enlarge the image]

Puede ver en los ejemplos por encima de los marcos de estilo, no muestren cada cuadro del video, como lo haría un guión gráfico.

Vamos a entrar en lo que se necesita para crear marcos de estilo en Photoshop. Nos centraremos en algunas de las técnicas principales que necesita saber para hacer que todos los composites de fotos múltiples se sientan como si fueran parte de la misma pieza de trabajo.

Para este tutorial, usaremos un ejemplo para una secuencia de título que preceda a un nuevo programa de televisión. Este espectáculo tiene temas de misterio, nociones preconcebidas sobre la clase, y se basa cerca del océano.

5 mejores computadoras portátiles para Photoshop

01. Comience con una sola imagen.

This image will be our starting point. Click the image to download it

Primero, echemos un vistazo a la estrella de nuestro show. La foto de arriba será nuestro punto de partida, y tengo muchos planes para ello. Quiero aislar a nuestro héroe desde el fondo, envuelva algunos bucles de luz de neón a su alrededor, e integránlos ajustando la iluminación.

02. Cortar la figura.

Start by quickly selecting the rough silhouette [click the icon to enlarge the image]

Comience por usar la herramienta de selección rápida para obtener la mayor parte de la silueta de la figura. Haga clic en el botón Seleccionar y de máscara en la parte superior, y aparecerá un cuadro de diálogo Propiedades. Asegúrese de que su vista esté configurada en la piel de cebolla y gire el control deslizante de transparencia para que pueda ver el área que ya ha enmascarado.

03. centrarse en el cabello

Ahora vamos a tratar con esos pelos sabrosos. Hubiera sido complicado cortarlos usando solo las herramientas de selección de refinar, pero Photoshop CC 2017 La nueva funcionalidad de selección y máscara hace que las cosas sean mucho más simples, incluso considerando las condiciones de luz baja en nuestra imagen.

Agarra la herramienta de cepillo de borde de refino y comienza a pintarlo sobre esos pelos. Ahora vuelva a horquilla la transparencia hasta el 100% para ver dónde debe usar la herramienta de pincel para devolver cualquier área donde la haya exagerado.

04. Finaliza tu selección.

Refine your selection until you're happy with the result [click the icon to enlarge]

Repita estos pasos de un lado a otro hasta que estés contento con la selección del cabello. En este punto, aumente su borde de cambio un poco ligeramente, así como el contraste, y agregue un poco de plumas (2px). Haga clic en Aceptar. Haga clic en el botón de máscara de capa para confirmar esta selección a una máscara.

05. Ajustar el fondo

Ahora agregue un fondo sólido. Use el selector de color para que coincida con una sombra oscura en la chaqueta de la figura. Puede notar que la selección no se ve tan perfecta ahora está aislada sobre un fondo oscuro, no se preocupe, cubriremos esto con el liario.

06. Pintar en algunas luces de neón.

The swirls should both overlap the figure’s head [click the icon to enlarge]

Antes de llegar a cualquier lanzar, agregue esas luces de neón. Elija dos colores de la sutil puesta de sol en el fondo original: un suave rosa y azul. Usando la herramienta de la pluma en modo de forma, coloque el relleno a ninguno y el golpe a uno de sus colores. Ajuste el ancho del accidente cerebrovascular a 26px.

Ahora puedes divertirte, en dos capas diferentes, dibujar algunos remolinos de neón rosa y azul.

07. Añadir un brillo

A narrower, white strip creates the illusion that the lights are glowing [click the icon to enlarge]

Ahora duplique ambas formas, cambie el color de la carrera a blanco y disminuya el ancho de la carrera a 9px. Esta franja blanca debe sentarse en medio de cada remolino: si se nota, no está alineado correctamente, seleccione todos sus golpes y use el despliegue del tipo de trazo de forma establecido para elegir la alineación del centro.

Cambie la pluma de los trazos más anchos a 9px y la pluma de los blancos estrechos a 5px. Si siente que el efecto no es lo suficientemente vibrante, duplique los trazos de colores y pluma en 6px.

Limpie y agrupe todos estos seleccionándolos y golpeando el botón Crear grupo. Finalmente, agregue una máscara de capa al grupo y pinte el área de las luces que va detrás de la cabeza de la figura.

08. Iniciar lanzar

Use the neon shades to paint over the wispy hairs [click the icon to enlarge]

Para comenzar a lanzar, cree algunas capas nuevas y comience a pintar sobre los pelos oscuros con las muestras de color rosa y azul. Debería parecer áspero y loco.

Convierta todas sus capas pintadas para filtros inteligentes y agregue Blur Gaussian. Quieres desatar los trazos más grandes, más, para los trazos más pequeños, es posible que incluso quiera convertir la opacidad.

09. Enmascarar tus capas.

Save time by reusing our mask from earlier [click the icon to enlarge]

Necesitamos enmascarar estas capas, pero en lugar de hacer una nueva máscara, podemos simplemente reutilizar a la que hicimos antes para el fondo. Sostener alt Y haga clic en la máscara en la foto original. Luego golpea cmd + a Para seleccionar todos, y cmd + c copiar. Seleccione cada una de las capas que pintó individualmente y agregue máscaras de capa. alt + click en cada una de esas máscaras y golpear cmd + v Para pegar la máscara original copiada.

10. Refina tu trabajo.

Change the blend modes on your relighting layers [click the icon to enlarge]

Entra en cada una de esas máscaras y pinta negro sobre cualquier área que creas que tengas demasiado color. También puede usar la herramienta de manchas en la sección de pintura ligera, para agregar algo de esa inquietud.

Cambie los modos de mezcla para estas capas a algo como aligerar, la pantalla o incluso el color de color. Agregué otra capa de pintura a mano alzada en la parte superior del cabello para darle un poco más de color de color. Pon todas estas capas en un grupo llamado 'liario'.

11. Añadir algo de polvo

Motion-blurred dust particles really bring the image together [click the icon to enlarge]

Ahora, para lograrlo realmente todo juntos, quiero agregar una capa encima de todo lo que parece un poco de polvo borroso de movimiento ( Descarga esta foto foto desde Shutterstock ).

Coloque la foto en la parte superior de la pila de capas y cambie el tamaño de él si es necesario, por lo que cubra todo el lienzo. Cambia su modo de mezcla para la pantalla. Agregue una capa de ajuste de brillo y contraste y alt + click entre el ajuste y la capa de polvo para sujetar los dos juntos, por lo que la capa de polvo no afecta a otras capas.Disminuya el brillo ligeramente y arranque el contraste.

Página siguiente: Agregue dos imágenes más a su marco de estilo y ata todos los colores juntos

Página actual: Página 1

Siguiente página Página 2

Crea marcos de estilo en Photoshop

01. Comience con una sola imagen.

02. Cortar la figura.

03. centrarse en el cabello

04. Finaliza tu selección.

05. Ajustar el fondo

06. Pintar en algunas luces de neón.

07. Añadir un brillo

08. Iniciar lanzar

09. Enmascarar tus capas.

10. Refina tu trabajo.

11. Añadir algo de polvo

Cómo - Artículos más populares

Cómo estirar un lienzo y configurar pinturas al óleo

Cómo tomar una captura de pantalla en una MAC

Explore la visualización de datos con p5.js

Añadir colores digitales a los dibujos de lápiz

Cómo pintar una escena tradicional de la aldea británica

Cómo hacer explosiones masivas con V-Ray

Aprende a ejecutar el diseño y los sprints de contenido

Crea una aplicación que recopila datos del sensor

Categorías