Tutorial: Manipulação básica de imagens

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Tutorial: Manipulação básica de imagens

Mensagem por Willi em 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.




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).


2.3 - Vá em "Adicionar Arquivo".


2.4 - Escolha o arquivo e abra.



2.5 - Clique em "Iniciar".


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".


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.


4.1 - Abra-a com o Paint clicando com o botão direito e indo em "Abrir Com" > "Paint". Adicione os efeitos que quiser.


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!

__________________________________________________
Intel Core i5 4440 3.10 GHz | EVGA GTX 660 FTW ACX 2GB GDDR5 | MSI B85M-E45 Military Class 4 | RAM Corsair Vengeance 1x8 GB 1600 MHz | HD Seagate 1TB 7200 RPM | Corsair CX500M | Gabinete Cougar Archon + RGB LEDs | Windows 10 PRO 64-bits | Monitor LG 23MP55HQ-P 1080p 60 Hz | Amplificador Hayonik Neo 200w RMS + Grave Auxiliar Sharp | Teclado Mtek KP-807 | Mouse Fortrek Spider | Mousepad PCYES Speed Racer 800x400mm | Cadeira Cavaletti NewNet 16003

Textos | Jogos Finalizados


Willi
Rank 125 - Super Mario Galaxy 2
Rank 125 - Super Mario Galaxy 2

Mensagens : 6874
Data de inscrição : 05/05/2010
Idade : 20
Localização : Maravilha, SC

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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

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

Eu sei fazer degradê e transparência no paint, dpois eu ensino...

Alan Borges
Rank 14 - Super Mario World
Rank 14 - Super Mario World

Mensagens : 1329
Data de inscrição : 04/05/2010
Idade : 23
Localização : Arapongas

Ver perfil do usuário http://n64brasil.blogspot.com

Voltar ao Topo Ir em baixo

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

Mensagem por infernosword em 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.

__________________________________________________
E.T., opinião, telefone.

infernosword
Rank 106 - Metal Gear Solid 4: Guns of the Patriots
Rank 106 - Metal Gear Solid 4: Guns of the Patriots

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

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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

Mensagem por Willi em 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.

__________________________________________________
Intel Core i5 4440 3.10 GHz | EVGA GTX 660 FTW ACX 2GB GDDR5 | MSI B85M-E45 Military Class 4 | RAM Corsair Vengeance 1x8 GB 1600 MHz | HD Seagate 1TB 7200 RPM | Corsair CX500M | Gabinete Cougar Archon + RGB LEDs | Windows 10 PRO 64-bits | Monitor LG 23MP55HQ-P 1080p 60 Hz | Amplificador Hayonik Neo 200w RMS + Grave Auxiliar Sharp | Teclado Mtek KP-807 | Mouse Fortrek Spider | Mousepad PCYES Speed Racer 800x400mm | Cadeira Cavaletti NewNet 16003

Textos | Jogos Finalizados


Willi
Rank 125 - Super Mario Galaxy 2
Rank 125 - Super Mario Galaxy 2

Mensagens : 6874
Data de inscrição : 05/05/2010
Idade : 20
Localização : Maravilha, SC

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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

Mensagem por Alan Borges em 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
Rank 14 - Super Mario World
Rank 14 - Super Mario World

Mensagens : 1329
Data de inscrição : 04/05/2010
Idade : 23
Localização : Arapongas

Ver perfil do usuário http://n64brasil.blogspot.com

Voltar ao Topo Ir em baixo

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

Mensagem por infernosword em 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.

__________________________________________________
E.T., opinião, telefone.

infernosword
Rank 106 - Metal Gear Solid 4: Guns of the Patriots
Rank 106 - Metal Gear Solid 4: Guns of the Patriots

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

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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

Mensagem por Willi em 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.

__________________________________________________
Intel Core i5 4440 3.10 GHz | EVGA GTX 660 FTW ACX 2GB GDDR5 | MSI B85M-E45 Military Class 4 | RAM Corsair Vengeance 1x8 GB 1600 MHz | HD Seagate 1TB 7200 RPM | Corsair CX500M | Gabinete Cougar Archon + RGB LEDs | Windows 10 PRO 64-bits | Monitor LG 23MP55HQ-P 1080p 60 Hz | Amplificador Hayonik Neo 200w RMS + Grave Auxiliar Sharp | Teclado Mtek KP-807 | Mouse Fortrek Spider | Mousepad PCYES Speed Racer 800x400mm | Cadeira Cavaletti NewNet 16003

Textos | Jogos Finalizados


Willi
Rank 125 - Super Mario Galaxy 2
Rank 125 - Super Mario Galaxy 2

Mensagens : 6874
Data de inscrição : 05/05/2010
Idade : 20
Localização : Maravilha, SC

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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

Mensagem por infernosword em 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.

__________________________________________________
E.T., opinião, telefone.

infernosword
Rank 106 - Metal Gear Solid 4: Guns of the Patriots
Rank 106 - Metal Gear Solid 4: Guns of the Patriots

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

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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

Mensagem por Alexandre em Sab Set 17, 2011 12:02 am

Tutorial excelente e completo. As imagens ficaram ótimas.

Parabéns Willi.

__________________________________________________

Alexandre
Rank 125 - Super Mario Galaxy 2
Rank 125 - Super Mario Galaxy 2

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

Ver perfil do usuário http://smash-club.blogspot.com

Voltar ao Topo Ir em baixo

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

Mensagem por infernosword em Sab 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"

__________________________________________________
E.T., opinião, telefone.

infernosword
Rank 106 - Metal Gear Solid 4: Guns of the Patriots
Rank 106 - Metal Gear Solid 4: Guns of the Patriots

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

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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

Mensagem por Link-Hylian em Sab Set 17, 2011 1:11 am

Belo tutorial
Mas ainda prefiro o Photoshop...

Link-Hylian
Rank 47 - Resident Evil 2
Rank 47 - Resident Evil 2

Mensagens : 2998
Data de inscrição : 23/05/2011
Idade : 20

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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

Mensagem por LLL em Sab 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. '-'

LLL
Rank 28 - Kirby's Dream Land 2
Rank 28 - Kirby's Dream Land 2

Mensagens : 2041
Data de inscrição : 06/05/2010
Idade : 22
Localização : Curitiba - PR

Ver perfil do usuário http://smash-club.blogspot.com

Voltar ao Topo Ir em baixo

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

Mensagem por Link-Hylian em Sab 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
Rank 47 - Resident Evil 2
Rank 47 - Resident Evil 2

Mensagens : 2998
Data de inscrição : 23/05/2011
Idade : 20

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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

Mensagem por Alan Borges em Sab Set 17, 2011 12:45 pm

Infernão, uma dica, tira o fundo azul do brasão e deixa só preto.

Alan Borges
Rank 14 - Super Mario World
Rank 14 - Super Mario World

Mensagens : 1329
Data de inscrição : 04/05/2010
Idade : 23
Localização : Arapongas

Ver perfil do usuário http://n64brasil.blogspot.com

Voltar ao Topo Ir em baixo

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

Mensagem por infernosword em Sab Set 17, 2011 5:33 pm

Tinha pensado nisso e acho que vai ficar melhor mesmo. Vou tentar.

__________________________________________________
E.T., opinião, telefone.

infernosword
Rank 106 - Metal Gear Solid 4: Guns of the Patriots
Rank 106 - Metal Gear Solid 4: Guns of the Patriots

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

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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

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

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

Convidad
Convidado


Voltar ao Topo Ir em baixo

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

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

Uso o Picasa eo PS.

Convidad
Convidado


Voltar ao Topo Ir em baixo

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

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

LOL
isso é hiper fácil '-'

Convidad
Convidado


Voltar ao Topo Ir em baixo

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

Mensagem por Conteúdo patrocinado Hoje à(s) 5:13 pm


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum