Portfólio de Rafael Minatti

Trabalhos

2008-12-16T20:07:00.000-08:00

Criações publicitárias, montagens feitas em dia de tédio e tudo mais que já se passou pela minha cabeça. Aperte o Play e faça uma boa viagem.

Dica: veja em FullScreen.

Tutoriais

2008-10-05T05:50:00.000-07:00

Do básico ao avançado, o que você quer aprender hoje?

Lembrando que você pode copiar e distribuir esses tutoriais livremente, dando os devidos créditos.

Tutoriais:

Camadas: O que são?
Imagem Bitmap x Imagem Vetorial
Máscaras

Em breve mais tutoriais.

Sobre

2008-09-20T20:05:00.000-07:00

Meu nome é Rafael. Tenho 19 anos de idade e moro em Rio Claro, interior de São Paulo

Tudo começou com uma misteriosa fixação por cinema, e observando os filmes que iam entrando em cartaz, comecei a me perguntar como alguém conseguia fazer aquelas montagens das capas e tudo mais.

E de lá pra cá a curiosidade virou lazer e o lazer virou profissão.

Atualmente sou designer gráfico da Qual 9 Propaganda, e curso Design Gráfico na FAAL, em Limeira - São Paulo.

Contato

2008-09-20T20:04:00.000-07:00

E-mail para contato: r_afz@hotmail.com

Me encontre também:

Making Of Feminina Flor

2008-09-10T05:14:00.000-07:00

Realizar a peça para a Feminina Flor foi uma tarefa complicada. A imagem precisava passar liberdade e poder, sem fugir do tema proposto.

Transformar imagens comuns em peças integradas foi um desafio que eu encarei e aprendi muito.

Para o céu, precisávamos de algo que passasse liberdade e beleza, mas que não tirasse a atenção da Ilha e, principalmente, da marca do nosso cliente. Para isso, achei uma imagem de um Pôr-do-Sol e dei uma suavizada nas sombras e uma leve mudança de tonalidade:

A ilha voadora sob a qual a mulher estaria sentada precisava de uma base. Após pesquisarmos algumas referências, a saída mais simples, e também a mais realista, foi usar o gramado de um campo de futebol. Em seguida dei a perspectiva e a iluminação necessária:

A base da ilha merece uma atenção especial: fiquei por horas imaginando um jeito de criá-la e, acreditem, foi usando uma montanha de verdade que eu consegui isso:

Em seguida escolhemos a modelo e, após um leve tratamento de imagem, ela ficou pronta para subir na ilha:

E o resultado final você confere abaixo:

< Voltar

Making Of

2008-09-05T05:40:00.000-07:00

Na página inicial você pode conferir o que eu faço. Aqui vai poder descobrir como eu faço aquilo que eu quero e aquilo que o cliente deseja.

Você perceberá que nem sempre a complexidade é a melhor saída, e que às vezes pensar nas coisas mais simples pode lhe poupar horas de serviço e salvar o seu trabalho.

Clique nas imagens para conferir seu Making Of

Banner da Edra Automotores

2008-06-26T09:24:00.000-07:00

É um processo bem simples.. você escolhe as imagens:

Faz a montagem:

E finaliza:

Imagem Bitmap x Imagem Vetorial

2008-06-25T19:38:00.000-07:00

Você sabia que a maior imagem digital do mundo tem a qualidade de 1 terapixel, ou seja, 1 trilhão de pixels e pesa 143GB? Pois bem, essa curiosidade é só pra você já entrar no clima pois o assunto desse post será basicamente sobre isso: computação gráfica.

Desde que a arte saiu do papel e entrou nos monitores, inúmeras pessoas conseguiram desenhar sem ter nenhuma habilidade com o lápis, apoiadas por poderosos softwares de edição e criação de imagem. Porém, saber qual é a lógica por trás desses softwares pode te ajudar a ter uma noção melhor de criação e fazer com que você tenha uma percepção na hora de produzir.

Basicamente existe dois tipos de imagens: a do tipo raster e a vetorial. A diferença entre eles é simplesmente o modo em que são criados.

Raster

Também são conhecidas como BITMAP, ou Mapa de Bits. São formados por minúsculos pontos, conhecidos como PIXEL (Picture Element). Cada pixel possui uma porcentagem de cor Vermelha, uma porcentagem de cor Verde e uma porcentagem de cor Azul (RGB). A união desses pixels formam a imagem em si. Você pode ver os pixels em qualquer imagem dando um zoom bem alto:

tamanho real

zoom - cada pontinho de cor é um pixel

A qualidade das imagens do tipo Raster são definidas por dois aspectos: o tamanho da imagem e a sua resolução.

Por tamanho de imagem a gente pode entender pelo o número de pixels na horizontal x número de pixels na vertical. Por exemplo: uma imagem de 1000x1000px possui 1 milhão de pixels.

A resolução é a quantidade de pixels existente por polegada. Para uma imagem ser impressa, por exemplo, é ideal que ela tenha 300 pixels por polegada, ou 300 DPI (dots per inch).

Como as imagens são formadas por pontos, quando você redimensiona uma imagem raster, o software recalcula os pixels e os redistribui pela imagem. Isso significa perda de qualidade.

Como cada pixel possui uma informação de cor, os arquivos bitmap são pesados. Existem formatos que os conseguem diminuir de tamanho, como é o caso do JPG, o formato mais utilizado, que possui uma ótima compactação e pouca perda de qualidade.

Imagens Vetoriais

As imagens vetoriais são geradas através de funções matemáticas, composta por curvas, elipses, polígonos, textos, entre outros elementos.

Em 1970 o francês Pierre Bézier desenvolveu um sistema de curvas baseadas em pontos de controle. Cada linha num desenho vetorial possui nós, e cada nó possui alças para manipular o segmento de reta ligado a ele. As curvas Bézier são amplamente utilizadas nos softwares de criação vetorial.

Por serem baseados em vetores, as imagens são muito mais leves do que as raster, tendo a facilidade de se poder isolar objetos e zonas, tratando-as independentemente.

O desenho vetorial pode ser totalmente distorcido e redimensionado sem nenhuma perda de qualidade, pois conforme você aumenta uma imagem vetorial, a função que a descreve se adequa facilmente à nova escala.

imagem tamanho real

zoom

zoom de 10.000x

Agora imagine que você queira tratar algumas fotos no seu computador. Levando em conta os Softwares da Adobe, qual você usaria para tratá-las? Obviamente o escolhido seria o Photoshop, que trabalha com as imagens raster.

Mas levando em conta que você tenha uma estamparia e precise de imagens leves e que ao mesmo tempo possam ser redimensionadas para os vários tamanhos de camisetas, qual software você usaria? A Adobe oferece o Illustrator para os vetores, bem como a Corel o CorelDraw ou o Inkscape, que é gratuíto.

Softwares de edição de imagens podem trabalhar em conjunto com softwares de edição vetorial. O Inkscape salva os arquivos no formato .SVG (Scalable Vector Graphic), mas consegue importar e exportar imagens em .jpg ou .png. O Gimp também abre arquivos .SVG, convertendo-os em bitmap em seguida. Dessa maneira, podemos desenhar algo no Ink, e finalizar o arquivo no Gimp, por exemplo.

Você percebe a enorme diferença que existe entre a edição de imagem bitmap e a vetorial? Veja que você pode escolher conforme for sua necessidade, basta apenas ter o conhecimento, o que agora você já possui.

Porém, existe um tipo especial de imagem, gerada por cálculos matemáticas e pixels: as imagens fractais, mas isso já é um assunto que fica pra próxima..

Adiós!

<>

Camadas: O que são?

2008-06-25T19:13:00.000-07:00

Entendendo o Conceito de Camadas

Qualquer software de edição de imagens, por mais simples que ele seja, precisa trabalhar com o sistema de Camadas.

Além de tornar qualquer trabalho de edição MUITO mais simplificado, as camadas, através dos Modos de Camada, produzem efeitos interessantes em sua imagem e que não poderiam ser realizados de uma maneira tão fácil.

Vamos esquecer de sofwtares e computadores. Vamos imaginar que a gente queira fazer um desenho num caderno com folhas transparentes. Vamos imaginar, ainda, que eu queira fazer uma cena com uma casa, e no fundo uma montanha com um céu azulado.

Na última folha desse caderno, você desenharia um céu. Na penúltima, uma montanha, e na frente, a casa.

Então, as montanhas ficariam na frente do céu, mas não cobririam a casa, porque esta estaria na frente de todas.

E se você quisesse adicionar núvens no céu e neve na montanha? Se você fizesse todo o seu desenho numa única folha, teria que redesenhar novamente, ou apagar o que já estava feito e refazer mais uma vez.

Mas com o nosso caderno de folhas transparentes isso seria evitado. Adicionando uma nova folha trnasparente entre o céu e a montanha, poderiamos desenhar as núvens; e adicionando uma folha acima da montanha e abaixo da casa, poderíamos colocar a neve sobre a montanha. Daí quem sabe até colocar uma folha na frente de todas e desenhar uma árvore?

Pois é exatamente isso que as camadas fazem. Com elas, você consegue trabalhar cada parte de sua imagem em separado, sem alterar o que já está feito ou o que você ainda pretende fazer.

No Gimp, a janela de Camadas pode ser aberta através desse caminho:

Ou simplesmente apertando Ctrl+L

Conheça todas as funções dessa janela:

1- Modo de camada - Mostra como uma camada se comporta em relação às que estão abaixo dela (sugestão: coloque duas imagens, uma em cada camada, e brinque com os seus modos ;))

2- Transparência de Camada - Define qual a transparência da camada selecionada

3- Visualização das Camadas - Clicando no olho, ele se 'fechará' e a camada ficará invisível.

4- Barra de botões - Da esquerda pra direita:
- Nova camada
- Subir camada selecionada
- Descer camada selecionada
- Duplicar camada selecionada
- Deletar camada selecionada

Modos de Camada.

Agora que você já sabe que em cada imagem há uma série de camadas que a compõe, saiba também que cada camada possue uma maneira de ser vista. Funcionam como modos de comportamento sobre como uma camada se apresenta sobre as demais. Por exemplo o modo de camada Cor, que simplesmente mudaria a cor da(s) camada(s) que ficariam abaixo dela.

Os softwares de edição de imagens possuem vários modos de camada, mas a diferença entre um software e outro é quase nula.

Quando eu aprendi sobre as camadas eu me perguntei 'Onde eu usarei isso?'. Mas à partir do momento que você for se aperfeiçoando, sentirá cada vez mais a necessidade e a utilidade delas. É serio :)

Até a próxima!

< Voltar

Máscaras no Gimp

2008-06-25T04:29:00.000-07:00

Muitas pessoas perguntam o que são máscaras num software de Edição de imagens. Embora o nome já diga tudo, eu poderia resumir e dizer que máscaras servem para você apagar sua imagem sem apagá-la.

É. Eu sei que você ainda não captou.

Para entender o conceitos das máscaras, vamos esquecer do Gimp, Photoshop e tudo mais. Vamos imaginar um baile à Fantasia, onde todos precisam ir mascarados.

Agora imagine que você queira um tipo de máscara que esconda o seu rosto inteiro, mostrando apenas o seu olho esquerdo e a sua boca.

Após vestir a máscara, apenas aquilo que você queria que as pessoas notassem está visível, mas o seu rosto continua inteiro abaixo da máscara.

Pois é dessa mesma maneira que os Sotwares trabalham. Adicionando uma máscara em qualquer camada do seu projeto, você pode esconder ou deixar visível qualquer parte dela, sem alterar a imagem original.

Editando a máscara, você conseguirá trabalhar apenas nas cores preto e branco. Dessa maneira, tudo o que estiver pintado de preto irá esconder a sua camada, e tudo o que estiver pintado de branco, a tornará visível.

Você pode adicionar uma máscara em qualquer camada, clicando com o botão direito do Mouse em cima e selecionando:

Em seguida, a seguinte tela aparecerá:

Veja que você pode deixar predefinido como você quer que sua máscara seja criada. O valor 'Branco' é default.

Observe esse vídeo com as máscaras em ação:

Espero que tenha gostado e até a próxima ;)

< Voltar