Novo layout no blog!

Em 02.01.2016   Arquivado em Novidades, Trabalhos

Fazem alguns meses desde que coloquei um tema-base para WordPress responsivo aqui no Expresso Rosa, tirado do Madly Luv. Na época eu fiz uma imagem de topo bem mais ou menos só pra ser temporária, mas acabei gostando porque refiz a identidade visual do site deixando o morango mais legal de usar. Como posto bem pouco aqui acabou atendendo às minhas expectativas, o desafio mesmo ainda estava por vir: usar esse tema no meu blog pessoal!
Eu tinha uma ideia geral do que queria: continuar utilizando os símbolos que uso por lá (a Kimberly, minha Pullip Chill, fonte, ícones que antes compunham o background, bandeira do Reino Unido, pattern de onça) e adicionar um novo elemento importante para mim, que é a Estrada de Tijolos Amarelos d’O Mágico de Oz (por causa da música Goodbye Yellow Brick Road, do Elton John). Como a estrada não combinava muito com as cores do blog – que são rosa e cinza – tive que pensar bastante em como colocá-la. Enquanto não tinha uma ideia legal resolvi fazer um pattern geométrico bonito para o fundo e aí consegui empolgar de vez, no mesmo dia estava praticamente pronto! Aí edita aqui, edita ali, escuta umas opiniões de cá e, TÃ-DÃ, saiu!

preview

Estou muito feliz com o resultado final porque ficou colorido sem ficar enjoativo, acho que vou conseguir ficar bastante tempo com ele, se possível mais do que o último que ficou dois anos. E a melhor parte é que consegui manter as ideias que eu tinha originalmente e melhorá-las. Se eu for fazer alguma modificação será apenas para ajustar algo aqui e ali, depois de mudar milhões de vezes acho que cheguei onde queria. Amei o contraste das cores do topo com a elegância do background, nada poderia combinar mais com o estilo do blog.
Ao contrário desse pobre site, o Sweet Luly é atualizado SUPER frequentemente e lá eu conto tudo sobre meu dia-a-dia, tentando trazer informações legais para o leitor através dele. Não deixem de visitá-lo: http://sweetluly.expressorosa.com =D

Tratamento de Imagem: Iluminação

Em 25.01.2012   Arquivado em Tutoriais

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.

Cutout: algumas dicas

Em 25.06.2011   Arquivado em Tutoriais

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

Página 1 de 3123