Provavelmente, o senhor/senhora já deve ter visto aqueles papéis de parede dinâmicos e hipnotizantes, onde as cores se fundem e fluem juntas, criando um fluxo hipnótico de movimento e luz. Frequentemente apresentados nos ecrãs de bloqueio de smartphones, são difíceis de ignorar por serem tão vívidos, fluidos e cativantes. Surpreendentemente, o senhor/senhora pode recriar esses deslumbrantes fluxos de cor sozinho(a) utilizando o VSDC PRO. Tudo o que é necessário é um pouco de imaginação, porque o resto é facilmente realizado com as ferramentas do VSDC!

E se estiver a trabalhar com a versão gratuita, ainda poderá criar designs estáticos belíssimos, que serão exatamente como deseja e, além disso, serão apenas SEUS.

Por isso, não espere, mergulhe no artigo e comece a criar!

Baixe agora o mais recente VSDC Video Editor e comece a experimentar esses novos recursos

Designs Estáticos em Cor (GRATUITO)

Para começar, vamos rever as funcionalidades disponíveis na versão gratuita do VSDC para esta tarefa. Inicie criando um novo projeto: clique em "Projeto vazio" na página inicial ou selecione "Novo projeto" no menu superior no separador Projetos. Como estamos a criar um fundo para smartphone, será necessário escolber a resolução apropriada. Se a resolução desejada não estiver listada na janela de definições que aparece ao iniciar o projeto, pode ajustar manualmente a largura e a altura diretamente nessa mesma janela.

As resoluções comuns de smartphones incluem:

• 1080x1920 (Full HD, padrão para muitos dispositivos)
• 1440x2560 (Quad HD, para telefones de alta gama)
• 1242x2688 (variantes do iPhone Pro Max)
• 1125x2436 (iPhone X/XS/11 Pro)

Um guia para inserir a altura e a largura exatas para as dimensões do seu projeto

Em seguida, use a ferramenta Forma livre para criar o plano de fundo. Certifique-se de que a forma cubra toda a cena. Se estiver a utilizar a versão 10.1 ou posterior do VSDC, pode aceder à galeria integrada de formas pré-definidas. Basta clicar com o botão esquerdo na opção Forma livre, selecionar "Da galeria" e escolher uma forma que se adeque ao seu design: neste caso, utilizaremos o quadrado e esticamo-lo para preencher a cena completamente.

Para aplicar um gradiente de ponto à sua forma, clique nela na linha do tempo para acessar suas configurações na Janela de propriedades. Localize a opção Escova e defina-a como "Gradiente de ponto". Em seguida, clique duas vezes na sua Forma livre na linha do tempo para revelar seus pontos de controle. Esses pontos irão determinar a distribuição do gradiente. Selecione o primeiro ponto, depois vá para a Janela de propriedades do ponto selecionado. Ative "Configurações de gradiente do pincel" e ajuste a cor conforme necessário. Repita este processo para cada ponto.

Preparando para selecionar cores para um fundo gradiente personalizado habilitando o modo correto.

No exemplo em questão, a Forma livre é composta por quatro pontos principais, portanto, o gradiente é baseado em quatro cores. Caso necessite de um gradiente mais suave ou complexo com cores adicionais, será necessário criar mais pontos durante a concepção inicial da Forma livre.

Se notar que uma determinada cor aparece muito brilhante ou não brilhante o suficiente, pode ajustá-la selecionando o ponto correspondente nas propriedades e modificando o parâmetro "Peso" para obter o visual desejado.

Escolhendo sua paleta e usando o parâmetro Peso para controlar a mistura de cores

Agora que a sua imagem com gradiente está pronta, é hora de guardá-la! Dirija-se ao separador Editor e localize o círculo verde com o ícone de uma chave inglesa (a ferramenta de reparação), depois selecione "Criar um instantâneo". Imediatamente, a sua imagem irá aparecer na Janela de recursos, de onde a poderá exportar clicando nela com o botão direito do rato e escolhendo a opção correspondente. Assim que estiver guardada, transfira-a para o seu telemóvel e defina-a como papel de parede.

Usando a ferramenta de instantâneo para criar uma imagem estática do seu design de gradiente

Claro, tais imagens podem ser criadas não apenas para smartphones, mas para uma vasta gama de outras finalidades também.

Exibindo o fundo estático final como ele aparece em um dispositivo móvel

Torne as Suas Imagens Dinâmicas Utilizando Keyframes de Cor (PRO)

Se fizer o upgrade para a versão PRO, poderá aprimorar a sua imagem com efeitos dinâmicos. Para alcançar este resultado, será necessário definir keyframes e atribuir valores de cor específicos a eles. Vamos criar um gradiente animado em que cada canto da imagem percorre um ciclo de sequências de cores.

Para este projeto, as cores iniciais são definidas da seguinte forma: o canto superior direito é azul, o superior esquerdo é amarelo, o inferior direito é roxo e o inferior esquerdo é verde.

Ativando a funcionalidade de quadro-chave para começar a animar mudanças de cor ao longo do tempo

Clique em qualquer ponto de Forma livre na linha do tempo e localize a opção Cor. Clique nos três pontos no canto desta configuração para abrir o Editor de chaves.

Para facilitar o fluxo de trabalho no Editor de Chaves, vamos renomear o separador "Cor*" para "1" (o que corresponde à Cor que este ponto possui). Vamos repetir esta sequência para cada um dos quatro pontos que temos na linha do tempo. Uma vez que há quatro pontos no total, deverá terminar com quatro separadores no Editor de Chaves.

Renomear e organizar as guias do editor para um processo de animação mais eficiente

Para cada um destes pontos, definiremos três keyframes. Por favor, tenha em consideração que o tempo de exibição da primeira keyframe é igual em todos os pontos; a segunda keyframe partilha outro timing uniforme, e assim sucessivamente.

Tomemos como exemplo o ponto que nomeamos com o número um. Para nós, é uma Cor desfocada. Vamos mover o cursor para aproximadamente a marca de 2,5 segundos e clicar no ícone de diamante para adicionar um fotograma-chave no Editor de chaves. Repita os mesmos passos para as marcas de 5 segundos e de 7,5 segundos.

Por predefinição, todos os fotogramas-chave recém-adicionados para um determinado ponto mantêm o valor original de Cor atribuído a esse ponto (para nós, é azul). O mesmo processo aplica-se aos restantes pontos da Forma livre. Agora vamos definir as Cores para cada fotograma-chave. Vá ao separador 1 no Editor de chaves, encontre o segundo fotograma-chave, faça duplo clique sobre ele e escolha, por exemplo, a Cor amarela. Vamos definir as Cores para o fotograma-chave em cada separador dessa forma.

O ponto no canto superior direito (azul): azul → amarelo → verde → roxo → azul.
O ponto no canto superior esquerdo (amarelo): amarelo → verde → roxo → azul → amarelo.
O ponto no canto inferior direito (roxo): roxo → azul → amarelo → verde → roxo.
O ponto no canto inferior esquerdo (verde): verde → roxo → azul → amarelo → verde.

O Editor de chaves ajusta a posição de cada ponto com base na sua Cor escolhida, permitindo que altere a tonalidade ou até mesmo a própria Cor simplesmente movendo o ponto, embora o resultado final acabe por depender da sua preferência pessoal.

Adicionar e manipular quadros-chave de cores para criar movimento dinâmico

Clique na opção Reproduzir e veja o resultado! Muito agradável, não é?

O resultado final da transição suave de cores em um fundo dinâmico

Se desejar que seja mais chamativo, pode facilmente realçar com a funcionalidade de ponto de rastreamento. Vá até à Cena 0 e faça duplo clique na linha do tempo. Localize a opção “Adicionar ponto de rastreamento” na barra de ferramentas Objetos, clique nela e posicione-a em qualquer lugar da janela de pré-visualização.

Usando a ferramenta Adicionar ponto de rastreamento para anexar e animar uma fonte de luz

Na Janela de propriedades, habilite as Configurações de gradiente do pincel e defina o valor de Cor para o futuro light running, ajuste sua opacidade e espessura conforme seu desejo.

Ajustando a cor, a opacidade e o peso da ferramenta Pincel para criar listras claras

Depois disso, será necessário apenas definir a trajetória que a sua luz corrida irá percorrer. Para isso, dê um duplo clique no seu ponto de tracking na linha do tempo e escolha outra ferramenta na barra de objetos: Movimento. Clique nesta ferramenta e selecione o local para onde a luz corrida deve se dirigir, clicando sobre esse lugar na cena. Se desejar continuar a trajetória, selecione o ponto que acabou de adicionar, clique novamente na ferramenta de movimento e adicione outro ponto. É possível criar quantas trajetórias desejar. Se quiser saber mais sobre a ferramenta Movimento, por favor, leia este artigo.

E esse é o resultado, apenas um exemplo do que pode ser feito usando o VSDC!

Exibindo o efeito completo com cores fluidas e um rastro de luz em movimento

Explore mais tutoriais do VSDC e liberte todo o potencial da sua criatividade. Se tiver alguma dúvida, teremos sempre o prazer de ouvi-lo em O endereço de e-mail address está sendo protegido de spambots. Você precisa ativar o JavaScript enabled para vê-lo..

Não se esqueça de assistir aos nossos tutoriais em vídeo no YouTube e de seguir-nos nas redes sociais.

Uma das atualizações mais incríveis do VSDC 10.1 é a ferramenta aprimorada de Linha Curva, que agora conta com espessura variável, bordas arredondadas, contornos suaves, configurações personalizáveis de desfoque e muito mais. Essa combinação permite criar efeitos incríveis, desde textos manuscritos com espessura ajustável até brilhos profissionais, trilhas de luz suaves e efeitos de profundidade (semelhantes a 3D) usando bordas suaves e desfoque. Quer descobrir como essas melhorias podem transformar seus vídeos? Continue lendo para todos os detalhes!

Baixe agora o VSDC Video Editor mais recente e comece a experimentar esses novos recursos

Novas Propriedades da Linha de Curva

Vamos começar explorando a funcionalidade aprimorada da linha curva. Primeiro, adicione uma linha curva à sua cena e selecione-a na linha do tempo para visualizar todas as propriedades disponíveis no painel à direita. Entre as opções já conhecidas (se precisar de mais detalhes, consulte este artigo novamente), você encontrará várias novas configurações na seção "Configurações extras de linha curva" na janela de propriedades. É nelas que vamos focar hoje.

Se essa seção estiver inativa, ative-a usando o controle deslizante próximo e, em seguida, expanda a seção clicando na seta à esquerda.

A primeira propriedade que você verá é "Modo de terminação", útil para personalizar as extremidades da sua linha curva. Clique na seta para revelar quatro opções: "Terminações em ambas as extremidades" adiciona arredondamentos a todas as pontas abertas, "Terminação apenas no início" ou "Terminação apenas no fim" aplica o efeito a apenas um lado, e "Sem terminação" mantém as extremidades sem modificação. Escolha a que melhor atende às suas necessidades.

Dica: para efeitos orgânicos e desenhados à mão, "Terminações em ambas as extremidades" geralmente funciona melhor. "Terminação apenas no início" é ideal para elementos direcionais, como linhas em crescimento, enquanto "Terminação apenas no fim" funciona bem para designs fluidos, como trilhas de luz. Para precisão técnica em designs de UI/UX, escolha "Sem terminação".

Esta configuração está diretamente relacionada à próxima: "Estilo de terminação". Aqui você encontra três formas de exibir as extremidades dos traços: "Arredondado" cria pontas semicirculares suaves, ideais para formas orgânicas; "Quadrado" estende a ponta pela metade da largura do traço, para designs técnicos; e "Retângulo" interrompe os traços precisamente nos pontos finais, para cortes limpos.

Ativar a próxima opção, "Bordas arredondadas", suaviza automaticamente suas linhas curvas, arredondando todas as quinas pontiagudas em arcos suaves, criando formas com aparência natural.

Para os retoques finais, não esqueça de experimentar duas opções importantes de suavização. A primeira, Usar suavização das bordas, cria transições graduais entre sua curva e o fundo: ajuste a intensidade para resultados sutis, como brilhos discretos, ou bordas totalmente mescladas. A segunda, Usar desfoque, oferece um efeito ainda mais suave, dando às suas linhas um toque etéreo. Sua intensidade também é ajustável.

Vamos explorar quanto potencial criativo eles liberam e criar um projeto juntos.

Como Alterar a Largura da Linha Dinamicamente

Agora que você já conhece as novas configurações de linha curva, vamos colocar esse conhecimento em prática. Um recurso muito solicitado, a espessura dinâmica da linha, finalmente está disponível, e vamos explorar exatamente como ele funciona.

Basta definir valores diferentes para o parâmetro "Densidade" em cada ponto da sua linha curva. Quando cada ponto tem um valor diferente nessa configuração, o editor cria automaticamente transições suaves entre eles, produzindo efeitos de afilamento gradual ao longo do segmento da curva.

Para ajustar a espessura da linha em um ponto específico, basta clicar no ponto desejado ao longo da curva com a tecla CTRL pressionada, e a janela de propriedades exibirá imediatamente todos os parâmetros personalizáveis para esse ponto selecionado. Basta habilitar a opção "Configurações da espessura da linha curva" e atribuir o valor desejado na opção Densidade.

Precisa de mais pontos de controle? Selecione a ferramenta Linha Curva, escolha "Inserir ponto" e clique em qualquer lugar ao longo da curva para adicionar novos pontos. Lembre-se de que segurar CTRL enquanto arrasta os manipuladores permite ajustar a suavidade da curva usando vetores Bezier.

Vamos ver na prática: crie uma linha curva com três pontos, definindo a espessura como 100 no primeiro ponto, 300 no segundo e 500 no terceiro. Observe como a linha afina, imitando pinceladas naturais ou caligrafia. Essa interpolação suave entre os valores fica ainda mais impressionante quando combinada com extremidades arredondadas para um acabamento polido, desfoque suave e espessura para efeitos de autor desenho.

Desafio de Design

Vamos mergulhar em uma experimentação criativa e ver como as capacidades de espessura variável funcionam na prática. Escolheremos uma imagem de referência e tentaremos recriá-la dentro do editor de vídeo VSDC.

A imagem com a qual estamos trabalhando não se baseia apenas no uso de espessura variável das linhas, mas também é perfeitamente simétrica, e esse detalhe joga a nosso favor. Comece adicionando a imagem de referência à cena como um guia visual. Depois, trace cuidadosamente uma das partes (por exemplo, apenas o lado esquerdo) do design e plote cada ponto da curva manualmente, atribuindo valores específicos de espessura. Conforme você trabalha, verá imediatamente que essas variações afinadas criam um movimento fluido ao longo das linhas. Quando estiver satisfeito com a seção traçada, basta desativar o ícone de "olho" na linha do tempo para ocultar a camada de referência ou removê-la completamente.

Depois, para organizar o desenho, agrupe todas as linhas de curva criadas em um sprite: selecione-as na linha do tempo, clique com o botão direito e escolha “Converter para o sprite” no menu.

O próximo passo é criar uma versão espelhada do sprite para completar a metade direita da imagem. Faça uma cópia do sprite, clique nela e aplique o efeito "Virar" em "Efeitos de vídeo" >> "Transforms". Esse efeito será adicionado ao seu sprite duplicado na linha do tempo. Clique nele para abrir a janela de propriedades e escolha o tipo de virada dependendo da sua imagem. Para nosso experimento, selecionamos a opção "Virar horizontalmente" na direção. Alinhe as duas metades na cena para criar o efeito de reflexão.

Com ambas as metades no lugar, você pode agora aprimorar a aparência aplicando um esquema de cores. Se quiser mudar o clima geral da imagem, considere usar um dos modelos de fundo gradiente disponíveis no VSDC. Para fazer isso, primeiro converta os dois sprites espelhados em um único sprite unificado, usando o mesmo método de antes. Depois, vá até a janela de Modelos e encontre a seção "General backgrounds" em "Background templates". Para este exemplo, usaremos o modelo "Fuchsia Gradient". Arraste o modelo para o seu sprite unificado, diretamente na linha do tempo ou soltando-o na cena. Certifique-se de que ele esteja na camada superior para uma composição adequada e verifique se o parâmetro "Usar como contêiner" está definido como "Não, usar efeitos e recorte" nas propriedades. Em seguida, mude o modo de composição da camada com o modelo de gradiente para "Source in". Você pode fazer isso na parte esquerda da linha do tempo, na seção "Composition mode" (Modo de composição).

O resultado é uma obra de arte simétrica estilizada, elevada por ricos tons gradientes.

Você pode escolher entre templates gratuitos, PRO ou premium (saiba mais sobre cada categoria neste artigo).

Se você quer algo ainda mais dinâmico, experimente animar as linhas. A ferramenta Curve Line inclui um parâmetro chamado "Comprimento visível", que permite simular o efeito de uma linha sendo desenhada em tempo real. Isso abre oportunidades para criar visuais impressionantes, onde a imagem aparece gradualmente, como se fosse esboçada por uma mão invisível. Tudo o que você precisa fazer é clicar nas suas linhas curvas na linha do tempo, expandir essa opção para cada uma delas e definir os valores Inicial e Final conforme necessário.

Em apenas alguns passos, o VSDC permite que você recrie ilustrações complexas, espelhe com precisão, aplique gradientes vibrantes e anime cada traço.

Gostou do resultado?

Esperamos que você tenha gostado de explorar essas configurações com a gente! Não pare por aqui: continue experimentando com seus próprios projetos. Temos certeza de que você vai alcançar resultados ainda melhores e vai querer compartilhar.

Se tiver dúvidas ou ideias criativas para compartilhar, adoraríamos saber! Entre em contato pelo e-mail O endereço de e-mail address está sendo protegido de spambots. Você precisa ativar o JavaScript enabled para vê-lo. ou pelas nossas redes sociais: Facebook, X, Reddit ou Discord. E não esqueça de conferir o nosso canal no YouTube para mais inspiração!