Ir para conteúdo
Faça parte da equipe! (2024) ×

outros Tratamento de imagens - Paint, Ps e photoscape.


Phefm'
 Compartilhar

Posts Recomendados

 

 

 

iNdcD4F9CWzxV.png

ibzsvYRGkHvHz2.png

 

Neste tópico estarei abordando todas minhas técnicas para/com tratamento de imagens classificadas "Stocks" que é nada mais nada menos que imagens prontas, jogadas na web para exposição/adaptação. Estaremos utilizando 3 programas, nos quais nos auxiliarão nesta jornada. Quero deixar claro aqui que o tutorial é basicamente para iniciantes no mundo do Design e que acima de tudo se destina àqueles que não possuem oportunidade de trabalhar com programas pesados como o photoshop, Fireworks etc...

 

 

Nosso primeiro passo é explorar imagens, procurem buscar por imagens em sites de wallpapers, google, deviant-art ( apenas com autorização do autor ). Há uma infinidade de imagens que nos fascinam, busque aquela a qual você mais se identifique... Conheça os temas das imagens.

 

 

Escolhi esta, se vocês quiserem tentar fazer igual, estarei disponibilizando o link da imagem. o tema desta imagem é Fantasy - Icarus ( Anjo ).

isefI3NhQnrYW.png

http://i1.minus.com/isefI3NhQnrYW.png

 

Agora vamos torna-la real.

 

 

separador.jpg

 

iQjaZ6vPPJI4a.png

 

 

 

 

 

ibzn0opHr3KfBs.png

4537_128x128.png

 

Abra a imagem no paint, após isto redimensione a imagem para o tamanho que deseja. O máximo permitido e um tamanho legal é600px de largura, a altura se ajustará sozinha, mas de qualquer forma, não deixe passar de400px.

 

 

 

ibpp0T5Acu9JHa.png

 

 

->

Mesmo após redimensionado, se achar necessário modificar alguma coisa a mais, utilize a seleção.

i1MG8zkfrBasd.png

 

De início faremos apenas isto no paint e voltaremos a utiliza-lo em breve, próxima etapa é o ps.

 

 

 

ifm4b65Z1l3Qz.png

icon-ps3.jpg

- No photoshop online, Photoshop Online Grátis em Português faremos as edições primárias.

 

1- Abra a imagem no ps.

 

iJhCGfyjnkNi0.png

 

 

 

 

 

 

2- No ps online, utilizaremos apenas os recursos "Ajuste" e "Filtro" juntamente com as ferramentas "Carimbo", "Nitidez" , "Saturação" , e a fonte "Tipografia". Ao longo de qualquer tratamento de imagem que realizar.

 

 

iMlsoYXLvzB5w.png

 

 

 

 

 

3- Conhecendo mais o recurso "Ajuste", utilizaremos o controle deMatiz e Saturação, Color balance e Vibrance.

 

 

iGPOgUwuntE5E.png

 

 

 

 

 

4 - Enquanto no "Filtro" utilizaremos apenas aNitidez.

 

 

iLMuj8z00lVDj.png

 

 

 

 

5- Agora que conhecemos as ferramentas, começaremos por "Ajuste" Aplique Nitidez na imagem pois a mesma encontra-se borrada.

iYEJUPmeVll31.png

 

 

 

 

6 - Após a imagem estar nítida, lidaremos com sua Matiz em "Matiz e saturação".

 

 

ivkYe1RrXz6xu.png

 

 

 

 

7 - Altere os valores de acordo com seu gosto, mas lembre-se, não fuja da realidade da imagem !!!

ifwO8C6g2Gzgi.png

 

 

 

 

8 - Sinta a necessidade da imagem, aplicando um pouco de iluminação, um pouco de saturação e Matiz dentro de uma realidade.

 

 

ib1G5kxyaa0tgU.png

 

 

 

 

9 - Após matizarmos a imagem, vamos controlar sua cor. Não queremos tudo azul certo? Vá em Color Balance para equalizarmos.

 

 

ivlfgHgJmE5z0.png

 

 

 

 

10 - Aqui requer um pouco mais de atenção, estamos trabalhando com o RGB, balancearemos o necessário até obtermos uma realidade.

 

 

iNPoVhRd6VrIe.png

 

 

 

11- Após encontrada a equalização que mais lhe agradar sem sujar a imagem prosseguiremos.

 

 

ibgrqfO1sM5FPs.png

 

 

 

12- Dê mais força na cor, utilizaremos a ferramenta "Color Vibrance". Altere sempre até 30, não passe disto!

 

iAbx7Hs3BzTA2.png

 

 

13 - Feito a vibração vamos saturar partes importantes para dar aquela sensação de "Foco" e destaque. Utilizando a ferramenta livre de saturação.

 

 

ib1wPo7GvSLsuK.png

 

 

 

14 - Após selecionado o tamanho do pincel, selecionarei o "olho" para saturar. * Lembre-se de não deixar muito alta a vivacidade.

 

 

i5ZVIsMTW6VJd.png

 

 

 

15- Após feito os ajustes necessários, cria uma tipografia a seu gosto. Lembre-se de usar uma fonte que combine com a transparência da imagem.

 

 

 

iTbsfMOyYOdQX.png

 

 

 

 

16 - Salve o projeto, o próximo passo será efeitos no photoscape.

 

 

ikKQD8S30NDiQ.png

 

 

 

 

 

iCChNfdVNaLLX.png

ibm8mIRWgaeOtM.png

Poderá baixar o programa aqui: PhotoScape download - Baixaki

 

 

 

 

 

1- Abra o editor.

 

 

ibrgdiDr00hogl.png

 

 

 

 

2 - Procure a imagem na pasta em que salvou e abra-a, conheça também as ferramentas que iremos trabalhar. ( Avivar-Baixo , Filtro - efeito filme )

 

 

iQT0x5n07N9N9.png

 

 

 

3 - Aplique o efeitoAvivar - Baixo.

 

 

ieU6kan2CZ9YV.png

 

 

 

4- Vá emfiltro e aplique efeito filme. É importante que conheça cada tipo de efeito filme existente, para saber o controle da coloração.

 

 

iNqTNvQQjPNpY.png

 

 

 

5 - Aplique Processo cruzado - Médio.

 

 

iYzARKqXBw9hO.png

 

 

 

 

6 - veja as previews de cada efeito, no caso o efeito processo cruzado.

ibbAwre9YczOCz.png

 

 

 

 

7 - Por fim, aplique novamente efeito filme -Velvia ( Baixo ). Para o efeito mais claro.

 

 

icS2oocsUPseO.png

 

 

 

 

 

iGynntLKf20n7.png

icon-ps3.jpg

Retorne ao PS, faremos os retoques finais.

 

 

 

 

1 - comece pela nitidez.

 

i52AmVC5ROjgR.png

 

iIARsorupK7ub.png

 

 

 

 

2 - retoque iluminação que se perdeu conforme os efeitos.

 

i3o6A0Y3A3nc2.png

 

 

 

 

3 - terminado os retoques, salve png. Voltaremos em breve no ps, para recorte final.

 

 

ibyM9oxfT27uDQ.png

 

 

 

 

iJxojslVluhEJ.png

4537_128x128.png

De volta ao grande Paint! rsrs, Faremos os recortes e as partes da sign. Adaptaremos nossa obra ao fórum.

 

 

 

 

1 - Recorte a imagem em 2 partes, selecione a ferramenta "Seleção" e centralize ela na parte inferior da imagem, no ponto central.

 

 

ibyDUugzalFVFz.png

 

2 - selecione o ponto central e puxe para a direta -> após, botão direito e recortar.

 

 

isFNn2OOJDErE.png

 

 

 

 

3 - Volte o ponto ao centro novamente para termos a primeira parte da sign. Salve-a como parte 1.

 

 

ibpneC6JZI5CYx.png

 

 

4- Salve as partes, cole a parte 2 em outra aba do paint e salve.

 

 

ibqBWWBeoK8jea.png

 

 

5 - Montaremos o avatar, abra a imagem original ( edição ) , selecione tudo e arraste para a melhor posição que desejar para seu avatar.

 

 

iYbaCK3p2aA6v.png

 

6 - Ajuste e redimensione a imagem para os padrões do fórum, 150px de largura, SEMPRE. Não mais e nem menos, e altura permitida no máx 340px, mas o padrão é 300.

 

ibFxZa7HSUUCr.png

 

 

 

 

7 - Após redimensionado, salve o projeto para prosseguirmos a etapa final no photoshop.

 

iMNBjlNIylh7b.png

 

 

 

 

ibcffEmN2G7DDF.png

icon-ps3.jpg

A última etapa de nosso tratamento, vamos ajustar nosso trabalho com os padrões do fórum.

 

 

 

 

1 - Abra o avatar e selecione a ferramenta livre -carimbo

.

Vamos remover a tipografia que ficou na img.

 

 

ibtYRbRiqz97rc.png

 

 

 

 

 

2 - Selecione um ponto que deseja copiar, segure control para marcar este ponto e após clique onde deseja carimbar

.

 

 

iD0s0Iz1aUib2.png

 

 

 

 

3 - carimbe a área que deseja remover.

 

i3t9HA5h4JCMf.png

 

 

 

 

4 - Feito isto salve o avatar.

 

ibkzPtfbtu3Zix.png

 

 

 

 

5 - Ajuste o tamanho do arquivo para que não ultrapasse o limite 65kb do fórum.

 

 

ibfrhbkLF2yw9r.png

 

 

 

Trabalho concluído.

 

 

 

 

 

separador.jpg

 

 

 

ibt17B6ZGaTLYu.pngi1Qw3eL0k1uBF.png

 

 

 

 

Este tipo de tratamento pode ser feito em quaisquer tamanho e dimensão de imagem, o importante aqui é aplicar as ferramentas certas e buscar a imagem certa, que careça de tratamento, que esteja suja e que possua alto potencial para nos mostrar. Procure sempre se aproximar da realidade editando a stock.

 

 

Relembrando a vocês que este tutorial nada mais é que um conceito para iniciantes e acima, àqueles que não tem oportunidade de lidar com programas pesados. Por fim, são todas as ferramentas que utilizo para edições que tanto me questionaram. Espero que aproveitem ao máximo e que continuem estudando a arte, é um começo para esta área.

 

Deixarei aqui o resultado pra quem quiser tentar fazer.

 

 

ibpZvhPN0phjbx.png

 

 

ilnBcObLqd7EV.pngirs7uLZCcYS5o.png

 

 

 

 

Original:

iIlev7Cqs3Gyk.png

 

 

 

Outros resultados:

 

iqvouX8oNGAmm.pngi6nlPhcaLjJK3.png

 

 

Fim.

~~

 

 

Link para o comentário
Compartilhar em outros sites

Tira uma duvida , dei uma zapiada , não sei se oque vou perguntar está no texto .

Esse photoshop é o cs6 ? Ou é online ?

obs : Não manjo dos ps

 

 

Falou , Abraço !

 

 

É o online, editor básico sem camadas.

 

O link está no tutorial amigo, se precisar deixo aqui: http://photoshoponline.com.br/editor/

 

Abraços.

~~

 

 

Link para o comentário
Compartilhar em outros sites

Belo tutorial, além de estar muito bem explicado, também está bem representado nas prints, facilitando assim o entendimento do mesmo. Acho que ficaria mais fácil fazer tudo em um layout em forma de imagem, pois como possui muitas prints, o mesmo acaba prejudicando a visualização para aqueles que possuem uma conexão mais lenta, mas nada tira os méritos do tutorial, pois realmente está muito bom.

 

Abraços.

 

@off

Estou com inveja desse seu avatar '-'

とぎすまされた  刃の美しい

そのきっさきによく似た  そなたの横顔

rdqPELp.png

SHSA5Da.gif

rdqPELp.png

Link para o comentário
Compartilhar em outros sites

Belo tutorial, além de estar muito bem explicado, também está bem representado nas prints, facilitando assim o entendimento do mesmo. Acho que ficaria mais fácil fazer tudo em um layout em forma de imagem, pois como possui muitas prints, o mesmo acaba prejudicando a visualização para aqueles que possuem uma conexão mais lenta, mas nada tira os méritos do tutorial, pois realmente está muito bom.

 

Abraços.

 

@off

Estou com inveja desse seu avatar '-'

 

 

Não sei se iria ficar legal em layout rsrs, porque a maioria dos tutoriais de layout são explicações diretas. "Ah eu apliquei blur, eu apliquei isso aquilo e já era" sem as devidas cautelas beeeem detalhas, o que tentei fazer foi exatamente isso, explicar um passo a passo mais detalhado xD, creio que em prints foi possível. Obrigado pelo elogio ^-^

 

 

 

 

 

@off

 

:amor:

~~

 

 

Link para o comentário
Compartilhar em outros sites

Nossa cara, formatação muito boa, tudo bem explicado...

ajudará bastante gente assim como me ajudou, vou usar

essa mesma stock porque eu achei ela bem legal.

 

Obrigado Yukken, bacana, se tiver alguma dúvida pode estar tirando aqui mesmo.

 

Se possível posta o resultado depois,

 

abraços.

~~

 

 

Link para o comentário
Compartilhar em outros sites

  • 2 semanas atrás...
  • 1 mês depois...
Este tópico está impedido de receber novos posts.
 Compartilhar

×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.