| 1 - Escolha da imagem: |
| Escolhemos a imagem como referência. Escolhi a imagem
da TV abaixo por ser simples e de fácil uso para este tutorial. A que eu escolhi pode ser conferida na internet (este dia estava ativo ainda: 20/12/2002) neste link: AQUI. |
![]() |
| 2 - Criando as linhas em vetor da imagem escolhida: |
| Para criar as linhas em vetor para que possamos depois pinta-las, uso as ferramentas destacadas abaixo: Lines, Elipse e Rectangle. |
![]() |
| Como mostra a imagem abaixo, foi criado um retangulo sobre a foto da TV, sem preenchimento e com contorno preto. Este mesmo processo deve ser repetido para toda a estrutura da imagem até que se tenha obtido toda a figura em forma de vetor. |
![]() |
| A imagem abaixo mostra o processo completo de criação da foto em vetor usando apenas as ferramentas de vetor. Para facilitar agora o processo, as linhas vetorizadas forão movidas para o lado direito da foto original para que possamos começar o processo de pintura. |
![]() |
| 3 - começando o processo de pintura: |
| Para começara preencher com cores nossas linhas em
vetor, comece pela tela da TV selecionando-a como mostra a figura abaixo
na Indicação 1. Depois no painel Tools, clique na opção de Colors referente ao preenchimento e não nos contornos como mostra a Indicação 2. Assim que isso for feito, será exibido o painel de cores e o ponteiro de mouse mudara para a ferramenta de Eyedrop. Leve o ponteiro do mouse sobre a parte esquerda da tela da TV na foto original como mostra a Indicação 3. Note que em cada área da foto original, sua cor é escolhida e mostrada no painel de cores como mostra a Indicação 4. Clique na cor mais próxima da beirada esquerda da tela para que possamos preencher nossa tela em vetor. |
![]() |
| Agora a tela já possui uma cor, porém é
muito distante da cor original da TV em nossa foto. Para deixar nossa tela
mais real, vamos alterar a forma de preechimento dela. Ainda com a nossa imagem pintada selecionada, va no painel Properties e clique em Fill category como na Indicação 1 da imagem abaixo. Escolha a opção Linear. |
![]() |
| Após escolher a opção Linear,
as cores da nossa tela em vetor será alteradas para um degradee de
preto para a cor selecioanada antes com o Eyedrop como
mostra a Indicação 3 abaixo. Para deixar as cores mais parecidas com a foto original, clique na caixa de cores entre a palavra Linear e a imagem do balde. Uma janela vai aparecer. Nesta janela exixtem duas indicações de cores, cada uma em nas extremidades da janela. Clique na indicação da esquerda como mostra a Indicação 1 abaixo. Usando novamente a ferramenta Eyedrop, escolha novamente a cor da esquerda da foto original. Repita o mesmo processo porém com a marcação da direita como mostra a Indicação 2 porém com a cor mais a direita da foto original. Agora nossa tela em vetor já esta com outro preenchimento mais próximo do original. |
![]() |
| Como a foto original possui este preenchimento degradee na diagonal, vamos apenas alterar o nosso preenchimento clicando nas pontas do efeito degradee como mostra a Indicação 1 abaixo e deixa-la na diagonal. |
![]() |
| Todo este processo deve ser feito para cada um de nossos elementos vetorias para que possamos aproxima-los da imagem original. Em alguns objetos, devemos fazer mais algumas mudanças como mudar a direção do degradee e colocar mais de 2 pontos de cores como mostra a Indicação 1 da imagem: |
![]() |
| 4 -retoques para melhorar a imagem: |
| Após aplicar todos os passos até o momento,
vamos deixar a imagem mais parecida possível com a original. Para
isso vamos remover a cor de contorno que usamos desde o início (preto).
Em alguns lugares podemos deixar um contorno porém quase da mesma
cor do preenchimento, já que o contorno preto deixa a imagem artificial. Para dar o efeito da grade do auto-falante, usei um preenchimento do tipo Web Dither na Fill category como mostra a Indicação 1 abaixo. Usei as cores da imagem original. Já o efeito do vidro na Indicação 2 foi obtido diminuido a oção de Opacity da imagem. |
![]() |
Aplicamos mais alguns detalhes para melhorar a imagem.
Algumas merecem destaque: |
![]() |
| resultado final: |
| Após mais alguns leves retoques e temos na primeira
linha a esquerda a imagem original e na primeira linha a direita a imagem
criada. Podemos fazer o mesmo processo para criar o resto dos elementos da tela da TV, como o gramado, o avião, o garoto e todo o resto. |
![]() |
| Desta forma foi feita a imagem da Torneira que está no meu site: Link para a imagem da torneira. |
| Espero ter ajudado. Até breve! Max Delson http://maxdelson.net |