The Triforce Alliance
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Tutorial: Manipulação básica de imagens

5 participantes

Ir para baixo

Tutorial: Manipulação básica de imagens Empty Tutorial: Manipulação básica de imagens

Mensagem por Willi Sex Set 16, 2011 11:08 pm

Então gente, preparei este tutorial pra ensinar a vocês como fazer a manipulação básica de uma imagem. Nada de efeitos fodônicos em Photoshop nem nada do tipo, só alguns métodos e macetes pra fazer uma imagem simples e bonita, sem que ela perca qualidade, etc.

Os métodos que vou ensinar aqui, são exatamente os que uso para manipular qualquer imagem, especialmente para fazer um banner pro Point, ou um avatar pro fórum, etc.

Programas básicos para a manipulação de qualquer imagem simples
Paint - Vem com o Windows
Microsoft Office Picture Manager - Vem com o Windows, e é acessado pelo botão direito do mouse.
Format Factory - 1º macete: Sempre que você editar uma imagem (quando apague algo nela ou escreva algo nela por exemplo) ela sempre vai perder qualidade, só não vai perder qualidade se for PNG, por isso, sempre antes de manipular uma imagem, converta-a em PNG e trabalhe com ela em PNG, pois PNG não perde qualidade.

No exemplo do tutorial, vou ensinar como fazer um avatar pro fórum.

1- Vá ao Google Imagens e pegue a imagem do personagem que você quer. Salve-a.
Tutorial: Manipulação básica de imagens Scaled.php?server=560&filename=imagemwf
Tutorial: Manipulação básica de imagens Scaled.php?server=593&filename=imagem2ru
Tutorial: Manipulação básica de imagens Scaled.php?server=84&filename=imagem3zb

2.1 - Abra o Format Factory. No menu à esquerda, você escolhe qual tipo de arquivo você quer converter para qual formato. O programa serve para converter vários tipos de arquivos, como músicas, vídeos e claro, imagens. No nosso caso, queremos as imagens.

2.2 - Clique na aba "Imagens" e selecione "Todos para PNG" (todos é modo de falar, pode ser só um arquivo também).
Tutorial: Manipulação básica de imagens Scaled.php?server=577&filename=imagem4c

2.3 - Vá em "Adicionar Arquivo".
Tutorial: Manipulação básica de imagens Scaled.php?server=713&filename=imagem5y

2.4 - Escolha o arquivo e abra.
Tutorial: Manipulação básica de imagens Scaled.php?server=38&filename=imagem6ob
Tutorial: Manipulação básica de imagens Scaled.php?server=546&filename=imagem7yk

2.5 - Clique em "Iniciar".
Tutorial: Manipulação básica de imagens Scaled.php?server=694&filename=imagem8j

2.6 - Depois que a conversão terminar, vá na pasta FFOutput, no Meus Documentos (tudo que você converter com o Format Factory vai para esa pasta). Lá estará sua imagem.

3.1 - Clique com o botão direito sobre a imagem e vá em "Abrir Com" > "Microsoft Office Picture Manager".
Tutorial: Manipulação básica de imagens Scaled.php?server=143&filename=imagem9x

3.2 - Vá em "Imagem" > "Redimensionar". Aqui você redimensiona a imagem do tamanho que quiser. 2º macete: depois de redimensionar, não salve a imagem redimensionada. Se você salvar ela redimensionada, ela vai ficar serrilhada. Tal serrilha só aparece depois que a imagem é salva, enquanto ela ainda está sendo manipulada, a serrilha não ocorre. Então, em vez de salvar a imagem serrilhada, tire um print dela assim, abra o Paint, e aperte Ctrl + V para colar esse print no Paint. Salve o print.

3.3 - Agora, abra o print do mesmo jeito. "Abrir Com" > "Microsoft Office Picture Manager".

3.4 - Vá em "Imagem" > "Cortar". Recorte o print e deixe só a parte que você redimensionou. Agora sim, você tem a imagem redimensionada sem perder qualidade.
Tutorial: Manipulação básica de imagens Scaled.php?server=28&filename=imagem10p

4.1 - Abra-a com o Paint clicando com o botão direito e indo em "Abrir Com" > "Paint". Adicione os efeitos que quiser.
Tutorial: Manipulação básica de imagens Scaled.php?server=718&filename=imagem11u

3º Macete: Aquele símbolo azul com a sigla da TTA eu peguei do avatar do Infernosword. O esquema é fácil: tirei um print do avatar dele, recortei e deixei só aquele símbolo, aí, no Paint, fui em "Editar" > "Colar de..." Escolhi o símbolo e o posicionei como quis.

Se você fosse fazer isso (esse "isso" se refere a todos os passos do tutorial) com uma imagem em qualquer outro formato, pronto, qualidade perdida. Mas em PNG, a qualidade é preservada.

Salve e pronto, voilá: um avatar bonito, simples e com ótima qualidade de imagem!

É assim que eu faço pra manipular as imagens. O Microsoft Office Picture Manager tem diversos recursos muito bons, mas não vou ensinar agora porque não vem ao caso, e não se encaixa no contexto do tutorial. Mas mecher nele é muito bom e, combinado com o Format Factory para deixar suas imagens em PNG, e mais o Paint para colocar outras imagens (como o símbolo da TTA) e também textos sobre a imagem, esse trio é excelente para se produzir uma imagem simples e com boa qualidade.

Enfim, espero que tenham gostado. Até mais!
Willi
Willi
Rank 131 - Sonic Generations
Rank 131 - Sonic Generations

Mensagens : 7176
Data de inscrição : 05/05/2010
Idade : 27
Localização : Santa Catarina, Brasil

Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por Alan Borges Sex Set 16, 2011 11:19 pm

Eu sei fazer degradê e transparência no paint, dpois eu ensino...
Alan Borges
Alan Borges
Rank 14 - Super Mario World
Rank 14 - Super Mario World

Mensagens : 1332
Data de inscrição : 04/05/2010
Idade : 30
Localização : Arapongas

http://n64brasil.blogspot.com

Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por infernosword Sex Set 16, 2011 11:47 pm

OW no RIP ae rapa! lol!

Acho que vc já ta bem avançado no paint, devia tentar o Paint.NET, Photoshop ou GIMP.
infernosword
infernosword
Rank 110 - Street Fighter IV
Rank 110 - Street Fighter IV

Mensagens : 6135
Data de inscrição : 05/05/2010
Idade : 33
Localização : flying not yet quite the notion

Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por Willi Sex Set 16, 2011 11:48 pm

Eu tenho o Gimp também, mas uso pra coisas mais avançadas. E só de vez em quando.
Willi
Willi
Rank 131 - Sonic Generations
Rank 131 - Sonic Generations

Mensagens : 7176
Data de inscrição : 05/05/2010
Idade : 27
Localização : Santa Catarina, Brasil

Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por Alan Borges Sex Set 16, 2011 11:50 pm

infernosword escreveu:OW no RIP ae rapa! lol!

Acho que vc já ta bem avançado no paint, devia tentar o Paint.NET, Photoshop ou GIMP.

Opa, eu uso Photoshop e CorelDRAW tbm, mas eu gosto de usar o Paint pra tirar uma onda às vezes arriariarairia
Alan Borges
Alan Borges
Rank 14 - Super Mario World
Rank 14 - Super Mario World

Mensagens : 1332
Data de inscrição : 04/05/2010
Idade : 30
Localização : Arapongas

http://n64brasil.blogspot.com

Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por infernosword Sex Set 16, 2011 11:52 pm

Legal. Mas no meu avatar, o brasão não ficou legal. As cores não combinam tanto.
infernosword
infernosword
Rank 110 - Street Fighter IV
Rank 110 - Street Fighter IV

Mensagens : 6135
Data de inscrição : 05/05/2010
Idade : 33
Localização : flying not yet quite the notion

Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por Willi Sex Set 16, 2011 11:55 pm

Eu achei o seu, infernosword, o avatar mais bonito da nova geração. De boa. Combinou sim, e muito. E a caveira disposta de uma forma "cool", nem metade mas nem inteira. Ficou bonito mesmo.
Willi
Willi
Rank 131 - Sonic Generations
Rank 131 - Sonic Generations

Mensagens : 7176
Data de inscrição : 05/05/2010
Idade : 27
Localização : Santa Catarina, Brasil

Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por infernosword Sex Set 16, 2011 11:57 pm

Não, a caveira ficou cool mesmo, mas o brasão cago tudo. Ele é legal, mas não era pra estar ali. Mas obrigado Willi.
infernosword
infernosword
Rank 110 - Street Fighter IV
Rank 110 - Street Fighter IV

Mensagens : 6135
Data de inscrição : 05/05/2010
Idade : 33
Localização : flying not yet quite the notion

Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por Alexandre Sáb Set 17, 2011 12:02 am

Tutorial excelente e completo. As imagens ficaram ótimas.

Parabéns Willi.
Alexandre
Alexandre
Rank 142 - Gears of War: Judgement
Rank 142 - Gears of War: Judgement

Mensagens : 7720
Data de inscrição : 04/05/2010
Idade : 31
Localização : Cordeiropolis, SP

http://smash-club.blogspot.com

Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por infernosword Sáb Set 17, 2011 12:15 am

Ahh isso é verdade. A continuidade e o fluxo do tutorial ficou bem interessante.
Lembra até aquele tutorial que eu fiz pra "deixar seu nome azul"
infernosword
infernosword
Rank 110 - Street Fighter IV
Rank 110 - Street Fighter IV

Mensagens : 6135
Data de inscrição : 05/05/2010
Idade : 33
Localização : flying not yet quite the notion

Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por Link-Hylian Sáb Set 17, 2011 1:11 am

Belo tutorial
Mas ainda prefiro o Photoshop...
Link-Hylian
Link-Hylian
Rank 48 - Sonic Adventure
Rank 48 - Sonic Adventure

Mensagens : 3001
Data de inscrição : 23/05/2011
Idade : 28

Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por Convidado Sáb Set 17, 2011 1:16 am

Só sei usar Paint. Razz



Mas o maior problema é retirar os "fundos" de imagens, quando quero só o cara sem o fundo branco ou o que for. '-'

Convidado
Convidado


Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por Link-Hylian Sáb Set 17, 2011 2:31 am

Com o Photoshop é só apertar 'W' (Para selecionar a Magic Wand Tool) clicar no fundo e apertar delete =P
Link-Hylian
Link-Hylian
Rank 48 - Sonic Adventure
Rank 48 - Sonic Adventure

Mensagens : 3001
Data de inscrição : 23/05/2011
Idade : 28

Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por Alan Borges Sáb Set 17, 2011 12:45 pm

Infernão, uma dica, tira o fundo azul do brasão e deixa só preto.
Alan Borges
Alan Borges
Rank 14 - Super Mario World
Rank 14 - Super Mario World

Mensagens : 1332
Data de inscrição : 04/05/2010
Idade : 30
Localização : Arapongas

http://n64brasil.blogspot.com

Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por infernosword Sáb Set 17, 2011 5:33 pm

Tinha pensado nisso e acho que vai ficar melhor mesmo. Vou tentar.
infernosword
infernosword
Rank 110 - Street Fighter IV
Rank 110 - Street Fighter IV

Mensagens : 6135
Data de inscrição : 05/05/2010
Idade : 33
Localização : flying not yet quite the notion

Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por Convidad Dom Set 18, 2011 2:28 pm

Eu usava o PS + agora esqueci td Sad
um exemplo é meu novo avatar uma merda

Convidad
Convidado


Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por Convidad Qua Set 28, 2011 9:39 am

Uso o Picasa eo PS.

Convidad
Convidado


Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por Convidad Qui Set 29, 2011 10:34 am

LOL
isso é hiper fácil '-'

Convidad
Convidado


Ir para o topo Ir para baixo

Tutorial: Manipulação básica de imagens Empty Re: Tutorial: Manipulação básica de imagens

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Ir para o topo Ir para baixo

Ir para o topo


 
Permissões neste sub-fórum
Não podes responder a tópicos