Anda di halaman 1dari 23

FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA

AGOSTO DE 2010
TUTORIAL

1) SELECIONAR AS FOTOS QUE VOCÊ IRÁ TRABALHAR


Você pode selecionar as fotos que eu já separei e que estão disponíveis no PICASA ou
procurar as suas próprias imagens. Para procurar suas próprias imagens, você pode
usar o GOOGLE para isso (www.google.com), utilizando a ferramenta de busca por
imagem para facilitar sua busca.

Você precisará no mínimo de 3 imagens: uma imagem para ser o fundo (sugiro uma
parede ou muro); uma janela ou porta e; uma paisagem a seu gosto. Outras imagens,
objetos ou pessoas também podem ser adicionados à sua colagem, fica a seu critério.

diego-wakin@bol.com.br Página 1
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010
Abaixo veremos um exemplo do retorno de uma pesquisa usando o Google, imagens,
com a palavra-chave “parede”.

2) SALVANDO AS FOTOS / IMAGENS


Sugiro que você salve essas imagens em uma pasta do seu computador, para facilitar o
seu trabalho. Para fazer isso, o melhor é abrir primeiramente a imagem no seu
tamanho original, o que você conseguirá basicamente de 2 formas:
i) clicando com o mouse sobre a imagem;
ii) ou clicando com o botão direito do mouse sobre a imagem e selecionando a opção
‘abrir em nova guia’, ‘abrir em nova aba’ ou ‘abrir em nova janela’.
No caso do exemplo abaixo, selecionei a segunda imagem que aparece no resultado da
pesquisa:

diego-wakin@bol.com.br Página 2
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010

Com a imagem carregada em seu tamanho original, clicar com o botão direito do
mouse e escolher a opção ‘salvar imagem como’. Quando fizer isso, abrirá uma caixa
de diálogo que será uma pasta qualquer do seu computador. Sugiro que você trabalhe,
por exemplo, com a pasta ‘meus documentos’ ou ‘minhas imagens’. Sempre salve tudo
no mesmo lugar, para facilitar seu trabalho.

3) EDITANDO AS FOTOS / IMAGENS


Feitas todas as pesquisas e salvas todas as imagens, chegou a hora de trabalhar com
elas. Neste tutorial, vou mostrar como fazer isto online, utilizando o software pixlr, que
se encontra disponível em www.pixlr.com. Caso você queira, poderá usar outro
software de sua preferência. Depois de carregar a página do pixlr em seu navegador,
clique na bandeira do Brasil para acessar o software em português.

diego-wakin@bol.com.br Página 3
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010

Agora você ira escolher a opção ‘abrir imagem existente no computador’.

Na janela que se abrir, basta escolher o local do seu computador onde salvou as
imagens. No nosso exemplo, pedi para que fossem salvas na pasta ‘meus documentos’.

diego-wakin@bol.com.br Página 4
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010

Você deverá selecionar a imagem base que será o fundo, e que no nosso exemplo deve
ser uma parede.

diego-wakin@bol.com.br Página 5
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010
Para facilitar a visualização você pode trabalhar com tela cheia. Para isso, basta
‘maximizar’ o seu documento:

Sua tela deverá ficar desse jeito:

diego-wakin@bol.com.br Página 6
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010
Agora, com o documento maximizado, vamos ver o tamanho dessa imagem, que é a
nossa base. Vá em ‘imagem’, ‘tamanho da imagem’:

No nosso caso, o tamanho da imagem é de 400x292 pixels. Note que a opção ‘manter
proporção’ está marcada. Deixe sempre assim.

diego-wakin@bol.com.br Página 7
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010
Se nossa imagem base tem 400x292 pixels, isso significa que nossa montagem final
terá exatamente essas dimensões: 400px de largura e 292px de altura. Assim, tornar-
se-á necessário redimensionar outras imagens para que fiquem proporcionais a ela.
Veremos então como fazer isso. Primeiramente vamos abrir a próxima imagem: vá em
‘arquivo’, ‘abrir’, e selecione a pasta do seu computador onde estão salvas as imagens
(no nosso exemplo, a pasta é ‘meus documentos’):

Vamos escolher uma janela.

diego-wakin@bol.com.br Página 8
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010

Agora vamos ver o tamanho desta imagem, janela:

diego-wakin@bol.com.br Página 9
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010
Note que a janela tem tamanho 400x300 pixels, maior do que nosso fundo, que é
400x292 pixels. Isso significa que teremos que redimensionar a janela, para que ela
não ocupe toda a tela. Para redimensionar basta clicar em um dos atributos da
imagem, largura ou altura, e mudar o tamanho. Vamos colocar a largura em 150.

Agora vamos ‘preparar’ esta janela para ser parte de nossa montagem. Para isso,
vamos proceder da seguinte forma:
i) usar a ferramenta de zoom para poder enxergar melhor o que estamos fazendo.

diego-wakin@bol.com.br Página 10
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010
ii) recortar o entorno branco dela, diminuindo um pouco seu tamanho, usando a
ferramenta de corte. Pegue a ferramenta, clique, segure e arraste o mouse até ter a
área desejada. Então pressione ‘enter’ no teclado.

iii) agora vamos deixar os vidros da janela transparente. Clique duas vezes sobre o
cadeado que está ‘trancando’ a camada ‘Plano de Fundo’, onde está nossa janela.

Note que o ‘cadeado’ se transformou em um ‘quadradinho’ com um ‘v’. isso significa


que gora poderemos editar totalmente esta camada.

diego-wakin@bol.com.br Página 11
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010
iv) use a ferramenta varinha mágica para selecionar os quadrados da janela. No caso
do nosso exemplo, usei o valor da tolerância igual a 54.

Aperte a tecla ‘delete’ que você terá fundo transparente para o ‘vidro’ da janela. Para
agilizar seu trabalho, use a ferramenta varinha mágica e, pressionando a tecla ‘shift’,
selecione todos os vidros da janela. Aperte a tecla ‘delete’ novamente, para ‘limpar’
tudo.

diego-wakin@bol.com.br Página 12
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010
v) use agora a ferramenta de seleção retangular para selecionar toda a janela.
Pressione as teclas ‘control’ e ‘c’ para copiar esta imagem.

vi) volte para o ‘documento’ parede, clicando numa seta preta no canto superior
direito do programa:

diego-wakin@bol.com.br Página 13
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010
vii) no documento parede, use as teclas ‘control’ e ‘v’ do teclado para ‘colar’ a janela
na parede. Note que apareceu uma nova camada de nome ‘Camada 1’. Ela está
selecionada no momento, ou seja, estaremos trabalhando nela.note que ela está azul,
enquanto que a camada de nome ‘Plano de Fundo’ está cinza.

Agora temos a janela em uma camada, e a parede em outra camada. Se quisermos


movimentar essa janela para que ela fique em outro lugar basta usarmos a ferramenta
mover para isso. Selecione a ferramenta, clique na janela, segure e arraste até onde
quer posicioná-la.

diego-wakin@bol.com.br Página 14
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010
IMPORTANTE: note que a ‘Camada 1’, onde está a janela, é a camada que está
selecionada. Se você selecionar a camada ‘Plano de Fundo’ e usar a ferramenta mover,
irá mover a parede, que está na camada ‘Plano de Fundo’.
Agora vamos escolher nossa paisagem. Vamos fazer do mesmo jeito que fizemos para
abrir a janela: vamos em ‘arquivo’, ‘abrir’, selecionar a pasta do nosso computador
onde estão salvas nossas imagens e escolher a imagem que queremos. No caso do
exemplo, o arquivo escolhido foi ‘praia2.jpg’:

Abrindo a imagem teremos algo como isso:

diego-wakin@bol.com.br Página 15
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010
Vamos conferir o tamanho dessa imagem:

Note que esta imagem tem 1024x768 pixels, ou seja, é bem maior que as duas outras
que temos. Teremos que redimensioná-la. Para isso, basta escolher um dos atributos,
largura ou altura, clicar duas vezes com o mouse e alterar o valor. No nosso exemplo,
vou alterar o valor da largura para 300.

Agora vamos usar a ferramenta de corte para adaptar a paisagem à janela, ou seja,
fazer ela ficar em um tamanho que ‘caiba’ dentro da janela. A janela do nosso exemplo
ficou com tamanho final de 115x93px depois do corte (para conferir esta informação
basta ir no documento ‘janela’ e verificar o ‘tamanho da imagem’).

diego-wakin@bol.com.br Página 16
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010
Usando a ferramenta de corte: clique, segure e arraste. Depois solte o botão do
mouse.

Note que na direita teremos o tamanho do corte que estamos fazendo. Agora, basta
deixar este tamanho condizente com o tamanho da janela. Para isso, clique nas
extremidades do ‘quadrado’ feito pela ferramenta e mova, até que os tamanhos
fiquem adequados (menores ou iguais ao tamanho da janela).

diego-wakin@bol.com.br Página 17
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010

No caso do nosso exemplo, deixei o corte da paisagem no tamanho 114x89px, pouco


menor do que os 116x93px, ou seja, caberá dentro da janela. Feito isso, pressione a
tecla ‘enter’ para realizar o corte. Então, use a ferramenta de seleção retangular para
selecionar toda a imagem, e pressione as teclas ‘control’ e ‘c’ para poder copiar esta
seleção de imagem.

Agora vamos ‘trocar’ para o documento ‘parede’, clicando na setinha preta na parte
superior direita do documento:

diego-wakin@bol.com.br Página 18
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010

Já no documento ‘parede’, basta apertar as teclas ‘control’ e ‘v’ para poder ‘colar’ a
imagem que selecionamos em uma nova camada deste documento.

Note que surge uma nova camada, de nome ‘Camada 2’, selecionada. Note também
que a posição da paisagem é diferente da posição da janela. Mais uma coisa: a camada
onde está a janela está ‘por baixo’ da camada onde está a paisagem. Sendo assim,
também teremos que trocar as posições das camadas.
Vamos primeiramente posicionar corretamente a paisagem. Usando a ferramenta
mover, clique na paisagem e posicione-a juntamente com a janela. LEMBRE-SE: a
camada onde está a paisagem tem que estar selecionada, senão você vai mover outra
coisa que não a paisagem.

diego-wakin@bol.com.br Página 19
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010

Feito isso, agora vamos trocas as camadas de posição, de modo que a paisagem fique
por trás da janela. Para isso, clique na ‘Camada 2’, segure e arraste para baixo da
‘Camada 1’:

Pronto: o resultado deve ser algo como isso:

diego-wakin@bol.com.br Página 20
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010

4) SALVANDO O RESULTADO FINAL


Agora basta salvar o resultado final: vá em ‘arquivo’, ‘salvar’:

diego-wakin@bol.com.br Página 21
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010
Na tela que se abrir, escolha o nome da imagem e o local no seu computador onde
será salva. Note que eu escolhi como nome do arquivo ‘montagem’, deixei marcada a
opção ‘salvar no meu computador’, em formato deixei ‘JPEG’ e coloquei qualidade em
100.

Quando clicar em ok aparecerá a janela de onde você vai salvar. No caso no nosso
exemplo, trabalhamos com ‘meus documentos’. Note que o nome que dei ao arquivo,
‘montagem’, aparece na caixa de diálogo.

diego-wakin@bol.com.br Página 22
FACULDADE DE VIÇOSA – PUBLICIDADE E PROPAGANDA – COMPUTAÇÃO GRÁFICA
AGOSTO DE 2010
Se você quiser colocar outros itens como uma porta, fechada ou aberta, um sofá, um
cachorro, um a pessoa, um quadro, um pôster, enfim, qualquer coisa... fique à
vontade. A criatividade é toda sua.
Bom trabalho!

diego-wakin@bol.com.br Página 23