Blogando por aí

Imagens P&B

Olás de novo,

Existem várias maneiras de criar uma imagem P&B no Photoshop - desde mudar o seu modo de cores para Tons de Cinza até remover a sua saturação (CTRL+SHIFT+U). Um dos problemas que acontece quando fazemos uma dessas últimas ações é que a imagem colorida pode resultar numa imagem P&B sem nenhum charme, onde todas as cores acabam resultando num único tom de cinza.

Por exemplo:

Veja o que aconteceu com essa imagem ao ser convertida em Tons e Cinza (Imagem>Modo>Tons de Cinza).

Nesse caso, os tons de cinza resultantes da conversão estão muito parecidos. Veja na imagem abaixo como o resultado poderia ser melhor:

Para isso foi utilizada uma maneira bem legal de criar imagens P&B - o Misturador de Canais (Channel Mixer).

Veja como esse ajuste funciona na seguinte imagem:

Primeiramente vou criar uma camada de ajuste com a opção Misturador de Canais. A camada de ajuste é muito útil, principalmente por permitir a edição posterior da imagem (a camada pode ser descartada ou editada a qualquer momento).

Na tela que segue é possível modificar os canais de cores da imagem (normalmente R, G e B). Mas antes de brincar com cada canal, marcaremos a opção Monocromático.

A imagem ficará P&B, mas podemos escolher exatamente como queremos que cada canal seja misturado. Assim é possível criar imagens com alto contraste, infra vermelha, baixo contraste e várias opções diferentes.

Veja como ficou a imagem do bambu.

Bom, fica a dica para quem quiser criar imagens P&B com um grande grau de controle.

Até +

Escrito por Daniel às 17h18
[ ] [ Envie para alguém! ]

Atalhos - Photoshop

Olás,

Atendendo aos "inúmeros" pedidos, seguem alguns atalhos indispensáveis do Photoshop:

Atalhos para nevegação dentro do programa:

<CTRL> + + - Dar Zoom
<CTRL> + - Tirar o Zoom
<CTRL> + Z - Desfazer/Refazer a última ação
<CTRL> + <ALT> + Z - Desfazer
<CTRL> + <SHIFT> + Z - Refazer
<TAB> - Ocultar as barras de ferramentas e painéis
<ESPAÇO> - Arrastar (ferramenta mão)
F - Alterna entre os modos de exibição (normal, tela cheia com menus, tela cheia)

Baseado nisso, peça pelo combo: F+F<TAB> para vizualizar sua imagem em tela cheia.

Logo coloco outros, tem que ser de pouco em pouco para garantir o ibope.

Escrito por Daniel às 16h44
[ ] [ Envie para alguém! ]

Dicas de livros

Olás, Aqui está uma lista de livros que costumo indicar para os meus alunos no curso de Conceitos de Design e Produção Gráfica.

Sobre história da Arte/Design:
A História da Arte - E.H. Gombrich
Arte Moderna - Giulio Carlo Argan
Design grafico: uma historia concisa - Richard Hollis
O que é [e o que nunca foi] design gráfico - André Villas-Boas
Layout: o Design da Página Impressa - Allen Hurlburt

Sobre princípios de Design/Comunicação Visual:
Marketing no design gráfico - Carla Niemeyer
Sistemas de identidade visual - Maria Luísa Peón
Elementos de semiótica aplicados ao design - Lucy Niemeyer
Sintaxe da Linguagem Visual - Donis A. Dondis
Design para Quem Não é Designer - Robin Williams

Sobre Tipografia:
Tipografia: uma apresentação - Lucy Niemeyer
Do Invisível Ao Ilegível - Ana Cláudia Gruszynski

Sobre Produção Gráfica:
Produção gráfica para designers - Marina Oliveira
Produção gráfica - Lorenzo Baer

A maioria desses livros podem ser encontrados no www.submarino.com.br ou www.2ab.com.br.

Escrito por Daniel às 10h26
[ ] [ Envie para alguém! ]

Lorem Ipsum

Oi,
Tem um link muito legal que todo mundo deveria conhecer.
www.lipsum.com

Nesse site você pode criar páginas e mais páginas de conteúdo (??!!!) para o seu site.

Muito melhor do que colocar Non non non.

Escrito por Daniel às 17h15
[ ] [ Envie para alguém! ]

Otimizando Imagens

Olá,
Uma coisa que eu sempre reparo nos sites que visito é se o web designer utilizou o formato de imagem correto ao otimizar seus arquivos. Os erros acontecem principalmente na interface (botões, barras, fundos, etc).

Existem 2 formatos que são padrão na internet. Todo mundo conhece o GIF e o JPG.
O que as pessoas as vezes não sabem é que cada um deles tem uma função e uma regra de uso.

Devemos utilizar o GIF quando queremos criar elementos da interface onde a cor é sólida.
E devemos utilizar o JPG quando a imagem tem algum tipo de degradé.

A diferença nesses casos é que o JPG cria manchas nas cores sólidas e o GIF cria listras nos degradés.
Isso acontece porque no JPG é feita uma compactação do arquivo. Essa compactação é baseada em perda de qualidade e na parte onde a cor é sólida essa perda é muito visível. Veja esse caso na figura abaixo:

Além disso essa figura fica maior (em KB) do que a versão em GIF:

Ou seja, para que usar uma imagem maior e mais feia??? Sem o zoom esse defeito não é tão visível, mas prestando atenção é possível perceber. Tentem descobrir qual das imagens abaixo é o GIF e qual é o JPG. Não vale olhar o código fonte!

Isso não quer dizer que o GIF é melhor do que o JPG, apenas que nesse caso ele leva vantagem. E lembrem-se principalmente de ficar de olho no tamanho da imagem. Não quero ficar ouvindo por aí que web designer cria sites pesados de navegar!

Logo vou mostrar as tais listras que aparecem nos degradés GIF e que não existem no JPG.
Aguardem.

Escrito por Daniel às 10h43
[ ] [ Envie para alguém! ]

Photoshop

Olá,
Como prometi falar de Photoshop, aqui vai um link muito legal: www.worth1000.com.

Esse site tem algumas disputas, como envelhecer artistas, deixar a pessoa invisível e a famosa mistura de animais.
Muito divertido.

Há!
E tem também, derivado do worth1000, o site www.filmwise.com.
Nesse você tem que adivinhar qual o filme, mas com atores invisíveis.
Quero ver quem acerta os 8 da semana.

Escrito por Daniel às 09h56
[ ] [ Envie para alguém! ]

CSS

Olás,
Agora sim o raio do blog está do jeito que eu queria. Adotei o
esquema Tableless e aboli todas as tabelas. O que deu trabalho foi
enviar o arquivo .css aqui para o uol. Tive que disfarçar de imagem num esquema
muito McGuiver para o meu gosto.

O formato para criar o site assim é colocar todas as partes do site entre tags <DIV>. Veja abaixo um resumo:

<DIV id=geral>
<DIV id=topo></DIV>
<DIV id=menu></DIV>
<DIV id=conteudo></DIV>
<DIV id=baixo></DIV>
</DIV>

Depois você cria os estilos css (#conteudo, por exempo) com as larguras
(width:600 , por exemplo) e no menu do lado direito flutuação (float:right).
Assim você tem um layout parecido com o feito com tabela mas com a
semântica correta. E viva o CSS.

Dica: Visitem o site http://www.maxdesign.com.au/ que encontrarão vários tutoriais
sobre esse assunto.

Escrito por Daniel às 18h46
[ ] [ Envie para alguém! ]

Links

Opa, coloquei alguns links "maneiros" ali do lado.

O Greg's Photoshop é muito bom para sentir o poder do Photoshop, nele são mostrados alguns trabalhos desse tal de Greg em versões "antes e depois".
Também relacionado ao PS, um link para a parte de downloads do Studio Adobe.

E o Comic Art Community tem um galeria de desenhos estilo HQ que são muito bons para treinar pintura digital no PS (em breve um tutorial).

É isso.

Escrito por Daniel às 10h42
[ ] [ Envie para alguém! ]

Segundas intenções

Vou começar a colocar uns assuntos mais interessantes assim que tiver tempo e disposição para isso .

Por enquanto saibam que a intenção desse blog é colocar dicas, tutoriais e lição de casa para meus alunos.

Escrito por Daniel Furtado às 00h19
[ ] [ Envie para alguém! ]

Copyright 2004 - Daniel Furtado - visitantes, incrível!!