Skip to main content

Mais diversão com gradientes

 

Inkscape Tutorial

Vamos levar o preenchimento do gradiente para o próximo nível e trabalhar com cor e alfa para criar um fundo subaquático simples. As cores no Inkscape são definidas em vários formatos. Os mais comuns são RGB para display digital e CMYK para impressão tradicional. RGB mistura os valores de 3 cores vermelho, verde e azul para misturar todas as outras. Além disso, há RGBA com um canal alfa adicionado. Isso define a transparência do objeto. O valor 255 é totalmente visível. Descendo para 0 para totalmente transparente.
Neste tutorial, faremos uso deste recurso em nossos gradientes.


Vamos começar.

2Dgameartguru - espaçador
Barra de ferramentas 2Dgameartguru inkscape
2Dgameartguru mais divertido com gradientes

Comece com um retângulo.

Use a ferramenta gradiente para criar um preenchimento linear. A intensidade da luz cai à medida que você vai mais fundo debaixo d'água.

Adicione uma duplicata abaixo e edite o preenchimento do gradiente para cores mais acastuladas para o fundo do mar. Use a ferramenta gradiente para criar um preenchimento linear. A intensidade da luz cai à medida que você vai mais fundo debaixo d'água.


Altere o retângulo para um caminho e modifique os nódulos.

Adicione mais duas cópias e torná-las mais leves.

Crie outro retângulo para um raio de luz usando um gradiente linear com o conjunto alfa para 0.

2Dgameartguru mais divertido com gradientes
2dgameartguru - mais gradientes

Mude a configuração para 50% alfa na parte superior e 0% na parte inferior. Use a ferramenta de nó para ampliar a base.

Use o modificador de inclinação (clique duplo) para angular o raio de luz.

Adicione duplicatas e modifique suas inclinações e nódulos. Alguns círculos semi-transparentes adicionam à sensação subaquática.

2Dgameartguru mais divertido com gradientes2Dgameartguru - espaçador

Mais detalhes

Esta é a configuração de "ossos nus" de uma cena subaquática. Há muito a acrescentar, de rochas, a recifes, corais a peixes... Se você não tem certeza do que adicionar, eu aconselho uma boa olhada no "meu amigo google"... Faça uma pesquisa de imagem sempre que precisar de inspiração ou não tenha certeza de como as coisas estão. Geralmente te dá uma boa ideia por onde começar.

Barra de ferramentas 2Dgameartguru inkscape
2Dgameartguru mais divertido com gradientes

Vamos adicionar um pouco de decoração – primeiro: um pouco de bolha. Comece com um círculo branco semi-transparente...

... com duas cópias [uma ligeiramente menor] combinadas a um anel (Path/Difference)...

... e outros três para alguns destaques.

A seguir: uma anêmona do mar. Começando com um retângulo arredondado...

... convertido em um caminho e modificado nos nódulos forma a base.

Alguns círculos deformados se transformam nos tentáculos.

2Dgameartguru mais divertido com gradientes
2dgameartguru - mais gradientes

Copiados, colocados e girados, eles começam a olhar para a direita.

Aplicando um gradiente linear na frente e na base...






... e destaques para o topo ajustamos a luz para combinar com a luz superior para baixo nossa cena subaquática.

2Dgameartguru mais divertido com gradientes2Dgameartguru - espaçador
Dica:
Use a tecla 'Page Up' e 'Page Down' para ajustar a ordem dos objetos [por exemplo, coloque as anêmonas do mar no meio do solo atrás dos raios de luz.]

Adicionando elementos visualmente interessantes

Eu gostaria de adicionar mais vida à cena subaquática e criar alguns peixes. O princípio básico ao adicionar elementos "reais" a uma cena vetorial é olhar para as formas e "desconstruí-las" em elementos básicos como o círculo, quadrado, retângulo ou elipse.
Eu costumo fazer uma rápida pesquisa de imagem no Google para uma imagem de referência para ter uma ideia melhor do que vou criar. Neste caso, a busca do "peixe-recife amarelo" surgiu com um bom peixe-borboleta amarelo longnose.

Funciona muito bem, pois o corpo principal é meio esquartejado e a frente tem uma forma triangular.

Chegar a ele

2Dgameartguru - espaçador
Barra de ferramentas 2Dgameartguru inkscape
2Dgameartguru mais divertido com gradientes

Um "peixe-borboleta de nariz comprido" faria um peixe agradável e colorido para nossa cena...

... e representar uma combinação mais complexa de formas. Vamos começar com um retângulo.

Convertê-lo em um caminho e modificar os nódulos cria a forma básica do corpo.

Mais dois retângulos formarão a cabeça...

... simplesmente movendo os dois nódulos de canto para dentro.

Hora de adicionar alguns círculos...

2Dgameartguru mais divertido com gradientes
2dgameartguru - mais gradientes

e modificar seus nódulos para criar as formas desejadas.

Duplique-os e coloque-os no lugar...

... com algumas variações de cores, as mesmas formas funcionam como sombreamento e adicionar detalhes ao nosso peixe.

2Dgameartguru mais divertido com gradientes2Dgameartguru - espaçador
A mesma abordagem funciona da mesma forma com elementos muito mais complexos. É uma questão de ver os "blocos de construção". Quebrá-lo em formas simples e combiná-lo a algo mais complexo.

 

Comments

Popular posts from this blog

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...

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...

Astroplayroom

  For the longest time, the words “bundled software” was almost unanimously code for “This is probably pretty naff”. You remember Alex Kidd on the Master System? I think we can all admit at this point that it wasn’t a very good game, but it came bundled, so everyone played it. Then Wii Sports came along and changed the game. You could hand your Wii remote to your nan, and she knew how to go bowling. It prompted the system to sell gangbusters, and would go on to be one of the biggest selling games of all time thanks to its “free with console” status. While it’s unlikely that Astro’s Playroom will have your elderly relatives clamouring for another go on “That game station box thing”, Astro’s playroom is absolutely the piece of bundled software that helps show off the shiny new toy you’re about to put down £450 for, and it does so in some ways that I don’t think anyone was expecting. Astro is probably going to be a character that some people don’t recognise. A fleshed out version of o...