Xbilidade.net

Como 2009 tem prometido, eu também prometerei. Prometo que assim que terminar o novo layout do xbilidade.net eu coloco no ar.

O projeto precisou passar por algumas modificações, a necessidade de separar as publicações sérias das publicações pessoais chegou a um momento único e tive que desenhar um novo modelo de negócio para o site.

Não é nada assustador ou fora do comum, serve apenas para arrumar a bagunça. Na figura acima demonstra pequena parte do novo layout, já deu pra perceber que as cores não tem nada de muito diferente, fundo cinza escuro, cor do texto branco, cor de link e detalhes amarelo e por aí vai.

O projeto em si utilizará diversos plugins que conheci nos últimos meses, depois deixo a lista de plugins. O destaque mesmo vai ficar com o qTranslate que me permite escrever o post nos idiomas que eu decidir escrever. Das pessoas que visitam este blog, 20% não falam português. Coloquei um plugin temporário que traduz via ferramenta online numa grande variedade de idiomas. Para manter coeso, vou traduzir somente para inglês.

No mais, muito trabalho e bastante aprendizado que preciso compartilhar aqui neste projeto.

Já estava na hora de começar a escrever alguma coisa sobre design de interação.

Para começar, apenas uma demonstração de um ambiente interativo super inovador, diferente do que está se tornando muito comum no nosso dia-a-dia, as telas sensíveis ao toque. O que apresento é o Bit Fall, um projeto criado pelo alemão Julius Popp que consiste em uma cachoeira que forma palavras. A água vai caindo no formato das palavras, ou melhor, o desenho das palavras é feito com água em movimento vertical(de cima para baixo).

É incrível como nós, designers ou não, que trabalhamos para deixar o cliente muito satisfeito com o produto, peça publicitária ou serviço que prestamos. Acho que isso não acontece nas gráficas. Pelo menos não aqui no interior do Mato Grosso.

Eu adoro trabalhar com o Illustrator e Photoshop da vida da Adobe, às vezes me surpreendo com a rapidez que consigo desenvolver algum desenho ou efeito composto em fotos, mas a arte esbarra na hora de passar do meio digital para o analógico, a impressão.

Enviar o arquivo para a gráfica em alta resolução não resolve, então é facil, envia o original em formato de Illustrator mesmo, já que para alguns tipos de materiais, como faixas de lona, são impressos cor por cor separados. Mas, epa! Paramos por aqui. E recebemos o seguinte e-mail:

“A imagem que nos enviou é de baixa resolução ou não é compatível com o Corel. Envie-nos o arquivo em Corel.”

Muito bonito, não tem erro de concordância e engraçado que parece ser uma mensagem genérica, não sabe se é de baixa resolução ou se é de um formato não aceito pelo Corel.

Mas será que não é aceito pelo Corel ou é preguiça incompentência mesmo?

É muito fácil ‘converter’ illustrator/Photoshop em Corel, está tudo no File > Import.

Tem lá arquivo AI, Arquivo PSD, incrível é que os ‘especialistas em Corel’ das gráficas não saibam disso e pedem que eu reenvie o arquivo.

Fazer isso eu faço, não me é problema algum. Mas volto ao começo do post e lembro que o moral do negócio é satisfazer o cliente e no momento que eu solicito uma impressão à gráfica, sou Eu o cliente.

Mas tudo bem, já fiz um cursinho de Corel e as últimas peças publicitárias da empresa que trabalho estão sendo produzidas em Corel Draw X3 (no crack).

Moçada, resolvi postar um tutorial de como fazer silhuetas com Illustrator ou Corel Draw.
Existem muitas formas de fazer isto, é possível até encontrar plugins prontos para isso.

Vamos ao passo a passo:

1º - Escolha a figura:

Eu escolhi esta foto, que achei aleatóriamente no orkut de alguém que não conheço, mas aqui só será usado para fins de aprender a técnica. Escolhi esta foto que estão de costas para não serem identificados no tutorial, mas pode-se utilizar uma foto que está de frente.

 O interessante é que se houver mais de uma pessoa, que esteja bem separada, para as silhuetas ficarem bem definidas.

2º - Escolha o software da sua preferência, mas no tutorial ensinarei usando o Illustrator e o Corel Draw.

3º - Importar a imagem
COREL – Abra um Arquivo Novo (CTRL + N) e depois vá ao menu Arquivo > Importar (CTRL + I);

ILLUSTRATOR – Abra a imagem direto (CTRL + O).
- Crie uma camada (layer) nova para a silhueta.

4º - Escolha da ferramenta

COREL – Ferramenta Caneta (Pen Tool)

ILLUSTRATOR – Ferramenta Caneta (Pen Tool)

O uso dessa ferramenta é para desenho a mão livre, e vai marcando pontos, portanto o segredo está aqui.

5º - O desenho

Em ambos os softwares o processo é o mesmo, deve-se ir marcando o contorno com a caneta, para facilitar a visualização do que está a fazer, coloque borda vermelha para fazer um alto contraste com a figura do fundo e o preenchimento transparente. Logo teremos algo parecido com a figura abaixo:

 Lembre-se que quanto mais pontos, mais fiel é a imagem, ainda é possível deixar mais as curvas mais acentuadas, no COREL, através da ferramenta FORMA (F10).

6º - Preenchimento
Basta agora preencher o contorno e o desenho com preto. É possível incrementar, fazendo um gradiente com contraste com o fundo e outras coisas mais. O básico do desenho é isto, abaixo tem alguns exemplos de silhuetas feitas que se encontra pela web e em muitos outdoors da vida.