Páginas

Pesquisar este blog

terça-feira, 25 de janeiro de 2011

Gimp: Crie um logotipo

Via Baixaki e Tecmundo
.
GIMP é um editor de imagem repleto de recursos interessantes que, combinados a sua criatividade, podem gerar resultados legais. O Baixaki ensina agora como é possível fazer uma logotipo utilizando este programa de código aberto.
Obs: A versão utilizada para realizar este tutorial foi a 2.4.7. Este tutorial é baseado na criação de Rafael Minatti.
Crie uma Nova Imagem (Arquivo > Nova ou Ctrl + N). O tamanho da imagem fica a seu critério, mas é preferível o uso de dimensões não tão pequenas, de modo facilitar o seu trabalho. No exemplo, o documento criado é de 800 x 600 pixels.
Crie uma nova camada (Camada > Nova camada ou Shift + Ctrl + N) e dê a ela o nome de “Círculo”. Use a Ferramenta de Seleção Elíptica (E) e crie um círculo na tela em branco. Para criar um círculo perfeito, pressione a tecla Shift enquanto desenha. Preencha-o com a cor que quiser, de preferência uma cor clara.
Desenhe um círculo e preencha-o com uma cor clara
Sem desativar a seleção, crie uma nova camada e nomeie-a como “Contorno”. Pressione Ctrl + I para inverter a seleção e então preencha a nova camada com uma cor mais escura que a do círculo. Ainda sem desativar a seleção, duplique a camada “Contorno”.
Preencha o fundo com uma cor mais escura
Agora, após desabilitar a seleção (pressionando Ctrl + A), aplique o filtro Desfocagem Gaussiana (Filtros > Desfocar > Desfocagem Gaussiana) às camadas “Contorno” (valores 15 e 15 pixels) e “cópia de Contorno” (valores 25 e 25 pixels). A imagem deve ficar como no exemplo abaixo.
Use a Desfocagem Gaussiana
Depois de aplicar o filtro, clique com o botão direito sobre a camada “Círculo” e depois em “Alfa para a Seleção” para selecionar novamente o círculo, agora com o efeito causado pela Desfocagem Gaussiana. Depois disso, selecione a camada “Contorno”, pressione Ctrl + I para inverter a seleção e a tecla Delete para apagar as “sobras” na imagem. Repita o processo na camada “cópia de Contorno”.
Após apagar as
Novamente, aplique “Alfa para a Seleção” na camada “Círculo”. Crie uma nova camada e nomeie-a de “Borda1”. Então, siga o caminho Seleção > Aumentar e aumente a seleção em 6 pixels. Preencha a nova seleção com a cor preta e lembre-se de deixar esta camada para baixo da camada “Círculo”.
Aumente a seleção e pinte-a de preto
Para aplicar um efeito de brilho, crie uma nova camada e chame-a de “BrilhoTopo” e coloque-a antes de todas as outras camadas. Use a Ferramenta de Seleção Elíptica (E) e crie um pequeno círculo oval no topo do círculo já existente. Escolha agora a Ferramenta de Mistura (L) para aplicar um degradê de cores ao espaço oval.  Utilize o degradê “Frente para Transparente” com a cor branca e aplique-o de cima para baixo.
Crie um efeito de brilho no topo do círculo
Você pode também fazer um reflexo em seu círculo. Para isso, selecione “Alfa para a Seleção” novamente na camada “Círculo”, crie uma nova camada, dê o nome de “Reflexo” e preencha-a de branco.
Preencha a nova camada com a cor branca
Desabilite a seleção e então mova o círculo um pouco para o lado direito.
Arraste o círculo um pouco para a direita
Agora, aplique “Alfa para a Seleção” na camada “Círculo”, clique sobre a camada “Reflexo” e então pressione a tecla Delete para apagar as sobras. Sua imagem deve ficar como no exemplo abaixo.
Repare no restante do círculo branco que foi apagado
Desabilite a seleção, selecione a camada “Reflexo” e mova a pequena curva que restou para dentro do círculo, posicionando-a bem na beirada deste. Para dar um efeito de reflexo, diminua a opacidade para em torno de 40%.
Arraste a
Aplique “Alfa para a Seleção” na camada “Círculo”, crie uma nova camada com o nome de “Textura”, selecione a “Ferramenta de preenchimento”, escolha a opção “Preenchimento com textura”, encontre uma textura que lhe agrade e então aplique sobre o círculo. Para dar um efeito diferente, você pode inverter as cores da textura (Cores > Inverter).
Preencha com uma textura e inverta as cores se preferir
Depois disso, selecione a camada “Textura” e selecione o modo “Sobrepor”.
Deixe a camada no modo
Agora, seu logotipo está praticamente finalizada. Você pode incrementá-la ainda mais adicionando imagens e/ou textos ao seu interior, como na imagem do exemplo.
Adicione imagens ou textos à sua logomarca
Para deixá-la ainda melhor, você pode adicionar uma espécie de borda com efeito de nuvens. Para isso, crie uma nova camada e chame-a de “Nuvem”. Depois, aplique “Alfa para a Seleção” na camada “Círculo”. Agora, selecione a camada “Nuvem” e aumente o tamanho da seleção (Seleção > Aumentar) em 20 pixels. Depois, aplique o filtro indo em Filtro > Renderizar > Nuvens > Ruído Sólido.
Adicione o filtro de nuvens à sua logomarca
Se preferir, adicione uma borda ao seu logotipo. Crie uma nova camada com o nome de “BordaFinal”, repita o processo para aumentar o tamanho da seleção, só que agora somente em 1 ou 2 pixels. Escolha a cor que desejar, preencha a imagem, lembre-se de posicionar esta camada embaixo da camada “Círculo” e pronto!
Uma borda final também vai bem!
DICAS
Você pode melhorar sua criação ainda mais, alterando seus níveis de cor, contraste, brilho, matriz, saturação e demais opções presentes no menu “Cores”.

terça-feira, 18 de janeiro de 2011

Need For Speed: Personalizando a lataria

.
.
Por Fabio Roberto Machado Jordão
sexta-feira, 7 de novembro de 2008
É hora de tunar seu carro e o Baixaki vai deixar tudo na maior estilo Need for Speed!Muitos pediram e finalmente o Baixaki atende aos pedidos! A partir de hoje começa uma série de artigos relativa ao jogo Need For Speed, sendo que cada matéria irá ensinar como modificar uma parte diferente do carro através do GIMP. Need For Speed é, sem dúvida, o game mais aclamado no gênero de corrida e dificilmente há alguém que não tenha visto ao menos imagens do jogo.
Evidentemente, tudo que nossos artigos vão ensinar são relacionadas à parte exterior, pois a parte interna do carro não faz muito sentido ser alterada. O primeiro tutorial é relativo à pintura da lataria e personalização externa. Então vamos lá, selecione uma foto e prepare-se para o tunning.
Mudando a cor do carro
1) Abra a foto do seu carro e duplique a camada de fundo.
Duplique a camada de fundo
1º) Na janela de camadas, clique com o botão direito do mouse sobre a camada Fundo e clique em "Duplicar Camada".
2º) Agora clique com o botão direito do mouse sobre a cópia de Fundo e selecione "Editar Atributos da Camada...".
3º) Altere o nome para "Lataria" e clique em OK.
2) Na camada duplicada selecione a lataria do carro, tomando cuidado para não selecionar os vidros, as lanternas e os pneus.
Selecione a lataria
1º) Clique no item "Free Select Tool" (Ferramenta de seleção livre). Agora basta selecionar a lataria do carro.
3) Agora pinte a seleção com a cor que desejar, ou com uma mistura.
Pinte o carro
1º) Clique na "Ferramenta de preenchimento".
2º) Selecione a cor desejada.
3º) Aperte Delete para apagar a seleção efetuada.
4º) Clique dentro da seleção para pintar com a cor selecionada.
4) Agora basta alterar o modo da camada e verificar o resultado.
Altere o modo da camada
1º) Certifique-se de estar na camada Lataria.
2º) Altere o modo da camada para  "Cor".
Atenção: Caso você utilize um carro que esteja com outra cor que não seja a cinza, deve primeiramente deixar a lataria cinza, para que então o modo da camada seja eficiente. Vale lembrar também que caso não esteja satisfeito com as cores obtidas, você pode alterá-las através do menu Cores na opção "Matiz-Saturação".
Frisa-se que o método que você acabou de aprender é o mais complexo, pois na realidade é perfeitamente possível alterar a cor do carro através das opções do menu Cores. No entanto, é importante salientar que o trabalho com camadas é sempre mais eficiente, pois você tem sempre como acessar o trabalho inicial.
Baixaki... Pimp my ride!
Muito bem, agora que você já sabe aplicar cores a lataria, é hora de aprender a inserir adesivos, pinturas em vinil e outros detalhes. Veja como é fácil:
1) Vamos continuar com o exemplo supramostrado. O único detalhe que talvez seja interessante no exemplo de cima seja inserir um logo no capô, portanto, já para a oficina.
Inserindo um logo no capô
Legenda: O logo acima é de propriedade da Porsche e tem efeitos apenas demonstrativos.
1º) Utilize a "Ferramenta de Seleção Contígua".
2º) Clique na área branca da imagem.
3º) Inverta a seleção através do menu Seleção.
4º) Vá ao menu "Imagem" e clique em "Redimensionar Imagem...".
5º) Defina um tamanho pequeno para a imagem.
6º) Copie a seleção usando a opção "Copiar" do menu "Editar" ou o atalho "Ctrl + C".
7º) Cole a seleção na imagem do carro.
8º) Arraste-a para onde desejar.
9º) Coloque a "Seleção Flutuante" em uma nova camada.
10º) Usando a "Ferramenta de Perspectiva" altere o modo como a logo será posicionada.
2) Agora vamos para outro exemplo. No mesmo carro — porém com pintura diferente — vamos inserir uma pintura vinil no capô, veja como é fácil:
Aplicando uma pintura em vinil
Acima você visualiza o carro que modificamos e a imagem que desejamos inserir no capô.
1º) Selecione toda a imagem.
2º) Aperte "Ctrl + C".
3º) Cole na imagem do carro.
4º) Insira a "Seleção Flutuante" em uma nova camada.
5º) Arraste a imagem para a parte do capô.
6º) Use a "Ferramenta de Perspectiva" e altere a imagem para que ela fique em uma posição ideal. Após isto basta aplicar a transformação.
7º) Altere o modo da camada para "Esconder".
Abaixo você confere os dois tunnings que realizamos com o GIMP. Evidentemente, há muitas outras formas de alterar o carro, você pode adicionar listras, utilizar texturas na pintura e muito mais. Basta ter criatividade.
Os dois projetos finalizados
Esperamos que vocês obtenham sucesso. Esse foi apenas um dos muitos tutoriais da série Need For Speed, aguardem por mais. Até a próxima!

terça-feira, 11 de janeiro de 2011

Need for Speed: mude os faróis do seu carro

.
.
Por Oliver Hautsch
sexta-feira, 28 de novembro de 2008
Quer dar uma cara malvada ao seu carrão ou aumentar os faróis? Nós ensinamos como fazer.O chamado "tuning virtual" está na moda. Afinal, é muito mais barato mexer no seu carro utilizando programas de computador do que alterá-lo fisicamente. Dentro da série de tutoriais do GIMP que ensinam a deixar seu carro mais legal, agora vamos ensinar como fazer para colocar aquele farol invocado no seu carro para deixá-lo com uma dianteira mais agressiva. Se você não leu os tutoriais anteriores da série Need for Speed, clique nos links a seguir para acessá-los e saber como modificar mais ainda o seu automóvel.


Veja os passos abaixo, mas antes dê uma olhada na foto original da máquina que vamos tratar.
Imagem original.
1) Abra a imagem do seu carro e crie uma nova camada com o nome "Farol 1".
Crie uma camada chamada FAROL 1.
2) Abra a imagem que contém os faróis que você quer copiar e selecione um deles com a ferramenta "Seleção retangular". Não se preocupe em fazer uma seleção exata. Faremos isso depois. Aperte CTRL + C para copiar a seleção.
Selecione os faróis e aperte Control + C
3) Mude para a imagem do seu carro e pressione CTRL + V. Clique em qualquer lugar fora da seleção para que ela seja mesclada com a camada "Farol 1".
Cole o farol na imagem do seu carro (Control + V).
4) Utilizando a ferramenta de seleção livre (a que tem o desenho de um laço), selecione o farol, de modo que a seleção pareça com a imagem abaixo. Não tente selecionar o desenho todo "com um só clique". Faça utilizando pequenas linhas. Você não precisa se preocupar se a imagem ficará parecendo "quebrada", pois resolveremos isso depois.
Selecione o farol como na imagem.
5) Quando terminar de selecionar, pressione CTRL + I, ou vá ao menu "Seleção > Inverter" e depois aperte a tecla DELETE. Isso deve fazer com que a lataria do carro anterior suma e só fiquem os faróis.
Exclua a lataria do carro roxo para que só fiquem os faróis.
6) Se o desenho tiver ficado com as extremidades "serrilhadas", utilize a ferramenta "Desfocar" para suavizar as bordas, dando assim um aspecto mais realista.
Caso seja necessário, utilize a ferramenta de desfoque.
7) Caso o farol não caiba perfeitamente no local desejado, utilize as ferramentas de rotacionar, redimensionar e inclinar, encaixando assim a imagem do farol e alinhando-a com a perspectiva do seu carro.
Ferramentas usadas para você
8) Execute novamente a partir do passo 2 para mover o outro farol para o seu carro. Não se esqueça de criar antes uma camada com o nome "Farol 2".
9) Veja abaixo o resultado final da troca. Nosso protótipo ficou melhor com os faróis originais ou com os novos? Utilize os comentários para dar sua impressão.
Imagem final do nosso carro com os faróis alterados.
Logicamente o grau de realismo dependerá do seu empenho, mas principalmente da compatibilidade do estilo dos faróis que você escolher com o desenho do seu carro. Faróis de um Mitsubishi Eclipse não ficarão muito bonitos em um Fusca, por exemplo.

terça-feira, 4 de janeiro de 2011

Heroes: Efeito de relâmpago

.
.
Por Fabio Roberto Machado Jordão
quarta-feira, 29 de outubro de 2008
Vire Elle Bishop e controle a eletricidade facilmente com o GIMP!Os artigos da série Heroes continuam e agora é a vez de criar o poder de Elle. A garota que solta relâmpagos pelas mãos era apenas uma personagem secundária, mas com o desenrolar da história ela está ganhando cada vez mais espaço. Elle tem muito controle sobre sua habilidade, tanto que pode apenas soltar uma faísca ou se desejar pode criar incríveis relâmpagos de muitos volts. Já imaginou se você tivesse tal habilidade?
Então se prepare, pois o tutorial de hoje é dedicado apenas a criar um relâmpago — vamos realmente criar o relâmpago e não apenas copiar de uma foto pronta. É bom já avisar de antemão que o processo é um pouco demorado, mas não tanto como a adição de fogo na foto.
Ah, antes de começar veja a imagem abaixo, a qual mostra Elle Bishop utilizando seu poder!
Elle Bishop utilizando sua habilidade
Legenda: A imagem acima é de propriedade da Universal Channel.
Uma foto cheia de energia!
1) Hora de trabalhar, por isso, escolha uma foto (ou tire uma) que tenha sua mão posicionada para cima. Deixe a foto separada, porque antes de pensar em mexer nela, vamos criar o relâmpago, acompanhe como:
Criando nova imagem e adicionando o efeito degradê
1º) Crie uma nova imagem.
2º) Utilize os valores de 1000 pixels na largura e 300 na altura.
3º) Selecione a "Ferramenta de Mistura".
4º) Utilize a mesma cor mostrada na imagem.
5º) Arrastes a mistura da posição X até a posição Y.
* Sua imagem deve estar parecida como a mostrada acima
Deformando a imagem
6º) Acesse o menu "Filtros" e no submenu "Distorções" clique em "Deformação Interativa".
7º) Utilize o tipo de deformação "Mover" e molde a imagem de modo que ela pareça uma onda. Quanto mais torto fique o degradê, melhor ficará seu relâmpago.
** Deforme sua imagem de tal modo que ela fique semelhante a que está supramostrada.
Criando nuvens e invertendo as cores
8º) No menu "Filtros", vá em "Renderizar", acesse o menu de "Nuvens" e clique em "Nuvens de Diferença".
9º) Ajuste o detalhe das Nuvens de Diferença para 15. O valor do "Tamanho X" deve ser 12,0 e do "Tamanho Y" 5,0. Note que o valor da "Semente aleatória" não precisa ser o mesmo que utilizamos, portanto deixe o valor que o GIMP lhe fornecer.
10º) Inverta as cores da imagem. Para fazer isso, acesse o menu "Cores" e clique em "Inverter".
*** Note como a imagem fica antes e depois da inversão de cores.
Ajustando os níveis do relâmpago
11º) Por último vamos modificar os níveis de cor da imagem. Por isso, entre no menu "Cores" e clique em "Níveis...".
12º) Nos "Níveis de Entrada" altere o valor central para 0,20. O resultado final deve estar parecido com o que você visualiza acima.
2) Agora que já temos o relâmpago, é hora de inserir na foto. Veja como fazer:
Inserindo o relâmpago na imagem de fundo
1º) Primeiramente selecione toda a imagem do relâmpago. (Faça isso através do menu "Seleção" na opção "Tudo", ou utilize o atalho "Ctrl + A").
2º) Copie a imagem apertando "Ctrl + C" ou no menu "Editar" através da opção "Copiar".
3º) Na imagem da pessoa cole a seleção dop relâmpago. (Utilize o atalho "Ctrl + V" ou vá ao menu "Editar" e clique em "Colar").
4º) Perceba que ao colar a seleção, na janela de camadas fica indicado que você tem uma "Seleção Flutuante", para tornar a seleção permanente basta criar uma nova camada.
Rotacione o relâmpago
5º) Pressione o botão esquerdo do mouse sobre a "Ferramenta de Movimento".
6º) Arraste a imagem para onde desejar.
7º) Clique na "Ferramenta de Rotacionar".
8º) Gire a camada de modo que ela fique perto da mão na imagem de fundo.
9º) Para rotacionar clique no botão "Rotacionar".
10º) Mude o modo da camada do relâmpago para "Somente clarear". (Essa opção está na janela de camadas).
Adicione cor ao relâmpago
11º) É hora de colorir o relâmpago, portanto, no menu "Cores" clique em "Colorizar...".
12º) Altere a cor através das barras de Matiz, Saturação e Luminosidade e então clique em OK.
3) Este relâmpago está meio feio não é? Então vamos aperfeiçoar suas bordas.
Aperfeiçoe o relâmpago
1º) Clique na "Ferramenta Aerógrafo".
2º) Selecione os valores de "Pressão" e "Velocity" como os que você visualiza acima.
3º) Aumente os valores de "Taxa" e "Pressão" ao máximo.
***Antes de aplicar, confira qual cor está selecionada. Se o fundo da sua imagem for preto, então selecione a cor preta.
Agora basta ir clicando nas proximidades do relâmpago para apagar a fumaça em excesso.
4) Você acaba de aprender como inserir um relâmpago na imagem, porém, você pode inserir muitos outros, para inserir outros basta repetir os passos já efetuados. Caso deseje criar um aspecto mais real no seu relâmpago, talvez seja interessante adicionar relâmpagos menores nas laterais dos maiores. Após adicionar todos os relâmpagos que quiser, prossiga para o quinto e último passo.
5) Por último é necessário inserir um efeito para criar uma iluminação sobre o corpo. Observe como é fácil:
Luz para criar mais realidade
1º) Duplique a camada de Fundo.
2º) Vamos aplicar um filtro na camada de fundo, então, clique no menu "Filtros", no submenu "Sombra e Luz" acesse a opção "Supernova...".
3º) Altere a cor de tal forma que ela seja semelhante a do relâmpago. Altere os valores do "Raio" para 8 e das "Pontas" para 30.
4º) Direcione o efeito de Supernova para a mão.
*** Caso você tenha adicionado relâmpagos nas duas mãos, deverá repetir o processo acima.
5º) Por fim, combine as camadas visíveis através da janela de camadas — clique com o botão direito sobre o espaço em branco para visualizar o menu de contexto.
6º) Selecione "Cortada para o tamanho da camada de baixo" e clique em "Combinar".
O poder da eletricidade está em suas mãos!
Fim do trabalho! Agora você já pode ter a mesma habilidade de Elle Bishop, mesmo que somente em fotos. Boa diversão a todos e até o próximo tutorial da série Heroes!

Veja também: