Home | About | Anti-Bullying | Goodies | Ovos Fritos | Trabalhos | Weblog | Feeds

January 25, 2012

Tratamento de Imagem: Iluminação

Filed under: Tutoriais — Tags: , , — Luly @ 8:01 pm

Tratamento de imagem é, provavelmente, o objetivo principal do Photoshop, mais do que a edição propriamente dita. Não que tratar não seja uma forma de edição, mas é mais “leve” considerando que elementos não são adicionados, retirados ou modificados na imagem.
Eu sempre tentei tratar minhas fotos para divulga-las na internet, as vezes sai muito escura ou muito clara e eu decido sempre por guardar a original, mas divulgar a modificada. Porém, ao longo dos tempos, vi que essa edição leiga não atingia meus objetivos e parei. Agora, porém, depois de realmente ESTUDAR sobre as ferramentas de Ajuste do Photoshop, resolvi compartilhar aqui as ferramentas básicas para o tratamento da imagem: Iluminação e Cores.
Hoje nós vamos tratar da iluminação.

Escolhi essa foto que eu mesma tirei no campus Pampulha da UFMG. Sendo uma foto ao ar livre com luz natural, que geralmente precisa de menos tratamento que uma foto com luz artificial, achei que ficaria mais fácil trata-la só para “ensinar”. Mas funciona com fotos no geral.
As duas ferramentas que serão utilizadas, Brilho/Contraste e Níveis, se encontram no Menu Image >> Adjustments na Barra de Ferramentas (Alt + I + A).

Iluminação

Brilho/Contraste

O primeiro passo é editar o Brilho e o Contraste da foto. Para isso vá ao Menu Image >> Adjustments >> Brightness/Contrast. Vai abrir uma janela assim:

Iluminação

Verifique se o botão “Preview” está marcado. Assim será possível visualizar a aplicação da sua edição na imagem e saber como está ficando.
Os valores dependem da imagem e dos objetivos que você espera para ela. Como é uma foto ao ar livre não foi preciso editar muita coisa, mas vá aumentando/diminuindo a medida que achar necessário.

Iluminação

Aqui está uma mostra da diferença que essa pequena alteração fez na imagem. A primeira metade é a foto original, já a segunda é com a edição.

Iluminação

Níveis

Com os “Níveis” será possível fazem uma edição muito maior para balancear a iluminação. Para abrir a janela vá em Image >> Adjustments >> Levels. Esse processo foi feito na imagem em questão DEPOIS da alteração de Brilho e Contraste mostrada anteriormente.
Como podem ver abaixo, a janela vai abrir um gráfico mostrando os níveis em que estão os pontos escuros e claros da imagem. Abaixo do nível há 3 pequenas setinhas. A mais escura simboliza as áreas de sombra, a mais clara as de luz e a intermediária o meio-termo. Você pode editar os níveis manualmente se quiser, mas o Photoshop já trás a opção “Auto”, com a qual o próprio programa tenat balancear esse gráfico.

Iluminação

Após clicar em “Auto”, a imagem ficou assim:

Iluminação

Porém, se o resultado não ficar como desejado, você pode tentar modificar tentando identificar os pontos de sombra e luz por conta própria.
Se você selecionar a tecla Alt do teclado e manipular as setas abaixo do gráfico, poderá identificar esses pontos.
Para o ponto de sombra, vá arrastando a setinha preta. Os primeiros pontos a se detacar são os de sombra. O mesmo para os de luz com a setinha branca.
Sendo assim, você pode selecionar esses pontos usando os seguintes “conta gotas”:

Iluminação

O primeiro seleciona a sombra e o último a luz. Com o 1º selecionado, clique na região de maior escuridão. Depois de des-selecionar, faça o mesmo com o último nas regiões mais claras. Se a cor for muito modificada você pode ir procurando outros pontos de claro/escuro até ficar totalmente satisfeito.
Após fazer isso, minha imagem ficou assim:

Iluminação

A abaixo um comparativo do original com o resultado final:

Iluminação

Em breve irei publicar um ou mais posts sobre o tratamento da COR nas fotos. Espero que tenham gostado, qualquer dúvida deixe um comentário nessa página.

June 25, 2011

Cutout: algumas dicas

Filed under: Tutoriais — Tags: , , , — Luly @ 5:41 pm

- Cutout é um dos efeitos mais queridos pelas pessoas quando querem deixar a foto diferente. Eu já mostrei como faze-lo com o Blend Mode “Pin Light” no Photoshop aqui, e alguns conhecidos vieram falar comigo que gostaram, pois sempre quiseram fazer aquilo. Então hoje decidi dar algumas dicas de como fazer um cutout de verdade, escolhendo as partes destacadas. É um efeito básico para Photoshop, então quem não está familiarizado com o programa consegue fazer facilmente.
Vou usar a seguinte foto como modelo:

Tutorial 05

Meu objetivo é destacar as parte em roxo, para ficar assim:

Tutorial 05

A primeira coisa a fazer é duplicar a imagem para ter duas camadas: uma colorida, original, e a outra em preto-e-branco. Para duplicar pressione Ctrl+J ou vá em “Layer – Duplicate Layer”. Na janela “Layer” lateral vão aparecer os dois, iguais:

Tutorial 05

Para deixar o layer de cima em preto-e-branco pressione Ctrl + Shift + U ou vá em “Image – Adjustments – Desnaturate”. Eu geralmente seleciono também o Blend Mode “Color” para esse layer, acho que fica mais natural, mas isso fico à cargo de cada um!!

Tutorial 05

Agora podemos começar, usando uma ou mais de três ferramentas básicas que vão dar o efeito desejado com facilidade (e paciência, para quem não está acostumado).

Ferramenta “Magnetic Lasso”

Tutorial 05

Você pode usar qualquer ferramenta “Lasso”, mas eu prefiro a “Magnetic Lasso”, por exigir menos destreza manual e torna tudo MUITO simples. Com a ferramenta clique em alguma borda da região selecionada e vá contornando a área. Não precisa fazer com precisão porque a ferramenta vai justamente se ajustando sozinha, mas é bom ir devagar pra evitar erros. Vá até chegar no ponto inicial:

Tutorial 05

Em seguida pressione “Delete”. O resultado já vai estar aí. Se tiverem pequenas imperfeições (como, na foto, a região rosa que ficou destacada também), não se preocupe, a última ferramenta do Tutorial é para reparar essas coisas. Agora é só fazer em outras regiões.

Tutorial 05

Ferramenta “Magic Wand”

Tutorial 05

Eu não gosto muito de usar a Magic Wand para cutout, mas funciona bem se as cores estiverem bem definidas na fotos a ser editada. Não é bom, por exemplo, caso a pessoa queira destacar uma parte de paisagem de vários tons diferentes. A única observação principal sobre essa ferramenta é a opção “Tolerance”, que vai determinar até onde a tolerância para cores próximas da selecionada é permitida. Se selecionar “0″, por exemplo, SOMENTE aquela cor será selecionada na foto. Eu coloquei 40, aleatoriamente, para pegar uma gama de tons que fosse boa, porém sem estrapolar.
A opção “Contiguous” deve ser observada também. Eu recomendo deixa-la marcada, assim somente serão selecionados tons que estão ao lado do selecionado. Se a opção estiver desmarcada pode ser selecionada, sem querer, outra região da foto de cor parecida, porém que não era pra ser destacada.
Usar a ferramenta em si é simples: é só clicar sobre a cor, e ela selecionará a região. Sendo assim use a ferramenta com o layer de baixo (o que tem as cores originais) selecionado:

Tutorial 05

Com o Shift pressionado no teclado, vá clicando nas outras regiões da cor até preencher a área completamente. Você pode usar outras ferramentas de selação para ajudar, mas não esqueça de pressionar o Shift, senão a nova seleção substituirá a antiga.

Tutorial 05

Antes de apertar “Delete” não esqueça de selecionar novamente o layer em preto-e-branco!! Mais uma vez não fica perfeito, o resultado é “inferior” ao resultado usando a Magnetic Lasso, mas é mais rápido de ser feito. É só corrigir depois usando a dica final.

Tutorial 05

Ferramenta “Eraser”

Tutorial 05

A maneira mais demorada, porém se usada com cuidado é a ideal pelo fato de você ter mais controle. É simples: a parte a ficar colorida vai ser “apagada” da foto em preto-e-branco, deixando a de baixo destacada. É ideal que se use uma borracha redonda e não muito grande (você encontra em “Basic Brushes”).

Tutorial 05

Vá deletando devagar. Para as regiões menores é só diminuir o tamanho da borracha. Se sentir dificuldade é bom dar zoom, mas é bem simples se for com calma e paciência.

Tutorial 05

A borracha é legal também para quando você usa os outros truques e fica faltando algum pedacinho para deletar. É só ir lá e apagar, fica muito bem feito.

Tutorial 05

Dica Final

Quando apagar acidetalmente alguma pequena região que não deveria ser detacada, como aconteceu com pedaços da cadeira cor-de-rosa dessa imagem usada como demonstração nos dois primeiros procedimentos, há um truque simples para reparar esses erros. Usando a cor BRANCA, selecione um pincél redondo na ferramenta “Brush”. Selecione o mode “Color”, com indicado na imagem, e vá “colorindo” a foto DE BAIXO, colorida. As regiões onde esse reparo for aplicado ficarão em preto e branco. Só é preciso muito cuidado para não atingir a parte destacada, senão será preciso desfazer o processo e refaze-lo. A foto do resultado final foi feita com a união das ferramentas “Magnetic Lasso”, “Eraser” e esse ajuste final com “Brush”:

Tutorial 05

Prontinho!! Quaquer dúvida é só deixar um comentário nessa página!!

Tutorial 05

Todas as imagens desse tutorial foram feitas por mim, assim como a foto utilizada para demonstração.

May 15, 2011

Instalando WordPress usando o Fantastico Deluxe

Filed under: Tutoriais — Tags: , , , — Luly @ 11:16 pm

– Quando eu resolvi passar o Expresso Rosa (e depois meu blog) pro WordPress eu tentei a instalação manual e falhei completamente, não dava certo e o site ficava fora do ar, me deixava super nervosa. Acho que agora que entendo mais sobre o WP conseguiria, mas isso é altamente desnecessário porque na época descobri a praticidade de usar o Fantastico Deluxe no Painel de Controle do próprio site. E mesmo havendo tantos tutoriais por aí, aqui vai mais um para mostrar que é realmente MUITO simples!!

Tutorial Fantastico Deluxe

– Entre no cPanel do seu site. Na página principal terá a janela de “Software/Serviços”, e entre eles está o “Smile” indicando o Fantastico Deluxe. Clique no link.

Tutorial Fantastico Deluxe

– Quando abrir vão aparecer as páginas já instaladas que você usa (se houver alguma, é claro!!). E na barra lateral as várias opções, entre elas o Worpress. Clique sobre o link.

Tutorial Fantastico Deluxe

– Vai aparecer a janelinha de instalação. Nela, além do link para instalar, vai mostrar o espaço em que essa instalação vai utilizar e seu espaço disponível. Clique em “New Instalation” para começar.

Tutorial Fantastico Deluxe

– Agora selecione o local em que o WordPress será instalado. Se quiser que seja a página inicial do seu blog, marque a opção com o endereço do mesmo, como “seudominio.com”. Se quiser usar algum sub-domínio é preciso que ele seja criado antes na página de Subdomínios no cPanel.
Nesse caso eu usei um sub-domínio fictício: “tutorial.expressorosa.com”.
Coloque os dados de acesso, Nome de usuário e senha, no “Admin Acess Data”. Essas serão as informações utilizadas para fazer login no seu blog do WordPress. Em “Base Configuration” coloque as informações de Nome/Apelido, e-mail, nome do site e descrição. Por fim clique em “Install WordPress” para instalar!!

Tutorial Fantastico Deluxe

– Prontinho!! Na nova página clique em “Finish Installation” e tá pronto.Você receberá um e-mail com seus dados e o endereço para login no seu painel do WordPress. Agora é só começar a blogar.

April 21, 2011

Mudando a cor do Painel de Controle do WP

Filed under: Tutoriais — Tags: , , , — Luly @ 11:36 pm

Descobri recentemente como mudar o esquema de cores do painel do WordPress, deixando mais a cara do seu blog/site (eu mesma sempre quis que o Painel aqui do site fosse rosa). É bem simples, pois é atráves de um Plugin, você só precisa baixa-lo e instalar: “Easy Admin Color Shemes”.

O plugin vem com as duas cores padrão do WP (Azul e Cinza), mais duas novas (vermelho e verde) e você pode ir criando a sua. A página do Plugin é assim:

tut-wpcoloradmin

– Testei o vermelho pra mostrar como fica:

tut-wpcoloradmin

– E depois a partir o CSS dele eu fui trocando as cores pra poder fazer o meu rosa… Foi só mudar as cores e criar uma imagens com os novos degradês. Os ícones eu deixei vermelho mesmo, ficou bonitinho e vou mante-lo aqui no Expresso Rosa. Lá no meu blog acho melhor deixar cinza mesmo, aqui entro menos mas lá, que entro todo dia várias vezes, acho que a cor ia me cansar rápido:

tut-wpcoloradmin

March 26, 2011

Tutorial “Cutout” com Pin Light

Filed under: Tutoriais — Tags: , , — Luly @ 8:58 pm

- Hoje um tutorial bem simples com o efeito que é o que mais uso nas minhas fotos quando quero que ela fiquem diferentes: um “cutout” aleatório utilizando o Blend Mode “Pin Light” (ou Pinos de Luz) no Photoshop.

- Primeiro, abra a foto ou imagem que quiser usar. Se precisar, ajuste antes as cores.
Minha foto é originalmente assim:

Tutorial 02

E quando terminar, com o efeito, vai ficar assim:

Tutorial 02

- Para começar, duplique o layer que contém a foto duas vezes, apertando Ctrl + J duas vezes seguidas ou vá em “Layer-Duplicate Layer…”:

Tutorial 02

– No layer que está por cima de todos selecione o Blend Mode “Pin Light”:

Tutorial 02

– Depois, o layer “central” selecione o Blend Mode “Color”.

Tutorial 02

– Em seguida, ainda no mesmo layer, pressione Ctrl+Shit+U ou vá em “Image – Adjustments – Desaturate”. Isso fará com que esse layer fique em preto e branco, e com o Blend Mode “Color” adicionado anteriormente fica mais natural:

Tutorial 02

– Prontinho!! Qualquer dúvida, comente nessa página!!

Tutorial 02

– É legal, ao longo do tempo, observar o efeito diferente que isso dá em fotos com cores diferentes:

Tutorial 02

Tutorial 02

Todas as imagens desse tutorial foram feitas por mim, assim como as fotos utilizadas para demonstração.

Older Posts »

Copyright 2004 - 2011 | Powered by WordPress