Tutorial Photoshop CS5: Configurando guias para design

Uma das técnicas mais usadas para organizar layouts gráficos é com o uso de grades. Essas grades ajudam em vários aspectos a organizar a estrutura de um documento, posicionando textos e imagens em espaços distribuídos de maneira proporcional. Em alguns softwares é mais simples organizar essas grades usando guias, mas em outros a coisa é mais trabalhosa. Nunca considerei o Photoshop a melhor ferramenta para trabalhar com guias, mas a grande quantidade de projetos gráficos desenvolvidos com o software fazem com que os artistas e usuários precisem se acostumar a usar as guias do Photoshop.

E como o uso de grades para organizar conteúdo é a maneira mais simples de criar elementos gráficos com o mínimo de harmonia, é necessário se acostumar as guias e ao grid de softwares gráficos para não ter problemas de produtividade e até mesmo de precisão nos seus projetos.

Configurando layouts em grade no Photoshop

Já pensou se existisse uma ferramenta que ajudasse a trabalhar com as guias do Photoshop, adicionando layouts em grade de maneira automática? A ferramenta existe e se chama GuideGuide. O software é uma extensão gratuita para o Photoshop que deixa o processo de configuração de grades incrivelmente rápida e simples. O vídeo abaixo mostra um pouco do funcionamento do GuideGuide no Photoshop CS5.

Depois de instalar a extensão podemos usar o painel de opções do GuideGuide que fica disponível no menu Window->Extensions->GuideGuide.

O uso da ferramenta é extremamente simples e requer apenas o ajuste dos valores negócios para os números das colunas. Assim que você estiver com os valores ajustados, basta pressionar o botão GG para que as guias sejam criadas.

Para quem trabalha com produção de material gráfico, seja ele impresso ou virtual, o uso de layouts em forma de grade pode ajudar de maneira significativa a organizar o seu projeto, e a extensão GuideGuide é uma excelente ajuda para quem não gosta de ficar organizando as guias padrão do Photoshop. É uma pena que o GuideGuide não funcione também em outras ferramentas da Adobe como o Illustrator, Flash e até mesmo em ferramentas como o After Effects, pois seria interessante trabalhar com title screens usando padrões em grade.

Tutorial Photoshop: Retocando uma fotografia para publicidade

A arte de editar e retocar fotografias requer não apenas o conhecimento técnico da pessoa envolvida na tarefa braçal de trabalhar a imagem, como um olho clínico para encontrar detalhes e partes da imagem que precisam ser melhoradas. Nas minhas aulas sobre Photoshop reparo que a maioria dos alunos acaba se focando apenas nas ferramentas do software, deixando de lado a parte artística do processo e com isso ficam limitados em conhecer o funcionamento de camadas, máscaras e dos variados tipos de pincéis. Esse é o tipo de conhecimento que se adquire de maneira relativamente fácil com livros e assistindo tutoriais. Mas, existe outro tipo de conhecimento que dificilmente acaba se adquirindo com esse tipo de material técnico, que é o senso crítico para avaliar imagens.

Nesse tipo de processo, independente se o software usado no projeto é o Photoshop ou uma ferramenta 3d, a experiência e análise do artista acaba fazendo a diferença. O vídeo que vou mostrar nesse artigo é um exemplo de como a edição de uma imagem para o mercado publicitário, pode muito bem demandar muito desse tipo de conhecimento dos artistas digitais. No vídeo, o autor pega a fotografia de uma modelo e vai retocar a imagem de maneira a melhorar a sua apresentação, e remover as imperfeições.

Aos olhos de qualquer pessoa com menos experiência, a imagem não precisaria de muitos ajustes. Mas, esse processo que veremos em forma acelerada é o resumo de uma hora e meia de trabalho.

Model Transformation: Photoshop Time-lapse from Kert Gartner on Vimeo.

Para as pessoas que nunca tiveram oportunidade de acompanhar uma edição de fotografia como essa, o vídeo é uma excelente oportunidade de visualizar todo o processo de edição e trabalho necessário para ajustar a fotografia. Repare que o artista precisa cuidar de diversos detalhes como a remoção de fios de cabelo que destoam do conjunto no rosto da modelo, até mesmo a adição de pequenas colorações nas maçãs do rosto e inclusive o batom da modelo.

Se você pretende trabalhar com edição de fotografia, esse tipo de vídeo ensina apenas a aplicação prática das ferramentas do Photoshop no ajuste da imagem, mas as decisões sobre o que e onde editar são inteiramente do artista. Para adquirir esse tipo de conhecimento é necessária muita observação e comparação para desenvolver o senso crítico, fundamental para projetos desse tipo.

Lançamento do Adobe CS5: Vídeo produzido por brasileiros

O lançamento do pacote CS5 da Adobe trouxe muita coisa nova para a maioria dos profissionais e entusiastas que usam a plataforma de softwares, mas algo pode ter passado despercebido do público brasileiro. A vinheta de lançamento do pacote CS5 da Adobe foi produzida por um estúdio de animação do Brasil. Estou falando do conceituado Seagulls Fly que conseguiu emplacar um vídeo recheado de efeitos e especiais e computação gráfica para divulgar o pacote CS5. É de se entender o motivo que fez com que poucas pessoas tivessem conhecimento dessa vinheta, até porque a Adobe não faz esse tipo de divulgação aqui no Brasil. Alguém já viu propaganda de software na TV em horário nobre ultimamente?

Esse é o vídeo produzido pela Seagulls Fly:

Adobe CS5 – Production Premium from Seagulls Fly on Vimeo.

Para mostrar como o processo foi realizado e boa parte do material foi concebido, o pessoal do estúdio criou outro vídeo bem rápido com um “making of” de todo o trabalho.

Making of Adobe CS5 – Production Premium from Seagulls Fly on Vimeo.

Para a maioria dos artistas que encontram essa notícia, pode parecer que a própria Adobe procurou a Seagulls Fly para produzir o material. Na verdade, o projeto partiu como sempre de uma agência que estava cuidando da campanha da Adobe. No caso do lançamento do pacote CS5 foi a Goody, Silverstein & Partners que cuidou do lançamento do pacote CS5. Nesse outro artigo podemos encontrar uma entrevista realizada com a equipe da Seagulls Fly sobre a produção do material.

No artigo encontramos detalhes técnicos sobre a produção do vídeo, como o tempo dado pela agência para a produtora que foi de dois meses. No total dezoito pessoas do estúdio se dedicaram a produção desse vídeo. O briefing também foi bem aberto e direto, com o detalhe para a ênfase do número 5 que deveria aparecer no final do vídeo como em uma tela de cinema, e durante o desenrolar da animação os principais recursos do pacote CS5 deveriam ser referenciados.

Você conseguiu identificar os recursos do Adobe CS5 no vídeo?

Outro aspecto interessante do vídeo que é comentado na entrevista é a mistura de computação gráfica 3d com elementos filmados ou desenhados a mão, o que confere um aspecto de realismo ao vídeo.

Já tive a oportunidade de assistir uma palestra do FlavioMac da Seagulls Fly que na época trabalhou na criação da Globeleza virtual para a Rede Globo, e posso dizer que o trabalho deles é uma mistura de proficiência técnica com qualidade artística nas animações.

O trabalho ficou muito bom.

Photoshop CS5 download gratuito

Hoje é o dia que marca o lançamento para o público em geral da família de aplicativos da Adobe chamada de CS5, em que podemos incluir softwares famosos e bem conhecidos por profissionais na área de computação gráfica como o Photoshop CS5 e o Flash CS5. O lançamento do pacote CS5 está sendo considerado pela Adobe um dos maiores nos últimos anos, e com esperanças de superar em vendas o desempenho da família CS4 que junto com a crise econômica de 2009 balançou as fundações da Adobe. Mas, nem tudo é motivo de alegria para a Adobe nesse lançamento do pacote CS5, pois a Apple em uma manobra para atrapalhar as vendas do Flash CS5 está alterando as regras do contrato para desenvolvedores, restringindo a criação de aplicativos para o iPhone Os, apenas para ferramentas oficiais.

Caso você não tenha acompanhado, um dos novos recursos do Flash CS5 era a possibilidade de exportar aplicativos para o iPhone OS.

Sobre o Photoshop CS5, ele já foi apresentado aqui no blog diversas vezes com recursos como o Content-Aware Fill e outros que adicionam muito as ferramentas de edição e manipulação de imagens. Se você quiser fazer o download gratuito do Photoshop CS5 visite o endereço indicado na Adobe, e procure pelo Trial do Photoshop. Essa é a maneira que a Adobe oferece para que você possa testar o software antes de fazer a compra.

Algumas das ferramentas adicionadas ao Photoshop CS5 são oriundas de projetos independentes já implementados em softwares como o GIMP, e que com o tempo foram sendo adquiridas pela Adobe para turbinar o Photoshop com ferramentas e técnicas modernas de edição. Alguns desses recursos podem aparecer também no Premiere CS5 ou After Effects CS5 como a estabilização de câmera apresentada na última Siggraph.

Além do download do Photoshop CS5, você pode optar por fazer o download do Photoshop CS5 Extended que apresenta opções extras para edição de vídeo e modelo 3d. Essas opções são interessantes para artistas que usam muitos objetos em 3d nas composições de imagens, e permitem trabalhar com camadas em 3d direto no Photoshop CS5.

Ainda não são todas as ferramentas do pacote CS5 que estão disponíveis para download, mas com o tempo todos eles devem estar listados na página de downloads da Adobe.

Mais tutoriais de Adobe Photoshop CS5 (atualizado)

A quantidade de material sobre o Photoshop CS5 e os seus recursos revolucionários de edição e retoques de imagem, que para pessoas leigas podem até perecer montagem estão começando a aparecer aos montes na internet. Na semana passada publiquei um tutorial de photoshop CS5 mostrando o recurso conhecido como Content-Aware Fill. Essa semana mais um desses vídeos foi publicado no Youtube, mostrando como o recurso vai ajudar a fazer retoques em imagem, sem necessariamente demandar aquele esforço enorme de reconstrução dos pixels, devido a sobreposição de partes da imagem. O novo vídeo sobre o Content-Aware Fill d o Photoshop CS5 é esse:

Ainda existe mais material gravado durante a última Photoshop World realizada em Orlando na Flórida alguns dias atrás, em que foi divulgada inclusive como será a caixa e arte do Photoshop CS5. Depois de divulgar a arte do novo produto é feita mais uma demonstração sobre o Photoshop. As ferramentas são novamente impressionantes e mostram como é fácil fazer correções em imagens.

A parte final do vídeo que mostra a edição de partes da roupa de uma modelo é de assustar, pela velocidade e qualidade da montagem final.

Em certo momento o autor começa a remover riscos de tinte de monumentos em fotografias, coisa que já é possível de fazer hoje em dia, mas que demanda muito trabalho de edição e retoques para ficar perfeito. Dessa vez é necessário apenas alguns cliques de mouse para que o Content-Aware Fill faça o trabalho.

Caso você não se recorde, ainda existem diversos vídeos publicados desde outubro de 2009 em que supostamente os recursos ainda em desenvolvimento para o Photoshop CS5, foram demonstrados por pessoas do Adobe Labs. Na época houve muita discussão sobre a autenticidade do material, pois os recursos eram tão inovadores que diversas pessoas acreditavam se tratar de montagem.

Pelo visto vários desses vídeos estão começando a ganhar credibilidade com o material disponibilizado pela própria Adobe. Nenhum deles foi oficialmente confirmado no Photoshop CS5, mas vale uma olhada novamente no material para ter uma idéia do que esperar na atualização.

Esse vídeo mostrava o Content-Aware Fill ainda em Outubro:

Agora é só esperar pelo dia 12 de Abril para conferir a lista completa de recursos e desempenho do Photoshop CS5.