terça-feira, 13 de abril de 2010

PHOTOSHOP: Como aplicar brushes corretamente

--------------------------------------------------
Considere este post como a segunda parte de PHOTOSHOP: Como aplicar o glow e outros efeitos. E, se quiser saber como baixar novos brushes para seu Photoshop, consulte o post PHOTOSHOP: Como baixar e instalar novos brushes.

O que vamos fazer aqui é adicionar à imagem trabalhada no post anterior novos elementos, que serão imagens feitas a partir de alguns brushes. É altamente recomendável que você tenha salvo o arquivo do post anterior, ok? Se você não o seguiu, sugiro que o faça, a fim de dar continuidade aos procedimentos a seguir.

Vamos, então, aos procedimentos:
1. Abra o arquivo PSD que você salvou - o que contém os layers da Ferrari e os efeitos aplicados.
2. Por enquanto, a imagem está como mostra a figura abaixo. Note, no painel Layers, que a imagem é composta inteiramente por camadas, cada qual com uma imagem e/ou efeito. Clique na camada 'Layer 3', que contém o efeito de fibras (onde foi aplicado o efeito Fibers) e uma máscara. Adicione uma nova camada acima desta.


3. Escolha a ferramenta Brush, teclando [B]. Para escolher um novo tipo de brush, abra o menu que fica localizado na barra de propriedades, como mostra a figura abaixo. Se não for o tipo de brush que deseja, clique naquele botãozinho localizado à direita do parâmetro 'Master Diameter', do próprio menu que está aberto.
Em destaque, o botão que permite abrir o menu
de opções de brush. Para abrir outro tipo/grupo,
clique naquele botãozinho à direita do parâmetro
que corresponde ao diâmetro/tamanho do brush.

4. O diâmetro do brush dependerá do tipo que você escolheu, mas, para este exemplo, estou usando algo como 350 pixels. Antes de clicar, porém, vamos fazer com que o pincel seja configurado para "imprimir" na imagem diferentes formas e cores a cada clique. Para isso, faça o seguinte:

a. Tecle [F5], a fim de abrir o painel Brushes (figura abaixo).


b. Marque as caixas de verificação 'Shape Dynamics' e 'Color Dynamics'. A primeira fará com que, a cada clique, a forma ou tamanho da figura seja diferente. A segunda faz com que as cores aplicadas sejam diferentes a cada clique. Mas, além disso, podemos definir o tamanho mínimo para a mudança da forma do objeto. Clique diretamente na opção 'Shape Dynamics', para visualizar suas propriedades. Veja que há a propriedade 'Minimum Diameter': dê clique duplo na sua caixa de entrada e digite 60%. Mais embaixo, em 'Angle Jitter', digite 20%, para que o ângulo do objeto também se altere. Por fim, os mesmos 20% para a propriedade 'Roundness Jitter', para determinar o percentual de rotação do objeto.

5. Agora, vamos ao que interessa. Com a nova camada selecionada, comece a clicar em pontos aleatórios da imagem, a fim de inserir alguns novos elementos, no caso, o objeto selecionado no brush.
6. No painel Layers, altere o nível de opacidade da camada Layer 4 para 25%.
Você pode conseguir resultados bastante interessantes, como o da imagem abaixo.


6. Salve novamente seu arquivo no Photoshop, teclando [Ctrl] [S].

Bons sites para você baixar brushes interessantíssimos:

BRUSHEEZY   -  MY PHOTOSHOP BRUSHES  -  PS BRUSHES

Boas artes!

segunda-feira, 12 de abril de 2010

PHOTOSHOP: Como aplicar o glow e outros efeitos

-----------------------------------------------------------
Os procedimentos que iremos executar a seguir resultam num efeito muito bacana, e que pode ser aplicado a fotos pessoais, fotos de catálogos de moda, imagens na web, artes digitais, enfim, uma vasta gama de aplicações. Iremos trabalhar com:
· conversão de fundo branco para transparente;
· criação de novas camadas;
· definição de path e conversão deste em seleção;
· criação de camada com preenchimento gradiente radial;
· sobreposição de camadas (colocar uma que está embaixo sobre a outra, que está em primeiro plano);
· redefinição da borda da camada, adicionando suavidade a ela;
· saber o que é e como aplicar o feather;
· aplicação de glow (brilho intenso) na imagem.


Primeiramente, baixe a imagem original a seguir, clicando uma vez sobre ela. Na janela onde somente ela será exibida, clique com o botão auxiliar (normalmente, o direito) do mouse e, no menu suspenso, clique no comando  'Salvar imagem como'. Guarde o nome da pasta onde o arquivo será armazenado para recuperá-lo mais facilmente, depois.


Já no Photoshop, vamos recortar esta imagem, separando o automóvel do fundo branco, para aproveitar somente o carro. Siga, então, esses procedimentos:
1. No Photoshop, abra o arquivo da Ferrari, que está naquela pasta onde você baixou o arquivo.
2. Como a imagem está bem definida, não será difícil recortarmos o carro. Selecione a ferramenta Magic Wand - teclando [W] -, determine uma tolerância de 25 para a seleção (esse valor pode ser alterado no parâmetro Tolerance da barra de propriedades) e clique na área em branco.

(1) Clique duas vezes na faixa azul (não sobre o rótulo do layer ou
 sobre o ícone, mas na faixa azul, como indicado aqui. Isso irá 
abrir a caixa de diálogo New Layer (2).


3. Converta a camada de background em uma camada "solta". Para isso, clique duas vezes sobre a faixa azul da camada background, fazendo surgir a caixa de diálogo 'New Layer'. Apenas tecle [Enter] ou clique no botão OK. Tem-se, então, a camada 'Layer 0'.
4. Com a área branca ainda selecionada, tecle [Delete]. Observe que o fundo quadriculado indica que ele, agora, é transparente.


Ok. Agora, vamos trabalhar o fundo que essa nova imagem deverá ter. Vamos aos procedimentos:
1. Crie uma nova camada, teclando [Ctrl] [Shift] [N]. Ela será chamada de Layer 1 (a não ser que você prefira alterar o nome).
2. Dê clique duplo na faixa azul desta nova camada, a fim de abrir a caixa de estilos 'Layer Style' (fig. abaixo). Nesta caixa, clique e selecione a opção 'Grandient Overlay'.


3. Abra o menu Gradient e escolha uma combinação que vá do preto ao roxo, ou um vermelho bem escuro e aplique seu estilo como 'Radial', com ângulo de 90º. A pocentagem de Scale pode variar entre 95 e 100%. O vermelhão deverá ser o centro do preenchimento gradiente. Marque a opção 'Reverse', caso isso não aconteça normalmente. Clique OK para concluir a ação.
4. Agora, o que temos que fazer é aplicar o preenchimento, já que a camada estava "vazia", quando foi criada. Alterne para o baldinho de preenchimento, clicando a tecla [G], e clique na área da imagem. O que será visto é algo como mostra a figura a seguir.


5. Veja que a camada do carro encontra-se em segundo plano, portanto, não permitindo visualizar seu conteúdo. Para mover uma camada para cima de outra, no painel de camadas, posicione o apontador sobre 'Layer 0', pressione e arraste o mouse para cima, até visualizar uma barrinha fina sobrepor a camada 'Layer 1'. Libere o mouse, nesse instante.


6. Agora, o veículo está sobre o gradiente, que passará a ser tratado como o background dessa imagem. Temos que recortar a área branca em torno da sombra do carro, pois ela é tida como um ruído, uma sujeira na imagem. Vamos fazer isso usando a caneta (Pen Tool), que pode ser ativada com a tecla [P], mas, antes, aproxime a imagem, até que você tenha uma boa visualização dos detalhes e das nuances do local onde você irá recortar.
7. Durante a "marcação" da área de recorte, se for preciso invadir a sombra, não tem problema. Só não passe a linha sobre o carro, ok? Para quem não sabe usar essa ferramenta: primeiramente, observe, na barra de propriedades desta ferramenta, um grupo de três botões, localizado logo abaixo dos menus 'Edit' e 'Layer'. Estes botões definem opções de funcionamento da ferramenta e você vai selecionar o do centro, correspondente a 'Paths'. 
8. Aproxime a imagem. Para criar o "caminho", dê um clique no ponto inicial. No caso, o local indicado na figura abaixo.


Veja o local sugerido para o primeiro clique com a Pen Tool. Depois,
siga o contorno do carro, para a direita, de forma a envolver somente
a sombra e a área branca "abaixo" do carro.

8. Dê o primeiro clique e mova o apontador para outro ponto, clicando mais uma vez e, sem liberar o botão do mouse, arraste-o para que a linha da ferramenta faça uma pequena curvatura. Isso assegura a continuação da linha contornando o objeto. Você pode clicar todas as vezes que achar necessário "fazer uma curva" com a linha da caneta. O caminho (path) todo deverá ser fechado, sendo que o último clique será no mesmo local onde você clicou a primeira vez, ou seja, deu o start para criar esse caminho. Veja, na figura abaixo, como deverá ser o caminho feito pela caneta.

Veja o caminho (path) abaixo do carro, delimitando a área
que será removida. Os quadrinhos ao longo do path indicam os pontos
onde foi clicado para criar um nó. Os nós permitem alterar o caminho,
quando arrastados com a ferramenta de seleção direta - tecla [A]

9. Terminado o path, vá ao painel Path, que divide a mesma janelinha de Layers. Lá, assim como o layer, há um ícone correspondente ao path (Work path). Mantenha a tecla [Ctrl] pressionada e clique uma vez sobre o ícone deste path. Note que a linha de path abaixo do carro tornar-se uma linha de seleção. Tecle [Ctrl] [Alt] [D], a fim de abrir a caixa de opções de feather. Este recurso permite suavizar as bordas da área atualmente selecionada, na hora de seu corte. Defina o valor de feather a 6 pontos e clique OK.

O valor que você inserir no parâmetro feather influenciará na
suavidade do corte da área selecionada abaixo.
10. Tecle [Delete]. Observe a suavidade deixada nas bordas da área anteriormente selecionada. Agora, tecle [Ctrl] [D] para cancelar a seleção.
11. Agora, vamos redefinir as bordas da imagem do carro. Portanto, mantenha a tecla [Ctrl] pressionada e dê um clique sobre o ícone do layer correspondente. Veja que o carro tem seu contorno selecionado.
12. Clique em 'Select > Redefine Edge', ou tecle o atalho [Ctrl] [Alt] [R], o que fará abrir a caixa de diálogo correspondente ao comando (fig. abaixo).

Preencha os parâmetros com os valores sugeridos.

13. O bom deste comando para redefinição de bordas, é que você tem a oportunidade de configurar vários aspectos relacionados, tais como: contraste, suavidade (smooth e feather), diminuir ou expandir a área de seleção (contract/expand) e o montante de  pixels no efeito (radius). Feitas as configurações, clique OK.
14. Vamos, agora, adicionar uma máscara a esta camada. Clique no botão ADD LAYER MASK, localizado na parte inferior do painel LAYERS, ou clique em LAYER > LAYER MASK > REVEAL SELECTION.
15. Agora, vamos aumentar o contraste da imagem do carro. Clique sobre o ícone do carro - e não da máscara - na layer correspondente e, em seguida, clique em IMAGE > ADJUSTMENTS > BRIGHTNESS/CONTRAST. Altere os valores para o que é sugerido na figura abaixo.

Para selecionar a layer, ao invés de sua máscara,
clique diretamente sobre seu ícone

Determine estes mesmos valores para o brilho e o contraste
da imagem.
16. Vamos, então, adicionar algum "ruído" na imagem, por meio do filtro Noise. Clique em FILTER > NOISE > ADD NOISE, abrindo a caixa de diálogo correspondente. Preencha-a com o valor sugerido na figura abaixo. 



17. Agrupe a camada atual, para que ela seja parte de um grupo de camadas. Para isso, mantenha a camada do carro (e sua máscara) selecionada e clique em LAYER > GROUP LAYERS, ou tecle [Ctrl] [G].
18. Alterne para a ferramenta de seleção elíptica, teclando [M] e, em seguida, [Shift] [M]. Determine o Feather, na barra de propriedades acima da janela da imagem, como 30 pixels, bastando digitar o número no campo correspondente. Em seguida, crie, com o mouse, uma elipse em torno da imagem, como visto abaixo. A elipse é um círculo imperfeito e não tem problema se você não conseguir envolver todo o carro.


19. No painel de camadas (Layers), certifique-se de que a seleção está sobre o grupo, e não à camada do carro com sua máscara. Em seguida, abra novamente o menu LAYER, aponte o mouse para LAYER MASK e clique em REVEAL SELECTION. Veja que as partes do veículo que não foram selecionadas pela seleção elíptica ficam levemente escurecidos, devido ao esmaecimento ocorrido com o comando Reveal Selection.
20. Agora, selecione a camada correspondente ao carro e sua máscara. Dê clique duplo na faixa azul da camada selecionada, evitando os ícones e o rótulo 'Layer 1'. Isso deverá abrir a caixa de diálogo Layer Style. Nela, marque e selecione o efeito Outer Glow, como sugere a figura abaixo.


21. Primeiro, em 'Blend Mode', escolha a opção 'Color Dodge'. Depois, escolha a cor branca (ou amarela, se preferir), clicando no ícone de cor, logo abaixo do controle "Noise". No menu 'Technique', escolha a opção 'Softer', para que o efeito vá suavizando, ao invés de terminar abruptamente. O valor de Spread pode ficar em 0 (zero), enquanto que Size (tamanho), pode ser definido com 40~42 pontos. Abra o menu do parâmetro 'Contour' e escolha 'Gaussian', que é a última opção da primeira linha de opções disponíveis. Clique OK para concluir esta ação.
22. Agora, com a camada selecionada, tecle [Ctrl] [J], a fim de duplicá-la. Selecione a camada do plano inferior à duplicação. Então, clique em FILTER > BLUR > MOTION BLUR. Preencha os parâmetros deste filtro como sugerido na figura abaixo.


23. Selecione novamente a Layer 1 e insira uma nova camada acima dela (e, automaticamente, abaixo das camadas onde estão o carro e a máscara). Para inserir uma nova camada, clique no botão ADD NEW LAYER, ou clique [Ctrl] [Shift] [N], após selecionar a Layer 1.
24. Nesta nova camada, vamos adicionar um preenchimento com efeito esfumaçado. Mas, antes, dê clique duplo no ícone de cor de primeiro plano, na caixa de ferramentas, a fim de modificar a cor de vermelho para cinza. A cor escolhida corresponde ao número #969696, definido no parâmetro que fica abaixo das opções de cores RGB, na caixa de cores. Ao clicar OK após selecionar a cor, clique em FILTER > RENDER > CLOUDS. Sua imagem deverá ficar como mostra a figura abaixo.

25. Com a camada (Layer 2) ainda selecionada, abra o menu de blend, logo abaixo da abinha Layers do mesmo painel, e escolha a opção COLOR DODGE. A imagem já passa a ter um novo visual, como podemos conferir na figura abaixo.



26. Retornemos, rapidamente, à camada Layer 0 superior, aquela resultado de uma duplicação no passo 22. Clique duas vezes sobre o efeito 'Outer Glow', logo abaixo do rótulo da camada (como indicado na figura abaixo). A caixa de diálogo 'Layer Style' será aberta novamente. Nela, altere a cor branca para amarela (se ela já não tenha sido escolhida anteriormente).

27. Selecione a camada correspondente ao efeito 'Clouds'. Adicione uma nova camada, que ficará acima desta. Escolha uma nova cor de primeiro plano, desta vez, usando um cinza com o código #5b5b5b. Alterne para a ferramenta de preenchimento [G] e clique na área da imagem. Agora, clique em FILTER > RENDER > FIBERS.Para a variância, defina o valor 13; para a força (strenght), defina 4. Clique OK.
28. Aplique o MOTION BLUR para este preenchimento, definindo 90º para o ângulo e 300 pixels para a distância. Clique OK.
29. Tecle [Ctrl] [T]. Gire o preenchimento cerca de 25 graus, conforme sugerido na figura abaixo. Aproveite que a camada ainda está selecionada e aumente o tamanho do objeto que acabou de girar, bastando alterar os valores 100% para 180%, por exemplo, nos parâmetros W (largura) e H (altura).

Veja, no destaque, onde você altera o grau de giro da camada selecionada.

30. Feito isso, mantenha a tecla [Ctrl] pressionada e clique no ícone correspondente ao layer (inferior) do carro e da máscara, selecionando somente o carro. Tecle [Ctrl] [Alt] [D] e altere o feather para 10 ou 15 pixels. Em seguida, selecione a camada LAYER 3, que foi preenchida com o efeito FIBERS, e clique em LAYER > LAYER MASK > REVEAL SELECTION. O resultado será algo como mostra a figura abaixo.


31. Ainda não terminamos. Sobre esta mesma camada, abra a caixa de diálogo Layer Style. Já de imediato, altere a opacidade da camada para 60%, logo abaixo do menu Blending mode. Depois, marque a opção Gradient Overlay. No menu de opções de gradiente, escolha um com as cores do arco-íris. No parâmetro 'Style' deste gradiente, escolha a opção 'Diamond', como sugerido na figura abaixo. Clique OK para concluir esta ação.


A imagem, até o momento, deve encontrar-se como mostrado abaixo.


32. Salve este arquivo como FERRARI, no formato PSD. No post seguinte, iremos adicionar algumas figuras usando a ferramenta BRUSH e finalizar este trabalho, ok?

Obrigado por vir aqui. Abraços.


quarta-feira, 7 de abril de 2010

FLASH: Como criar uma simples animação - Parte 1

@
E aí, pessoal? Tudo certo?
A lição deste post está relacionada a um poderoso aplicativo, bastante utilizado para criar animações, filmes, banners e outros conteúdos contendo certo tipo de animação.
Como este é o primeiro post relacionado ao Flash, vamos começar com algo bem simples: uma animação onde um objeto irá de um ponto a outro na tela, a partir de um recurso chamado "Motion Tween".

O objeto irá fazer o seguinte trajeto:



Vamos aos procedimentos:
1. Inicie um novo arquivo no Flash, utilizando os passos convencionais.
2. Clique na ferramenta de retângulos - Rectangle Tool -, que está localizada na barra de ferramentas. A tecla [R] é um atalho para selecioná-la. Basta teclar uma vez.
3. Antes de desenhar o objeto, vamos escolher previamente a cor de preenchimento que ele terá. Portanto, clique no ícone correspondente à cor de preenchimento, que encontra-se localizado na parte inferior da barra de ferramentas, como apontado na figura ao lado.
4. Desenhe um quadrado no canto superior esquerdo da janela de desenhos, de cerca de 5 x 5 cm. Para se conseguir um quadrado correto, mantenha a tecla [SHIFT] pressionada, enquanto pressiona e arrasta o mouse na área de desenhos.
5. Para que o efeito de movimento possa ser aplicado sobre qualquer objeto, é necessário convertê-lo para "símbolo gráfico" do Flash. Para isso, alterne para a ferramenta de seleção principal - teclando [V] - e, depois, pressione e arraste o mouse em torno do quadrado, para que ele seja completamente selecionado. Feito isso, tecle [F8] para acionar a caixa de diálogo 'Convert to Symbol' (converter para símbolo).

6. No campo 'Name', digite "quadro". Marque ou mantenha marcada a opção 'Graphic'. Clique OK para concluir a conversão.

7. Acima da janela de desenhos, temos a Timeline do Flash, ou seja, a linha de tempo que determina a posição ou aparência de um objeto em determinada parte da animação. A linha de tempo também trabalha com camadas, uma para cada objeto, normalmente, como acontece no Photoshop. Uma camada contém vários frames vazios, que representam, cada um, um ponto no tempo, ou seja, um quadro da animação. Em um segundo de filme, podemos ter, normalmente, de 15 a 30 quadros (frames), dependendo da velocidade desejada na animação.  Nesta simples animação, iremos usar uma só camada, que é justamente esta em que nosso quadro se encontra, ok? Já temos o ponto inicial do tempo ocupado por este quadro que acabamos de converter em símbolo.
8. Para definir a segunda posição do quadro na animação, vamos primeiro inserir um keyframe na linha de tempo, no quadro número 20. Clique em seu interior e, então, tecle [F6].
Em destaque, o quadro no qual você irá clicar e inserir um 
keyframe, teclando [F6].
9. Posicione o apontador do mouse sobre o objeto na janela de desenho. Pressione e arraste esse objeto até o canto inferior direito da janela de desenhos.
10. Insira um novo keyframe no quadro 40, usando a mesma tecla de atalho [F6]. Mova o objeto para o canto superior direito da janela de desenhos.
11. Insira um outro keyframe, desta vez, no quadro número 60 da timeline. Mova o objeto para o canto inferior esquerdo da janela.
12. Agora, um novo keyframe no quadro 80 da timeline. Mais uma vez, mova o objeto para o canto superior esquerdo da janela, o mesmo em que o objeto se encontra no primeiro quadro.
13. Chegou a hora de "dizermos" ao Flash que queremos que o objeto percorra a janela, seguindo as posições definidas nos quadros anteriores. Portanto, selecione todos os quadros preenchidos da seguinte forma: (a) clique no primeiro quadro da camada na timeline; (b) segure a tecla [Shift] e clique no último quadro preenchido, fazendo a seleção de todos eles; (c) clique com o botão auxiliar do mouse sobre os frames selecionados e clique no comando 'Create Motion Tween'. Agora, veja que, entre cada um dos keyframes que inserimos anteriormente, surge uma seta, e o espaço de quadros entre esses keyframes encontra-se na cor roxa: isso significa que foi adicionado o efeito de motion entre os keyframes.
14. Vamos testar sua animação? Basta teclar [Ctrl] [Enter].

E está pronto. Depois, veremos mais sobre o Flash e seus recursos. Até a próxima.

PHOTOSHOP: Como tornar uma imagem atual em "vintage"

@
E aí, pessoal? A palavra "vintage" tem significado amplo, que vai desde uma relação a safra de vinho ao clássico, antigo. Aqui, vamos converter uma imagem de um carro antigo, em um cenário atual, para uma aparência mais clássica, totalmente vintage. Eis a imagem antes e depois:


Foto: http://hectorevo.wordpress.com






























Vamos aos procedimentos:
1. Abra o arquivo no Photoshop. De início, duplique a camada Brackground, clicando [Ctrl] [J].
2. Clique no menu 'Filter', submenu 'Blur' e comando 'Gaussian Blur'. Digite o valor 8% para radius.
3. Abra o menu de modo de blend e clique na opção "Linear Light", como sugerido na figura abaixo.

3. Abra o menu 'Image'. Nele, aponte para 'Adjustments' e, então, no comando 'Photo Filter'. Na caixa de diálogo correspondente a este comando (fig. abaixo), selecione a opção 'Warming Filter (85)' no menu 'Filter'. Caso a cor não seja laranjada, basta clicar na opção 'Color', clicar sobre o quadro de cor e selecioná-la a partir da janela de cores que aparece. Normalmente, não é necessário fazer essa alteração, já que a opção waming filter a tem como cor padrão. Mova o controle deslizante da opção 'Density' até que atinja o valor de 75%, por exemplo. Você pode experimentar valores maiores ou menores, dependendo de suas intenções ou da imagem utilizada. Clique no botão OK.














4. Vamos diminuir a intensidade de azul nesta imagem, trabalhando suas "curvas". Tecle [Ctrl] [M] para abrir a caixa de diálogo correspondente.
5. Clique numa das extremidades da linha diagonal que corta o gráfico, a fim de disponibilizar os parâmetros 'Output' e 'Input'. Altere o valor de entrada - Input - para 90%. Clique no botão OK.
6. Para finalizarmos, vamos aplicar um pouco de saturação e brilho à imagem. Portanto, tecle [Ctrl] [U], a fim de abrir a caixa de diálogo correspondente. Faça como mostrado na figura a seguir, isto é, defina o valor de 30 para a saturação e também para o brilho. Conclua clicando no botão OK.
















7.Para melhorar um pouco mais a visualização da imagem, vamos aumentar seu brilho geral. Clique em 'Image > Adjustments > Brightness/Contrast'. Altere somente o valor do brilho, levando o controle deslizante até atingir 50%. Clique OK para finalizar e está pronto.


PHOTOSHOP: Como aplicar efeito de luz sobre o rosto

@
Olá, pessoal. Desta vez, vou passar os procedimentos de como aplicar um efeito de luz sobre um rosto, tendo como exemplo a imagem da bela Bar Refaeli. Abaixo, você observa a foto antes e depois da aplicação.
















Se quiser utilizar esta mesma imagem na sua experiência, salve a superior em seu disco, clicando com o botão auxiliar do mouse sobre ela e, na seqüência, sobre o comando "Salvar imagem como". Mas, atenção: este efeito ficará melhor aplicado em imagens de qualidade digital um pouco já iluminadas. Se tiver com intenção de reverter o problema de sombra ou escuridão na imagem, não precisa nem tentar, ok?
Bom, vamos aos procedimentos:
1 - Abra a imagem no Photoshop.
2 -  Duplique a camada Background, teclando [Ctrl] [J].
3 - Com a nova camada - Layer 1 - selecionada, vamos aplicar um blur gaussiano. Para isso, clique em Filter > Blur > Gaussian Blur. Na caixa de diálogo, entre com o valor 10 no parâmetro Radius (fig. abaixo).


4 - Ainda com a camada selecionada, abra o menu desdobrável do modo de blend (logo acima da camada selecionada, onde se vê a opção "Normal") e clique na opção "Color Dodge". Veja que sua imagem já adquiriu outro visual, como se alguém tivesse ligado um refletor. Mas, ainda falta alguma coisinha para ficar pronto.


5 - Na mesma camada, altere o percentual de seu "preenchimento", que algo semelhante ao nível de opacidade/transparência. Para isso, altere o valor atual, que é de 100%, para algo como 65%, podendo este valor variar, conforme o seu objetivo para com a imagem. Os valores são alterados no parâmetro "Fill", logo 
acima e à direita da camada selecionada, como vemos na figura ao lado. Encontre o valor desejado e salve seu arquivo.
Obs.: como esta imagem encontra-se com duas camadas, automaticamente o Photoshop irá querer salvá-lo no formato próprio, que é PSD. Você pode salvá-la em qualquer outro formato, o que poderá juntas as duas camadas, mas com o resultado final inalterado. Fica a seu critério. 
Até a próxima.



segunda-feira, 5 de abril de 2010

PHOTOSHOP: Como baixar e instalar novos brushes - Parte 2

Dando continuidade aos Brushes do Photoshop, vai aí uma dica de como baixar diversos e intrigantes categorias e tipos, além de como instalá-los em seu sistema:

1 - acesse o site Brusheezy.com, que é um dos que dão esse tipo de suporte.Outro que oferece esse tipo de recurso e também é muito interessante, é o My Photoshop Brushes. Se quiser clicar nele, fique à vontade, também.
2 - no primeiro, por exemplo, você pode clicar na guia Brushes, que fica na parte superior da página (1), como mostra a figura abaixo.Assim, terá garantido a mostra só dos brushes disponíveis, que é feita daí para baixo (2).


3 - Para conferir os demais brushes disponíveis, use a rodinha do mouse, ou arraste a barra de rolagens vertical da janela do browser. Clique sobre o ícone do brush que preferir, o que fará abrir a página correspondente a ele, como vemos na figura a seguir. Digamos que você tenha clicado na primeira opção de brushes (Vector Texturing Brush).


4 - clique no botão Download, destacado no círculo vermelho da imagem acima. Se você utiliza os browsers Mozilla Firefox ou Internet Explorer, surgirá uma caixa de confirmação para salvar o brush como arquivo. Confirme não só a ação, como também não se esqueça de ver onde é que o download será feito, isto é, em qual pasta de seu sistema que ele será armazenado. Se estiver usando o Google Chrome, o arquivo será enviado para a pasta 'Downloads', que fica dentro de 'Meus documentos', em seu sistema.
5 - como se trata de um arquivo compactado (tipo .zip), você terá que acessar a pasta para onde o arquivo foi baixado, primeiramente. Encontre o ícone do arquivo zip e clique duas vezes sobre ele, a fim de abri-lo, como mostra o exemplo da figura abaixo.


6 - está, aqui, uma chance para você já alterar o nome do brush, se preferir colocá-lo em português. Para isso, apenas de um clique com o botão auxiliar do mouse sobre o nome do arquivo de brush - dentro da janela do arquivo zip, mesmo - e altere seu nome, evitando somente alterar a extensão do mesmo, que deve permanecer como '.abr'.
7 - clique no botão para extrair o arquivo. Ao solicitar a pasta para a descompactação, selecione o seguinte caminho (em caso de estar utilizando a versão CS3 do Photoshop, por exemplo):

C:\Arquivos de programas\Adobe\Adobe Photoshop CS3\Presets\Brushes

8 - conclua a descompactação. Em seguida, feche o Photoshop, se ele estiver aberto, e execute-o novamente. Para confirmar o novo brush, selecione a ferramenta e abra seu menu.

Desta forma, você pode baixar e instalar diversos brushes para utilizar em suas imagens.

PHOTOSHOP: Como baixar e instalar novos brushes - Parte 1

Os brushes são elementos gráficos obtidos a partir da ferramenta Pincel (Brush) do Photoshop, e podem ser aplicados e tratados diretamente nas imagens, passando a fazer parte delas, como numa montagem.
Os brushes são pequenos arquivos de imagens já prontas que devem ser copiados para a pasta "Brushes" do Photoshop, como veremos a seguir. 

Abaixo, alguns poucos exemplos de brushes prontos:


Você poderá fazer grandes montagens usando os brushes. Veremos, primeiramente, como utilizar a ferramenta e escolher o brush desejado:
1 - com a janela de desenho aberta no Photoshop, clique na ferramenta Brush, representada pelo ícone abaixo, ou tecle [B] para alternar para esta ferramenta:  
2 - na parte superior da janela do Photoshop, como indicado na figura abaixo, surge um botão-menu relacionado aos tipos desta ferramenta. Clique neste botão, a fim de mostrar o menu.


3 - assim que você clicar na setinha do botão, como mostrado acima, aparece o menu contendo os tipos e o controle de tamanho do pincel (brush). No caso da figura acima - e, provavelmente, no seu sistema - estão sendo mostrados os brushes básicos, geralmente, composto por quadrados e círculos. Para selecionar o tipo, basta clicar sobre ele, no painel mais abaixo do menu.
4 - em 'Master Diameter', você define "manualmente" o tamanho desejado para o brush, tamanho este medido em pixels (px). Você pode tanto digitar o valor na caixinha onde está o valor atual, como também pode arrastar o controle deslizante abaixo da opção. O mesmo é dito para o controle 'Hardness', que controla a suavidade do brush.
5 - para aplicar o brush sobre a área da imagem, basta clicar no local, como se estivesse carimbando o desenho sobre ela.

Bom, vimos, agora, como aplicar o brush normalmente. Como podemos, então, modificar o tipo de brush? Veja como é simples:
1 - ao abrir o menu de brushes, como fez no passo 2 acima, clique no pequeno botão do lado direito do menu, o que direciona para a direita. Isso fará abrir um outro menu contendo os grupos de brushes (não se assuste com a imagem abaixo - é que, no meu computador, há todos esses tipos instalados. E mais: como é possível fazê-lo, alterei os nomes dos arquivos para o português, a fim de localizar melhor a finalidade de cada grupo de brushes).


2 - mova o apontador do mouse sobre o grupo desejado e clique uma vez. Surge, neste instante, uma caixa de confirmação, na qual você deverá clicar:
OK - se quiser substituir o grupo de brushes atualmente selecionado pelo novo; ou
APPEND - se quiser adicionar este grupo ao que já está selecionado e, assim, ter mais opções imediatamente disponíveis no menu; ou
CANCEL - para cancelar esta ação.

Veremos como instalar novos brushes no post seguinte.


O que é o Dicas Feras?

Olá.

Há muito, estava querendo criar um blog para ajudar pessoas no desenvolvimento e na aprendizagem de certos programas gráficos, como o Adobe Photoshop. Mas, na ânsia de querer apresentar muito mais, acabei por enrolar o tempo e nada saía. Hoje, dei início a este trabalho que terei o prazer de compartilhar com você e quem mais se interessar por artes gráficas, publicidade e assuntos do gênero.
Por que publicidade? Porque sou formado em Publicidade, oras... :) Na verdade, vamos trabalhar com várias ferramentas aqui, dentre as quais, de grande utilidade na publicidade, especialmente, impressa. Portanto, trata-se, também, de um blog voltado para os profissionais da propaganda, mas não só para eles. E mais, tudo será explanado da forma mais simples e direta possível, o que direciona o blog para novatos e experientes.
Além do Photoshop, teremos também posts relacionados ao Adobe Flash, usado para criar animações para a web (banners, por exemplo), o Adobe In Design (usado em desktop publishing, ou editoração eletrônica) e outros aplicativos relacionados - como o Corel DRAW e o Illustrator, que são os melhores aplicativos para se trabalhar com imagens vetoriais.
Muitas das dicas que você encontrará aqui, foram encontradas pela web, mas geralmente, estão escritas em inglês, o que não ajuda muito àqueles que não entendem o idioma. O Dicas Feras é totalmente em português e é feito pra você, que entende ou não alguma coisa de inglês. Outras dicas são tiradas da minha própria experiência nesses aplicativos. Espero ser útil, de alguma forma.
E obrigado por estar aqui. Se desejar, seja um seguidor, assine o feed e receba informações em seu e-mail. Qualquer solicitação de dica, qualquer opinião a respeito, qualquer coisa, é só entrar em contato, ok? Um grande abraço e aproveite as dicas feras que teremos aqui.

Mozart Fialho Jr.