Introdução

Bem-vindo à minha nova série de tutoriais, onde falarei sobre réguas de todos os tipos.

 

O Clip Studio Paint vem com uma ampla variedade de réguas, e espero poder ajudá-lo a conhecê-las e descobrir como trabalhar com elas. O que farei é desenhar uma série de pinturas e tentar usar todas as réguas à medida que avanço. Esta primeira parte aqui usa a régua de perspectiva de 1 ponto, a régua de curva, a régua linear e a régua de simetria. Analisarei as réguas de perspectiva de 2 e 3 pontos mais tarde. Também explico todo o processo de pintura para criar a imagem, com muitas capturas de tela e imagens.

 

Certo, vamos lá!

Configurações Iniciais

A primeira coisa que faço é criar um novo arquivo e uma nova camada para o esboço inicial. Observe que este esboço é apenas o começo; haverá outra camada de esboço mais refinada antes de eu chegar à fase de arte-finalização real.

 

Quanto às medidas e DPI, você pode fazer o que quiser, mas recomendo uma configuração de pelo menos 300 DPI. Esta pintura tem as medidas incomuns de 36x46 centímetros, porque precisa caber em uma moldura dourada antiga que encontrei em um brechó.

Esboço Inicial

Sempre uso o Lápis Mais Claro para esboçar, e para o esboço inicial, uso uma cor azul claro. Não tenho um motivo específico para isso, além de se encaixar no meu fluxo de trabalho. Recomendo não usar preto ou uma cor muito escura para esboçar, pois isso interferirá na arte-finalização mais adiante, mas você pode usar a cor que achar mais adequada.

 

Acima está uma imagem do esboço inicial, e como você pode ver, não parece muito com nada. Tudo bem, não é para parecer, chegaremos a isso na fase de esboço refinado. Neste ponto, trata-se principalmente de ter a ideia geral. O que quero que esta imagem inclua, em relação à pose do personagem e aos elementos de fundo.

Esboço Refinado do Personagem

Agora eu baixo a opacidade da camada de esboço inicial, crio uma nova camada por cima e escolho uma cor vermelha. Ainda usando a ferramenta Lápis Mais Claro, eu passo sobre o esboço, limpo-o, adiciono detalhes e tudo mais. Começo com o personagem, como visto acima.

A Régua Linear

Agora que tenho meu personagem, é hora do guarda-chuva e do fundo, o que significa o motivo de estarmos todos aqui: brincar com réguas! Comece clicando no ícone triangular para acessar o menu da régua. Em seguida, escolha a Régua Linear, e estamos prontos para começar.

A Régua Linear é bastante simples, embora venha com algumas opções. Você pode usá-la como uma régua reta comum, ou pode transformá-la em curvas (como uma régua curva francesa antiga, por exemplo), usando as configurações de Bezier Quadrático ou Bezier Cúbico. Acima, fiz algumas linhas de régua aleatórias, para que você possa ver como fica. Essas linhas não foram pintadas ou desenhadas, é apenas a aparência da própria régua. Lembre-se de que as curvas de Bezier podem ser puxadas em todos os tipos de direções e curvas, estes são apenas exemplos.

Como as réguas são roxas e minhas linhas são vermelhas, eu costumo baixar ligeiramente a opacidade da minha camada de esboço refinado, apenas para fazê-las se destacarem mais. Começo desenhando duas linhas retas, do topo do guarda-chuva até a parte inferior onde está o cabo, com a opção Linha Reta. Uma vez que a régua esteja no lugar, qualquer ferramenta de pintura/desenho que eu usar se ajustará a ela.

Aqui eu usei a caneta G para desenhar sobre as réguas e, como você pode ver, linhas perfeitamente retas, onde a espessura varia com a pressão da caneta, o tamanho do pincel e quaisquer outras configurações que possam estar vinculadas ao seu pincel selecionado. É realmente tão simples.

A Régua Curva

Existem quatro opções de réguas curvas: Linha Reta, Spline, Bezier Quadrático e Bezier Cúbico. A linha reta é realmente apenas a conexão de linhas retas através de pontos, então é bastante direta. Você pode finalizar a linha clicando duas vezes ou fazendo um “círculo completo”, onde você para no ponto onde começou.

Em seguida, vem a opção Spline. Você clica na tela para criar seu ponto inicial. Depois, clica em outro lugar e uma linha surge entre os dois pontos. Agora você pode – sem clicar – arrastar uma curva entre os dois pontos. Você pode adicionar mais pontos conforme achar adequado e, assim como na linha reta, você clica duas vezes ou faz um círculo completo.

Quanto às Bezier Quadrática e Bezier Cúbica, elas também funcionam com curvas entre pontos. A maneira mais fácil de mostrar as diferenças é exibindo como elas são construídas, o que você pode ver na captura de tela acima. Para mim, elas fazem exatamente a mesma coisa e servem exatamente ao mesmo propósito; é mais uma questão de gosto e do que melhor se adapta ao seu fluxo de trabalho.

Agora, um pouco de contexto!

 

Preciso fazer a forma do cabo do guarda-chuva, e para isso vou usar a régua curva Bezier Cúbico. Eu a uso, principalmente porque trabalhei muito com gráficos vetoriais no Adobe Illustrator há um tempo, e eles funcionam assim. Você poderia fazer exatamente as mesmas curvas usando qualquer uma das outras réguas curvas, isso é apenas o que me parece mais fácil.

 

Acima você pode ver o “primeiro rascunho” da régua. Parece um tanto horrível e deformado, mas felizmente, há uma solução para isso.

Clique na Ferramenta Operação e escolha Objeto no menu. Agora clique na régua, e todas essas pequenas alças aparecerão. Elas podem, felizmente, ser arrastadas e ajustadas para refinar a régua. Os pontos brancos são os pontos reais onde você clicou para começar. Arrastar esses pontos muda a posição básica do ponto. Os pequenos pontos vermelhos que se projetam também podem ser arrastados e ajustados, e eles mudam a curva entre os dois pontos.

Após algumas correções, minha régua agora se parece com isso. Você pode notar que há uma parte da régua curva se afastando da régua linear. Tudo bem, as duas se unem um pouco mais adiante, e quando pintada, ficará exatamente como deveria.

Ainda não terminei o guarda-chuva, ele ainda precisa da parte superior. Faço isso exatamente da mesma forma que o cabo: basta usar a Régua Cúbica, clicar e arrastar, e depois corrigir as linhas com a ferramenta Objeto.

 

Uma coisa que se mostrou muito útil ao fazer a parte superior do guarda-chuva é que, se você passar o mouse sobre o ponto anterior que fez, um pequeno V aparecerá. Isso significa: Quebrar a curva. Clique nisso, e o ponto ficará reto, como se fosse seu primeiro ponto, e você poderá continuar com uma nova curva, sem quebrar a régua. A imagem acima mostra a régua do guarda-chuva finalizada em toda a sua glória.

E aí está o esboço refinado finalizado do rapaz com o guarda-chuva.

Régua de Perspectiva de 1 Ponto

A primeira coisa que preciso fazer é criar uma régua de perspectiva. Faço isso encontrando Camada no menu superior, depois Régua/Moldura e, em seguida, Criar Régua de Perspectiva.

Recebo esta pequena janela pop-up e, para este tutorial, marco a perspectiva de 1 ponto. Um conjunto de linhas (talvez) confusas agora aparece.

Agora, vamos ver do início:

• Linha horizontal azul: O horizonte, ou seja, onde o oceano encontra o céu na vida real. Se você não estiver desenhando uma imagem do tipo “oceano encontra o céu”, não se preocupe. Ela pode ser colocada onde você quiser, desde que faça sentido em relação ao que você está tentando retratar. Eu geralmente movo essa linha MUITO para descobrir o posicionamento perfeito. Às vezes, escolho o nível dos olhos de um personagem, às vezes vou para o alto ou bem para baixo; para mim, é apenas uma questão do que parece e se sente certo. 

 

• As linhas diagonais roxas: Essas duas se encontram em um ponto no meio, chamado ponto de fuga. Você pode usá-las para posicionar sua perspectiva na imagem, basta encontrar algumas linhas em seu esboço e tentar combiná-las. Fazer isso também ajuda a posicionar a linha do horizonte e, ainda mais importante: O ponto de fuga.

 

• O ponto de fuga é para onde tudo desaparece. Pense em um conjunto de trilhos de trem, em algum lugar, bem longe, eles se transformam em um único ponto no horizonte. Esse é o ponto de fuga. 

 

• A linha vertical roxa: Simplesmente mostra o que é vertical em contraste com o horizonte. Esta linha não pode ser movida, mas pode ser girada (chegaremos a isso em breve).

Agora, vamos dar uma olhada em todas as pequenas alças e botões da régua.

 

1\. Move a régua inteira, sem alterar nenhuma das linhas. 

 

2\. Move o número 1, caso esteja em conflito com o que você está desenhando. Não tem efeito na própria régua, ele simplesmente move as alças e botões do número 1.

 

3\. Trava a régua inteira. Ela ainda pode ser movida arrastando o número 1, mas você não pode ajustar nenhuma das linhas ou o ponto de fuga. 

 

4\. A e B, essas pequenas alças podem ser arrastadas e irão girar o horizonte da régua, bem como a linha guia vertical. 

 

5\. Arraste isso para mover a régua e alterar seus guias e o posicionamento da linha do horizonte ao mesmo tempo. 

 

6\. Trava o guia vertical, o que significa que suas linhas não se ajustarão a ele ao desenhar. Em vez disso, elas se ajustarão apenas ao ponto de fuga (e horizontal, se estiver desbloqueado, veja o ponto 7 abaixo). Se isso não estiver travado, você pode desenhar linhas perfeitamente verticais, bem como perspectiva diagonal e linhas horizontais perfeitas.

 

7\. Trava o guia horizontal, o que significa que suas linhas não se ajustarão a ele ao desenhar. Assim como no guia vertical, suas linhas agora se ajustarão apenas ao ponto de fuga (e vertical, se estiver desbloqueado).

Por fim, veremos as linhas-guia diagonais e seus ajustes.

 

1\. O ponto de arrasto da guia. Você o usa para ajustar o posicionamento da guia, sem afetar nada mais na régua. 

 

2\. Trava as guias, para que as linhas que você desenha não se ajustem ao ponto de fuga. Em vez disso, elas irão apenas verticalmente e horizontalmente (ou apenas uma, se alguma das outras guias estiver travada). 

 

3\. A e B movem o ponto de fuga, bem como a linha do horizonte, junto com a guia. Isso facilita o ajuste dos pontos de fuga, especialmente se eles estiverem muito distantes da tela. 

 

E é isso, essas são todas as muitas coisas que você pode ajustar e experimentar em relação à régua de perspectiva de 1 ponto. Agora, vamos desenhar e pintar!

Desenhando o Fundo (Noções Básicas)

Começo posicionando a régua de perspectiva, e isso é realmente feito por tentativa e erro/o que me parece certo. Simplificando, eu a coloco em algum lugar, desenho algumas linhas-chave para ver como fica, depois reposiciono e repito se não se encaixar.

 

Acima está a posição com a qual terminei; observe o quão distante o ponto de fuga está do desenho real.

Em seguida, desenho o primeiro plano usando a régua de perspectiva. Quero que ele esteja sobre algumas tábuas que se projetam da lateral de um edifício. Muitos mais detalhes serão adicionados a isso, mas prefiro primeiro colocar todos os elementos básicos do fundo, então desenho alguns blocos simples para os edifícios de fundo.

Agora, há uma coisa que quero adicionar, e é outra tábua deitada sobre as outras duas, mas em outro ângulo. Isso significa que precisarei de outro ponto de fuga na mesma linha do horizonte, o que pode ser feito facilmente. Basta selecionar a régua, clicar com o botão direito nela e um menu pop-up aparecerá. Clique em Adicionar Ponto de Fuga e você terá um novo conjunto de linhas para este novo ponto de fuga.

Coloco o novo ponto de fuga em uma posição que faça sentido para onde a tábua deve estar, adiciono uma nova camada e, em seguida, desenho as adições. Travo as guias no primeiro ponto de fuga, facilitando o ajuste das linhas no lugar certo.

Usando a Grade

Agora quero muito mais detalhes nesta peça; por exemplo, quero janelas nos edifícios. Elas podem ser adicionadas com bastante facilidade, usando a grade. Vá para Exibir no menu superior e haverá uma opção chamada Grade. Clique nela, e a grade aparecerá.

Se a grade não corresponder ao seu desenho de forma a fazer sentido, você pode movê-la selecionando a ferramenta Mover Camada e, em seguida, clicando em Mover Grade. Agora ela moverá a grade e deixará a camada e seu desenho intactos.

Lembre-se de ter a opção 'Ajustar à Grade' ativada na parte superior da sua tela, e então comece a desenhar algumas formas básicas de janela. Usar a grade como medida facilita a obtenção de formas uniformes e espaçadas uniformemente. Você pode usar a grade para todo esse tipo de coisa; aqui, eu a uso também para desenhar tijolos. Uma vez satisfeito com o nível de detalhe, o esboço refinado está oficialmente concluído, e agora estou livre para prosseguir.

A Tatuagem – A Régua Simétrica

Agora, antes de passar para a arte-finalização desta peça, quero dar uma olhada em outra régua: a régua de simetria.

 

Para isso, crio um documento totalmente novo, medindo 15x15 cm. Eu escolho a Régua Simétrica na caixa de ferramentas de Réguas e, na caixa de número de linhas, digito 16. Esse é o número máximo de linhas com as quais você pode trabalhar, e funciona bem para o design que tenho em mente.

 

Clique e arraste a régua para a tela, e lembre-se que se você segurar Shift, ela estará perfeitamente alinhada horizontalmente, verticalmente ou em um ângulo de 45 graus. Acabo com um resultado parecido com o da imagem acima.

Agora quero desenhar este design de mandala, mas não quero gastar muito tempo planejando-o. Por isso, trabalho com nanquim desde o início e começo a desenhar diferentes padrões.

 

Uma nota sobre o nanquim: não uso preto, uso este roxo muito escuro. Como você pode ver na imagem lá no início deste tutorial, esta pintura tem um sombreamento meio roxo e, por isso, uso tinta roxa bem escura para misturá-la mais suavemente.

 

Agora, a genialidade da régua de simetria é que, se você desenhar uma linha dentro de um espaço ou ao longo de uma das linhas, ela será repetida exatamente em todos os outros espaços da régua. Ter dezesseis linhas significa que cada linha que eu desenhar será repetida dezesseis vezes.

 

Acima você vê o resultado do que é, na verdade, apenas um rabisco aleatório unido com a régua simétrica em algo bastante agradável.

Agora copio a tatuagem e a colo na minha pintura.

Começo redimensionando-a para caber onde quero (neste caso, na parte interna do cotovelo dele).

Em seguida, vá para Editar → Transformar → Transformação de Malha. Isso me dá uma pequena caixa com alguns pontos que posso puxar e esticar ao redor da tatuagem. Estou fazendo isso para que a tatuagem se enrole em seu braço um pouco mais suavemente do que se eu apenas a colasse do jeito que está agora.

E lá vamos nós, depois de alguns puxões e apertões, obtive um resultado que se parece mais com uma tatuagem sobre carne e músculo, do que um adesivo de copiar/colar. Vou apagar as poucas partes que ultrapassam as linhas do braço dele assim que terminar a arte-finalização, definir o modo de mesclagem para Luz Dura, e é isso para a tatuagem.

Arte-finalização

Agora, vamos para a arte-finalização. Isso é muito simples, porque já fiz todo o trabalho duro com régua e grades. Tenho tudo o que preciso para simplesmente seguir as linhas.

 

No entanto, mantenho o fundo e o personagem em camadas separadas, caso precise apagar algumas coisas do fundo do meu personagem, e às vezes adiciono mais camadas e as mesclo à medida que avanço.

 

Manter o fundo e o personagem em camadas separadas também será útil mais adiante neste tutorial, então fazer isso é uma ótima ideia.

 

Acima está uma imagem da arte-finalização do personagem finalizada, tatuagem incluída.

E outra da arte-finalização inteira terminada.

Valores de Cinza

Agora, crie uma nova camada abaixo da arte-finalização. Também criei uma pasta para todos os meus esboços e réguas, apenas para mantê-los organizados.

 

Escolhendo uma cor cinza claro, começo a adicionar sombras ao meu personagem e ao fundo. Haverá três camadas de sombreamento, uma cor base e dois conjuntos de realces no total, então devo ter isso em mente ao adicionar valores de cinza. Uso a caneta G para adicionar valores e lembro-me de manter transparentes quaisquer pixels não sombreados.

 

A imagem acima mostra a primeira camada de sombreamento.

Selecionando um tom de cinza médio, repito todo o processo novamente.

Finalmente, seleciono um cinza escuro e adiciono a última camada de sombreamento, onde for necessário.

 

E é isso para os valores de cinza.

Tonalizando a Arte-finalização

Agora, a questão é que decidi (por um capricho) que queria que o sombreamento do fundo tivesse um tom esverdeado, em vez de roxo (algo que, na verdade, mudarei de ideia novamente, mais tarde neste tutorial, mas você terá este passo de qualquer maneira).

 

Como você deve se lembrar, minhas linhas são roxo escuro em vez de preto. Linhas roxas entrarão em conflito imensamente com sombreamento verde, uma vez que chegarmos à fase de mistura, então, em vez disso, tentarei tonalizar minha arte de linha de fundo com um verde escuro. Aleluia que mantive a arte-finalização do fundo e do personagem em duas camadas separadas, certo?

 

Para fazer isso, comece selecionando todo o conteúdo do fundo, clicando com o botão direito na camada, vá para Seleção da Camada e, em seguida, clique em Criar Seleção.

Agora você tem cada pequeno detalhe da arte-finalização do fundo selecionado. Para colorir de forma diferente, escolho a mesma cor para o fundo e o primeiro plano, e então faço um gradiente de Primeiro Plano para Fundo. Isso é tudo, ele preencherá cada pixel e você terá terminado de tonalizar sua arte-finalização do fundo. Na verdade, existe outra maneira (talvez mais fácil) de colorir todas as linhas, que farei na próxima vez que mudar de ideia.

Certifique-se de manter a camada de arte-finalização do personagem acima da arte-finalização do fundo na paleta de camadas, já que o personagem está na frente de todos os elementos do fundo.

Sobreposição

Agora crio uma nova camada acima dos tons de cinza, mas abaixo das camadas de arte-finalização. Esta será minha camada de sobreposição, onde darei a todo o sombreamento sua tonalidade. Preencha-a com a tonalidade que você quiser dar ao fundo (neste caso, verde). Há muito mais fundo do que personagem, então faz sentido começar por aí.

Agora, na mesma camada, escolho uma cor roxa e pinto onde o personagem está.

Mudo o modo de mesclagem da camada para Sobreposição, e termino esta etapa do desenho.

Cores Base e Realces

Começo criando uma nova camada acima da sobreposição, abaixo da arte-finalização, definindo o modo de mesclagem desta camada como multiplicar. Em seguida, aplico um gradiente em toda a camada, parcialmente para colorir o céu, mas também para ter algum tipo de ponto de partida.

Em seguida, pego a ferramenta Aerógrafo, seleciono a opção Spray e pulverizo muitas estrelas. Não se preocupe se elas estiverem por toda a pintura, todas as cores estarão nesta camada, o que significa que eu vou pintar sobre qualquer coisa que não deveria estar lá de qualquer forma.

Encontrar as cores certas para os diferentes elementos da minha pintura pode ser um pouco baseado em tentativa e erro, mas tento manter o clima da pintura em mente e qual esquema de cores geral eu quero. Além disso, às vezes preciso baixar a opacidade, pelo menos quando estou trabalhando em uma base tão escura quanto aqui, onde pode ser difícil ver onde as linhas estão.

Depois de ter uma cor base, adiciono alguns destaques onde acho adequado. Geralmente uso dois conjuntos de destaques se for orgânico ou brilhante, um se não for nenhum dos dois. Mantenho os destaques na mesma camada das cores base, mas se você quiser, pode criar uma nova camada por cima e deixá-la no modo de mesclagem normal. O resultado será o mesmo, para mim é apenas mais fácil tentar limitar a quantidade de camadas.

Agora eu faço isso, até ter todas as minhas cores base e realces prontos para a mesclagem.

Aqui está um close do rosto do personagem. Como você pode ver, esta é realmente uma fase feia, mas confie em mim, vai melhorar.

Mesclagem

Para mesclar, tenho um pincel personalizado, mas é realmente apenas uma versão ligeiramente modificada do Wet Bleed Blender, onde adicionei um pouco mais de estabilização e alguns outros pequenos detalhes. É mais ou menos o mesmo pincel, então você pode usá-lo facilmente para a mesclagem.

Agora é bem simples, eu apenas começo a mesclar todos os valores de cinza na camada em tons de cinza, e as cores base e realces na camada de multiplicação. Obtenha uma transição suave e agradável entre os dois, e você estará pronto. Na captura de tela acima, mesclei a primeira parte do fundo.

Aqui, todo o fundo foi mesclado, e apenas o personagem resta.

Mesclar o personagem usa a mesma técnica, apenas muito mais delicada. Aqui está uma foto de metade do rosto mesclado, apenas para mostrar um pouco do trabalho detalhado envolvido.

Para o cabelo, baixei um pincel de desfoque especial, feito por Tofu-Tofu. Você pode encontrá-lo gratuitamente na loja de Assets do Clip Studio.

Além de mesclar o cabelo em geral, criei uma camada acima de tudo e adicionei alguns realces brancos aos olhos, e alguns fios de cabelo soltos aqui e ali. Também mesclei ligeiramente as sobrancelhas, usando o pincel de mesclagem mencionado acima.

Aqui, a pintura inteira foi mesclada. Até agora, tudo bem, mas ainda há muito trabalho a ser feito.

Re-tonalizando o sombreamento do fundo

Quero dar uma breve olhada no tom de sombreamento antes de prosseguir. Gosto do roxo no personagem, mas o sombreamento verde do fundo poderia ser melhor. Felizmente, os tons de cinza não foram mesclados com nada, o que significa que posso simplesmente mudar a cor da sobreposição.

 

Começo duplicando a camada, apenas no caso de eu decidir que a primeira opção realmente era a certa. Melhor prevenir do que remediar, especialmente porque o que quer que eu termine afetará a cor da arte-finalização. Em seguida, escondo a camada Multiplicar e coloco a camada de Sobreposição de volta ao modo Normal, para selecionar facilmente o verde do fundo.

Mude o modo da camada de volta para Sobreposição e coloque a camada Multiplicar de volta à vista. Agora posso preencher com qualquer cor que desejar, afetando apenas o fundo, e ser capaz de ver o efeito final enquanto faço isso (realmente apenas tentativa e erro aqui).

 

No final, me decido por algo bem próximo da cor de sombreamento do personagem, apenas um pouco mais escuro e mais suave.

Agora, tudo o que resta a fazer é recolorir a arte-finalização do fundo também, para que ela combine com o restante. Basta bloquear a transparência na camada de arte-finalização e, em seguida, pressionar o botão de preenchimento de balde na parte superior da tela, com a cor correta selecionada.

 

Foi isso que eu quis dizer anteriormente, quando disse que a recoloração das linhas provavelmente poderia ser feita de uma maneira mais fácil do que usar a ferramenta de gradiente.

Ajustando as linhas

Há alguns lugares onde quero mesclar as linhas com as cores, especialmente com o personagem. Uso o Wet Bleed Blender assim como em tudo o mais, e mesclo as linhas onde necessário.

 

Aqui, fiz um pouco no nariz.

Detalhando

Usando a camada superior, adiciono um pouco de luz extra no piercing, alguns fios de cabelo extras e um pouco de luz na parte superior do guarda-chuva.

 

Em seguida, crio uma nova camada acima da camada Multiplicar e seleciono a área nas laterais da cabeça dele usando a ferramenta laço. Quero adicionar um corte buzz-cut ali.

Usando o pincel spray com uma cor marrom escura, pulverizo algumas partículas.

Agora as bordas estão muito ásperas, então uso a borracha macia para suavizá-las.

Quero que o guarda-chuva pareça brilhante, então seleciono a área do tecido do guarda-chuva, usando a ferramenta varinha mágica na camada de arte-finalização.

Em uma nova camada acima da camada Multiplicar, uso o pincel Raspador de Tom com algumas cores azuis e defino o modo da camada para Esquiva de Brilho.

Adicionar detalhes às tábuas de madeira também parece uma boa ideia, então crio uma nova camada e começo a desenhar algumas linhas. Definir o modo da camada para Multiplicar torna as linhas mais escuras e as mescla mais.

Faço a mesma coisa com o cabo do guarda-chuva.

Pintura Finalizada

É assim que a pintura finalizada se parece, e estou bastante satisfeito com o resultado. A seguir, algumas fotos em close-up.

E é isso! Se você gosta da minha arte, sinta-se à vontade para dar uma olhada na minha conta do Instagram e Patreon!