Repassando 10 anúncios interessantes feitos em fachadas de prédios, publicado no IG Colunistas:

http://colunistas.ig.com.br/obutecodanet/2010/01/06/10-anuncios-extremamente-interessantes-feitos-em-fachadas-de-predios/

Segue video com algumas montagens no photoshop:

Siga-me no Twitter.

http://photoshopdisasters.blogspot.com/

Havia comentado sobre calibragem do monitor no post Série Photoshop | Acabamento, e então, pra cumprir com a promessa:

Quem é que não se viu frente ao problema: a imagem do monitor não tem nada a ver com a impressa.

Embora esse seja um grande problema para quem trabalha com impresso, para digitais (web) não é, e poucos profissionais o fazem para estar sempre mais próximo possível das cores exatas, que são definidas pelo ICC (International Color Consortium) quem criou o sistema de gerenciamento de cores que independente de qualquer marca ou fabricante. Mas, não se pode estar muito fora do padrão.

Pelo Mac é o ColorSync, e pelo Windows é o Adobe Gamma.

Qualquer tipo de impressora, scanner e monitor pode ser calibrado, sendo que a precisão das cores será definida pela qualidade dos periféricos. A maioria das impressoras de modelos mais utilizados em DTP permite a calibragem. Os modelos mais utilizados para prova, como Epson e HP, podem ser calibrados desde que utilizem um RIP PostScript. Impressoras que não possuam método de impressão CMYK são um pouco mais difíceis de controlar.

Caracterização do monitor

Monitores são caracterizados utilizando-se um colorímetro, aparelho capaz de medir as características colorimétricas do monitor e criar profiles de cor no sistema operacional, contendo informações sobre a capacidade de cor de cada monitor.

Calibragem da impressora

Impressoras são calibradas utilizando-se um espectrofotômetro. Imprimi-se um um arquivo Tiff com vários quadradinhos de cor, depois o impresso é lido pelo espectrofotômetro e então é gerado um profile de cor da impressora. As impressoras possuem um desvio de cor para ciano, magenta e amarelo (CMY).

Calibragem do scanner

Na calibragem de scanner tiliza-se um IT8, que é uma foto ou cromo, com uma série de quadrados de cor que é lidos pelo scanner. Depois o software de calibragem irá analisar a imagem e gerar o profile de scanner. Posteriormente, o profile será aplicado corrigindo a imagem. A aplicação do profile pode ser feita no Photoshop ou no próprio software do scanner.

Uma das maiores dificuldades na implantação de sistemas que utilizem gerenciamento de cor baseado em perfis ICC (principalmente para nós, simples mortais, que não possuímos nem um colorímetro) é a calibração simples dos monitores e programas.

Calibração simples

1. Antes de iniciar a calibração, o monitor deve estar ligado por 30 minutos.
2. No controle de configuração do monitor, acesse “COR” e diminua a temperatura para 5000K (ideal) ou 6500K. (Se o seu monitor não possuir esta opção, pule esta etapa).
3. Vá em PAINEL DE CONTROLE e clique em ADOBE GAMMA (instalado a partir do Photoshop), STEP BY STEP (Wizard).
4. Nesta etapa o Adobe Gamma irá pedir o profile ICC do seu monitor (exemplo: Sony_D50.ICC).



5. Nesta outra etapa você vai ajustar o Brilho e Contraste. O Contraste deixe no máximo. Agora vá ajustando o Brilho até que o quadrado cinza dentro do quadrado Preto no Adobe Gamma fique quase preto (QUASE, não preto!).
6. Agora especifique o PHOSPHORS do seu monitor: Sony usa Trinitron. Em outros modelos utilizo SMPTE-C.
7. Habilite a opção VIEW SINGLE GAMMA ONLY. Olhando de um modo desfocado a uma distância de 50cm. mova o cursor abaixo da janela Gamma até que o quadrado central fique no mesmo tom da borda com risquinhos. Agora na opção GAMMA selecione a opção de acordo com o seu sistema operacional.



8. Em HARDWARE WHITE POINT escolha a temperatura de 5000K. Se 5000K ficar muito amarelado, suba para 6500K.
9. EM ADJUSTED WHITE POINT selecione a mesma temperatura da opção anterior.
10. Agora o Adobe Gamma permite que você faça uma comparação com as configurações anteriores e a que você acabou de configurar.

Nesta última etapa, o Adobe Gamma pedirá para salvar o novo profile com as suas configurações. Dê um novo nome ou acrescente a palavra COPY no final do arquivo para diferenciar do arquivo original.

O Adobe Gamma salvou este profile ICC com as suas novas configurações na pasta Windows/System/Color do seu sistema operacional, e irá activá-lo toda vez que você inicia o computador.

Configurando menu Color Settings

A conversão para CMYK é definida pela configuração da opção Color Settings do menu EDIT no Photoshop.

RGB

Define o espaço de cor RGB. Exemplo: AdobeRGB. Existem vários outros padrões possíveis como sRGB, AppleRGB, ColorMatch etc. O importante é que todas as máquinas tenham a mesma configuração para garantir que as imagens RGB possuam o mesmo espaço de cor e as mesmas cores.

CMYK

Define o perfil de cor CMYK, responsável pela geração das quatro cores durante a conversão RGB/CMYK. O Photoshop possui alguns perfis CMYK pré estabelecidos, como: Euroscale, SWOP, Eurostandard, etc. É nesta opção que além de escolher o perfil você poderá determinar ganho de ponto, carga máxima de tinta, total de preto, em que tipo de papel (coated/uncoated/newsprint), GCR, etc. Uma boa gráfica poderá te orientar sobre estes parâmetros, e algumas até possuem o seu próprio perfil CMYK para ser fornecido a clientes. O Photoshop permite que você salve mais de um perfil CMYK com diferentes configurações

Gray

Define o ganho de ponto para imagens grayscale.

Spot

Define o ganho de ponto para imagens com cor spot.

Color Management Policies

Deixe as opções em Off para não alterar o perfil da imagem. A opção Ask When Opening deve ficar marcada, pois o Photoshop irá perguntar o que fazer cada vez que o perfil da imagem não for o mesmo definido no programa.

Engine

Especifique o sistema e o método de correspondência de cores utilizados para converter cores entre os espaços de cor. Apesar de existirem inúmeros fabricantes que disponibilizam seus algorítimos de conversão, podemos utilizar o da Adobe.

Intent

Define o tipo de conversão que será feita entre dois espaços de cor. Existem quatro tipos de conversões de espaço de cor: Perceptual, Saturation, Relative Colorimetric e Absolute Colorimetric. A opção mais utilizada é Relative Colorimetric.

Black Point Compensation

Controle o ajuste do ponto preto na conversão de espaços de cor. De acordo com a Adobe, esta opção deve ficar marcada.

Desaturate Monitor Colors by

Esta opção pode ser utilizada para reduzir a saturação do monitor e deve ser regulada baseada em testes visuais. Seria bom deixar desmarcada.

Blend RGB Colors Using Gamma

Deixe desmarcada.

Depois que estas configurações estiverem pronta, salve o perfil. Feche e abra novamente o Photoshop para que ele assuma o novo perfil com as suas configurações. Agora, basta converter as imagens em RGB para CMYK.

O que fazer quando o Photoshop apresenta a mensagem Profile Mismatch?

Muitas vezes a imagem que precisamos tratar já está em CMYK, pois já foi convertida diretamente no escaneamento ou foi gravada neste modo. Quando abrimos uma imagem CMYK no Photoshop, aparece uma mensagem indicando que o perfil original da imagem é diferente do que está definido no Color Settings do Photoshop. Em geral é melhor optar por descartar o perfil “embedded” na imagem para depois utilizar o comando Assign Profile para associar o perfil desejado à imagem. Assim, depois que a imagem for salva, o Photoshop não indicará mais a diferença entre os perfis já que o que foi definido no Color Settings será o mesmo da imagem.

Como associar um perfil à imagem?

Para concluir, o comando Assign Profile permite que possamos associar um perfil à imagem, indicando ao Photoshop e outros programas como devem exibir a imagem. Este comando não altera as cargas de cor da imagem e, além disso, podemos associar outros perfis que não sejam os que estão definidos no Color Settings. Isto permite que, mesmo que o Photoshop esteja configurado com um perfil de Off Set/papel revestido, possamos associar um perfil, por exemplo, de jornal. Desta forma simularemos outras mídias sem alterar as preferências dos programas. As configurações mostradas acima não são únicas e podem ser alteradas de acordo com as necessidades do usuário.

Dando continuidade à Série Photoshop que inaugurei com o artigo “Acabamento“, fiz este tutorial sobre o Space Light Tutorial | Processo de Montagem usando Brush e Pincel.

Antes de começar, quero lembrar sobre o fato da ótica em relação a visão do ser humano, de que tudo é luz. Podemos enxergar as coisas devido às células sensíveis a luz. Se vemos, é porque temos a luz. Isso explica o fato de mesmo estando com os olhos totalmente fechados e com a mão cobrindo, percebemos quando alguém abre a janela do quarto de manhã. Há passagem de luz até às células super sensíveis do olho humano.

Esse processo de percepção da luz é chamado de faixa de espectro de radiação eletromagnética estendida aos raios x até as microondas.

Sabendo que em tudo existe luz e por isso enxergamos, então podemos entender que em tudo há sombra. A luz e sombra é que dá a vida aos olhos. Manipulando a luz e sombra pode-se obter milhões de diferentes resultados de imagem.

Neste tutorial vou trabalhar com esses elementos, causando a ótica de iluminação no espaço.

Vamos começar criando um novo arquivo de 1440×900, e aplicando radial gradient com as cores #000000, #000225 e #00038E.

A primeira etapa ao trabalhar com ilustrações, é sempre começar pelo fundo ou background. Em seguida, usei uma ilustração do espaço universo.

Agora, traçar uma linha utilizando a ferramenta Pen Tool (p).

Configurar um estilo a ser utilizado na linha, através da paleta Brushes (F5). Em seguida, criar uma nova camada (layer), teclar P, botão direito -> Stroke Path. Novamente, clicar com botão direito sobre a camada gerada e ir até Blending Options -> Outer Glow, selecionar o modo (blend mode) Color Dodge na cor #3399ff para gerar o efeito de luz sobre as cores do radial background do arquivo. O photoshop vai realizar uma operação matemática para capturar a luz correta.

O segredo começa agora: duplicar três vezes a camada acima. A 1ª com Outer Glow no modo Color Dodge, 2ª no modo normal com Color Overlay Azul #000DBD, e 3ª em branco #FFFFFF.

De agora em diante, começa a montagem com a imagem escolhida, aplicação de sombra e luz, etc. As etapas são: aplicar a imagem do espaço sobre o background, duplicar novamente apagando as áreas que darão visão pra camada abaixo mais escura. A idéia é tudo o que for com mais luz, estar em camadas sobrepostas (acima).

Outro segredo, é aproximar a tonalidade de cor da atmosfera da imagem (ambiente) mais próximo com as cores que estão na primeira etapada. (background): Image -> Adjustments -> Color Balance acentuado os tons azuis. Após, acentuar os níveis de contraste da imagem para causar maior brilho e intensidade: Image -> Adjustment -> Brightness/Contrast.

Traçar novamente um alinha (P), para criar outra camada utilizando brush. Também utilizar a ferramenta Freeform Pen Tool para desenhar a mão livre e aplicar brushes de estrelas. Para aplicar os brushes,  (P) -> Stroke Path.

Agora, apagar os cantos com a ferramenta Eraser Tool (E), deixando as estrelas somente no centro da imagem. A camada da estrela também deve receber o efeito Outer Glow no modo Color Dodge para criar intensidade de luz.

O resultado final pode ser conferido clicando nas imagens abaixo, no formato de papel de parede.

Space Light 15 wide:

Space Light 19 Wide:

Até o próximo post sobre a Série Photoshop.

Quero inaugurar a Série Photoshop, onde eu vou estar publicando dicas de Photoshop. Quero toda semana postar alguma coisa relacionada ao Photoshop para Web.

Hoje, a dica é de acabamento. Todo arquivo antes de ser fechado, deve ter o formato certo, tamanho certo, e cores certas para poder ser visualizado no monitior, de forma que fique o mais próximo possível do que você quer transmitir. Isso porque, ao trabalhar com o Photoshop você tem duas realidades: impressão e visualização.

Impressão

O arquivo deve ser fechado seguindo as especificações corretas para impresão em gráfica, seguindo  formatos universal, dpi, tipo de cores, etc. O monitor deve estar devidamente calibrado a fim de chegar o mais próximo possível da prova impressa.

Visualização

O arquivo deve ser fechado de acordo com o que se vê na tela, sem a necessidade de provas impressas. Embora não seja obrigatório calibrar o monitor quando se trabalha na forma de visualização, é também recomendado. Assunto para outro post.

A ideia de hoje é mostrar que é sempre legal dar um acabamento (um toque final) seja com filtros, cores, máscaras, texturas, shapes, brushes, etc. Sempre na dose certa.

Para o primeiro exemplo, peguei uma arte de e-mail marketing que eu criei para um cliente particular, do Web Seminário da BizRevolution, empresa de consultoria de Marketing para Pequenas Empresas.

O que eu fiz, foi aplicar a texura abaixo para dar um “ar” de velhice, papel velho.

Para isso, foi preciso criar uma camada sobrepondo todas as outras, pelo modo “soft light” com 40% de transparência. Veja a imagem antes do efeito.

Layer -> New layer -> Open (select image) -> Mode Soft Light -> 40% Opacity:

Resultado:

Até a próxima!