domingo, 20 de maio de 2012

Oficina de imagem: trabalhando com software livre.

http://www.imotion.com.br/imagens/details.php?image_id=16021
Para mim que tenho olhos castanhos escuro, nunca foi um problema sair em fotos com olhos vermelhos, mas muita gente que possui olhos claros, ainda hoje, mesmo com a possibilidade de manipulação da imagem e tantos editores com licença livre, gratuitos e online, desconhecem esses aplicativos ou não acreditam que eles podem resolver esses pequenos problemas ou outros mais complexos, como remover um fundo da imagem, substituí-lo por outro ou corrigir imperfeições como acne. Isso graças à difusão apenas dos software proprietário e à noção de que seus recursos são mais práticos e os resultados são melhores. Esses equívocos que levam à popularização desses softwares é um exemplo de como o rossio rival, que não permite o acesso ao conhecimento de edição de imagens, pode nos tornar meros consumidores de aplicativos, caros, ou de serviço de edição de imagem, que nem sempre atende às nossa expectativas.
No entanto, mesmo com olhos castanhos, desde que tive acesso à digitalização sempre fiz alguns ajustes nas minhas imagens, como pequenas correções como redução de brilho, recorte e redimensionamento, e por causa do auto custo dos editores comerciais eu utilizava os editores online ou o Microsoft Picture Manager, que são muito limitados. Quando conheci o GNU Gimp passei a utilizar alguns de seus recursos e colocava frame (moldura), substituía o fundo da imagem e adaptando tutoriais para o Photoshop fiz algumas edições mais complexas como nestas duas fotos. Mas, com a oficina de imagem com os aplicativos Inkscape e o GNU Gimp (que eu já possuía algum conhecimento), percebi que conhecendo o software, e testando seus recursos para saber utilizar suas funcionalidades é perfeitamente possível chegar ao efeito desejado.
Durante a oficina de edição de imagens com software livre, foi sugerida a alteração de uma imagem relacionada ao verbete pesquisado. Como pesquisei a Web 2.0, eu precisava fazer algo criativo, divertido, que utilizasse várias ferramentas possíveis pelos aplicativos e fosse também ilustrativa do conceito. Nessa primeira edição não fiquei muito satisfeita como a ilustração do conceito, mas aprendi a utilizar diversos recursos. Numa segunda edição, um voo livre, acredito que a ideia do mergulho numa tela do computador, apesar de não chegar muito perto da originalidade, ilustrou melhor o conceito interativo que é oportunizado a partir da web 2.0. A técnica até seria razoável se não fosse o tempo que levei para identificar e ganhar mais habilidade com algumas ferramentas, mas com isso aprendi mais utilizando várias delas (camadas, recortes, perspectiva, efeito de texto e outros que relacionei no passo a passo), repetidas vezes, até chegar no efeito desejado. E quanto à diversão, ao menos para mim foi muito divertido trabalhar com as imagens e me sentir de fato autora, muito diferente de ir no buscador e digitar “mulher mergulhando numa tela de notebook”.

Passo a passo

1-Selecionar a ideia. É preciso saber o que se quer criar, e decidi que abordaria um dos conceitos mais fortes difundidos pelo tema, a interatividade. A minha ideia é de que ao visualizar a  ação de imersão da pessoa na tela ficasse clara minha intencionalidade de ilustrar que o sujeito interage com a rede web 2.0 e está presente no conteúdo, que ele faz parte da construção que é permitida por essa plataforma;
  
http://www.polishop.com.br/30193_NOTEBOOK-INFINITY-DUAL-CORE-320GB-IS1412-TOSHIBA/p
2-Seleção e carregamento das imagens no aplicativo GNU Gimp. Como disse antes, já conhecia esse aplicativo, portanto foi fácil utilizar seus recursos;

4-Organizei as imagens em camadas, primeiro trabalhei a imagem do notebook para cobrir o logotipo e a marca utilizando as ferramentas seleção e pintor com todas as cores em 0, que me deu um preto total, em seguida inverti a posição com a camada da imagem do mar;

http://neilastorti.wordpress.com/2012/01/05/quando-voce-quer-recomecar/mar-2240/5- Note que o formato dessa imagem não corresponde ao formato da tela do notebook. Foi preciso utilizar as ferramentas de perspectiva, escala e rodar, várias vezes e utilizando ctrl+z para voltar a ação até obter o melhor ajuste;
http://esporte.hsw.uol.com.br/pan-saltos-ornamentais3.htm6 - No trabalho desta imagem foi preciso utilizar a ferramenta adicionar canal de transparência localizado na guia camada e usar o zoom em 400x para perceber bem o contorno da figura humana e não apagar pixels que comprometessem a forma. Utilizei as ferramentas de seleção por cor e apagar, fui repetindo esse passo até apagar tudo em volta da forma humana. Também foi preciso rotacionar a imagem num ângulo de aproximadamente 55º para que desse a impressão de imersão na tela;

7-Terminada esta fase de sobreposição das camadas de imagem exportei o arquivo em formato JPG e reabri com o editor de imagens Inkscape para utilizar o recurso de edição de texto. Utilizei a ferramenta texto para inserir o texto desejado e com ele selecionado cliquei na cor desejada com o mouse direito e selecionei a cor white para preenchimento e na cor gray 40% para o contorno. Clicando em Shift+Ctrl+F abri a caixa de edição de cor e apliquei no preenchimento o valor 31 na alfa transparência da cor RGB, dando o efeito de visualização das cores abaixo da camada de texto;

8- Em seguida utilizei a ferramenta ajustador, que como o próprio nome sugere, me ajudou a ajustar a disposição do texto dando a impressão de que as palavras se afastavam por causa do movimento de imersão. Assim, finalizei o trabalho e salvei o arquivo em JPG e estou postando aqui.

Utilizei mais o GNU Gimp, porque ainda não conheço bem o Inkscape, mas aos poucos vou encontrando novas funcionalidades. Espero que tenham gostado das minhas produções e aguardo comentários e sugestões de uso de ferramentas que facilitariam o processo ou que daria um efeito melhor do que eu consegui.

2 comentários:

Leisiane: em transição disse...

muito interessante a sua postagem, quem é que nunca saiu com aquele olho vermelho na foto e se desesperou sem saber o que fazer? Assim como você eu também usava o Microsoft Picture Manager, mas ainda bem que existe outros editores de imagens!

Alessandra Santos disse...

amei essa abordagem e o processo de construção do passo a passo... foi uma maneira de ver o Software livre nessa dimensão em suas habilidades e proporções desempenhados em tudo que já foi dito das 4 liberdade pelo código-fonte.