Criando um cubo mágico com sua foto no Gimp
Neste tutorial vamos ver como criar um cubo mágico com nossa foto no Gimp, este passo-a-passo foi sugerido nos comentário do tutorial “Crie fotos com efeito trançado usando o Gimp“.
Acredito que a forma que optei por colocar aqui não seja a mais fácil, mas nesta versão podemos ver como aplicar alguns efeitos e como utilizar algumas ferramentas interessantes.
Tentei detalhar bastante o processo para ficar fácil de ser seguido. Caso algum passo esteja confuso, ou você tenha alguma sugestão, crítica, etc, etc… deixe um comentário ;D
Veja o resultado obtido no final do tutorial (clique na imagem para expandir).
Neste tutorial utilizei o Gimp 2.6.6
1 – Criar nova imagem 440×440 com fundo branco.
2 – Clicar no menu “Visualizar“, marcar as opções “Exibir grade” (1) e “Atrair para grade” (2).
3 – Já estamos vendo a grade na imagem, vamos então mudar algumas opções. Clicar no menu “Imagem » Configurar grade…”
4 – Na janela de configuração de grade, alterar o “Estilo de linha” para “sólido“, mudar a cor da frente para amarela (para ficar visível em cima da cor preta), o espaçamento colocar 20 para altura e 20 para largura.
5 – Abrir a “Janela de Camadas” pressionando “Ctrl+L“, e crie uma nova camada transparente.
6 – Clicar na “Ferramenta de seleção retangular“, marcar a opção “cantos arredondados” e alterar o valor do “raio” para “10“.
7 – Selecionar toda a imagem 440×440 com a ferramenta de seleção.
8 – Vamos preencher a camada com a cor preta, para isso clique no menu “Editar » Preencher com a cor da frente“. (certifique-se que a cor da frente seja preta e a cor de fundo branca)
9 – Criar uma nova camada transparente, dê o nome de “quadros” para esta camada.
10 – Vamos agora desmarcar toda a seleção, clicar no menu “Seleção » Nada” (ou pressione Shift+Ctrl+A)
11 – Clicar na “Ferramenta de seleção retangular“, marcar a opção “cantos arrendondados“, raio “10” e alterar o “Modo” para “Adicionar a seleção atual“. É importante a alteração do campo Modo.
12 – Baseando-se na grade, inicie a seleção a uma distância de 1 unidade de grade da esquerda e 1 unidade de grade do topo (a opção “atrair para grade” selecionado no passo 2 irá ajudar a encaixar no ponto desejado), selecione um quadro de 120×120, ou seja 6 unidades da grade. Observe o tamanho da seleção no canto inferior direito da janela da imagem.
13 – Lembra que marcamos a opção “adicionar a seleção” no passo 11? Isso nos permite continuar selecionando outras partes sem perder a seleção anterior. Deste modo selecione os outros 8 quadros, sempre com a distancia de 1 unidade de grade entre um e outro.
Observação:
Se preferir, você pode selecionar e preencher cada quadro individualmente.
Pode também selecionar e preencher o primeiro, duplicar a camada e reposicionar.
Faça da maneira que você achar mais fácil. No final todos os quadros devem ficar na mesma camada.
Fiz da forma mostrada acima para mostrar o modo “adicionar a seleção atual” das opções da ferramenta de seleção.
14 – Com a seleção terminada, vamos preencher com a cor branca, clique no menu “Editar » Preencher com cor de fundo” (branca).
15 – Veja que toda a seleção foi preenchida.
Nos passos 16 a 31, vamos dar um pouco de volume aos quadros brancos. Apesar desses passos não serem necessários, o resultado final fica muito mais interessante se aplicado.
16 – Na janela de camadas, com a camada “quadros” selecionada, duplique-a clicando no botão “duplicar camada” (1), de duplo clique na camada duplicada e renomeie para “desfocar” (2).
17 – Os quadros brancos ainda estão selecionados, vamos retirar a seleção, clique no menu “Seleção » Nada” (ou pressione Shift+Ctrl+A)
18 – Vamos desfocar um pouco a camada “desfocar” 
, com a camada “desfocar” selecionada, clique no menu “Filtros » Desfocar » Desfocagem gaussiana…”
19 – Nas configuração da desfocagem, altere o “raio de desfocagem” para 15, tanto para horizontal como vertical. Aplique o efeito.
20 – Na janela de camadas (Ctrl+L), clique na camada de nome “quadros” para selecioná-la.
21 – Clique agora com o botão direito na camada “quadros” e selecione a opção “Alfa para seleção“.
22 – Vamos agora inverter a seleção, clique no menu “Seleção » Inverter” (ou pressione Ctrl+I).
23 – Na janela de camadas (Ctrl+L para abrir), clique na camada de nome “desfocar” para selecioná-la.
24 – Pressione a tecla “delete” para apagar o que esta marcado como seleção. Perceba que a aura que tinha aparecido em cada um dos quadros sumiu. Certifique-se que apenas a “aura” foi apagada, na janela de camadas, veja se a camada “desfocar” ainda está com os quadros brancos.
25 – Vamos desmarcar toda a seleção novamente, clique em “Seleção » Nada” (ou pressione Shitf+Ctrl+A)
26 – Clique agora na camada “quadros” para selecioná-la.
27 – Vamos aplicar agora o efeito de “Mapa de Relevo” na camada “quadros” utilizando como mapa a camada “desfocar”, para isso clique no menu “Filtros » Mapear » Mapa de relevo“.
28 – Na janela de configuração do filtro, certifique-se que a camada “desfocar” esteja selecionada na opção “Mapa de relevo“, e altere o valor da “profundidade” para “10“, não altere os outros valores. Veja a imagem abaixo com as configurações. Aplique o efeito.
29 – Na janela de camadas, delete a camada “desfocar” e a camada de “fundo” branco.
30 – Vamos retirar a grade para melhor visualizar, clique no menu “Visualizar” e desmarque as opções “Exibir grade” (1) e “Atrair para grade” (2)
31 – Veja que já temos um lado do cubo mágico.
Passo 32 altamente recomendado.
32 – Antes de carregar a imagem que será utilizada no cubo mágico, recomendo salvar o trabalho feito até agora, para poder ser utilizado em trabalhos futuros. Salve o arquivo com a extensão XCF, que é o formato do Gimp, neste formato ele preserva as camadas da forma em que estão.
33 – Vamos carregar a foto, na janela da imagem, clique em “Arquivo » Abrir como camadas…” (ou pressione Ctrl+Alt+O). Redimensione, corte, etc, etc, deixe a foto 20 pixels menor que o tamanho do lado do cubo, ou seja, deixe a imagem no tamanho de 420×420 e centralizada. Se preferir utilizar a mesma imagem do tutorial, clique na imagem abaixo para expandir, ou faça o download aqui.
34 – Mude o “Modo” da camada da foto para “multiplicar“.
35 – Veja que a foto se “enquadrou”
36 – Vamos salvar novamente a imagem, mas agora como PNG, na janela da imagem, clique em “Arquivo » Salvar como…“. Escolha o local e salve como “lado_cubo.png“.
Com a nossa peça base salva, feche a imagem, vamos agora começar a montar o cubo.
37 – Crie uma nova imagem (Ctrl+N) de 1200×1200 e fundo transparente.
38 – Vamos carregar como camada a nossa imagem base, clique em “Arquivo » Abrir como camadas…” (ou pressione Ctrl+Alt+O) e carregue a imagem salva “lado_cubo.png“.
39 – Na janela de camadas (Ctrl+L) duplique a camada “lado_cubo.png” 2 vezes, e renomeie para “topo”, “direita” e “esquerda” como mostrado na imagem abaixo.
Algumas considerações a fazer antes de continuar:
Se preferir, arraste cada camada para seu respectivo lado, ou seja, a camada “esquerda” para esquerda, a camada “direita” para direita e a camada “topo” um pouco para cima.
Neste tutorial, para montar o cubo, utilizei como base a imagem renderizada do cubo padrão do Blender, ou seja, copiei essa imagem para abaixo das outras camadas e utilizando a ferramenta de perspectiva do Gimp, encaixei cada lado no cubo. (Esta é a forma que vamos ver adiante).
Se preferir, para montar o cubo, utilize em cada camada as ferramentas de mover, rotacionar, redimensionar e inclinar até que fique na forma desejada.
Não sei dizer qual é a forma mais fácil de se montar o cubo, abaixo vou mostrar os passos que utilizei para montar o cubo deste tutorial.
Ok, ok, chega de enrolação, vamos lá passo-a-passo.
40 – Primeiro de tudo, copie a imagem abaixo (clique nela para expandir) ou faça o download da imagem aqui, e salve no seu computador.
41 – Abra essa imagem como camadas, na janela de imagem clique em “Arquivo » Abrir como camadas…” e selecione a imagem “cubo_blender.png“.
42 – Na janela de camadas, utilizando a seta de movimentar camadas (1), posicione a camada do “cubo_blender.png” abaixo de todas as outras camadas, conforme imagem.
43 – Vamos primeiramente trabalhar com a camada “esquerda“. Na janela de camadas, vamos “esconder” as camadas “topo” e “direita”, clicando no “olho” que está ao lado esquerdo de cada uma das camadas, veja como deve ficar a janela de camadas na imagem abaixo.
44 – Clique na camada “esquerda” para que a mesma fique selecionada.
45 – Selecione a “Ferramenta de Perspectiva” e clique na imagem. Uma janela aparecerá. Mova essa janela para o lado, não clique em nada nesta janela, apenas tire-a da frente para melhor visualizar a imagem.
46 – Observe que na nossa imagem “esquerda” apareceu um quadrado em cada canto, mova esses quadrados para encaixar no cubo que está no fundo. Após mover os 4 cantos, pressione “Enter” para confirmar a transformação. Com isso o lado “esquerdo” assumiu sua posição. Veja os 5 passos, mover e confirmar com Enter, na imagem abaixo (clique na imagem para expandir).
47 – Agora, clique na camada “direita”, clique também no “olho” da camada para torná-la visível. (Não precisa esconder a camada esquerda, ela já esta no sua posição, e não irá nos atrapalhar). Repita os mesmos passos para a camada “direita”, clique na “Ferramenta Perspectiva”, clique na imagem e arraste os quadrados que apareceram nos cantos para se encaixar no cubo base e por fim pressione a tecla “Enter” para aplicar.
48 – Repita os mesmos passos para a camada “topo”. Clicar na camada “topo” para selecioná-la, clicar no “olho” para deixá-la visível, utilizar a ferramenta de perspectiva, mover os cantos para encaixar no cubo base, pressionar “Enter” para aplicar.
49 – Veja que nosso cubo já está montado.
Para finalizar, uma sombra e um fundo.
50 – Delete a camada do cubo (cubo_blender.png) que utilizamos como base para montagem.
51 – Vamos agrupar as 3 camadas, clique com o botão direito do mouse na camada “topo” e selecione “Combinar Abaixo“.
52 – Repita o passo anterior até que as camadas “topo”, “direita” e “esquerda” estejam em uma só camada.
53 – Vamos aplicar uma sombra na imagem, clique no menu “Filtros » Sombra e luz » Sombra projetada“.
54 – Na janela de configuração da sombra, altere o raio da desfocagem para 20 e aplique o efeito.
55 – Clique na camada “Fundo” para selecioná-la. Na janela de ferramentas altere a cor do frente para um azul escuro, deixe a cor do fundo branca. Selecione a ferramenta Mistura e aplique o degradê no fundo.
Finalmente terminamos, não esqueça de salvar.
Abraços!
Até a próxima!
Talvez você também se interesse por...
- Adicionar borda em texto no Gimp
- Criando um raio no Gimp
- Textos com o próprio conteúdo da imagem no Gimp
- Texto ao longo do caminho no Gimp
- Ilusão de ótica no Gimp
8 Comentários para “Criando um cubo mágico com sua foto no Gimp”
Deixe um Comentário
Gil Ferreira on setembro 24th, 2009
Pensei que só a galera que usava o Photoshop poderia ter essa façanha ^^
Obrigado pela ajuda
Abraços =)
Alexandre Campos on setembro 24th, 2009
a idéia desse tutorial foi sua.
Apesar de não ser complicado, acabou ficando um pouco maior do que esperava, acho que vou fazer uma versão em video deste tutorial.
Abraços
Dalvan Jair Griebler on outubro 2nd, 2009
leandro on novembro 22nd, 2009
Rafael Botelho on dezembro 11th, 2009
Muito bem explicado e em uma linguagem simples de entender.
Tá de parabéns!
Abraço!
Letícia on dezembro 16th, 2009
Letícia on dezembro 16th, 2009
Michel on dezembro 23rd, 2009