Criar quadros de estilo no Photoshop

Sep 11, 2025

Como

Pagina 1 de 2:

Página 1

Página 1
Página 2

Um quadro de estilo é um instantâneo de um quadro acabado, pois seria uma animação mais longa. Observa-se capturar a aparência geral de um vídeo de ação animado ou vivo, mas em uma imagem estática.

Os quadros de estilo podem ajudar a capturar as cores, médiuns, texturas, fotografia e ativos que você planeja usar em seu vídeo. Mostrando um cliente tanto um storyboard e quadros de estilo é uma excelente maneira de se certificar de que ambos estão na mesma página para o que esperar com o projeto.

Dominar a arte do storyboard

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] — Esses exemplos são muito diferentes, mas todos fazem um ótimo trabalho de comunicação do que a peça final será uma aparência [clique no ícone para ampliar a imagem]

Você pode ver nos exemplos acima desse quadro de estilo não mostram todos os quadros do vídeo, como um storyboard.

Vamos entrar no que é preciso para criar quadros de estilo no Photoshop. Vamos nos concentrar em algumas das principais técnicas que você precisa saber para fazer compostos multi-foto, todos se sentem como sejam parte do mesmo trabalho.

Para este tutorial, usaremos um exemplo para uma seqüência de título que precedeu um novo programa de TV. Este show tem temas de mistério, noções preconcebidas sobre a aula, e é baseada perto do oceano.

5 melhores laptops para photoshop

01. Comece com uma única imagem

This image will be our starting point. Click the image to download it — Esta imagem será nosso ponto de partida. Clique na imagem para baixá-lo

Primeiro, vamos dar uma olhada na estrela do nosso show. A foto acima será nosso ponto de partida, e eu tenho muitos planos para isso. Eu quero isolar nosso herói a partir do fundo, envolva alguns laços de luz de néon ao redor dela e integre-os ajustando a iluminação.

02. Cortar a figura

Start by quickly selecting the rough silhouette [click the icon to enlarge the image] — Comece selecionando rapidamente a silhueta áspera [clique no ícone para ampliar a imagem]

Comece usando a ferramenta de seleção rápida para obter a maior parte da silhueta da figura. Clique no botão Selecionar e máscara na parte superior e uma caixa de diálogo Propriedades será exibida. Certifique-se de que sua visualização esteja configurada para a pele de cebola e gire o controle deslizante de transparência para que você possa ver a área que você já mascarou.

03. Concentre-se no cabelo

Agora vamos lidar com esses pêlos finos. Teria sido complicado cortá-los usando apenas as ferramentas de seleção de refinar, mas Photoshop CC 2017. A nova funcionalidade selecionada e máscara torna as coisas muito mais simples, mesmo considerando as condições de pouca luz em nossa imagem.

Pegue a ferramenta de escova de borda de refino e comece a pintar sobre esses pêlos. Agora manivela a transparência de volta para 100% para ver onde você precisa usar a ferramenta de escova para trazer de volta quaisquer áreas onde superá-lo.

04. Finalize sua seleção

Refine your selection until you're happy with the result [click the icon to enlarge] — Refine sua seleção até que você esteja feliz com o resultado [clique no ícone para ampliar]

Repita estes passos para frente e para trás até ficar feliz com a seleção de cabelo. Neste ponto, aumente sua borda de turno apenas ligeiramente, assim como o contraste, e adicione um pouco de plumagem (2px). Clique OK. Clique no botão Máscara de Camada para cometer essa seleção a uma máscara.

05. Ajuste o fundo

Agora adicione um fundo sólido. Use o selecionador de cores para combinar com uma sombra escura na jaqueta da figura. Você pode perceber que a seleção não parece tão perfeita agora é isolada em um fundo escuro - não se preocupe, vamos cobrir isso com o inquieto.

06. Pinte em algumas luzes de néon

The swirls should both overlap the figure’s head [click the icon to enlarge] — Os redemoinhos devem cobrir a cabeça da figura [clique no ícone para ampliar]

Antes de chegar a qualquer inquieto, adicione essas luzes de néon. Escolha duas cores do pôr do sol sutil no fundo original: um rosa macio e azul. Usando a ferramenta Caneta no modo de forma, defina o preenchimento para nenhum e o derrame para uma de suas cores. Defina a largura do acidente vascular cerebral a 26px.

Agora você pode se divertir - em duas camadas diferentes, desenhe alguns redemoinhos de néon rosa e azul.

07. Adicione um brilho

A narrower, white strip creates the illusion that the lights are glowing [click the icon to enlarge] — Uma faixa branca mais estreita cria a ilusão de que as luzes estão brilhando [clique no ícone para ampliar]

Agora duplique as duas formas, altere a cor do curso para branco e diminua a largura do acidente vascular cerebral aos 9px. Esta faixa branca deve se sentar no meio de cada redemoinho - se você perceber, não é alinhado corretamente, selecione todos os seus traços e use o tipo de ataque de forma definida para escolher o alinhamento central.

Mude a pena dos golpes mais amplos para 9px e a pena dos brancos estreitos para 5px. Se você sentir que o efeito não é vibrante o suficiente, duplique os traços coloridos e as penas a 6px.

Limpar e agrupar tudo isso selecionando-os e acertando o botão Criar grupo. Finalmente, adicione uma máscara de camada ao grupo e pinte a área das luzes que vão atrás da cabeça da figura.

08. Inicie os regressivos

Use the neon shades to paint over the wispy hairs [click the icon to enlarge] — Use os tons de néon para pintar os cabelos wispy [clique no ícone para ampliar]

Para começar a responder, crie algumas novas camadas e comece a pintar sobre os cabelos impressionantes usando as amostras rosa e azul. Deve parecer áspero e louco.

Converta todas as suas camadas pintadas para filtros inteligentes e adicione o desfoque Gaussian. Você quer borrar os maiores traços mais - para os golpes menores, você pode até querer virar a opacidade.

09. Máscare suas camadas

Save time by reusing our mask from earlier [click the icon to enlarge] — Economize tempo reutilizando nossa máscara de anteriormente [clique no ícone para ampliar]

Precisamos mascarar essas camadas, mas em vez de fazer uma nova máscara, podemos simplesmente reutilizar aquele que fizemos antes para o fundo. Segurar alt e clique na máscara na foto original. Em seguida, atingiu CMD + A. para selecionar tudo, e CMD + C. copiar. Selecione cada uma das camadas que você pintou individualmente e adiciona máscaras de camadas para eles. Alt + clique em cada uma dessas máscaras e bater cmd + v. para colar a máscara original copiada.

10. Refine seu trabalho

Change the blend modes on your relighting layers [click the icon to enlarge] — Altere os modos de blend em suas camadas de lançamento [clique no ícone para ampliar]

Vá em cada uma dessas máscaras e pinte em preto sobre quaisquer áreas que você acha que tenha muita cor. Você também pode usar a ferramenta Smudge na seção de pintura de luz, a fim de adicionar um pouco dessa Wisishiness de volta.

Altere os modos de mistura para essas camadas para algo como alimentação, tela ou mesmo cor esquiva. Eu adicionei outra camada de pintura à mão livre em cima do cabelo para dar-lhe um pouco mais de cor. Coloque todas essas camadas em um grupo chamado "reagente".

11. Adicione um pouco de poeira

Motion-blurred dust particles really bring the image together [click the icon to enlarge] — Partículas de poeira borradas de movimento realmente trazem a imagem juntos [clique no ícone para ampliar]

Agora para realmente puxá-lo juntos, quero adicionar uma camada em cima de tudo que se parece com um pouco de poeira borrada de movimento ( Baixar esta foto de Shutterstock ).

Coloque a foto no topo da pilha da camada e redimensione-a, se necessário, então cobre toda a tela. Altere seu modo de mistura para tela. Adicione um brilho e uma camada de ajuste de contraste e Alt + clique Entre o ajuste e a camada de poeira para prender os dois juntos, então a camada de poeira não afeta outras camadas. Diminuir ligeiramente o brilho e manivela o contraste.

Próxima página: Adicione mais duas imagens para o seu quadro de estilo e amarre todas as cores juntas

Pagina atual: Página 1

Próxima página Página 2

Criar quadros de estilo no Photoshop

01. Comece com uma única imagem

02. Cortar a figura

03. Concentre-se no cabelo

04. Finalize sua seleção

05. Ajuste o fundo

06. Pinte em algumas luzes de néon

07. Adicione um brilho

08. Inicie os regressivos

09. Máscare suas camadas

10. Refine seu trabalho

11. Adicione um pouco de poeira

Como - Artigos mais populares

Lino PrintMaking: uma introdução

Como Photoshop no iPhone (sim, é uma coisa)

3 Técnicas essenciais de retopologia Zbrush

Construa um blog reativo rápido com Svelte e Sapper

Como usar reagir primavera para animar componentes

Como construir layouts complexos usando CSS

Como criar obras de arte estilizadas

Faça peles 3D realistas e peles no 3DS Max e V-Ray

Categorias