Skip to main content

Mantendo-se em forma - Tutorial da Ferramenta de recorte de tinta

 

Mantendo-se em forma



Tutorial da ferramenta de recorte de tinta


Cena do pôr do sol 2Dgameartguru

De acordo com o tema da água, vamos desembarcar e olhar para um pôr do sol na praia para introduzir algumas ferramentas e técnicas mais úteis. Desta vez aprenderemos a manter elementos dentro de uma forma, criar uma palmeira e interpolar entre objetos. A única coisa que falta é o coquetel e o som da praia.

Vamos começar.

Variar as fronds, adicionar à interpolação e verificar algumas imagens de referência pode melhorar ainda mais a aparência das palmas das mãos.

Objetos de reciclagem

Se você tem telas semelhantes ao design para o seu jogo, faz sentido gastar algum tempo nos elementos iniciais e, em seguida, 'reciclar' objetos. Dessa forma, você economiza tempo e cria um visual e uma sensação mais consistentes.

Barra de ferramentas 2Dgameartguru inkscape
Cena do pôr do sol 2Dgameartguru

Comece com um retângulo.

Use a ferramenta gradiente para criar um preenchimento linear. Queremos criar um pôr-do-sol com a luz baixa no horizonte.

Adicione uma duplicata abaixo e edite o preenchimento do gradiente de laranja para azul escuro.

Um retângulo mais escuro com nós modificados será nossa praia em primeiro plano.

Outro retângulo com um preenchimento amarelo claro com 25% alfa fará raios de luz.

Estreitar a base, mover o ponto de pivô para o centro inferior e duplicar.

Cena do pôr do sol 2Dgameartguru
2dgameartguru - ferramenta de clipe

Para manter os raios 'dentro' de fundo usamos o comando clip. Comece criando uma duplicata do céu...

... selecione o retângulo e, em seguida, os raios e use o comando Objeto/ Clipe/ Definir.

Este novo "objeto de raios" pode ser duplicado e até mesmo atribuído sua própria configuração alfa.

Cena do pôr do sol 2Dgameartguru2Dgameartguru - espaçador
Este é o nosso pôr do sol básico "estilo pop" com alguns círculos modificados e preenchimentos alfa gradientes adicionados para representar algumas rochas na água.

Adicionando detalhes

É hora de adicionar a sensação tropical com algumas palmeiras.
2Dgameartguru - espaçador
Barra de ferramentas 2Dgameartguru inkscape
Cena do pôr do sol 2Dgameartguru

Vamos adicionar uma ilha distante com algumas palmeiras.
Começando com um círculo esmagado.

Depois de convertê-lo em um caminho, marque todos os nós e clique no botão inserir novos nós.

Clicar duas vezes nos dará nós suficientes para deformar o círculo em uma bela silhueta de ilha arredondada. Duplique a forma e mova alguns dos nódulos para baixo e para dentro.

Nossas palmas distantes começam com uma simples estrela...

... convertido em um caminho e modificado para formar as fronds.

Ao clicar nas linhas entre os nós e arrastá-los, você manipula as curvas.

2dgameartguru - ferramenta de clipe
Cena do pôr do sol 2Dgameartguru

Adicione um quadrado para o porta-malas.

Converta em um caminho, modee os nódulos e suavize as curvas.

Adicione variações para fazer suas cenas parecerem muito mais interessantes.

Cena do pôr do sol 2Dgameartguru2Dgameartguru - espaçador

Escalabilidade

Uma das coisas "maravilhosas" sobre trabalhar com vetores é a escalabilidade. Os objetos podem ser dimensionados para cima e para baixo sem uma perda de qualidade. Isso permite uma edição e ajuste fáceis da ilustração.
Neste caso, a escala das palmeiras definirá a percepção do espectador sobre a distância. Palmeiras menores colocarão a ilha mais longe, enquanto árvores grandes a "trarão" de perto.

2Dgameartguru - espaçador
Barra de ferramentas 2Dgameartguru inkscape
Cena do pôr do sol 2Dgameartguru

Pequenas palmeiras espalhadas na ilha fazem parecer maior e mais distante...

2Dgameartguru - espaçador Cena do pôr do sol 2Dgameartguru

... enquanto árvores maiores fazem dela uma ilha menor que parece estar mais perto da costa.

2Dgameartguru - espaçador Cena do pôr do sol 2Dgameartguru

Até agora só usamos duas formas simples de palmeira para nossa cena, mas já parece uma praia de ilha tropical.

Usando as mesmas palmeiras em primeiro plano, estabelecemos um tom mais "simplista" e muito gráfico para a cena.

Vamos tentar adicionar um pouco mais de detalhes às nossas simples palmas em forma de estrela.

2Dgameartguru - espaçador

Reutilizando objetos

As nuvens têm a mesma forma que a ilha apenas esmagada e colorida para combinar com o gradiente do céu. Tente reutilizar formas mesmo apenas ligeiramente modificadas, recoloridas, esmagadas, giradas ou viradas para acelerar as coisas, adicionar variação e tornar sua cena mais interessante.

Nota:
Muitos dos objetos que estou cobrindo em meus tutoriais (como as palmeiras acima) trabalhando a partir de formas predefinidas (círculo, quadrado, estrela, etc.) é apenas uma opção. A ferramenta à mão livre ou em linha reta criará formas idênticas, mas exigirá um pouco mais de habilidade artística.

Para nossa palma detalhada, precisamos de duas características "mais avançadas" do Inkscape: Interpolação e Efeitos de Caminho.


Para nossa palma de primeiro plano, começamos com um círculo esmagado e o convertemos em um caminho...

... e modificar os nódulos para criar uma extremidade pontudo.
Nota:
Esta é uma boa forma para grama ou cabelo também.

Crie uma duplicata menor da forma.

Selecione ambos os objetos e interpole-os (Extensões/Gerar a partir do caminho/Interpolar).

Vire uma duplicata verticalmente e coloque-a abaixo.

Adicione outro círculo para preencher o centro da espuma e adicione a haste.

2dgameartguru - ferramenta de clipe
Cena do pôr do sol 2Dgameartguru

Adicione um quadrado para o porta-malas.

Converta em um caminho, modee os nódulos e suavize as curvas.

Adicione variações para fazer suas cenas parecerem muito mais interessantes.

Cena do pôr do sol 2Dgameartguru2Dgameartguru - espaçador

Conclusão

Há infinitas opções para uma cena de praia. Você pode levá-lo para diferentes horas do dia, focar mais no céu ou na água, adicionar vida marinha ou pessoas na praia. Uma ilustração muito legal seria uma cena dividida: metade abaixo e a outra metade acima da água. Vou te mostrar uma variação rápida com uma cena de luz do dia baseada nos elementos que acabamos de criar.

Barra de ferramentas 2Dgameartguru inkscape
Cena do pôr do sol 2Dgameartguru

A grande vantagem do uso de gráficos vetores está na facilidade de manipular e modificar os objetos.
Pegando os elementos do tema do pôr do sol e colorindo-os de forma diferente, é uma brisa para criar uma cena de praia diurna.
Um gradiente verde mais escuro para os palmeiras e um verde azulado para a ilha e o céu transforma toda a cena.

2Dgameartguru - espaçador Cena do pôr do sol 2Dgameartguru

Dependendo do estilo de arte que você quer alcançar ilustrações vetoriais pode parecer muito limpo ou muito brilhante ou simplesmente estourar muito visualmente.
Sugiro combiná-los com alguns efeitos disponíveis em gimp.

Ao combinar as ferramentas de programas de ilustração vetorial com as habilidades de bitmap e manipulação de fotos, os resultados mudam drasticamente e oferecem infinitas possibilidades.

2Dgameartguru - espaçador

Finalmente, espero que mesmo esses recursos um pouco mais avançados não representem um grande problema. Como sempre, aproveite, crie e fique atento para mais!


Comments

Popular posts from this blog

Tales of Arise: um guia completo para o Palácio da Autelina

  Tales of Arise: um guia completo para o Palácio da Autelina O Palácio Autelina é o terceiro calabouço importante em Tales of Arise.  Embora seja muito mais curto do que os dois anteriores, ainda há muito o que fazer. Já tendo derrotado Lord Dohalim no lago subterrâneo em Razum Quarry, Autelina Palace acaba sendo um dos castelos mais curtos em  Tales of Arise  .  Como os jogadores já sabem de sua visita anterior, o Palácio tem apenas dois andares e, para tornar as coisas ainda mais simples, o primeiro está completamente trancado no retorno do grupo. Palácio da Autelina - 2F O primeiro andar do palácio é bem trancado, então os jogadores devem ir direto para o segundo andar.  Eles perceberão imediatamente que a entrada da Câmara do Senhor foi bloqueada por um campo de força vermelho.  Law não é capaz de derrubá-lo, então o grupo precisará desativá-lo usando o terminal no Quarto do Senhor. Para encontrar a chave do quarto de Dohalim, os jogadores precisa...

Como jogar League of Legends: Wild Rift no PC com o BlueStacks

 League of Legends: Wild Rift  é um jogo da  Riot Games  disponível para download grátis em celulares  Android  e  iPhone  ( iOS ). Entretanto, também é possível aproveitar o  MOBA  em um PC utilizando um emulador, como o  BlueStacks . A principal vantagem de jogar a versão mobile de  League of Legends  em um computador é poder rodar o jogo em uma máquina que tenha configurações mais básicas. Confira, a seguir, como jogar o LoL Wild Rift no PC usando o emulador BlueStacks. Bastante esperado pelos fãs, LoL: Wild Rift chegou ao Brasil e Américas em março de 2021. O jogo foi anunciado pela desenvolvedora no dia 15 de outubro de 2020 durante as comemorações dos 10 anos do LoL. Na mesma data, games como  Teamfight Tactics (TFT)  Mobile e  Legends of Runeterra (LoR)  também foram revelados. Como baixar e jogar League of Legends: Wild Rift no PC Passo 1. No computador, acesse a página do BlueStacks n...

Cebolinha e a Tumba do Coelho

  Cebolinha está vivendo seus dias de Indiana Jones! Inspirado num cenário que lembra muito os filmes de aventura do herói americano, o nosso coleguinha Cebolinha vai ter muitas surpresas pela frente. Junte-se a ele e comece a explorar a tumba abandonada em busca de tesouros perdidos. Faça ele pular nas plataformas até conseguir chegar no final de cada uma das fases, sem cair no precipício.   JOGAR