As pessoas que acompanham as atualizações e artigos do Blog devem saber que o meu objetivo com os cursos online é dominar o mundo transferir para ambientes virtuais, o que já faço corriqueiramente em salas de aula presenciais. O Blender é tema central das minhas aulas online, assim como acontece com os cursos presenciais que tenho a oportunidade de ministrar nas várias Faculdades e Universidades em que ministro aulas. Mas, apesar de ser uma ferramenta fantástica, o Blender não resolve tudo em termos de computação gráfica.

Curso gratuito sobre Photoshop CS5 Extended

Por isso, é preciso estudar e se dedicar a outras ferramentas para finalizar projetos e enriquecer o seu leque de conhecimentos na área de computação gráfica. E um dos softwares mais importantes na área da computação gráfica é o Photoshop. E como primeira iniciativa para oferecer cursos de softwares da Adobe, estou anunciando nesse artigo a disponibilidade do curso de Photoshop CS5 Extended Básico no EAD – Allan Brito. Para melhorar ainda mais o anuncio, o curso é totalmente gratuito para os usuários do site, bastando se registrar para ter acesso ao material.

O curso como um todo irá abordar os aspectos básicos do Photoshop CS5 Extended em que você aprende a trabalhar com a interface, molduras, resolução, camadas, filtros e seleção de objetos. A aula 01 que trata sobre a interface e a moldura do Photoshop já está publicada, e no vídeo abaixo você confere o último tópico abordado nessa aula, que fala sobre a moldura do Photoshop.

Cursos sobre ferramentas da Adobe

Esse é apenas o primeiro curso de uma série de materiais sobre ferramentas da Adobe que pretendo lançar. No final do ano passado adquiri uma licença do pacote Production Premium da família CS5 para usar em meus projetos, e vou aproveitar os softwares para produzir cursos.

As próximas vítimas ferramentas a ganhar cursos devem ser o After Effects, Flash, Premire e Illustrator. A ordem não precisa ser necessariamente essa, mas os softwares são todos candidatos a receber cursos. O próximo da lista é certamente o After Effects.

Agora basta se cadastrar o curso e aguardar enquanto as outras aulas são publicadas no ambiente virtual, o que deve acontecer nas próximas semanas. Como são apenas cinco aulas no total, o curso será mais curto que os outros já publicados no EAD – Allan Brito.

O Photoshop é uma das ferramentas mais importantes no quesito pós-produção para qualquer coisa relacionada com imagem. E no trabalho com computação gráfica na maioria das vezes o produto final é uma imagem. A finalização de imagens em softwares como o Photosop permite salvar muito tempo de trabalho, e principalmente de renderização, pois é possível fazer ajustes em cores e até mesmo corrigir alguns tipos de problemas ou erros que passam despercebidos no processo de render.

Sempre que tenho a oportunidade de lecionar sobre o Photoshop, procuro passar algumas regras de “conduta” para otimizar o trabalho dos alunos, seja com foco em finalização para computação gráfica, ou então no design de interfaces.

Dicas de etiqueta para usar Photoshop

Para as pessoas que trabalham com o Photoshop ou gostariam de começar a trabalhar, recomendo uma visita ao excelente site que dá dicas de etiqueta para trabalhar com o Photoshop. O site se chama The Photoshop Etiquette Manifesto for Web Designers, que lista diversas dicas para facilitar e organizar o trabalho de artistas usando o Photoshop.

O direcionamento do site é para o pessoal que usa o Photoshop para criar interfaces para a web, mas as dicas são universais e podem ajudar no uso do Photoshop em outras áreas.

Por exemplo, as dicas relacionadas a organização de arquivos e projetos com o Photoshop são excelentes, como a maneira de organizar os arquivos PSD tanto no seu conteúdo, usando dependências e até mesmo na atribuição de nomes aos arquivos.

Além da parte relacionada com a organização dos arquivos, estão algumas dicas valiosas sobre o design dos projetos usando o Photoshop. Uma dessas dicas já foi comentada aqui no blog, quando mencionei a existência de uma extensão gratuita para o Photoshop que ajuda a configurar guias. A dica do site é exatamente para usar e organizar da melhor maneira possível as guias, para montar padrões de organização para a sua interface. E como muitos artistas 3d também precisam apresentar suas criações em formato de pequenas publicações, as dicas podem ajudar nesse sentido.

É possível fazer o download de um arquivo PDF com todas as dicas do site para impressão, ou então adquirir um poster pronto.

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.

Na criação de imagens com base em modelos 3d é importante sempre tentar pensar no processo de criação, aproveitando todo o potencial das ferramentas 3d e do que podemos utilizar em termos de montagem final. Por exemplo, um dos erros que muitas pessoas cometem é tentar pensar na imagem final como sendo de total responsabilidade do software 3d gerar cenários, vegetação e outros elementos. Esse tipo de coisa é muito mais simples de adicionar na pós-produção, e dependendo de como trabalhamos nesse tipo de estágio da criação, os resultados podem ficar muito bons! É difícil encontrar imagens que não passam por algum tipo de correção, mesmo que sejam ajustes mínimos de cores.

Para os que nunca tiveram a oportunidade de visualizar um pouco desse processo, encontrei o vídeo abaixo que mostra muito bem como essa pós-produção acontece, e de que maneira você pode começar a pensar nela para seus projetos. No vídeo é possível acompanhar a finalização de uma imagem mostrando o objeto principal do projeto que é uma edificação, e o artista responsável precisa adicionar elementos como um plano e fundo com o céu.

O objetivo desse tutorial não é produzir um cenário realista, pelo menos o resultado está bem longe disso, ficando mais próximo de algo estilizado no estilo pintura. Um ponto importante para esse tipo de composição é a adição de um objeto no primeiro plano, que atribui uma sensação interessante de escala para o conjunto todo. Os detalhes como as discretas luzes proeminentes de cada uma das torres nas edificações e a adição de pássaros na cena, mostram como alguns pequenos ajuste são simples de criar.

A qualidade e realismo da imagem final é um pouco questionável, mas ainda assim está bem mais interessante do que o resultado inicial apenas com o uso do render.

O material é um excelente exemplo de como é importante adquirir habilidades em ferramentas de finalização como é o Photoshop ou GIMP. Se não fosse possível trabalhar com os ajustes baseados em imagens, esse tipo de edição seria realizado junto como o render, o que poderia deixar o render um pouco mais longo.

Se você ainda não teve interesse de estudar esse tipo de conteúdo, recomendo começar o quanto antes!

A renderização de cenas noturnas é pouco usual e geralmente só é solicitada em projetos quando o mesmo envolve layouts especiais de luzes, que precisam ser demonstradas para clientes ou pessoas interessadas na contratação do projeto arquitetônico. Mas, nem por isso é correto afirmar que um profissional da área não precisa saber trabalhar com as técnicas e recursos necessários para gerar imagens noturnas. Com o SketchUp é muito fácil gerar modelos 3d e vistas para auxiliar em projetos arquitetônicos. A parte de renderização realista deixa um pouco a desejar, mas isso pode ser contornado com o uso de softwares como o Indigo, V-Ray e SU Podium.

Mas, será que é realmente necessário usar esse tipo de renderizador para gerar imagens realistas, principalmente vistas noturnas? Bem, se o objetivo for simular iluminação real com perfis IES não tem solução, e será preciso trabalhar com esse tipo de ferramenta. Nos casos em que a visualização não demandar de informações precisas de luminotécnica, podemos partir para a edição de imagens mesmo.

Essa semana encontrei um tutorial sobre render noturno com SketchUp e Photoshop. O processo é bem simples e pode ser até mesmo reproduzido em ferramentas como o GIMP que é gratuito.

O processo é bem simples para quem conhece o funcionamento do Photoshop e os seus efeitos de camada, principalmente na aplicação de transparência. A técnica consiste na criação de duas imagens no SketchUp, usando o recurso do X-Ray para ajudar a representar as aberturas transparentes. Depois no Photoshop são isoladas as partes relacionadas com abertura para que possam ser montadas sobre outro render sem modificações.

A parte escura da renderização noturna é gerada com a modificação das cores da imagem, e posteriormente também a montagem sobre outra imagem mais clara gerada no SketchUp. No final temos um efeito bem convincente, mas não realista, de uma cena noturna para arquitetura. Todas as ferramentas usadas no Photoshop para esse tutorial estão disponíveis no GIMP, ficando fácil de reproduzir o efeito no software.

Sem precisar de efeitos avançados para gerar imagens noturnas, pudemos gerar essa imagem quase no estilo NPR para arquitetura, em pouquíssimo tempo e sem demandar altos tempos de render.