Série – Colorização (Escala cinza para colorida) – Gimp – 1

Publicado em 24 de abril de 2023 por Rafael Junqueira

A melhor forma de criar colorização no GIMP é fazer uso de camadas. Para cada elemento da fotografia, você define uma escala de cor específica. Assim você pode trabalhar com cada parte sem precisar se preocupar com ‘possíveis’ acidentes de percurso.

ESQUERDA (ORIGINAL) – DIREITA (EDIÇÃO)

Pontos a serem considerados é a escala e tonalidade da pele. Que somos compelidos a pensar como “rosa”. Mas na realidade a pele precisa ter um tom laranja escuro. Com um método de aplicação de camada (quando duplicada) para Exposição. Ela cobre a camada de baixo com pigmentação. Respeitando os espaços a mostra da luz ou escondidos pela sombra. Note que a pele não ‘sobrepôs’ a sombra clareando-á.

Os demais elementos como cabelo, lábios, roupas e cenários são mais intuitivos e sofrem menos acidentes.

Templo do Tempo 3D – Zelda

Publicado em 21 de setembro de 2016 por Rafael Junqueira

Cenário interno do Templo do Tempo com referência do jogo The Legend of Zelda: Ocarina of Time (1998) para Nintendo 64 (N64) utilizando Blender 3D versão 2.77 com renderizador padrão sem uso de Cycles e Node Editor. Tempo de renderização menos de 1 minuto com uso do SSS e iluminação pontual sem sombra. Texturização editadas com o programa Gimp 2.8.16. Segue a figura extraída da internet para referência de crianção.

Texturização foi realizada utilizando o método UV MAP que permite um trabalho melhor de posicionamento de texturas sobre o modelo seguindo o padrão da malha (mesh).

Telas 3D View com visão Wireframe e Texture Object que facilita a visualização da mesh e da prévia do trabalho final com influência da iluminação.

Método de texturização pelo UV Map utilizando o método unwrap com a visualização do tipo de iluminação, coloração e efeitos da textura mais a mesh com o seu posicionamento no modelo final.

Visualização da visão aérea com texture object, mais material mode (sem textura com a cor básica) e wireframe.

Observações.

A texturização da parede ao fundo parece embaralhada na última foto pois depende muito do posicionamento de câmera. O lado direito também. Parece criar uma visão ‘fractal’. Esse trabalho incluindo o estudo de referências, bem como sua coleta, texturização, modelagem, iluminação, edição e renderização um total de 10 horas.

Criando GIF

Publicado em 29 de junho de 2014 por Rafael Junqueira

Nível: Intermediário (Fácil)

Criar GIF tem uma finalidade essencial, gerar ‘blink’ para chamar atenção para algum conteúdo. Aqui vamos aprender a fazer um letreiro que pisca utilizando o efeito Neon (Leia aqui como fazer). O tutorial é simples, mas de nível intermediário, é preciso saber sobre camadas (leia aqui como fazer) . Abra seu Gimp, e vamos trabalhar.

Em Breve em Blink (Imagem: Mundo Pauta)

Para criarmos este efeito, é necessário uma breve introdução de animação em GIF e uma explicação de como vamos proceder este desenvolvimento, utilizando APENAS o Gimp. Sem qualquer programa auxiliar. O programa possui em sua base default (padrão) um filtro chamado ‘Animação’. Nele é possível reproduzir uma sequência de quadros (frames) que podem ser muito bem configurados com intervalos, expressos em ms (milisegundos).

Este recurso pode realmente passa indiferente para muitos usuários, mesmo os de nível avançado. Criar GIF tem uma finalidade quase exclusiva de marketing, então a pequena minoria que o usa, apenas para deixar mais ‘estético’ o seu sítio. Neste tutorial não vou entrar em conceitos de comunicação, apenas o tutorial.

Conhecendo o ambiente de animação no GIMP.

É muito importante que esse quadro seja lido para entender o restante do tutorial. Em Arquivo temos a opção “Exportar” que será o comando para gerar o arquivo .GIF, é um processo apenas para o final. Em Filtros temos o agente simulador de animação, que é identificado pelo menu FILTROS\ANIMAÇÃO\REPRODUZIR. Nele é possível ver como está sua animação antes de finaliza-la.

Na janela de camadas, temos cada quadro\frame. Cada camada é um quadro de animação. E para definir o intervalo de tempo entre uma delas, basta clicar com o botão direito do mouse sobre cada camada e escolher EDITAR ATRIBUTOS DA CAMADA… e nomeá-la da seguinte forma (Forma sintática: nome_da_camada(tempo em milisegundos)) por exemplo:

JenniferLawrence(100ms) (lê-se: Que o quadro\frame que contém a imagem da atriz apenas tenha 100 milisegundos de tempo para transição de outro quadro. Para fins de conversão do tempo permitido, 1000 milisegundos equivalem á 1 segundo. Para aprofundamento, para ter uma boa animação geralmente são precisos 24 quadros para cada 1 segundo, há uma fluência de transição entre frames, gerando um filme mais natural.

Analisem bem esta imagem antes de passar.

Ambiente de animação (Imagem: Mundo Pauta)

No próximo passo vamos editar o intervalo de tempo, o campo também permite nomear a camada sem prejuízos. Para gerar o intervalo, é obrigatório que ela seja entre parênteses unido a abreviatura correta da unidade de tempo ‘ms’ unida ao valor numérico discreto (número inteiro, sem casas decimais). A unidade tempo é definida por milisegundos.

Para cada 1000 milisegundos temos 1 segundo. Queira valores menores que 1000 ms para fazer uma animação mais natural ou demorada, acima de 1000 ms. Façam seus testes.

Configurando o intervalo de tempo (Imagem: Mundo Pauta)

Para efeitos de facilitar como criar a sequência de quadros\frames apresento a seguinte metodologia. Cria-se uma primeira imagem, o objeto principal da animação. Você pode desenhar ou plotar uma imagem como um boneco palito, uma luz que acende, um projetor, a ideia que for, no nosso caso um letreiro de neon que pisca em 2 cores.

Lembrando que aqui não passo o etapa por etapa da criação Neon, para isso, terá que acessar o tutorial citado lá em cima. Mas não é preciso Neon para faze GIF, é só um toque á mais. O que importa é listar as camadas em sequência para gerar o GIF. Conforme a figura a seguir, duplique uma camada e faça a modificação necessária.

Observe #1 e o #copy1 (fica alternando com o #2 e #copy2). É essa a ideia.

$Geração de quadros\frames (Imagem: Mundo Pauta)$

Geração de quadrosframes (Imagem: Mundo Pauta)

Agora o passo é testar sua simulação antes de finaliza-la. Para isso vá no menu FILTROS\ANIMAÇÃO\REPRODUZIR.

Simulando a animação (Imagem: Mundo Pauta)

O painel de simulação da animação é o da figura a seguir. Nele podemos analisar como ficou nossas configurações para animação antes de exporta-la.

Painel de simulação de animação (Imagem: Mundo Pauta)

Está na hora de criar o arquivo .GIF e fazer o sua animação ganhar vida.

Criando o GIF (Imagem: Mundo Pauta)

Vá em Arquivo\Exportar (mas antes ele vai perguntar o nome do arquivo). Aqui você deve definir nome_arquivo.gif. Quando ele detectar a extensão .GIF vai gerar esta janela abaixo. Então vamos lá para os comentários da figura. No #C1 é uma opção opcional, é para incluir um comentário que ficará nos bastidores, nem vai aparecer na animação. Ele só serve para você. No #C2 é o tempo que você estipulou entre as transições de cada quadro (100ms), mas pode mudar para outro valor, sem precisar mexer em cada camada.

Imagine que esse recurso lhe facilita, se sua animação tem 500 quadros. Deve salvar como animação, senão vai gerar o .gif como uma imagem estática.

Exportando como animação (Imagem: Mundo Pauta)

Dúvidas ou opinião.

Gostou deste tutorial? Achou difícil? Foi de fácil compreensão a leitura? Envie para o Mundo Pauta seus comentários, para que nos próximos possamos melhorar ainda mais. Confira também novidades no Facebook.com/MundoPauta.

Edição Digital Cut Out

Publicado em 29 de junho de 2014 por Rafael Junqueira

Nível: Intermediário (Fácil)

Cut out é um efeito de focar algum objeto colorido entre outros em preto e Branco. O destaque é justamente o objetivo deste recurso. Neste tutorial será usado camada e máscara. É um tutorial particularmente fácil de realizar, basta agora seguir o curso da criatividade. Vamos lá?

$Cut Out com a cena do filme Godzilla (Imagem: Reprodução\Mundo Pauta)$

Cut Out com a cena do filme Godzilla (Imagem: Reprodução\Mundo Pauta)

Aplicando o efeito Cut-Out.

Este tutorial segue um caminho mais fácil que qualquer outro, até para quem está lidando com camadas e máscara pela primeira vez. Sigam cada fotografia, e os textos que se seguem complementam qualquer dúvida que por acaso venha surgir.

$Primeiras impressões (Imagem: Reprodução\Mundo Pauta)$

Primeiras impressões (Imagem: Reprodução\Mundo Pauta)

No processo “Duplica a camada”, é o primeiro passo. Clique em Godzilla 2014 e com o botão direito do mouse, selecione “Duplicar camada”. Com a nova cópia, selecione e no menu CORES/Desaturar. Aliás vamos aplicar o efeito de PB (Preto e Branco) na cópia para depois aplicarmos uma máscara nela.

A camada original será preservada para nos das o apoio na parte que ficará colorida.

Duplicando a camada e convertendo em PB (Imagem: Mundo Pauta)

Após selecionar o CORES/Desaturar, a janela que surge é aí debaixo na figura. Escolha a opção ‘Média’ que significa um equilíbrio entre claridade e luminosidade. E clique em ok. Lembrando que a camada cópia é quem vai sofrer o resultado de PB. A original deve ficar colorida.

Configurando a desaturação na Cópia de Godzilla 2014 (Imagem: Mundo Pauta)

Selecione no MENU CAMADA\Máscara\Adicionar máscara a camada. E lembre-se, continue selecionando a Cópia de Godzilla 2014. Estamos agora colocando uma tela que irá ‘permitir’ que você pinte a parte da imagem que quer que fique preto e branco.

Aplicando a máscara (Imagem: Mundo Pauta)

Nós vamos optar por “Preta (transparência total)”, já alerto aqui que é preciso mudar a cor do primeiro plano, que nas figuras seguintes ilustro este aviso mais uma vez. Ou seja, apenas com a cor branca é possível realizar a alteração. Este tipo de máscara permite uma edição mais rápida e facilitada. Não impede que vocês tentem outras alternativas.

Aplicando a máscara na Cópia de Godzilla 2014 (Imagem: Mundo Pauta)

Agora a cópia do Godzilla 2014 está sob o efeito do PB com aplicação da máscara, o qual revela a camada original (colorida). Apenas com o uso pincel, utilizando a saída na cor branca configurada no primeiro plano, teremos o efeito do Cut-out na figura original. Aliás estamos limitando que ela seja, toda, PB.

Preparando a edição da Máscara (Imagem: Mundo Pauta)

Note o efeito do Cut-Out na foto. Bem agora basta que vocês escolham o que pintar. Escolhi preservar a atriz Elizabeth Olsen. Mas vocês podem escolher apenas deixar ela em PB, ou alguma parte somente. Vai do gosto de cada um. O tutorial terminou, foi fácil ou difícil. Deixe nos comentários suas dúvidas.

Desaturação manual. (Imagem: Mundo Pauta)

Resultado.

Efeito Cut-Out (Imagem: Mundo Pauta)

Dúvidas ou opinião.

Edição Digital Neon

Publicado em 28 de junho de 2014 por Rafael Junqueira

Nível: Intermediário (Fácil)

Como fazer um efeito Neon no Gimp? A espera a acabou, e agora é possível entender como funciona o efeito, e trazer a criatividade á tona. Neste tutorial, ressalto que é preciso entender de camadas, seleção, mapa de curvas, blur, camada alfa e filtros.

Resultado Final do efeito Neon no Gimp (Imagem: Mundo Pauta)

A primeira coisa á dizer é que você só vai precisar do programa Gimp 2.8.10 sem instalação adicional de plugins e scripts. Basta seguir cada passo a passo para gerar o resultado acima e outros. Deixo livre aos leitores em especificar o tamanho da imagem inicial, cores e fontes. O básico é é como projetar a aura (halo) para obter o efeito NEON, típico da cultura Cyberpunk. Boa leitura.

Gerando efeito Neon

Primeiro passo é definir a cor de fundo e o que escrever. Na grande maioria de tutoriais espalhados pela internet, é muito comum utilizar o background negro. Portanto ficará a critério e a sua imaginação ao utilizar outras configurações. Escreva algum tempo ou desenhe alguma figura, mas deixe esta camada ativa e separada.

Preparando o terreno

A segunda parte é aplicar um efeito blur. Este efeito é para aquela sensação de embaçado que a luz provoca nos olhos. Então fica a critério o número de pixels aplicados.

Aplicando Blur (Imagem: Mundo Pauta)

Escolha em Cores\Curvas e selecione Alpha. Coloque como no mapa, mas não deixe de fazer testes. Utilize a opção ‘Restaurar’ caso queira retornar e repetir outros resultados. Este efeito “gera a sensação de glow” ou explosão do embaçado. Aquela ideia que uma luz neon faz. Engorda luz.

Soprando o vidro (Imagem: Mundo Pauta)

Este passo é opcional, mas acredito que seja mais criativo em criar aquelas ‘artérias’ que o Neon faz quando queremos dar aspecto de vidro ou plástico. Ao invés dele somente obter uma explosão na aura (Halo), o efeito de iluminação que contorna algum objeto.

Criando infiltração de Neon (Imagem: Mundo Pauta)

Vá em selecionar \ Encolher e configure 7 pixels.

Formando os tubos (Imagem: Mundo Pauta)

Efeito de tubulação (Imagem: Mundo Pauta)

Apesar do Script ser chamado de Neon, eu os transcrevo como Halo. É o responsável por criar a aura que vemos quando um objeto brilhoso se esconde atrás de outro. Aqui o efeito será implementado pelas modificações que fizemos até aqui. Se quiserem experimentar o Neon Alien, vai lembrar o logotipo do Tron de 1982.

Aplicando o efeito HALO (imagem: Mundo Pauta)

Normalmente é encontrado por aí, os valores do tamanho do efeito em 40. Eu coloquei em 60 porque a história é tentar resultados primorosos e diferentes. O que vai valer aqui é também o que sempre tenho dito deste do princípio, experimentações. Aqui o conselho é testar o resultado que você quer ou espera.

Fundo negro e halo de que cor? (Imagem: Mundo Pauta)

As camadas ali do lado não foi um pulo de etapa. É que o script Neon gera estas camadas na medida que ele foi programado assim. Uma camada refere-se a iluminação aplicada ao objeto (o texto), a outra é referente ao background (fundo) e a manutenção do background (sem substitui-lo). Para trabalhar com esta imagem, é preciso unir as camadas.

Em camadas (Imagem: Mundo Pauta)

Para unir basta no atalho de teclado pressionar CTRL + M, e deixe a configuração que está.

As camadas vão ser unificadas em apenas uma. (Imagem: Mundo Pauta)

Para um trabalho finalizado, copie ou cole, exporte e trabalhe com uma imagem de composição. E dê efeitos chamativos á sua mensagem. Não se esqueça que este tutorial só lhe deu o pontapé inicial. Agora é com você.

Mundo Pauta

JORNALISMO

Arquivo da tag: gimp

Série – Colorização (Escala cinza para colorida) – Gimp – 1

Curtir isso:

Templo do Tempo 3D – Zelda

Curtir isso:

Criando GIF

Nível: Intermediário (Fácil)

Dúvidas ou opinião.

Curtir isso:

Edição Digital Cut Out

Nível: Intermediário (Fácil)

Cut out é um efeito de focar algum objeto colorido entre outros em preto e Branco. O destaque é justamente o objetivo deste recurso. Neste tutorial será usado camada e máscara. É um tutorial particularmente fácil de realizar, basta agora seguir o curso da criatividade. Vamos lá?

Dúvidas ou opinião.

Curtir isso:

Edição Digital Neon

Nível: Intermediário (Fácil)

Como fazer um efeito Neon no Gimp? A espera a acabou, e agora é possível entender como funciona o efeito, e trazer a criatividade á tona. Neste tutorial, ressalto que é preciso entender de camadas, seleção, mapa de curvas, blur, camada alfa e filtros.

Gerando efeito Neon

Dúvidas ou opinião.

Curtir isso:

Compartilhe.

Curtir isso:

Compartilhe.

Curtir isso:

Nível: Intermediário (Fácil)

Dúvidas ou opinião.

Compartilhe.

Curtir isso:

Nível: Intermediário (Fácil)

Cut out é um efeito de focar algum objeto colorido entre outros em preto e Branco. O destaque é justamente o objetivo deste recurso. Neste tutorial será usado camada e máscara. É um tutorial particularmente fácil de realizar, basta agora seguir o curso da criatividade. Vamos lá?

Dúvidas ou opinião.

Compartilhe.

Curtir isso:

Nível: Intermediário (Fácil)

Como fazer um efeito Neon no Gimp? A espera a acabou, e agora é possível entender como funciona o efeito, e trazer a criatividade á tona. Neste tutorial, ressalto que é preciso entender de camadas, seleção, mapa de curvas, blur, camada alfa e filtros.

Gerando efeito Neon

Dúvidas ou opinião.

Compartilhe.

Curtir isso: