Gavani

Tradução do Photoshop

2008-04-13T13:31:00.000-07:00

Olá!

Estive olhando alguns artigos de sites relacionados ao Photoshop, principalmente as versões CS2 e CS3, e observei que todos estavam em inglês. Pode parecer normal, afinal o programa é estado-unidense, mas nós temos o direito de te-lo em nossa lingua também.

Nào sei se repararam nas imagens de meus tutoriais, mas o meu Photoshop está todo em português, e resolví compartilhar isso com vocês.

O processo de instalação é bem simples, consiste apenas em copiar e colar arquivos:

Primeiro Passo

Antes de mais nada faça o download dos arquivos no link abaixo:

Obs.: O arquivo está em formato RAR, um compactador como o WinZIP, que pode ser baixado aqui.

Segundo Passo

Na pasta do arquivo tem um arquivo em PDF com as instruções de como instalar os aplicativos. O processo consiste em colocar os arquivos dentro da pasta "Required", localizada na pasta onde o Photoshop foi instalado.

Terceiro Passo

É importante fazer uma cópia de segurança da pasta original porque, quando o Photoshop é traduzido desta maneira, ainda não descobrí porque (e tive preguiça de buscar os defeitos nas linhas de código dos arquivos de tradução) o modo de "Salvar para web" não funciona, sendo necessário salvar animações em Giff e outros recursos encontrados neste modo apenas na versão em inglês. Para voltar à versão em inglês basta renomear a pasta com os arquivos modificados para "Required PT-BR" e a que foi feita de Backup para "Required".

A meu ver este é o único defeito da tradução, mas comparado aos benefícios que a mesma traz pode ser praticamente desconsiderado.

Esta tradução serve também para as versões portáteis do Photoshop, tanto a CS2 como a CS3, ocorrendo o mesmo erro em ambas.

Espero que seja de bom uso, vejo vocês logo.

Editores Gráficos: Arte no Terceiro Milênio

2008-03-30T12:10:00.000-07:00

Olá!

Estive olhando alguns programas e outras coisas mais na internet e descobrí coisas muito boas, decidí que seria interessante estar repassando para vocês. Há muitos programas interessantes nesta lista. Espero que apreciem.

Hoje em dia existem muitos editores de fotografia e imagem no mercado, a exemplo do Photoshop, que, sem dúvida, lidera o mercado na categoria, não somente no Brasil e nos Estados Unidos, mas no mundo inteiro. E não somente programas pagos e que necessitam de instalação são famosos e imponentes, há muitos bons editores on-line, e inclusive uma versão do próprio Photoshop.

O que há algum tempo alguns sonhavam poder fazer hoje é desenvolvido por adolescentes, dentro de casa, em seus computadores pessoais. Poder manipular uma imagem e transformá-la em algo novo é algo que atrai a atenção de muitos jovens hoje em dia. Mas a tecnologia está ai, não somente para os jovens, mas para todas as idades, independente de profissão, cor, nacionalidade, etc. A globalização tornou isso possível, e, acima de tudo nesse processo, a Internet está em destaque.

Os programas mais famosos do mercado hoje são o Photoshop (que já está em sua décima edição), o Fireworks, ambos da Adobe, PaintShop Pro, da Corel (este está em sua décima segunda edição, mas mesmo assim deixa um pouco a desejar quando comparado ao similar da Adobe), Gimp, GNU (software de licenciatura aberta, concorrente direto do Photoshop) e o Picasa, do Google (também um programa aberto, mas que é mais considerado como organizador de imagens).

Além destes existem bons editores como o Pixelmator (somente disponível para o Macintosh, novo no mercado, mas que promete ser muito forte em pouco tempo), PhotoLine e TextMate. E ainda além destes existem os editores on-line, dentre os quais destacam-se o Picnik (que tem parceria com o site Flickr, de onde tiro muitas imagens para projetos), Pixer.Us, Snipshot e Splashup.

Para não deixa-los "boiando" nestes nomes, abaixo segue uma pequena descrição dos programas.

O Photoshop é, hoje, o programa de edição de imagens mais utilizado do mundo, com recursos inovadores e dinâmica visual única, que facilita o entendimento e o desenvolvimento de projetos por parte dos usuários.

Na sua décima versão (a chamada CS3), traz recursos que aceitam objetos em 3 dimensões, importando objetos com formatos 3DS (3D Studio Max), OBJ (Wavefront), U3D (Intel), KMZ (Google), e COLLADA (abreviação do inglês para COLLAborative Design Activity, é um padrão de exportação e importação de arquivos criado pela Sony e usado como padrão para o console Playstation 3. É suportado pelos melhores editores 3D do mercado, como Blender (software livre), 3D Studio Max e Maya. O formato utiliza XML como padrão e suporta além de modelos detalhados, animações e iluminação.", retirado de Wikipedia.org). Além disso, edita vídeos também, nos formatos MOV, AVI, MPEG-4, FLV, 3G, FLC, H.264 (iPod) e DV Stream, e exporta para o formato FLV (Flash) se houver instalado na máquina Flash CS3, o After Effects CS3 ou o Premiere CS3, e, na minha opinião, seu único defeito é não ter, ainda, uma versão oficial em português.

Possui versões para o Mac OS e Windows (mas não fiquem tristes usuários do Linux, este site traz uma maneira de instalar o Photoshop CS2 no Linux Ubuntu 8) uma versão on-line, o chamado Photoshop Express, que é um editor que não possui tantos recursos como o próprio Photoshop (mas com o qual pode-se divertir-se por algumas horas), e versões portáteis a partir da versão CS (8.0). A grande vantagem destes Photoshops portáteis é, justamente, sua mobilidade. São leves, úteis e rodam direto de uma unidade removível, como um pen-drive ou iPod.

Links:

Photoshop CS3 Extended
Photoshop Portable CS
Photoshop Portable CS2
Photoshop Portable CS3 (parte 1, parte 2, parte 3)
Photoshop Express

A primeira menção ao GIMP surgiu em Julho de 1995, quando Peter Mattis postou mensagens em vários fóruns fazendo perguntas sobre como e o que deveria-se ter em um programa de edição de imagens. Em Novembro daquele mesmo ano foi anunciada a versão beta do primeiro editor de imagens aberto, e que mais tarde viria a se tornar um dos mais fortes concorrentes do Photoshop.

Desde sua primeira versão, o GIMP 0.54, até a atual, o GIMP 2.4, o programa teve diversas alterações e tem versões disponíveis para Linux, Windows e Mac OS X, e além das versões comúns para instalação, existe também uma versão portátil.

Para os usuários do Photoshop que não quiserem entrar de cabeça neste novo programa e sentirem-se perdidos nesta nova interface, existe um pacote de modificação do sistema que muda a interface para que fique parecida com a do Photoshop CS e CS2, chama-se GimpShop.

Links:

GIMP (página oficial)
GimpShop (download)
GIMP Portátil

No ano passado, dois irmãos, Saulius e Aidas Dailide, desenvolveram um software de edição de imagens para, o que eles dizem ser, e eu concordo, o melhor software de sistema operacional existente: Mac Operating System.

Com a interface mais bonita já desenvolvida para um programa de edição de imagens, o Pixelmator é bastante empolgante em termos de novas possibilidades. O Fábio, do Abduzeedo.com, desenvolveu estes tutoriais (1, 2, 3) com o programa, e o resultado é fascinante.

Infelizmente não há ainda uma versão do shareware para Windows e tão pouco para o Linux.

Links:

O Fireworks é uma ferramenta criada pela Macromedia, posteriormente comprada pela Adobe (em 2005), voltada para o desenvolvimento de Web Sites e alguma coisa de tratamento de imagem. Mais simples e mais leve que o conceituado irmão, Photoshop, a partir da versão MX passou a ter integração com os outros programas que compunham o mesmo pacote: Dreamweaver, Flash e Free Hand.

Atualmente na versão CS3 (9.0) o programa traz suporte a diferentes tipos de formatos voltados para a web, como gifs animados, png e algo de vetoriais.

Links:

Fireworks CS3 (trial)
Site MX

A Corel, com seu famoso Corel Draw, investe, assim como a Adobe, numa gama indizível de softwares, para edição de imagens, vídeo, áudio, etc... O Corel Paint Shop Pro é um programa que segue a linha do Adobe Photoshop, isto é, edição de imagens. Até 2004 pertencia à Jasc Software Inc., com sede Minneapolis, e quando comprado pela empresa Canadense Corel Corporation, teve seu nome alterado de Paint Shop Pro (PSP) para Corel Paint Shop Pro.

Teve sua primeira versão lançada para Windows em 1992, e sua primeira versão 32 bits lançada em 1996 (para Windows 95 e NT 4.0). Hoje está em sua décima segunda versão e até hoje não existe uma versão para o Mac OS X.

Um programa versátil e completo para criação de bitmaps e algo de vetoriais, é uma boa alternativa para programas como o Photoshop, principalmente pelo seu preço, consideravelmente mais barato.

Links:

Paint Shop Pro Photo X2 (trial)

Site da Corel

Um programa para edições simples, o Google Picasa é mais um organizador do que um programa de edição de fotos.

A Google tem muitas áreas de aplicação, todavia a área de ferramentas para imagens ainda é um tanto fraca e poderia ser melhor explorada. Além desta alternativa para fotos, outro programa interessante da Google é o Sketchup, que renderiza ambientes em 3 dimensões.

Links:

Picasa (Download)
Picasa (Página Oficial)
Sketchup (Download)
Sketchup (Página Oficial)

Para os que são esquecidos e não tem versões portáteis de seus softwares, podem utilizar as versões de editores on-line. Seguem os Links:

Posteriormente farei outras revisões acerca de programas, plug-ins, máquinas, etc. Até lá, espero que apreciem os tutoriais.

Espelho Líquido

2008-03-02T10:52:00.000-08:00

Olá mais uma vez!

Tem algum tempo não é? Bom, compensar-los-ei com este novo tutorial. Ao visitante de Ryazan-RU gostaria de dizer Привет, Рязань гость, добро пожаловать в моем блоге, я надеюсь, что вы найдете изображений полезно, потому что я не говорю русский, но, если я мог бы перевести их для вас, e para os visitante de Allston, Massachusetts-EUA, Tuam-Irlanda e Ebikon-Suíça , welcome to Gavani, if you don’t know I have a translated version of some tutorials, it’s in www.gavani-en.blogspot.com, I'm translating the tutorials with my new writer, Andrey Morais, but you can check this Google tool, wich will help you to understand my newest tutorials in the gap between the post and the translation of it.

Bom, deixando de embromar vocês digo o que faremos hoje: espelho líquido. Ai você pergunta, o que?! Isso mesmo. Estava vendo alguns trabalhos com reflexos e vi que as pessoas apenas viravam as imagens. Na maioria dos casos, o que não vai acontecer hoje, são necessárias duas imagens para se recriar um efeito de reflexo. Pensei então em fazer um tutorial de reflexos, mas, por quê não, complementar um pouco mais esse efeito? Decidi fazer o reflexo em um espelho líquido, como o que acontece no filme Matrix, quando Neo está sendo escaneado. Assim:

Primeiro Passo

Como sempre, busquei a modelo em um grupo de modelos do Flickr. Como fizemos no tutorial de Anjo e no tutorial de Gelo Realístico, vamos recortar a modelo para usar um fundo diferente.

Feito isso crie um fundo provisório. Eu criei um em preto e descobri algumas falhas no recorte, que em seguida corrigi.

Segundo Passo

Para não fazer da mesma maneira de sempre, criei alguns quadrados que indicam a iluminação, ao invés de uma fonte pontual e única. O efeito ficou bem legal. Feito isso, em somente metade da imagem, criei um grupo (Ctrl+G) separado para cada coisa, por exemplo “quadrados luminosos”, ou “background”. Sabem que sou excessivamente organizado.

Terceiro Passo

Agora vem a parte interessante, vamos selecionar todos esses elementos e teclar “Ctrl+T”, selecionar a opção “Flip Horizontal” (Virar Horizontal) e ajustar a posição no lugar certo. Lembre-se que o efeito de reflexo não sai exatamente igual o contrário (matriz), mas deve ter seu pequenos ajustes para que partes da imagem não sejam omitidas e todas se encontrem com ponto de contato, que é necessário para fazer este tutorial inteiro.

Estou dizendo isso para que não aconteçam coisas como essa:

Aqui há o encontro de dois pontos do corpo da modelo com o plano. Todavia, na reflexão elementar, apenas um ponto (os ombros) toca o plano, enquanto os outros, quando recortados, irão apoiar-se no vácuo

Quarto Passo

Selecione o grupo que você criou de reflexo para fazer o espelho e crie uma máscara para ele, clicando nesse botão:

Essa máscara fará com que tudo o que você for ver desse grupo esteja relacionado à essa máscara, isto é, você só vê o que a máscara definir.

Neste caso eu criei um espelho, então fiz a seleção como se fosse tridimensional, com perfil, e adicionei uma camada cinza com opacidade bem baixa, para deixar um pouco diferente.

Quinto Passo

Para fazer o próximo passo você precisará de duas coisas:

• Mesclar todas as camadas do grupo (as minhas camadas estavam com opacidades diferentes, então eu transformei todas para 100%, sem perder as propriedades de transparência. Como? Abaixo de cada camada que tinha uma opacidade diferente de 100% eu criei uma nova, transparente, e mesclei com “Ctrl+E” a partir da camada de cima as duas. Quando todas já tinham sido alteradas, mesclei todas em uma camada só).

• Um plug-in para criar efeitos de ondas, que pode ser baixado aqui (para instalar o plug-in basta clicar no arquivo de instalação e reiniciar o Photoshop (quando instalado, ele vai estar na guia “Filter” (Filtro) dentro da opção “RedField”).

Este passo consiste em criar o efeito das ondas, com o plug-in da RedField, Water Ripples, na imagem de reflexo, onde há o encontro das costas e do salto da modelo, com o espelho.

Para fazer isso, criei um novo arquivo com 1280x800 pixels. Colei nele a imagem de reflexo (que criamos agora, mesclando todas as outras), com “Ctrl+T” girei 90˚ no sentido horário e ampliei até ficar de um tamanho que ocupasse toda a tela, preenchendo as partes transparentes com preto. Feito isso ajustei as opções do plug-in para que a imagem ficasse assim:

Sexto Passo

Voltei à imagem para o seu lugar original, ajustei o seu tamanho e puxei toda a composição para o lado direito um pouco (com isso tive que criar alguns quadrados a mais, para completar a composição).

Depois copiei a imagem da modelo e, teclando “Ctrl+U” e puxando a barra de luminosidade toda para a esquerda, deixei o recorte da minha modelo todo na cor preta e, em seguida, desloquei-o um pouco para a direita.

Isso será a sombra que a modelo fará incidir sobre o espelho aquoso que criamos e, para terminá-lo falta só usar o filtro “Gaussian Blur” (Desfoque Gaussiano), que está na guia “Filters> Blur” (Filtros> Desfoque), com um raio de aproximadamente 10 pixels, e abaixar a opacidade da camada para cerca de 60%.

Sétimo Passo

Já está quase pronto, falta criar uma moldura para o espelho. Eu usei a ferramenta “Polygonal Lasso” (Laço Poligonal, L) para criar o formato da moldura, então dividi em duas partes, a interna e a externa, e usei a ferramenta “Brush” (Pincel, B) para criar degradês indicando luz e sombra em ambas as partes, mas você também pode usar a ferramenta de degradês (Gradient Tool, G) do Photoshop (que está junto da lata de tinta, paint bucket, e você pode exibi-la somente clicando e segurando no botão referente à própria lata de tinta, G):

Oitavo Passo

Criei um efeito de reflexo no chão, para ter uma determinação de onde começa e onde termina o fundo. Esse segundo reflexo é complementar, então baixei a opacidade e criei um degradê esmaecendo quanto mais longe for da imagem original, isto é, quanto mais distante do ponto onde ocorre a reflexão, mais transparente vai ficando. Mas isso somente para o chão.

Repare nas botas,o reflexo é idêntico à imagem original, agora repare no espelho, temos um problema: se virarmos as imagens que usamos para criá-lo não preencherão o espaço da maneira correta.

Neste caso, dividi a moldura do espelho em duas partes, a do lado direito da tela e a do lado esquerdo da mesma. Ajustei ambas as partes no ponto de encontro e apaguei o que poderia, no caso, como do lado direito o degradê é o mesmo até o final, sobrepus a ponta ao próprio espelho e apaguei o excedente, porque o reflexo está abaixo e não sobre a imagem original.

Do lado esquerdo fiz a mesma coisa, mas ainda resta o meio. Minha sorte neste caso é estar trabalhando com uma imagem muito escura, mas no caso de você estar usando uma imagem clara, minha sugestão é que use “Ctrl+T”, selecione a opção “Distort” (Distorcer) e “inverta”, reformando os pontos de fim, de modo a inverter a imagem sem inverter o reflexo, assim:

Observações Finais

Hoje eu trouxe este plug-in da RedField, que é muito útil em diversos casos. A idéia do reflexo é complementar, acredito que todos saibam o que é um reflexo, mas estes toques de encontro das partes de reflexão e refletidas são muito importantes para uma imagem realista e coesa.

Os quadrados luminosos deram um efeito sofisticado ao contexto, que me parece quase uma propaganda de moda, e a posição do conteúdo no espaço é importante para o equilíbrio e suavidade com que vemos as formas: de um lado tenho a luz e o mais forte dos quadrados e do outro tenho uma forma com mais cores e mais bem definida.

Não sei se notaram, mas eu coloquei um novo quadro no conjunto da barra lateral. Chama-se inspiração de Design. Vou explicar: geralmente tenho uma boa idéia quando estou procurando uma coisa completamente diferente, ou quando estou olhando imagens de outros designers. Alguns deles chamam esses conjuntos de imagens de Design Inspiration, e como adoro aportuguesar as coisas, o meu se chamará Inspiração de Design, e será composto dos conjuntos de imagens que eu achar mais legais.

Por hoje é só, espero que tenham gostado. Até mais.

Dia → Noite

2008-02-04T06:57:00.000-08:00

Oi!

Bom, eu estou com sérios problemas de memória, criei este efeito e, no dia seguinte, não lembrava mais como fazê-lo. As vezes isso acontece comigo, recorro aos meus próprios tutoriais para recriar coisas que eu mesmo inventei. Mas chega de meus problemas, o tutorial de hoje é bem interessante, vamos transformar o dia em noite. Assim:

Primeiro Passo

Antes de tudo, como sou bonzinho, darei a imagem do tutorial hoje, é essa. A primeira coisa a se fazer é uma cópia da imagem para podermos fazer alterações. É importante ter a original porque ela será necessária duas vezes, mais para frente.

Com a cópia selecionada, abaixe a saturação para cerca de -40. O motivo para isso é que, se não há luz, não há Cor. Tecle “Ctrl+M” para abrir a janela de Curvas (Curves). Agora mude, nos vários canais, as curvas para que ele fique assim:

Quando fizemos essas alterações, atribuímos um tom azul-esverdeado, típico de ambientes noturnos.

Segundo Passo

Duplique a camada alterada. Em seguida, ajuste a saturação desta forma:

Então, novamente com os ajustes de Curvas, ajuste desta maneira:

Depois use o ajuste de níveis para escurecer um pouco. Repare nos flashes de luz, no reflexo do cromo. Como vai ficar escuro, isso vai ajudar a dar forma ao carro.

Terceiro Passo

Você deve ter percebido que o farol também escureceu. Isso é interessante, nos podemos utilizar a luz solar que reflete no farol da imagem original como se fosse a luz do próprio farol. Para isso vamos excluir da nova camada o espaço referente aos faróis. Assim:

Quarto Passo

O ambiente me parece bom, quanto ao efeito Noite, mas o carro ainda me parece claro. Vamos escurecê-lo, e para isso vamos duplicar a camada mais escura, a que teve os faróis recortados. Em seguida vamos apagar a parte referente ao carro, assim:

Feito isso vamos criar uma camada entre as duas, depois pintar de preto e abaixar um pouco a opacidade para cerca de 77%. Mude o seu Modo de Mesclagem para “Escurecer (Darken)”. Será necessário apagar algumas partes para dar uma silhueta luminosa em algumas outras. Deve-se apagar a parte referente ao vidro frontal também, mais tarde saberá o por que.

Quinto Passo

Já é noite, tudo escuro, mas e as estrelas? Aqui. Crie uma nova camada acima de todas as outras. Tecle “Shift+F5” para abrir a janela “Preencher (Fill)” e preencha a camada com a cor preta. Em seguida use o filtro “Ruído (Noise)” com uma intensidade de 33%.

Depois carregue a janela de “Níveis (Levels, Ctrl+L)” e puxe a seta central totalmente para direita:

Agora temos estrelas, mas elas dominam a tela inteira e o fundo esta todo preto. Para mudar isso mude o Modo de Mesclagem para “Divisão (Screen)”. Isso eliminou a parte preta, mas as estrelas ainda estão dispostas por toda a extensão da tela. Agora apague com a Ferramenta Borracha (E) as partes que são desnecessárias, mas deixe a parte que esta na frente do carro, corte e cole em outra camada. Deixe-a invisível por enquanto. Para terminar, baixe a opacidade para 70%:

Sexto Passo

Agora falta pouco, mais precisamente os faróis. Antes de fazê-los vou adiantar uma coisa, usaremos a “Subexposição de Cores (Color Dodge)”. Para que a projeção do farol não fique irreal e muito azulada nós vamos duplicar a camada mais escura, criada no Segundo Passo. Em seguida vamos desatura-la, usando “Ctrl+U (Matiz/Saturação, Hue/Saturation)” e puxando a barra de Saturação totalmente para a esquerda. A imagem ficou preta e branca. Agora apague tudo que não estiver à frente do carro, e use a ferramenta Borracha com um esmaecimento nas bordas para fazer a junção com a imagem original. Isso vai permitir uma projeção mais branca do que azulada.

Sétimo Passo

Usando a ferramenta pincel, abra a aba de configurações do lado da paleta de navegação, e altere desta maneira:

Depois pinte as duas “lâmpadas” dos faróis, ai aumente um pouco o desfoque e pinte novamente. Em seguida aumente mais o desfoque e pinte mais uma vez. Mescle tudo isso em uma só camada e aplique o Desfoque Gaussiano (Filtros (Filters)> Desfoque (Blur)> Desfoque Gaussiano (Gaussian Blur)) com um raio de 3 ou 4 pixels.

Oitavo Passo

Agora já está ficando mais real, mas ainda falta a projeção, a poeira e a luz que traça aonde haverá a poeira. Primeiro vamos fazer o traço de luz.

Para isso use a de Laço Poligonal (L) para criar a seleção por onde o traço de luz passará e use a ferramenta Pincel (B) para preencher ela, assim:

Feito isso ponha um pouco de pouco de cor usando Matiz/Saturação (Ctrl+U) nessas configurações. Eu gosto da idéia de um farol que não tenha uma luz amarelada de tungstênio, costumava saber o nome de todos os carros e seus acessórios, mas hoje eu sei o nome de todos os programas e seus plug-ins e acabei me esquecendo dos primeiros. Acho que este tipo de farol se chama xenon.

Depois de colorir nos devemos usar novamente o Desfoque Gaussiano pra espalhar um pouco essa luz. Use um raio de 30 pixels. Tecle “Ctrl+T” e selecione Distorcer (Distort) para ajustar ao formato e dimensão desejados. Por fim, aplique mais uma vez uma coloração azul e baixe a opacidade para cerca de 35%. Repita o processo no outro farol.

Nono Passo

Falta só a projeção no chão. Para isso vamos criar aquela forma elíptica do pincel, como já fizemos antes. Em uma nova camada, crie a seleção elíptica do formato deste pincel, clicando na camada em que está pintado, enquanto segura a tecla “Ctrl”. Em seguida escolha uma cor do tipo azul muitíssimo claro, que pareça muitíssimo com branco. Então pinte dessa maneira:

Em seguida tecle “Ctrl+T” para selecionar o modo de transformação, clique com o botão direito e vá em “Distorcer (Distort)” e ajuste as pontas para ficarem assim:

Duplique e ajuste ao outro farol. Depois duplique ambos e puxe um pouco para o lado. O porquê de estarmos fazendo isso é que existem duas lâmpadas por farol, e nós temos dois faróis. Em seguida iremos usar Matiz/Saturação (Hue/Saturation) para dar um leve toque colorido azulado e mudar o Modo de Mesclagem para “Subexposição de Cores (Color Dodge).

Para terminar a projeção duplique mais uma vez esses dois faróis e desature eles, deixando em tons de cinza e coloque abaixo das camadas de “Subexposição de Cores”. Ajuste a opacidade até que fique assim, com as bordas azuladas:

Para terminar crie uma nova camada acima de todas e, com a ferramenta pincel, na cor branca, pinte essa junção das luzes:

Décimo Passo

Todo carro tem um farol traseiro, e o Touareg não é diferente. Para criá-lo teremos de ir novamente à camada que teve a parte referente ao carro deletada. Com a ferramenta Pincel (B) selecionada, escolha um tom de vermelho do tipo #cf0000 e pinte bem de leve aonde haveria o farol. Assim:

Décimo Primeiro Passo

Lembra-se das estrelas que havia na frente do carro? Agora você entenderá porque elas estão lá. Deixe-a novamente visível e apague o que não estiver no traço de luz do farol. Por que estamos fazendo isso? Ora, você sabe como sou fanático por detalhes, esse é só mais um deles: o carro está no deserto, o deserto é feito de areia, a areia é leve o suficiente para deixar partículas serem levadas pelo vento, partículas que, quando iluminadas pelos faróis de um Touareg rodando a 200 km/h no meio do deserto, se parecem com isso:

Eu apliquei o “Desfoque de Movimento” para indicar a velocidade do carro, isso alongou um pouco as partículas, criando pequenos traços.

Décimo Segundo Passo

Lembra-se que eu pedi para excluir a parte referente à janela frontal de algumas camadas? Isso é para o Gran Finalle. Os carros mais modernos vêm com diversos recursos integrados, alguns deles são o painel de GPS, a câmera a traseira do carro e uma tela de LCD que está no lugar dos ponteiros do carro. Isso tudo gera uma fonte de luz dentro do carro, que ainda não está tão enfatizada quanto deveria.

Vamos copiar, da camada original, um pedaço que capte a camiseta e o “batente” da porta, onde a luz deveria incidir. Feitos os devidos cortes e ajustes, ponha essa camada abaixo da que usamos para escurecer o carro, aquela em que o Modo de Mesclagem é “Escurecer (Darken)”. Agora mude o Modo de Mesclagem da mais nova e ultima camada deste tutorial para “Subexposição de Cores (Color Dodge)”. Essa é a diferença:

Observações Finais

Varias coisas interessantes nesse tutorial, como por exemplo, as estrelas. Eu gosto muito dos detalhes pequenos, são eles que dão o realismo. Futuramente farei um dia de chuva, mas por agora espero que tenha gostado do tutorial. Vejo você em breve.

Gelo Realístico

2008-01-29T13:35:00.001-08:00

Olá mais uma vez!

Outro dia estava arrumando umas caixas de biscoito e a minha cadela roubou um Cookie da Bauducco. Fui até o canto em que ela dorme e descobri que ela tinha aberto o pacote e comido o biscoito. Até ai tudo bem, afinal, que cachorro nunca comeu um biscoito roubado? Mas o que mais me impressionou é que o pacote não estava todo rasgado e com pedaços por toda a parte, estava quase inteiro, como se alguém o tivesse aberto para ela. Curioso, fui e dei outro biscoito para ela. É surpreendente, ela segura o pacote com as duas patas e, com a boca, ela puxa o plástico onde ele tem que ser puxado, exatamente no lugar certo. Acho que vou gravar e mandar pro Faustão.

Coisas da vida, mas chega de minhas histórias (essa é verdadeira, diga-se de passagem). Têm uns dois dias eu estava procurando um bom tutorial de como fazer efeito de gelo em coisas, sabe, com a refração do material, distorção e transparência. Fiquei indignado quando percebi que nenhum tutorial fazia o que eu queria. Continuei procurando, passei uns dois dias atrás disso, mas não encontrei. Resolvi desenvolver minha própria técnica e dividi-la com você, porque foi pra isso que eu criei esse blog, porque percebi uma defasagem em certos tipos de tutoriais, como estes de gelo que tanto busquei. O efeito de hoje é esse:

Primeiro Passo

Antes de tudo precisa-se da imagem na qual será aplicado o efeito. A minha é uma modelo, que achei em um grupo do Flickr. Em segundo lugar, se olhar bem atentamente aos detalhes, perceberá uma série de rachaduras nesta “estátua”. Essas rachaduras foram feitas com Brushes, que eu encontrei na minha biblioteca, e já estão renomeados, então você pode procurar alguns no site Deviantart.

Mãos à obra. A primeira coisa a se fazer é recortar o objeto do fundo. Para isso, duplique a camada da imagem (por segurança) e trabalhe com a cópia. Para recortar o objeto você pode usar a ferramenta de Laço Poligonal (Poligonal Lasso Tool, “L”), ou a ferramenta Caneta (Pen Tool, “P”). Se escolher a segunda opção, após ter feito a forma, deverá clicar nela com o botão direito do mouse e selecionar a opção “Criar Seleção (Create Selection)”. Feito isso deve selecionar a camada da imagem, teclar “Ctrl+Shift+I” para inverter a seleção e “Del” para excluir a parte selecionada. Assim:

Segundo Passo

Depois de recortar o objeto, é preciso preencher o espaço vazio. Para isso vou usar a ferramenta Carimbo (Stamp Tool, “S”), porque tenho que preencher uma parede com textura, mas, se a sua for Liza pode usar ferramentas como Pincel (Brushe Tool, “B”). É importante também apagar a sombra que por ventura possa existir, mais para frente explico o porquê.

Terceiro Passo

Todo mundo já estudou ótica em física, e mesmo que não o tivesse feito saberia que um objeto preenchido por algo translúcido, como água ou vidro, causa uma alteração na imagem que se vê através dele. Se não me engano isso se chama Refração ou Refringência Luminosa.

Para recriar isso vamos selecionar toda a imagem da camada do objeto com “Ctrl+A”. Em seguida vamos mudar de aba, indo de “Camadas (Layers)” para “Canais (Channels)”. Na aba Canais existem 4 camadas: RGB, Vermelho, Verde e Azul. Agora, crie uma nova camada, que será automaticamente denominada “Alfa 1 (Alpha 1)”, e cole (Ctrl+V) o recorte. Quando você criou esse novo canal os outros ficaram invisíveis e o objeto deve estar no meio da tela, então selecione outro canal para que você possa ajustar a posição correta dele na tela. Assim:

Em seguida deixe o canal novamente invisível, sendo possível ver somente o canal “Alfa 1”. Que está com o fundo preto e não tem cor. Selecione esse canal e vá em “Filtros (Filters)> Desfoque (Blur)> Desfoque Gaussiano (Gaussian Blur)” e use um raio de aproximadamente 3,5 pixels.

Agora clique com o botão direito do mouse na imagem que está ao lado do nome “Alfa 1” e selecione a opção “Duplicar Canal (Duplicate Channel)”. Aparecerá uma janela, na área destino, referente à ”Documento” selecione a opção “Novo (New)”, e nomeie como “Distorção Gelo”.

Um novo arquivo do Photoshop, Distorção Gelo, aparecerá na tela. Salve-o em um lugar fácil, pois logo iremos usá-lo.

Quarto Passo

Como a minha parede é muito vazia, resolvi por uns adornos nela. Usei um brush que achei neste site. Depois que fiz os devidos ajustes de recorte e tudo mais, mudei a opacidade dos desenhos para 59% e o seu Modo de Mesclagem (Blend Mode) para “Superexposição Linear (Linear Burn)”.

Salvei a imagem em um novo JPG, que usarei agora. Sabe a imagem que você recortou e depois preencheu o espaço vazio, e que no meu caso eu fiz algumas alterações? Ponha ela como plano de fundo. Depois duplique-a e coloque sua copia acima do objeto recortado.

Clique com o botão direito sobre o nome da camada que você acabou de por acima das outras e selecione a opção “Criar Máscara de Corte (Create Clipping Mask, Ctrl+Alt+G)”. Isso faz com que só apareça, nessa camada, o que na camada embaixo estiver preenchido.

Agora selecione esta camada e vá em “Filtros (Filters)> Distorção (Distortion)> Vidro (Glass)”. Na janela que se abriu clique na seta que está ao lado do campo de escolha de textura. Escolha “Carregar Textura (Load Texture)”. Procure o arquivo PSD que salvamos anteriormente com o nome “Distorção Gelo” e carregue-o como textura. Para terminar esta etapa basta ajustar os níveis de distorção e suavidade até que chegue a um ponto satisfatório, mas não mexa na escala.

Quinto Passo

Muito bem, vamos colocar um corpo que atribuirá essa distorção ao fundo que criamos. Crie uma copia da camada do objeto e coloque essa cópia acima de todas as outras camadas. Depois clique duas vezes para carregar a janela de efeitos.

Ao invés de eu ficar escrevendo tudo, siga as referências da seqüência de imagens a seguir. Mais fácil para você e para mim, mas não se atenha cegamente a estes valores, você deve ajustá-los com base nestes, mas fazendo as modificações necessárias para que se adéqüem bem à sua imagem e jogo de luz.

Salve este estilo, pois, no futuro pode ser necessário em alguma imagem.

Sexto Passo

Vamos criar a sombra agora. Como o vidro, a água e o gelo são transparentes, a sombra não é completa e uniforme como com outros materiais, ela tem luz em seu meio, quase como um recheio.

Para fazer isso vamos criar uma nova camada abaixo da que acabamos de criar e, com “Ctrl+Clique”, vamos criar a seleção da garota, clicando na sua camada (aquela abaixo da distorção do vidro). Em seguida escolha um tom de cinza bem claro, e outro escuro para, com a ferramenta Pincel (Brush Tool), fazermos com que as bordas fiquem mais escuras e o centro mais claro, preenchendo a seleção. Em seguida Use o Desfoque Gaussiano (Gaussian Blur), com um raio pequeno para “misturar” um pouco tudo. Deve estar parecido com isso:

Isso foi a sombra atrás do objeto, então vamos abaixar a opacidade para cerca de 18%.

A sombra original estava projetada sobre o muro, portanto deve ser reconstruída nesta mesma linha de pensamento. Repita o procedimento de seleção citado acima e crie uma nova camada abaixo da sombra que acabamos de criar.

Escolha um tom de cinza bem escuro e pinte a seleção. Em seguida, tecle “Ctrl+T” para criar essa seleção de distorção, e “estique" a imagem para a direita, desta maneira:

Feito isso, selecione novamente o corpo original e exclua essa parte da sombra, deixando somente a projeção dela para fora do corpo. Depois selecione essa camada mesmo para que, quando você pintar com a ferramenta Pincel (Brush Tool), em uma cor clara, partindo do corpo e perdendo a força ao chegar próximo a borda, você não pinte coisas fora desta sombra. Depois use a ferramenta Borracha (Erase Tool) para dar um pouco de degradê às bordas desta nova camada de sombra. Nesta camada não é necessário abaixar a opacidade, pois ela deve estar parecida com isso agora:

Sétimo Passo

Já temos uma garota de vidro, mas não é essa a minha proposta. A minha proposta é criar uma peça de gelo. Vamos lá, entre o objeto e as sombras, crie um novo grupo. Dentro dele crie uma nova camada. Nesta camada crie a seleção da garota e escolha, nas cores de uso rápido, a cor branca e um tom claro de cinza, mas não muito claro. Em seguida vá em “Filtros (Filters)> Acabamento (Render)> Nuvens (Clouds)”. A nuvem foi criada no formato do corpo da garota, agora mude seu Modo de Mesclagem (Blend Mode) para “Subexposição de Cores (Color Dodge)” e sua opacidade para 17%. Isso cria um brilho mais acentuado da refração da luz e encorpa a silhueta da forma.

Como a minha garota agora está transparente, eu recriei seu pé e braço que estavam escondidos atrás de seu corpo. Para isso usei a ferramenta Caneta (Pen Tool), transformei em forma, apliquei o estilo de vidro que criamos e depois mesclei com uma camada vazia. Assim consegui apagar as partes de fusão sem ter o efeito se remodelando ao novo desenho da forma. Depois baixei a opacidade para cerca de 80% e mudei o Modo de Mesclagem (Blend Mode) para “Luz Linear(Linear Light)” e “Darker Color”.

As rachaduras, para mim dão um aspecto especial de detalhismo, e eu sou detalhista, então... Mas, vejamos, não pode ser muito explícito, tem que ser algo que diga: “hey, estou aqui. Ops, já não estou...”, isto é, não pode chamar muito a atenção, então eu usei uns Brushes de rachaduras, na cor branca, com um fluxo bem pequeno, e fui preenchendo de detalhes a minha forma.

Para finalizar, umas estrelinhas bem singelas do lado direito, onde tem uma boa concentração de luz, indicando um brilho localizado. Essas estrelinhas existem em alguns brushes, mas se você preferir pode usar a ferramenta de criação de formas do Photoshop, Ferramenta de Forma Personalizada (U).

Observações Finais

O esquema de refração da luz é legal para fazer água, gotas d’água, uma piscina falsa, uma lupa, óculos, garrafas... Enfim, uma vasta gama de coisas diferentes. O estilo de gelo é, também, muito parecido com o estilo de água. Existem muitos tutoriais na internet que ensinam a fazer esse efeito, mas o que eu mais gostei foi o do Fabio, que é o dono do Abduzeedo.

Chegamos ao fim de mais um turorial, espero que tenha gostado. Até o próximo.

Planeta

2008-01-25T08:57:00.001-08:00

Olá!

Já devem ter percebido que eu sou bem eclético, portanto hoje decidi fazer um planeta. Tipo Titan mesmo, criando um planeta no espaço. Tudo que se precisa é de um Photoshop, alguns brushes maneiros, muita imaginação e tempo livre.

Para começar vamos atrás do essencial: Brushes. Gostei muito do Deviantart.com, busquei eles lá. Mas você pode usar fotos da lua ou qualquer outra coisa que possa ser utilizado como um planeta. Outro dia estava vendo alguns tutoriais para o Adobe After Effects, e ví o cara criar um planeta usando um plug-in que transforma as coisas em esferas e uma imagem 2 por 1 que tinha as texturas de uma espécie de deserto. Use a imaginação.

É importante que esteja sem sombra, para que não fiquemos presos a coisas já existentes na imagem e possamos criar nosso próprio ambiente galáctico. A imagem que pretendo criar hoje é esta:

Primeiro Passo

Antes de tudo vamos criar as estrelas. Crie um novo arquivo no Photoshop. Como sempre, estou usando um arquivo 1280 x 800 pixels. Tecle “Shift+F5” para abrir a janela de Preenchimento (Fill) e preencha a tela com a cor preta. Depois vá em Filtros (Filters)> Ruído (Noise)> Adicionar Ruído(Add Noise).

Feito isso tecle “Ctrl+L” para ajustar os níveis da imagem, assim:

Já está bem melhor. Vamos redimensionar a imagem para que os pontos fiquem um pouco maiores e mais espaçados. Isso deve ser o suficiente:

Para que o nosso espaço sideral pareça um pouco menos virtual podemos usar alguns ajustes da ferramenta Pincel (Brush Tool) para criar as estrelas mais próximas e, portanto, maiores. Estou criando um planeta gelado, mas você pode fazer um no estilo “Crematória”, do filme A Batalha de Ridick, ou o próprio planeta Terra.

Para fazer as estrelas mais próximas use um raio pequeno e tremulação de tamanho, com um pouco de desfoque nas bordas:

Segundo Passo

O espaço longínquo, principalmente aonde a luz do sol não chega a ser suficientemente quente para aquecer este planeta gelado, possui nuvens de gelo e poeira, que dá um aspecto espectral muito diferente, não deixando que seja uma imagem estática.

Escolha um tom de azul para colocar no lugar do branco na paleta padrão, deixe o preto como está. Em seguida crie uma nuvem, indo em Filtros (Filters)> Acabamento (Render)> Nuvens (Clouds). Em seguida diminua a opacidade da camada para 9%. Repita o procedimento algumas vezes em camadas diferentes e apagando algumas partes para dar mais ênfase em outras, criando as nuvens de poeira.

Pode-se também mudar a tonalidade (com Matiz/Saturação (Ctrl+U)) e a opacidade das camadas para fazer coisas diferentes, mas como vamos brincar um pouco com brilho mais para frente é importante que não se mude o Modo de Meslcagem (Blending Mode). Para quesitos organizacionais você pode agrupar essas camadas como “Background”.

Terceiro Passo

Chegou a hora de começar a brincar de Deus e fazer um planeta. Carregue o pincel que você adquiriu e pinte em branco, em seguida tecle “Ctrl+R”. Aparecerão réguas no lado direito e na parte superior da imagem. Essa é uma ferramenta muito útil, principalmente quando se trabalha com objetos circulares. Tecle “V” para selecionar a ferramenta para mover, então arraste da régua para os pontos extremos do planeta que você acabou de pintar, criando essa cruz:

Agora selecione a ferramenta de seleção elíptica (M) e, partindo do ponto onde há o cruzamento entre as duas linhas e segurando “Shift”, crie a seleção em volta do planeta. O próximo passo é criar uma nova camada abaixo desta e pintá-la, dentro da seleção, com um tom de cinza que elimine a transparência e mantenha os detalhes.

Feito isso selecione a camada do planeta e digite “Ctrl+E” para mesclar para baixo. Use Matiz/Saturação (Hue/Saturation) para colori-lo. Escolhi um tom de azul, mas pode ser vermelho, laranja, verde ou cor-de-rosa.

Quarto Passo

Todos os planetas têm uma atmosfera, e esse não é diferente. Para fazê-la crie mais uma camada, abaixo de Benézio, que é como resolvi chamar o meu planeta. Com a tecla “Ctrl” pressionada clique na camada de Benézio, isso cria uma seleção no formato circular. Agora selecione a ferramenta pincel (brush tool) e na paleta de cores escolha um tom da cor que escolheu para pintar o planeta, só que mais clara e mais forte e, da mesma maneira que pintou a camada de cinza, que já não existe, pinte esta camada de azul e tecle “Ctrl+D” para eliminar a seleção.

Filtros (Filters)> Desfoque (Blur)> Desfoque Gaussiano (Gaussian Blur) é o próximo caminho que deve ser seguido. Um raio de 28 pixels deve bastar. Para terminar a atmosfera basta reduzir sua opacidade para cerca de 43%. Sua imagem deve estar parecida com isso:

Quinto Passo

Já estamos com o DOS de um planeta, mas me parece opaco, portanto vamos brincar com os Modos de Mesclagem (Blending Modes) e fazê-lo brilhar. Pode-se fazer quase tudo sem ter que fazer muito esforço, somente mudando o modo de meslcagem.

Primeiramente faça duas cópias da camada do Benézio e ponha ambas acima da mesma. A primeira, mais próxima da matriz, deve ter o modo de meslcagem modificado de “Normal (Normal)” para “Divisão (Screen)”. A segunda deve ser mudada de “Normal (Normal)” para “Sobrepor (Overlay)”. Assim já temos uma aparência mais viva e brilhante:

Sexto Passo

Ainda não acabamos o planeta, mas estamos próximos disto. Vamos fazer a sombra agora. A sombra normalmente consiste na ausência de luz de um dos lados do planeta, mas, não sei se notou, o meu planeta é banhado pela luz de dois sois. Portanto a minha sombra é diferente.

Com “Ctrl” selecionada clique na camada do Benézio, isso, como já se sabe, cria a seleção com o formato do planeta. Agora é só usar o pincel (brush tool) e a borracha (erase tool) com pontas, suavidades e opacidades diferentes para criar uma sombra que agrade.

Sétimo Passo

Como há um sol que está mais presente do lado direito da tela, resolvi atribuir a essa parte do planeta um brilho mais intenso. Para isso selecione na paleta de cores, no lugar do preto, uma cor clara, forte e no padrão da cor com a qual você pintou o planeta. O branco deve ficar como está. Em seguida, em uma nova camada, vá em “Filtros (Filters)> Acabamento (Render)> Nuvens (Clouds)”. Agora baixe um pouco a sua opacidade e, com a Borracha (Erase Tool), apague o que estiver em volta do planeta, não de uma forma perfeita, mas para que não preencha tanto o espaço. Agora abaixe sua opacidade para cerca de 65% e mude o seu modo de mesclagem para ”Subexposição de Cores (Color Dodge)”.

Duplique a camada que acabou de ser criada e apague ainda mais ainda em volta de Benézio, mas, a diferença, é que aqui você também apagará a parte mais escura, dentro, dando ainda mais ênfase nas partes brilhantes. Esta nova camada terá uma opacidade de uns 80%.

Mais uma vez, para quesitos organizacionais você pode agrupar estas camadas que formam o planeta em uma pasta. Isso também vai facilitar um pouco as coisas agora que faremos outras coisas atrás do Benézio.

Oitavo Passo

Entre o Background e Benézio eu criei um novo grupo, que vai conter uma massa de poeira e estrelas que irá ser quase como uma via láctea cruzando a imagem. Isso quebra um pouco a monotonia na imagem.

Sabe aquele processo para criar nuvens em que se escolhe a cor e tudo mais? Repita-o. Uma vez com a cor azulada, e outra com uma cor amarronzada. A camada azulada deve ter partes apagadas para traçar este fluxo de poeira e gelo. Em seguida mude o modo de mesclagem para “Subexposição de Cores (Color Dodge)” e abaixe a opacidade para algo em torno de 65%. Esta camada deve ir acima da marrom.

A camada marrom deve ter partes apagadas também, mas estas devem servir como um complemento para a camada azul. Depois ter sua opacidade baixada para cerca de 8% e mudar o modo de mesclagem para “Mistura Sólida (Hard Mix)”. Eu coloquei, entre as duas, algumas estrelas e um pouco de poeira branca a mais. Sem mudar as opacidades e o Modo de Mesclagem, as nuvens devem se parecer com isso:

Nono Passo

É claro que o espaço é um ambiente tridimensional no qual uma esfera, no caso nosso planeta, está inserida e, portanto, também há poeira na frente dela, e não somente atrás, como até agora.

Crie uma nova camada acima de todas as outras. Ela será mais uma camada de poeira criada do mesmo modo que as outras, com uma coloração azulada. Use o pincel (brush tool), com a cor branca selecionada e fluxo reduzido, para dar ênfase na via láctea que criamos, induzindo o efeito que será criado a seguir a focar mais essa área. Duplique a mesma e deixe a copia invisível por enquanto. Para terminá-la abaixe sua opacidade para 20% e mude o modo de mesclagem para “Subexposição de Cores (Color Dodge)”. A camada duplicada deve ter apagada a parte referente ao planeta e seu modo de mesclagem modificado para “Luz Indireta (Soft Light)”. Para terminar esta etapa basta juntar estas camadas em outro grupo.

Décimo Passo

Já deve estar se perguntando, onde está a lua? Pois lhe digo que agora chegou a hora dela. A lua quebra um pouco a simetria perfeita da esfera que é o planeta. Ela pode ser substituída por anéis ou um sol talvez. É possível, também, fazer mais de uma lua, depende da sua imaginação, ou falta dela.

Para fazer a lua crie uma nova camada abaixo do planeta e selecione um pincel que lhe agrade. Em seguida faça o mesmo procedimento de eliminação da transparência que foi executado em Benézio.

Na verdade, todo o processo de criação da lua é muito parecido com a criação do planeta: “Ctrl+Clique” para criar a seleção da lua, criar uma nova camada acima para fazer a sombra e duplicar a camada da lua para usar o Desfoque Gaussiano (Gaussian Blur) para fazer o brilho de reflexo da luz do sol. A camada da lua propriamente dita está em plenos 100% de opacidade, diferente do reflexo de luz que está com 38% e da sombra (90%).

A lua deve estar abaixo do grupo de camadas que compõem a via láctea, mas acima do primeiro conjunto de poeira espacial.

Abaixo eu coloquei um diagrama simplificada das camadas que compõem o meu arquivo final.

Observações Finais

Eu nunca gostei de imagens que acabam abruptamente nas bordas, por isso gosto de colocar essa espécie de enquadramento em degradê nas bordas. Quanto ao espaço sideral, quanto mais tempo você dispor para fazê-lo, mais perfeito ele ficará. Igualmente digo quanto aos detalhes do planeta e de sua lua.

E falando-se no planeta e na lua, é possível, a partir de uma seleção elíptica e nuvens, criá-los. Depois basta adicionar crateras ou continentes. O uso do filtro “Nuvens (Clouds)” como preenchimento é interessante, por exemplo, na criação de manchas solares, ou diferenças de densidade na massa dos anéis que circulam em volta de planetas. Como já disse, vai da sua imaginação.

Por hoje é só, até mais e espero que tenha gostado.

Anjo

2008-01-18T15:52:00.001-08:00

Olá!

E as festas? Tranquilas? Bom, as minhas foram ótimas... e, talvez, por um toque de subjetividade justamente delas eu tenha escolhido ensinar-lhes a fazer um Anjo hoje.

Na verdade eu escolhí fazê-lo outro dia, mas não consegui... me veio a ideia em uma madrugada: eu estava procurando brushes na internet, pra fazer uma biblioteca, e estava com a tevê ligada, no SBT, só pra não estar só... e estava passando esse programa "Fantasia", que tem 30 garotas super sexy de biquini, dançando e tudo mais... mas não foi isso, no intervalo passou o comercial do desfile da "Victoria's Secret", e eu adoro esse desfile, não somente por essas modelos lindíssimas usando lingerie e salto alto, mais por isso, mas eu gosto também de ver as propagandas e o design que eles usam. Reparei nas asas delas, e já estava com vontade de fazer um anjo: "Junte a fome com a vontade de comer e 'voilá'".

Achei alguns brushes interessantes de asas, e alguns bancos de imagem na internet muito bons, e o melhor: gratúitos. Um deles, pelo qual não esperava, foi o próprio Flickr, que eu não conhecia muito bem, e descobrí que tem busca de imagens individuais, sem ser por usuário.

Pois bem, já basta de minhas histórias, a imagem que faremos é esta:

Primeiro Passo

Antes de tudo deve-se buscar o brush de asa, imagem de um pássaro ou algum tipo de footage do qual possam ser retiradas as asas. Eu achei alguns muito bons no site/comunidade Deviantart, mas se não encontrar nada pode buscar pelo Google que encontrará excelentes referências.

Em segundo lugar falta a fotografia na qual serão postas as asas. A que está aí acima eu achei pelo Flickr, no conjunto "modelos", aonde, por sinal, achei outras fotos muito boas.

Tendo isso abra a fotografia no Photoshop e faça uma seleção em torno do corpo usando a ferrementa "caneta" (pen tool), clicando com o botão direito e indo na guia "criar seleção" (create selection), duplique a camada e apague o fundo em volta. Se onde você for colocar as asas houver um cabelo que deve ser recortado também seria interessante usar a ferramenta KnockOut 2, da Corel, que por sinal é excelente e de muito fácil uso, mas não é o caso hoje, então não vou entrar em detalhes.

Segundo Passo

Feito o recorte mãos à obra. Neste caso vamos usar um Brush, e por isso teremos que criar várias camadas de preenchimento para que não fique com uma transparência, pois se você tentar pintar várias vezes o brush de branco vai perceber que acaba perdendo os detalhes.

Para isso carregue o brush de asas que deseja e "pinte" dando dois cliques sem mover o mouse. Dependendo do brush pode ser mais ou menos, mas precisa ficar com mais ou menos esta textura:

(Repare na semi-transparência que há na asa)

Assim, os detalhes ficam e a asa não fica tão surreal. Esta é branca, mas você pode fazê-la negra, ou azul, depende da sua fantasia... Não me levem a sério, por favor.

Terceiro Passo

Não é exatamente uma asa ideal, não que eu ja tenha visto muitas asas de anjos, mas não me parece uma asa muito concreta, parece mais uma aura superficial. Ah é, crie as duas asas e posicione-as no local onde irão estar nas costas da pessoa e coloque-as abaixo da camada que foi recortada.

Tentei de várias maneiras preencher para que ficasse bom, a melhor que eu achei foi esta: com a tecla "ctrl" pressionada clique na camada das asas, não a selecione, apenas clique nela. Isso cria uma selecão no formato das asas, e o melhor da história é que, quando você usar a ferramenta "pincél" (brush tool), no formato circular, com esmaecimento nas pontas, diametro de 300 pixels e a cor #8e8e8e, verá que as transparências permanecem, então só precisa dar um clique e pintar toda a área selcionada. Assim:

Mesmo isso ainda não é o bastante, então copie a camada 3 vezes, então terá 4 camadas cinzas, que apertando "ctrl+E" você irá mesclar e obter uma camada quase maciça:

Quarto Passo

Você já pode colocar a asa branca por cima dessa, e verá que ja está completamente sem transparência, e os detalhes ja estão um pouco mais acentuados também. E se falando em detalhes vamos nos ater a um deles: quando se bate uma foto com uma fonte de luz neste estilo, forte, ela reflete um pouco, criando uma espécie de brilho em volta do objeto, seja uma camiseta ou, no caso, asas.

Para fazer isso duplique a camada de asas brancas, e depois vá na guia filtros (filters)> Desfoque (Blur)> Desfoque Gaussiano (Gaussian Blur). Como estou trabalhando em uma imagem grande: 1280 x 800 pixels, utilizei um raio de aproximadamente 26,5 pixels.

Esta camada deve ir acima da camada cinza e abaixo da camada branca. Feito isso deixe a camada branca invisível e, em seguida, apague o centro das asas deixando apenas uma ponta, desta maneira:

Para terminar este passo basta diminuir a opacidade da camada desfocada para 48%.

Quinto Passo

Como já cuidamos do brilho de reflexo na imagem, vamos cuidar da sombra. A sombra deve ir de contraponto à luz. Você pode usar a ferramenta "pincel" (brush tool), com tamanhos, opacidades, e fades diferentes para fazer uma sombra muito boa:

Isso dá um aspecto tridimensional muito interessante e também ajuda a realçar algumas penas, o que auxilia ainda mais nessa composição. Agora, para dar um toque sutil de detalhismo fanático você pode adicionar uma pequena sombra do lado esquerdo entre o braço e a asa desta deusa. Assim:

Sexto Passo

Eu não sei se classificaria isso como um passo, mas eu achei que ficaria muito longo se continuasse a escrever sem um novo título, então criei este novo passo, que consiste somente, e tão somente em criar um degradê do lado esquerdo paro o direito , bem suave, para dar uma ênfase na sombra e no ponto de luz existente na fotografia. Ah, também adicionei um registro no canto esquerdo inferior, que esquecí de apagar enquanto criava as imagens do tutorial.

Por hoje é só, então até mais e, caramba eu ia dizer "Até mais, e obrigado por todos os peixes" que na verdade é o título do quarto livro da serie "O guia do mochileiro das galaxias"de Douglas Adams (que por sinal é sensacional), mas, completando a frase, espero não demorar tanto para escrever-lhes novamente.

Reflexo em Esferas

2007-11-16T05:52:00.000-08:00

Olá mais uma vez!

Desculpem a demora, estive ocupado e não pude atualizar antes. Pois bem, eu tinha em mente fazer um óculos virtual ou uma carta suicida neste tutorial, mas durante a semana eu tive de fazer um projeto em 3D e descobri um plugin muito interessante de Render para o Sketchup, do Google. O plugin se chama Podium, e é desenvolvido pela SU Plugin.

Há alguns meses, ou um ano, não me lembro, meu irmão do meio, Nikollas, me mostrou uma imagem onde há uma imagem refletida em uma esfera, na qual existem várias esferas. Fiquei com ela na cabeça por muito tempo, sem ter dinheiro para comprar o 3D Studio Max, não encontrava outra alternativa para fazê-la, até que eu ví o que o Podium pode fazer.

A partir daí fiz vários testes tentando encontrar uma maneira de reproduzir a imagem que eu havia visto. O resultado foi fascinante! Então resolvi escrever este tutorial a partir desta imagem.

(Clique no Link acima para ver em tamanho real)

Bom, para fazer essa imagem você vai precisar de: 8 esferas de metal cromado (de tamanho sortido), Alguns imãs potentes (para fazer as esferas simularem falta de gravidade), 6 paredes de prata, 1 fonte de luz branca e uma câmera fotográfica invisível.

Ou você pode usar o Google Sketchup (que pode ser baixado aqui), o SU Podium plugin (que pode ser baixado aqui, a versão free só permite a produção de imagens em até 500 x 500 pixels), do Photoshop e de um pouco de disposição.

Após a instalação do Sketchup, instale o SU Plugin em uma pasta chamada "Podium", em qualquer lugar, que não seja a pasta do Google Sketchup (pois sempre ocorre um problema). Feito isso, copie o arquivo "podium_load.rb" e a pasta "Podium" para dentro da pasta "Plugins" do Google Sketchup. Agora você tem uma incrível ferramenta 3D gratuita e fácil de usar, unida a um plugin que produz um efeito excelente.

Primeiro Passo

Abra o Google Sketchup e leia o "Learning Center", que é aberto automaticamente quando se inicia o programa. Isso ajuda a compreender um pouco os componentes do programa. Um dos passos ensina a fazer esferas, e ele nos será útil.

Antes de tudo, crie um quadrado com a ferramenta "Rectangle" (você saberá que o quadrado se formou quando uma linha pontilhada cruzar a diagonal da forma plana).

(Quadrado no Sketchup)

Segundo Passo

Crie uma esfera, como mostra o "Learning Center", e depois faça várias copias dela (o "Learning Center" também ensina como copiar objetos), para fazer esferas diferentes utilize a tecla "S" (Scale), ou vá até “View”> “Toolbars”> “Modification” e selecione a ferramenta.

Feito isso, espalhe as esferas no espaço do quadrado, em posições e alturas diferentes, e depois selecione todas elas com a ferramenta "Select" e a tecla "Shift" pressionada. Pinte uma (conseqüentemente todas as selecionadas serão pintadas) com a cor "Silver", utilizando a ferramenta "Paint Bucket". Pinte também o quadrado que você criou.

Sua imagem deve estar parecida com isso:

(Imagem com as esferas e o quadrado pintados)

Terceiro Passo

Agora vamos criar as paredes. Use a ferramenta "Orbit" para posicionar a "câmera" para uma posição que facilite a produção das paredes. Selecione a ferramenta "Line" e, com a tecla "seta para cima" pressionada, crie uma linha, a partir de um dos cantos do quadro, para cima, de maneira a sobrepor a esfera mais alta. Depois, com a mesma ferramenta e utilizando as outras setas (como mostra o "Learning Center"), crie as outras paredes e pinte-as da mesma cor que você pintou as esferas e a base da "caixa".

Quando você levantar a última parede, automaticamente o "teto"também será criado. Para removê-lo basta selecioná-lo com a ferramenta "Select" e teclar "Del".

Para ajudar com a movimentação da "câmera", você pode ir a “View”> “Toolbars”> “Views”, que abrirá novas ferramentas. Estas ferramentas reposicionam a "câmera" para posições básicas, e que facilitam a vida quando se tem que fazer ajustes no modelo.

Agora sua imagem deve estar assim:

("Caixa" e esferas)

Quarto Passo

Ainda não se parece nem um pouco com a imagem do link que eu coloquei no começo, afinal onde estão os reflexos? E é neste momento que entra o Podium. Ele não permitirá a visualização ao vivo do efeito final, mas você pode usar o máximo de velocidade e a menor resolução para ter uma pré-visualização de como a imagem irá ficar (selecionando "preview" e clicando no botão "render").

Com isso você pode ter uma idéia de como será o ângulo de captura da imagem, podendo mudar e fazer alterações a seu gosto.

Para criar o efeito de reflexo nas esferas, selecione todas as esferas e abra a caixa de diálogo do SU Podium, na guia "Plugins". Nela leve a barra "Reflect" totalmente para a direita. Se tiver curiosidade, siga o passo acima para visualizar como está ficando. A imagem estará azulada devido ao reflexo de céu, que está presente no modelo.

(Visualização do efeito)

Quinto Passo

Como a caixa estará fechada, vamos ter de por uma luz dentro dela. Para isso crie mais uma esfera, pinte-a de branco e clique nela até que esteja com pequenos triângulos azuis. Depois clique com o botão direito, selecione a opção "Make Group", em seguida vá até a caixa de diálogo do Podium e leve a barra "Light" até 25% (Pode variar conforme a necessidade de luz e tamanho da caixa).

Agora, com a ferramenta "Line", complete o teto da caixa, criando uma linha de um dos ângulos para o outro. Depois, selecione a esfera branca que será a luz e leve-a até o centro do teto da caixa. Então, como se estivesse atravessando o teto, coloque metade da esfera para dentro, deixando a outra metade para fora.

Sexto Passo

Estamos quase terminando com este programa. Selecione a ferramenta “Zoom” e vá avançando até estar dentro da caixa. Lá dentro pinte o teto da mesma cor “Silver”, e em seguida escolha uma bola para ser a sua “moldura”.

Agora é um bom momento para utilizar a pré-visualização que eu ensinei.

Sétimo Passo

Com o ângulo que você deseja encontrado, na caixa de diálogo do Podium, clique na Seta> “Settings”, coloque a primeira barra totalmente para a direita e a segunda em cerca de 25%.

Depois vá na seta novamente, só que desta vez clique na guia “Render Size” e escolha o que você quiser (eu utilizei o 1024 x 768 pixels). Para mudar o local onde são salvas as imagens vá na Seta> “Settings” e mude o local no “Browse”, dentro do quadro “Output”.

O processo de “renderização” deve durar uns 20 ou 25 minutos (pode ser mais ou menos, depende da sua máquina)

Oitavo Passo

Agora você já deve ter percebido que a esfera ainda está um pouco angular, e é ai que entra o Photoshop. Abra a imagem no Photoshop, depois tecle “Ctrl+R” e crie duas guias adentrando um pouco a área da esfera.

(As guias, azuis, adentram um pouco o espaço da esfera e servem para fazer circulos perfeitos, em vista da esfera original)

Duplique a camada e selecione a ferramenta de seleção elíptica. Crie um círculo com “Shift” pressionado. Quando já tiver selecionado a área interna, tecle “Ctrl+Shift+I”, e digite “Del”, excluindo, assim, as partes angulares da borda.

Selecione a camada que você duplicou e faça mais uma cópia de segurança. Com a camada inferior à que você excluiu as bordas selecionada, use a ferramenta carimbo (S) para preencher as laterais, apagando os vestígios das bordas originais. Use o mesmo processo para arredondar as bordas da sombra.

Nono Passo

Se você está fazendo uma imagem 1024 x 768 pixels, pode concluir seu trabalho aqui, todavia ainda há aqueles que usam proporções maiores, e para estes (como eu) o tutorial continua.

A minha imagem é uma 1280 x 800 pixels, então eu resolvi recriar o background. Para isso eu criei uma camada de preenchimento embaixo de todas, onde usei um degradê com tons de cinza e branco, ajustando para dar a impressão de luz que haveria quase em cima da esfera, um pouco escondida atrás da esfera.

Depois criei uma camada que seria somente o chão, um retângulo cinza com opacidade reduzida, somente para mostrar a linha de quebra entre o piso e a parede.

Décimo Passo

Duplique a camada da esfera e tecle “Ctrl+L”. Em seguida ajuste os níveis para ter um tom mais prateado.

Décimo Primeiro Passo

Vamos criar um texto para inserir na esfera (como eu fiz com “Gavani”). Com ele escrito, vamos transformá-lo uma camada normal, e em seguida clicar duas vezes no layer do texto.

Na caixa de diálogo “Layer Style”, entre na guia “Outer Glow”, e crie um pouco de brilho externo no seu texto, para que ele tenha um pouco de destaque em meio à esfera.

Não se pode ter realismo colocando-se um texto reto em uma esfera. Vá na guia “Filtro” (Filter)> “Distorção” (Distort)> “Esferização” (Esferize). Ajuste de acordo com a posição, tamanho e altura do seu texto.

Depois disso é só curtir o resultado. Eu particularmente fiquei bastante satisfeito. Espero que tenham gostado.

Bom, por hoje é só, são 2:52 da madrugada. Até a próxima.

Brilho Avançado

2007-11-01T18:32:00.000-07:00

Olá,

Eu estive procurando bons tutoriais de photoshop em português, mas não achei muita coisa... então resolvi fazer o meu próprio. Porque não? Ah, a propósito, aqui é o Fogolin, pode soar estranho, mas é isso mesmo.

Hoje resolvi fazer um efeito que me deu muito trabalho descobrir como se faz: Brilho avançado.
Muita gente simplesmente clica na camada e só joga como "brilho externo" (outer glow), mas o efeito final não chega nem perto de uma imagem bem trabalhada como esta:

Bom, em primeiro lugar, o texto não tem nada a ver, é meramente ilustrativo, não faço apologias ao alcool... e em segundo lugar, eu não colocarei valores nos tutoriais, para que você possa ajustar da melhor maneira para o seu projeto. Seguindo:

1- Crie uma imagem (aqui usei uma 1280x800), e coloque um fundo escuro, mas é de suma importância que ele seja colorido, caso contrario o efeito não atuará da maneira correta.

2- Clique duas vezes na camada de fundo que você criou. Na janela "estilo de camada" vá em "sobreposição de degradê" e crie um degradê com uma opacidade um pouco reduzida, e não centralizado, crie-o onde haverá maior concentração de brilho:

3- Crie uma área de seleção com a ferramenta "laço" (lasso), e em seguida clique na guia "Filtro" (Filter), "Acabamento" (Render), "Nuvens" (Clouds). Isso irá preencher a área de seleção que você criou com uma massa desforme de cinzas e pretos, juntamente com brancos. Para essa etapa clique "d", voltando as cores selecionadas para preto e branco, como quando se abre o Photoshop.

Sua imagem deve ter essa espécie de névoa depois que você utilizar a borracha para apagar com suavidade as bordas, fazendo com que a imagem fique mais uniforme. Depois de feito isso, digite "ctrl+u" para carregar a caixa de dialogo de "Matiz/Saturação" (Hue/Saturation). Nela clique para selecionar a opção "Colorir" (Colorize), e dê uma cor à sua nevoa. Ou, você pode clicar duas vezes na camada da névoa e utilizar "Sobreposição de cor". O efeito não é o mesmo, mas como esta camada vai ficar por baixo das outras não tem tanta importância a maneira como se dá cor. Eu estou utilizando padrões de azul, mas você pode fazer da maneira que quiser.

4- Crie com a ferramenta "Caneta" (Pen) uns desenhos vetoriais em branco. depois utilize o "Desfoque Gaussiano" (Gaussian Blur) com um raio considerável. Em seguida utilize o comando " shift+ctrl+x", que abrirá uma janela com a camada selecionada. Nela você dispõe de uma serie de ferramentas para distorcer a sua imagem, até que ela fique parecendo uma chama. Eu utilizei três camadas de chama (fig. abaixo), utilizando o mesmo processo. Depois que ela estiver pronta, você pode colocar um pouco mais de "Desfoque Gaussiano" (Gaussian Blur) e utilizar a ferramenta "Borrar" (smudge), para fazer pequenos ajustes. Aplique uma coloração suave com "ctrl+u" (Matiz/Saturação-Hue/Saturation).
Feito isso você verá que ela ficou um tanto grande. Digite "ctrl+t" para redimensionar a camada, e clique duas vezes na área de seleção quando estiver do tamanho ideal. O que podemos fazer agora é utilizar uma mascara para criar um efeito de degradê nas bordas. Assim ela não ficara uniforme e seguirá o padrão do plano de fundo, que já possui um degradê.

5- O próximo passo é o TEXTO. Esse me deu muito trabalho descobrir como se faz. Pois bem, seguindo... Escreva um texto com alguma letra que possa sobrepor outra. Aqui usei dois "O"s. Escolha uma cor para ser o brilho dessas letras. Como estou trabalhando com tons de azul, escolhi um azul bem claro, muito próximo de branco, mas com tom suficiente para deixar claro que é azul:

(Texto sem as letras brilhantes)

(Surge a primeira letra brilhante - a que vai ficar por cima -, em tom claro de azul)

(Esta é a segunda letra brilhante. Repare no detalhe escuro, é ele quem dará uma ilusão de sombra de um "O" sobre o outro)

6- Visto isso, duplique essas camadas e deixe-as invisiveis por enquanto. Posicione as cópias uma sobre a outra, de maneira que a parte escura criada na segunda pareça a sombra da primeira.
Com a primeira letra selecionada, digite o comando "ctrl+e" para mesclar as duas, tonando-as uma só. Isso facilita as etapas seguintes. Duplique essa nova camada e deixe-a, tambem, invisível.
Selecione a cópia e siga este caminho: "Filtro" (Filter) > "Desfoque" (Blur)> "Desfoque Gaussiano" (Gaussian Blur). Utilize um raio pequeno, somente para dar uma impressão de brilho leve. Até agora parece o Brilho da Caixa "Estilo de Camada", não é? vamos mudar isso. Na caixa referente a "Modos de Mesclagem" (Blend Mode), logo abaixo do titulo da aba "camadas", mude de "Normal" (Normal) para "Sobrepor" (Overlay).

(Imagem com apenas uma camada das duas de desfoque)

As letras vão quase sumir. Mas é isso mesmo. Dupliquue a camada de desfoque e deixe as duas de desfoque sob a de texto normal.
Agora duplique a que você tinha deixado invisível e realize o desfoque também, só que ao invés de deixar o modo de mesclagem como "Sobrepor" (Overlay), você deve deixa-lo como "Subexposição de Cores" (Color Dodge), e deixa-la por cima da original. Agora sim parece mais um brilho.

7- Está tomando forma, mas para ter um efeito de movimento, enquadrado pelas chamas no fundo, vamos "dissolver" os dois "O"s. Para isso selecione a ferramenta "Pincel" (Paintbrush), clique com o botão direito do mouse e selecione uma ponta de pincel que tenha um efeito granulado. Em seguida vá na aba "Pincéis" (Brushes) e ajuste os valores para criarem uma dispersão. Depois selecione a mesma cor que você usou na letra e faça um pequeno prolongamento sobre ela, como se ela estivesse se esfarelando. Utilize a borracha para fazer alguns ajustes.

Com isso feito, leve essa camada para debaixo do primeiro desfoque com modo de mesclagem "Sobrepor" (Overlay), e clique duas vezes nela. Na caixa "Estilo de Camada" (Layer Style), vá em "Sobreposição de cor" (Coolor Overlay), e coloque um tom FORTE da coloração trabalhada. Depois siga para "Brilho Externo" (Outer Glow), e faça um efeito de brilho similar ao que você criou com as camadas.
Feito isto, seu projeto deve estar parecido com isto:

8- Puxando para o plano geral já está bonito, mas ainda não tem muito brilho. Lembra-se no começo quando lhe ensinei a criar uma nevoa? Pois bem, agora você deve criar uma nevoa pegando o miolo de tudo: das chamas , do degradê e principalmente dos "O"s. Depois de criada, altere o seu modo de mesclagem para "Subexposição de Cores" (Color Dodge) e digite "ctrl+u" (Matiz/Saturação - Hue/Saturation) para adicionar uma cor.

(Imagem sem névoa)

(Imagem com névoa)

A névoa deve ficar acima das outras camadas.

Este foi meu primeiro tutorial, espero que tenham curtido, pretendo fazer outros mais ... Até a próxima.