Você está na página 1de 57

No artigo anterior explicamos o que eram os pincis de Photoshop e como utilizlos em nossos desenhos.

A seguir vamos explicar como conseguir e instalar pincis de Photoshop, que poderemos utilizar para dar um aspecto mais acabado e profissional aos desenhos. O primeiro ser buscar uns quantos pincis novos para instale-los em nosso sistema. Na web h uma infinidade de pginas interessantes para conseguir pincis de Photoshop. Costumam ser as pginas dos prprios criadores dos pincis, que os oferecem para download em seus prprios sites. Ns vamos oferecer uns links interessantes onde podero baixar pincis muito atrativos visualmente que se pode utilizar em seus desenhos.
Nota: As ferramentas de pincis melhoradas, que permitem a criao de novos pincis assim como a instalao de pincis de outros criadores, se encontram disponveis a partir da verso CS de Photoshop. Qualquer verso anterior (Photoshop 7 e anteriores) necessitaria utilizar os pincis por meio de camadas, que muitas vezes os prprios criadores dos jogos de pincis tambm colocam para descarga.

Pincis de flores e vegetais Uma lista de pincis interessantes para criar folhas, flores ou pequenas plantas e hervas. Recife dirty Uma srie de pincis para sujar a tela e criar um efeito de manchas diversas. Pincis de chamas Pincis de Photoshop para fazer chamas. Embora claro, teria que retocar as chamas para criar o efeito preciso de fogo. Pincis Urban Scrawl Vrios pincis de temas urbanos com um toque artstico caricaturizado. Para baixar estes pincis h um cone na parte esquerda. Como se pode ver, uma pgina interessante para conseguir distintos pincis http://deviantart.com.Simplesmente fazer uma busca por "photoshop brushes". Uma vez tendo baixado alguns pincis, vamos aprender a instal-los. muito simples. O que temos que fazer selecionar a ferramenta de pincel, logo 1) nas opes do pincel que est na parte de cima clicaremos a setinha para baixo, que est ao lado do tipo de pincel que temos selecionado. 2) Na janela de opes que aparece temos que clicar outra nova seta com mais opes que aparece na esquina superior direita. 3) Por ltimo selecionar a opo que pe "Carregar pincis". Observem a seguinte imagem para esclarecer as dvidas:

Para terminar de carregar os pincis temos que selecionar de nosso rgido o lugar onde temos os pincis que baixamos. A partir desse momento estaro disponveis em nosso sistema e poderemos utiliz-los para fazer nossos prprios desenhos. Para amostra, ponho um par de imagens que criei em poucos minutos a partir de alguns dos pincis que propus para download neste artigo:

Esta imagem utiliza os pincis de Flores e Vegetais

Isto um pequeno teste, para brincar com as opes de pincel, com um dos pincis que oferece o pacote Urban Scrawl.

Faremos um pequeno tutorial para criar pincis com Photoshop a partir de um desenho. Logo, poderemos utilizar estes pincis em tantas criaes ou desenhos quantas desejarmos. Poderemos redimension-los ou mud-los a cor ou a opacidade, com o qual aumentaremosfacilmente as possibilidades de nossos desenhos. Os pincis de Photoshop podem ser utilizados para pintar, tanto com a ferramenta de pincel como com a de lpis. Podemos encontrar na Internet diversos pincis criados por distintos designers, que os oferecem gratuitamente para qualquer uso. Estes pincis podem ser baixados e instalados em nosso sistema, como vimos no artigo Instalar pincis de Photoshop . Entretanto, neste artigo vamos mostrar como criar por ns mesmos um pincel personalizado e utiliz-lo em nossos desenhos. Os passos para criar um pincel com Photoshop so muito simples. 1.- Primeiro criamos um desenho.

O desenho pode ser de qualquer coisa e devemos faz-lo em uma ou vrias camadas sobre uma tela vazia. Podemos utilizar qualquer cor, por exemplo o preto, porque posteriormente poderemos mudar a cor aos pincis no momento de uso dos mesmos.

Este um desenho de prova, que talvez no seja muito bonito, porm nos servir para o exemplo. 2.- Logo, com o desenho, criado em uma ou vrias camadas, clicamos sobre a opo do menu, "Edio - Definir valor de pincel"

3.- Agora nos solicitam um nome para dar ao pincel, que podemos escolher o que quisermos. Sempre melhor que seja descritivo.

4.- Com estas aes nosso pincel est salvo e pronto para ser usado em nossa lista de pincis de Photoshop. Para utilizar o pincel criado temos que selecionar a ferramenta pincel ou a ferramenta lpis e escolher o pincel recm-criado. O pincel que acabamos de criar podemos escolher apertando a setinha para baixo que h ao lado da mostra do pincel, na barra de opes da ferramenta pincel ou lpis. Podemos v-lo na seguinte imagem marcado com uma seta vermelha.

5.- Por ltimo, podemos utilizar o pincel tantas vezes quantas desejarmos em tantos desenhos quantos quisermos. O pincel salvo estar sempre disponvel em nosso Photoshop. Ademais, como dizia, podemos mudar a cor do pincel, a opacidade, etc. atravs da barra de opes da ferramenta pincel ou lpis. Isso tudo. Para acabar, deixo uma amostra de uso do pincel que acabo de criar, com vrias cores.

Criar um pincel com Photoshop, fcil e til!

No artigo anterior de nosso manual Workshop de Photoshop explicamos como criar nossos novos pincis personalizados. Agora vamos explicar a maneira de configurar nossos prprios pincis, ou qualquer um que tivermos em nosso Photoshop. O assunto bem simples. Trata-se de utilizar a janela de pincis, que tem uma srie de opes interessantes, umas mais teis que outras, para dar uma personalizao interessante aos resultados. Para ver esta janela de configurao de pincis, fazemos o seguinte: 1) Com a ferramenta de pincel selecionada, marcamos o pincel com o qual queremos trabalhar. 2) Logo, apertamos o boto "Trocar paleta pincis", que podemos ver assinalado na seguinte imagem.

3) Aparecer uma janela onde podemos definir as opes de trabalho com o pincel. A janela tem este aspecto:

Agora podemos jogar com as distintas opes da paleta de pincis que oferece diversas configuraes que podem ser muito interessantes. Ao mesmo tempo que vamos mudando as opes, na parte de baixo nos mostra uma amostra de como ficaria nosso pincel ao aplic-lo em cada momento. Nesta paleta de pincis veremos uma srie de opes de modificao do pincel, que podemos selecionar ou tirar a seleo clicando o checkbox correspondente. Alm disso, clicando em cada uma das distintas opes, acessaremos a um formulrio onde se pode alterar o comportamento de cada uma com distintos parmetros. Prtica de configurao de um pincel de gramado Criamos um pincel que imita uma grama ou gramado. Talvez no seja o melhor pincel de gramado que poderamos ter criado, porm servir para nosso exemplo. O aspecto deste pincel o seguinte:

Para criar a partir deste arquivo um pincel h que fazer dois passos que foram descritos anteriormente no artigo Criao de pincis com Photoshop. Se utilizarmos o pincel tal qual, o efeito de gramado no ser conseguido direito. Por exemplo, seria assim:

Agora tambm, o gramado nunca to homogneo e a cor tampouco sempre exatamente o mesmo verde. Porm, a paleta de configurao do pincel pode nos ajudar bastante com umas simples alteraes. Dinmica de forma: A grama no tem sempre a mesma forma nem a mesma inclinao. Por isso, nesta opo de pincel podemos modificar diversos parmetros para que cada vez que se coloque um pouco de grama, esta seja um pouco diferente que a anterior. Disperso: A grama tem certa disperso. No est colocado de maneira linear. Tampouco queremos que a disperso seja muito marcada, porque um gramado bem cuidado deve ser tambm um pouco homogneo. Dinmica de cor: Queremos que o gramado seja verde, porm nem sempre o mesmo tom de verde. Por isso, atravs da opo de pincel dinmica de cor podemos alterar parmetros como o tom ou o brilho para que mude um pouco cada ramo de grama. Faremos com que o brilho varie bastante e um pouco o tom. Com estes trs valores, mais o suavizado, que aparece selecionado por padro desde o princpio, podemos observar como o aspecto de nosso gramado mudou bastante e agora um pouco mais realista.

Este pincel de gramado nos serviu para aprender a configurar um pincel de Photoshop. Aceitamos que o resultado no de um realismo extraordinrio, porm nos serviu para a prtica. Recomendamos que vocs mesmos provem as distintas opes de configurao de pincis de Photoshop.

Neste artigo veremos como trabalhar com a ferramenta de recortar de Photoshop. Hoje esta ferramenta me parece muito bsica, porm ainda lembro de quando Photoshop era um mistrio para mim e vi a um amigo recortando uma imagem com a ferramenta de recortar. E disse, em seguida: "Ei, espera a um momento! Como voc fez isso?" A verdade que todos ns j fomos novatos alguma vez e necessitamos que nos abram os olhos, ou apurar nossa capacidade de ser autodidatas. De qualquer forma, embora este artigo seja simples, uma "mo na roda" visto que estou fazendo uma srie de textos explicativos das ferramentas de Photoshop, que viemos publicando em criarweb.com no manual de Workshop de Photoshop. Portanto, espero que este texto sirva de ajuda, sobretudo para as pessoas mais inexperientes e que no tm um amigo designer que possa mostrar as coisas. Ferramenta Recortar de Photoshop Localizamos a ferramenta de recortar de Photoshop no painel ou barra de ferramentas do programa. Tem umcone com esta forma:

Esta ferramenta deveria estar sempre visvel na barra, visto que, pelo menos at Photoshop CS2, est sozinha no campo do painel. CS2 a verso do programa que estamos usando para este tutorial de Photoshop de CriarWeb.com. De forma que no h como esta ferramenta estar escondida. O funcionamento da mesma extremamente simples, muito parecido ferramenta de seleo retangular, embora com algum adicional de funcionalidade. Simplesmente temos que selecionar uma rea, clicando em qualquer parte da imagem e arrastando para qualquer lado. A ferramenta recortar faz uma seleo retangular da rea marcada com o mouse, que podemos editar uma vez realizada, para ajust-la s dimenses desejadas. A seleo que se cria ter este aspecto:

A seleo se pode editar no mesmo instante, colocando o mouse na borda ou na esquina da seleo realizada. Veremos que o ponteiro do mouse muda e se converte em uma linha com setas para os lados. Isso quer dizer que podemos clicar com o boto esquerdo do mouse e arrastar para mudar o tamanho da seleo. Tambm podemos mover a seleo a outro lugar da imagem. Para isso, clicamos em qualquer parte de dentro da seleo (menos no ponto que aparece no meio dela) e arrastamos ao lugar onde quisermos coloc-la. Uma vez que tivermos a seleo criada, da rea que nos interessa recortar, podemos ordenar o recorte clicando a tecla Enter, ou tambm, apertando com o boto direito em qualquer parte da seleo e selecionando a opo Recortar. Photoshop recortar ento a imagem e ns ficaremos somente com a parte da imagem que tivermos selecionado. Tambm podemos cancelar a seleo em qualquer momento com a tecla Escape (ESC). Redimensionar e recortar em um s passo Para acabar com a reviso da ferramenta de recortar deste artigo de criarweb.com, vamos ver como podemos recortar uma imagem e redimension-la, tudo em um mesmo passo. Quando selecionamos qualquer ferramenta de Photoshop aparece um painel de opes da ferramenta. Este painel se situa geralmente na parte de cima da interface do programa, debaixo da barra de menus, embora possa estar em outro lugar ou nem sequer estar visvel. Tem esta forma:

Se no o vemos, podemos mostr-lo atravs do menu de Janela - Opes. Ento, para redimensionar a rea recortada simplesmente, antes de fazer a seleo de recorte, escrevemos uns valores nas opes de largura e altura. Na imagem

anterior colocamos como largura 120 pixel e como altura 60 pixel. Ento, na hora de fazer a seleo veremos como esta mantm as propores desse tamanho indicado. Logo, quando clicamos Enter, se recortar a rea selecionada e se redimensionar ao tamanho marcado nas opes.

As selees que podemos fazer com Photoshop podem ter uma configurao de antialiasing (suavizao) e feather (difuso) que importante saber manejar. Neste artigo vamos explicar o que so estas coisas. Antialiasing O antialiasing (suavizao) serve para indicar que as bordas da seleo no estejam totalmente definidas ou retangulares, e sim que tenham um levssimo efeito esfumaado. H que entender que as imagens digitais, decomputador, so realizadas por pontos e que se as linhas da seleo fossem pelo caminho que marcam os pontos, ficariam muito quadradas ou serrilhadas. Com o antialiasing simplesmente se dissimulam os pontos das imagens digitais, de modo que as curvas paream mais perfeitas. Isto se consegue por meio da colorao, em uma gama mais clara que a da linha principal, dos arredores da imagem. H vrios tipos de selees. As que so quadradas, que fazemos com a ferramenta de moldura retangular, ou as que so de fila ou coluna nica, no faz sentido falar de antialiasing porque j so quadradas por si s. Porm, as que tm curvas, podem-se aplicar um antialiasing para que as curvas paream mais delicadas. Caso no tenha conseguido explicar bem o que o antialiasing, podem ir descrio de Antialiasing da Wikipedia, que ainda mais crtica que a minha descrio, mas que pode ser bom para se ter uma idia. Feather Feather (ou difuso) um esfumaado das bordas. Seria como um antialiasing para suavizar, porm muito mais forte, no qual podemos ademais definir a rea de esfumaado das bordas que queremos. A feather excelente para que na hora de colar a poro de imagem selecionada no aparea como se fosse uma imagem parte que se sobreps, e sim que as bordas fiquem menos marcadas. Devemos utilizar a feather com cuidado para conseguir um efeito interessante. Quanto maior for a rea selecionada maior feather devemos utilizar para que fique bem. Como definir se queremos antialiasing ou feather Quando voc seleciona uma ferramenta, aparece uma srie de opes debaixo da barra de menus. No caso das selees umas das opes que podemos escolher so as de antialiasing e feather. Todas as ferramentas de seleo tm a possibilidade de definir uma feather. Porm, somente as de seleo que tm a possibilidade de fazer curvas ou linhas oblquas

(todas as que no so quadradas, como a ferramenta de lao poligonal ou marco elptico). Para definir estes parmetros, podemos escolher na barra de opes de ferramenta

Exemplos de imagens com antialiasing e feather Na seguinte imagem, podemos ver o resultado de fazer vrias selees com diversas configuraes de antialiasing e feather. A seleo no foi feita com muito detalhe e esmero, porm, serve para ver o efeito que queramos comentar.

A imagem mais esquerda a original, da qual partimos para fazer a seleo. A seguinte o resultado de fazer uma seleo sem antialiasing, nem feather. Pode-se observar as bordas que aparecem como serrilhadas, porque seguem a estrutura de pixels da imagem digital, tal qual. A seguinte imagem se obteve com uma seleo com antialiasing. Parece bastante imagem que no tem antialiasing, porm se observarmos nas bordas poderamos ver que so mais suaves e que as curvas parecem ms delicadas (se amplissemos essa imagem se veria ainda melhor). Por ltimo, temos um exemplo de feather, no qual se podem ver as bordas muito mais esfumaadas.

Na hora de retocar uma imagem ou de trabalhar comarquivos grficos para fazer composies, uma das tarefas mais habituais realizar selees de reas, para recortar e colar na composio ou retoque fotogrfico. Neste workshop para novatos em Photoshop, vamos explicar o modo de trabalho com a ferramenta de seleo poligonal, que seria a mais fcil para comear a fazer selees complexas de reas irregulares.

Como sempre gosto de dizer, o mais importante de Photoshop, pelo menos para comear, dominar as camadas e selees. Este seria o primeiro tutorial para conhecer as selees complexas, para realizar recortes de reas da imagem que se podero utilizar composies. Nos prximos artigos vermos outras ferramentas para fazer o trabalho com maior detalhe e preciso, utilizando ferramentas mais complexas. Ferramentas de lao poligonal No obstante, comecemos vendo onde est a ferramenta de lao poligonal. Encontra-se junto com a ferramenta de lao e com a de lao magntico. Se tivermos qualquer destas ferramentas selecionadas, para acessar o lao poligonal simplesmente temos que clicar com o mouse continuamente durante uns segundos, para que nos mostre e possamos selecion-la.

Uma vez selecionada podemos experimentar com ela fazendo umas provas. Clicamos em qualquer parte da imagem e com isso comearemos a construo da seleo. Logo podemos ir clicando em diversas reas da imagem para ir definindo o permetro da seleo. Uma vez definido o permetro da seleo, devemos fech-la para terminar sua definio e poder operar com ela. Quando se fecha a seleo aparece um pequeno smbolo ao lado do cursor do mouse com um crculo. Isto quer dizer que se clicarmos a seleo ficar fechada e com isso perfeitamente definida.

Outra opo para fechar uma seleo poligonal clicar duas vezes em qualquer parte da tela. Com isso, se fechar a seleo unindo o primeiro ponto com o lugar onde se fez o clique duplo. Seleo de uma silhueta com o lao poligonal

A seleo tem que comear por um ponto e acabar no mesmo ponto, por isso podemos escolher qualquer ponto que nos interesse. Ento, vamos fazendo ponto a ponto, o percorrido da silhueta. Alguns conselhos para fazer uma boa seleo seriam: Ter em conta que quantos mais pontos colocar, melhor definida estar a seleo. No clique muito rpido ao boto do mouse entre ponto e ponto, pois se dois cliques muito juntos forem confundidos por um clique duplo se fechar a seleo. Faa bastante zoom para engrandecer a visualizao da imagem, para poder fazer a seleo sobre uma rea maior onde tiver melhores possibilidades de marcar pontos nos lugares corretos. Se for reduzir a imagem de dimenses, convm fazer a seleo da silhueta antes de reduzi-la. Assim, mesmo que tenha algumas imperfeies, se dissimularo ao reduzir a imagem. Se fizer com a imagem reduzida diretamente se vero os defeitos da seleo. Se se equivocar, por deixar de selecionar uma rea que sim que lhe interessava ou por selecionar uma rea que no desejava, no se preocupe. O melhor que continue at terminar a seleo e logo tire ou adicione mais rea. Para tirar uma seleo a outra voc tem que apertar a tecla alternativa (Alt) quando comear a fazer a seleo que quer tirar a qual j tem realizada (voc ver que aparece um sinal de menos "-" ao lado do cursor do mouse). Para adicionar uma seleo a outra utilize a tecla maisculas (tambm chamada Shift, que tem a seta para cima) no momento que comear a fazer a nova seleo que quer adicionar (ver que aparece um sinal "+" ao lado do cursor do mouse). Quase sempre bom utilizar um suavizado na seleo. E nos casos que a silhueta selecionada for muito grande ou que iremos col-la em cima de outra imagem, seria bom experimentar com diversas configuraes de esfumaado. Seja paciente, porque uma operao delicada e um clique em falso pode prejudicar muito a seleo realizada durante vrios minutos.

Nos prximos artigos explicaremos como fazer a seleo com a ferramenta pluma, que nos permitir resultados muito melhores, apesar do funcionamento se tornar mais complexo.

Neste artigo bsico de manejo de Photoshop trataremos de explicar a ferramenta varinha mgica, que serve para fazer selees de uma maneira simples e rpida. Talvez este artigo no represente muita dificuldade, porm pensamos que ser til para nossos leitores mais inexperientes e para ir completando nossa gama de tutoriais sobre as ferramentas de Photoshop. Por enquanto, todos os artigos sobre o programa esto sendo publicados no manual Workshop de Photoshop. Lembro das palavras de um amigo, colaborador e ex-companheiro de trabalho, Angel Debls, -uma fera dedesign grfico- quando comentava h bastante tempo algo como isto: "Por facilidade, vamos utilizar a varinha mgica para fazer esta seleo, embora no deveria utiliz-la." Seu comentrio me surpreendeu e ainda me lembro hoje. Obviamente, lhe perguntei o que queria dizer com isso, que no

deveria utilizar a varinha mgica, j me parecia to til. Angel me comentou que sempre h em Photoshop alguma maneira de fazer uma seleo melhor do que utilizando a varinha mgica. A razo pela qual parei para escrever esta comentrio neste artigo publicado em CriarWeb.com, que me parece ideal como introduo e para transmitir os conhecimentos de um profissional do design que uma vez pude absorver. Portanto, embora a varinha mgica nos parea til, sem dvida alguma, temos que administrarseu uso e acomodarmos. s vezes convm utilizar a Seleo poligonal ou a ferramenta caneta de forma livre. A ferramenta varinha mgica de Photoshop serve, como dizia, para fazer selees. As selees que se podem fazer com a varinha so de qualquer tipo, quadradas, redondas, poligonais ou de formas irregulares, portanto bastante verstil. O uso o seguinte: Selecionamos a ferramenta varinha mgica, que tem esta forma:

Logo, podemos clicar em qualquer parte de uma imagem com a varinha e ento obteremos uma seleo dentro da imagem. Para estabelecer os limites da seleo, Photoshop avaliar as cores que h a lado do pixel marcado com o clique e se forem o mesmo, ou similares, a seleo tambm abarcar esses pontos. Desta maneira, continua mostrando cores da imagem e adicionando seleo se forem parecidos. O resultado que a seleo vai crescendo pelas partes da imagem que tiverem uma cor homognea ou similar. Sendo assim, os limites da seleo criada sero marcados pela forma da prpria imagem e as cores que tiver. A varinha nos serve, por exemplo, para selecionar silhuetas em uma fotografia. Se tivermos uma foto com um cu homogneo e utilizarmos a varinha sobre o cu, se selecionar toda a rea azul. Podemos ver na seguinte imagem uma seleo feita com a varinha mgica do cu desta foto tomada em Valencia.

Como veremos na imagem, se selecionou a maioria do cu, ajustando as bordas da seleo borde das figuras captadas na foto. Como veremos, nem todo o cu foi selecionado, porque h partes do mesmo que no so muito parecidas a cor azul sobre a qual clicamos inicialmente e portanto, no se mostraram como cores parecidas e no se carregaram na seleo. Opes da varinha mgica de Photoshop Com as opes da ferramenta varinha mgica, podemos modificar seu comportamento, para, por exemplo, dizer quo estrito ou tolerante deve ser a amostragem da imagem para definir as bordas da seleo. As opes de qualquer ferramenta de Photoshop podem ser vistas geralmente na parte de cima da janela do programa e se no aparecem, podemos forar que se mostrem com o menu Janela - Opes.

A mais importante das opes de varinha a Tolerncia. Que permite especificar com um nmero to tolerante ou estrito a mudanas nas cores como for a seleo. Ao menor valor de tolerncia, mais estrita ser a amostragem de cores. De tal modo que, se colocarmos tolerncia zero, s se selecionariam as partes contnuas ao ponto onde fizemos o clique da imagem que tiver a mesma cor. Se a tolerncia for muito alta a seleo se expandir, embora as cores variem mais. Se ao fazer a seleo da anterior imagem tivssemos marcado tolerncia mais alta, por exemplo 60, teria selecionado toda a rea da foto que corresponde ao cu. Portanto, para ajustar as partes da imagem que entraro dentro da seleo com a

varinha, devemos ajustar o valor tolerncia. Entre as opes tambm h outras importantes: Antialiasing, permite que as bordas da seleo se suavizem, de modo que embora sejam curvas, no se produza um pixelado. Contguo, para que a seleo s seja de pixels contguos. o modo por padro e como explicamos a ferramenta. Porm, se no o marcamos, permite selecionar todos os pixels da imagem que tiverem uma cor parecida, embora no estejam contguas ao lugar onde fizemos clique inicialmente. Mostrar todas as camadas tem uma utilidade interessante quando trabalhamos com distintas camadas em Photoshop. Uma coisa importante: com a varinha mgica, princpio, fazemos selees sobre a camada na que estivermos trabalhando, sem mostrar outras que possam estar abaixo ou acima. Se selecionarmos mostrar todas as camadas, faremos com que a varinha se fixe em todas elas como se fosse uma s.

A ferramenta Caneta de Forma Livre de Photoshop nos permite desenhar traados de uma maneira detalhada e com possibilidades completas, fazendo tanto retas como curvas. Ademais, esta caneta tem a particularidade que nos permite alterar um traado uma vez realizado ou, se errarmos, voltar para trs com o comando edio-desfazer. princpio, o pior da ferramenta Caneta de Forma Livre que quase sempre custa um pouco para aprender a manej-la e s vezes faz coisas que no esperamos ou no controlamos. No obstante, uma ferramenta muito til para fazer diversas coisas com Photoshop, no s traados ou silhuetas complexas, como tambm seleesavanadas. A ferramenta Caneta de Forma Livre a seguinte:

Debaixo da ferramenta Caneta de Forma Livre h vrias outras ferramentas complementares que provavelmente necessitemos usar em determinados momentos para realizar algumas aes com os traados ou as formas. Para comear a operar com a ferramenta caneta de forma livre de Photoshop podemos selecion-la e clicar em qualquer parte da imagem. Com isso colocaremos um primeiro ponto do traado. Ento, podemos clicar em qualquer outra parte da imagem e colocaremos um segundo ponto, criando um traado que vai desde o primeiro ao segundo ponto colocado (estes se chamam pontos ncora). Podemos continuar colocando os pontos ncoras e se desenhar o traado, a base de retas,

entre os distintos pontos de ncora que viemos colocando. Vale a pena experimentar um pouco com a ferramenta neste ponto para ver seu comportamento. Fazer curvas com a ferramenta Caneta de Forma Livre Uma curva com a ferramenta caneta de forma livre muito fcil de fazer. Em nossa sucesso de colocao de pontos ncora, depois de colocar um ponto ncora, clicando, manteremos o mouse clicado e arrastaremos em qualquer direo. Veremos que se cria uma curva e que ao mover o mouse, arrastando com o boto esquerdo pressionado, a curva vai se modificando. Uma vez que tivermos feito a curva desejada, vamos provar colocar um novo ponto ncora. Veremos como o traado continua com outra curva, que se adapta de maneira que a curva anterior e a nova estejam perfeitamente traadas uma como continuao da outra.

Como podemos ver na imagem anterior temos duas curvas no traado, uma adaptada outra. Se quisermos que a segunda linha do traado no tenha em conta a curva anterior podemos utilizar a ferramenta complementaria Converter ponto de ncora. Ento clicamos na linha que sai do traado, e a arrastamos a outra posio. Podemos ver o resultado na seguinte imagem:

Se quisssemos que a segunda linha do traado fosse reta, ento colocaramos a linha que sai do ponto de ncora em cima do prprio ponto de ncora.

Podemos seguir colocando pontos ncora at que terminemos o traado, colocando os novos pontos tambm com a ferramenta caneta de forma livre. Para completar ou terminar o traado temos que clicar no primeiro ponto ncora que criamos, veremos que o cursor do mouse com a ferramenta caneta de forma livre, aparece

como um pequeno crculo, para avisar que colocando esse ponto de ncora se fechar o traado.

Transformar um traado j terminado Uma vez terminado o traado ainda podemos seguir transformando-o, com a ferramenta converter ponto de ncora, para transformar as curvas ou com outras ferramentas complementarias. Por exemplo, com a ferramenta adicionar ponto de ncora, poderemos adicionar novos pontos de ncora ao traado, que por sua vez poderemos converter em curvas.

Continuar um traado no terminado com a pluma s vezes poder ocorrer que estamos desenhando um traado com a caneta, que no chegamos a completar, ou seja, no colocamos pontos ncora fazendo um percorrido completo que acabe no primeiro ponto ncora colocado. Ento, pode ser que necessitemos operar com outras ferramentas de Photoshop como por exemplo, a ferramenta de mover para recolocar o traado em outro lugar. Sendo assim, queremos continuar o traado incompleto colocando-lhe novos pontos ncora. Porm, selecionamos a ferramenta caneta e acontece que Photoshop comea um traado, ao invs de continuar com o que estvamos realizando. Para continuar com um traado no completado ento temos que, com a ferramenta caneta de forma livre, clicar em cima do primeiro ou ltimo ponto ncora realizado, segundo queiramos continuar o traado pelo primeiro ou ltimo ponto desenhado. Veremos que sai um pequeno smbolo do cursor da ferramenta como com uma linha e um crculo no meio. Depois de ter clicado no ponto ncora desejado, primeiro ou ltimo, clicamos em outra parte para colocar um novo ponto ncora continuao do clicado. Experimentar com a ferramenta caneta de forma livre Como vimos, h bastantes detalhes para trabalhar com traados e diversas ferramentas complementares que podem nos ajudar a realizar o traado ou a transformar um j realizado.

O melhor experimentar por ns mesmo para adquirir certa soltura com a ferramenta caneta de forma livre de Photoshop, e as complementares, porque no uma coisa fcil de dominar.

Outro dia estivemos dando umas noes sobre como fazer uma seleo em Photoshop de uma silhueta, para logo fazer com ela um recorte para utilizar em qualquer composio de imagem. Vimos a tcnica para realizar a seleo com a ferramenta de lao poligonal, e depois vimos sobre as opes de antialiasing e feather das selees. Agora iremos dar um passo adiante explicando a tcnica para fazer selees com a ferramenta freeform pen de Photoshop. A ferramenta freeform pen de Photoshop serve para realizar traados ou formas que logo podemos utilizar para vrias cosas. Ns neste caso, vamos aprender a utilizar a ferramenta freeform pen para fazer uma seleo avanada, que inclua linhas retas, porm tambm curvas perfeitamente traadas. Ademais, a freeform pen nos d a possibilidade de desenhar a seleo em vrios passos, sem problema se errarmos, porque sempre podemos voltar atrs e continuar fazendo a seleo pelo lugar onde a deixamos, enquanto ainda estava bem feita. A experincia me demonstrou que muito mais interessante utilizar a freeform pen para fazer uma seleo, no caso de ser muito complicada ou muito grande, em comparao com a ferramenta lao poligonal. Por vrias razes: Porque com a ferramenta freeform pen podemos realizar curvas perfeitas, que podemos adaptar silhueta que queremos selecionar. Com o lao poligonal s podemos fazer linhas retas. Com o qual os resultados com a freeform pen sero sempre muito melhores. Porque a ferramenta freeform pen permite editar um traado medida que formos fazendo, podendo voltar para trs se errarmos, com o menu edio desfazer, ou ainda aumentando o traado realizado uma vez terminado.

Antes de continuar, convm ler o artigo onde explicamos os detalhes gerais da ferramenta freeform pen. Fazer uma seleo com a ferramenta freeform pen Com Photoshop, fazer uma seleo de uma silhueta simples. Algumas recomendaes iniciais j foram ditas quando explicamos como fazer selees com o lao poligonal. Para comear o traado colocaremos um primeiro ponto de ncora. Logo, iremos colocando novos pontos de ncora clicando em outros lugares do elemento que queremos selecionar. medida que coloquemos outros pontos de ncora vo se fazendo retas, porm, sempre podemos fazer uma curva, no momento que colocamos um ponto de ncora, sem deixar de clicar o boto esquerdo, arrastando com o mouse. Quando fazemos traados e colocamos curvas, o seguinte ponto de ncora continuar a curva realizada no anterior ponto de ncora. Isto um efeito que

costuma ser indesejvel e para evit-lo podemos utilizar a ferramenta Converter ponto de ncora para mover as linhas que saem dos pontos de ncora para fora. s vezes convm levar essas linhas para o centro de tudo, para que o anterior ponto de ncora colocado no influa no seguinte que coloquemos. Alis, com a ferramenta freeform selecionada, quando clicarmos ALT nos sair automaticamente a ferramenta Converter ponto de ncora, para no ter que selecion-la na barra de ferramentas de Photoshop. Outra coisa que vale comentar que s vezes deixamos um traado no completado e no meio utilizamos outra ferramenta de Photoshop, ento ao colocar um ponto de ncora novo, se inicia um novo traado. Ento, para continuar com o traado que tnhamos antes temos que selecionar a camada onde est o traado que queremos prosseguir e, com a ferramenta freeform pen, clicar no ltimo ou no primeiro ponto que havia no traado incompleto. Porm, todas estas tcnicas do uso da freeform pen j havamos comentado no artigo ferramenta freeform pen de Photoshop. Aqui vemos um traado por completar no qual utilizamos a freeform pen, que nos permite criar linhas curvas adaptadas ao contorno do objeto que se deseja selecionar.

medida que formos fazendo o traado veremos que se vai criando um preenchimento, que s vezes experimentaremos que nos tapa a prpria imagem e nos dificulta fazer a silhueta. A soluo alterar a opacidade da camada que contem o traado, atravs da janela de camadas.

Fazemos o traado, at complet-lo, terminando outra vez pelo primeiro ponto que

comeamos. Com isso, ficar realizado o traado da rea que pretendemos selecionar. O resultado ser algo como o que vemos nesta imagem:

Para fazer a seleo a partir deste traado s nos falta, com a ferramenta freeform pen, clicar com o boto direito no traado e clicar em "Selecionar...". Aparecer um quadro de dilogo para a criao da seleo.

Entre as opes que encontraremos ao fazer a seleo esto os conhecidos antialiasing e feather. Uma vez realizada a seleo veremos a qualidade da mesma, sobretudo quando se referem s curvas, que ficam muito melhor definidas utilizando a ferramenta freeform pen do que com a ferramenta de lao poligonal. Definitivamente, fazer selees com a ferramenta freeform pen de Photoshop, tem muitas vantagens

As camadas de Photoshop so uma das ferramentas que temos que dominar para poder trabalhar com soltura com este potente programa de desenho. A outra coisa que devemos aprender a dominar so as selees. NoWorkshop de Photoshop de CriarWeb.com j publicamos vrios artigos sobre as selees, por isso, agora a

hora de falar das camadas. O design em Photoshop, e em muitos outros programas de design grfico, se realiza atravs da criao de diversas camadas. As camadas so algo assim como componentes independentes da imagem, sobre as que se pode desenhar ou efeitos de maneira que afetem s a tal capa. Ao sobrepor diversas camadas, se obtm o desenho completo da imagem. Que vantagens se obtm ao trabalhar com distintas camadas? Seria uma pergunta interessante de responder, para poder entender a razo pela qual o trabalho com Photoshop se baseia na criao de distintas camadas. Ao trabalhar com camadas, como dissemos, se pode operar sobre uma parte de uma imagem, sem que se alterem outras partes da mesma. Isto muito til, j que nos permite realizar mudanas em elementos da imagem sem nos preocuparmos do resto do desenho. Uma das principais utilidades das camadas consiste em que qualquer camada se pode posicionar de maneira independente. Ou seja, podemos ter uma camada com um elemento grfico e ao mover essa camada, podemos situar esse componente em qualquer outro lugar da imagem, sem que se desloquem outras partes do grfico. Ao criar diferentes camadas podemos tambm realizar efeitos sobre as mesmas de maneira independente. Por exemplo, podemos ter um texto na imagem que est em uma camada e logo, fazer um efeito de sombra sobre a camada de texto. Como o efeito independente para essa camada, o sombreado s se aplicar ao texto, deixando o resto da imagem inalterado. Outra das muitas utilidades recorrentes na hora de trabalhar com camadas criar uma nova camada, cpia de uma anterior. Ento, podemos experimentar fazendo alteraes nessa camada cpia com total liberdade. Se logo, por qualquer questo, no gostarmos das alteraes, sempre podemos excluir a camada copiada e alterada, e voltar camada original da que havamos partido. O certo que as utilidades das camadas so muito numerosas e poderemos experimentar em nosso trabalho no dia a dia com Photoshop. Quando fazemos alteraes em uma imagem, para estar certos de que no vamos estragar nada, sempre convm criar uma nova camada e fazer nossas provas ou desenhos sobre ela. Se no gostarmos do que fizemos, sempre podemos descartar a camada criada sem que nos afete a nossa imagem. Trabalho com Camadas em Photoshop Quase todo o trabalho com camadas se centraliza na janela de camadas. Esta janela se encontra aberta por padro ao iniciar Photoshop, porm, se no a vemos, sempre podemos mostr-la com o menu de "Janela - Camadas". A seguir vemos a janela de camadas:

O outro lugar desde onde se podem ordenar comandos sobre camadas o menu de "Camada", que tem diversas aes teis e recorrentes para efetuar sobre as mesmas. Na janela de camadas temos uma lista de todas as camadas que fazem parte de nosso desenho. Convm estar sempre muito pendentes do que acontece na janela de camadas, para no nos distrairmos e controlarmos o processo de desenho. O primeiro que temos que ver nesta janela que h uma camada que est com o fundo de cor azul. Isto quer dizer que essa camada a camada ativa. Qualquer ao que realizemos com Photoshop se aplicar sobre a camada ativa. Por exemplo, se utilizamos o pincel para pintar qualquer coisa na imagem, na verdade estaremos pintando s sobre a camada ativa. Para mudar a camada ativa, simplesmente temos que clicar na janela de camadas, sobre a camada que queremos trabalhar com ela. Outro exemplo da importncia de estarmos atentos a qual a camada ativa de nossa imagem a criao de selees. Ao fazer uma seleo e copiar o contedo da imagem (CTRL + C ou ento, menu "Edio - Copiar"), o que fazemos copiar s o contedo da camada ativa. importante saber qual a camada ativa, porque s vezes ocorrer de copiarmos um contedo que no estamos desejando, por estar trabalhando sobre uma camada distinta da esperada.
Nota: Podemos copiar o contedo de uma rea selecionada sobre a imagem completa (todas suas camadas), ao invs de somente a camada ativa com o menu "Edio - copiar combinado" ou a tecla rpida "Maisculas + CTRL + C").

Outra coisa que temos que ter muito em conta a ordem de camadas, visto que tal ordem incide diretamente no design da imagem, ao se mostrar as camadas que esto mais acima sobre as camadas que esto abaixo. As que esto acima se sobrepem e podem tapar os contedos das camadas que esto abaixo. Para alterar a ordem das camadas simplesmente temos que, dentro da janela de camadas, arrastar e soltar uma camada em outro lugar.

Problema tpico que nos encontraremos ao trabalhar com Photoshop est diretamente relacionado com a ordem das camadas e a camada ativa. Acontecer, s vezes, que fazemos alteraes sobre a imagem, como pintar com o pincel ou preencher de cor, e logo no vemos que a imagem se altere. A razo disso pode ser porque temos uma camada em cima, que no deixe ver o que estamos pintando sobre uma camada cuja ordem est mais abaixo. H uma camada especial que a camada "fundo". Nem todos os desenhos de Photoshop tm uma camada fundo, de fato, ao criar um arquivo novo podemos escolher se queremos um fundo de cor ou um fundo transparente. Neste ltimo caso, simplesmente no se colocar nenhum fundo, para ter uma imagem com fundo transparente. A camada fundo especial porque no se pode mover e h algumas outras aes que tampouco se podem realizar sobre o fundo. Portanto, h que ter cuidado com isso. No seguinte artigo neste manual vamos ver uma srie de aes mais importantes para realizar com camadas. S mais um detalhe, que agora no vem muito ao caso, mas que se deve indicar para poupar possveis dores de cabea. Nem todas as imagens que abrimos com Photoshop tm a possibilidade de criar camadas. Por exemplo, se abrimos um arquivo .gif, veremos que no se podem criar camadas. Isto acontece porque o modo da imagem "Indexado" e esse modo no permite camadas. Porm, podemos mudar o modo da imagemfacilmente desde o menu "Imagem - Modo Cor RGB".

O trabalho com camadas em Photoshop muito rico, de fato, quando tivermos certa prtica com o programa, comprovaremos que estamos muita parte do tempo de design fazendo coisas com as camadas. No artigo anterior publicado em CriarWeb.com sobre as camadas de Photoshop j vimos algumas das aes mais comuns, como selecionar uma camada ou mudar a ordem das mesmas. Agora veremos outra srie de aes comuns que nos serviro para explorar as possibilidades das camadas. Criar uma camada nova Pode-se criar uma camada de duas maneiras distintas. A primeira atravs do menu "Camada - Nova - Camada". A outra maneira atravs da janela de camadas, com o cone de camada nova, que est na parte de baixo.

Ao criar uma camada nova se coloca justo em cima da camada ativa que tivermos nesse momento e ademais se ativa a camada que se acaba de criar. Com este

passo poderemos criar tantas camadas como quisermos para ir praticando os conhecimentos adquiridos.
Nota: ao colocar qualquer pedao de imagem sobre um desenho de Photoshop, sempre se cria uma nova camada com o contedo copiado previamente.

Eliminar uma camada Com o boto da direita de camada nova (com forma de uma lixeira) se pode eliminar a camada que tivermos selecionada como ativa.

Outra maneira de excluir uma camada com o menu "Camada - Eliminar Camada". E tambm podemos elimin-la atravs da janela de camadas, arrastando a camada que desejamos excluir e soltando sobre o boto de eliminar camada. Ocultar uma camada Podemos ocultar uma camada, para que no se veja na imagem, porm sem elimin-la, com o cone com forma de olho que h ao lado de cada uma das pastas da janela de camadas. Isto muito til para deixar de mostrar elementos, porm sem perd-los do projeto, por acaso quisermos recuperar depois.

Esta ao tambm se pode executar atravs do menu "Camada - Ocultar camadas". Vincular camadas s vezes podemos desejar que duas camadas estejam unidas momentaneamente, para realizar aes como alterar a posio, sobre duas ou mais camadas ao mesmo tempo. Para isso podemos selecionar duas ou mais camadas da lista que encontramos na janela de camadas. (podemos selecionar vrias camadas clicando sobre uma e logo com o boto Controle -CTRL- clicando sobre outra ou outras). Para vincular as camadas selecionadas basta acionar o menu "Camada - Vincular camadas". Ento aparecer um smbolo de cadeia ao lado das camadas vinculadas.

Tambm podemos vincular camadas, selecionando-as e logo apertando com o boto direito sobre uma delas e clicando na opo "Vincular camadas". Duplicar uma camada Podemos duplicar uma camada para ter duas cpias da mesma camada, que pode ser til para muitos casos, como trabalhar com uma camada cpia, deixando a original inalterada, para voltar se se deseja a camada como estava ao princpio. Tambm pode ser muito til para duplicar um elemento de nosso desenho que queremos que se repita. Com a prtica veremos que esta ao muito recorrida. Para isso, simplesmente podemos arrastar a camada que desejamos duplicar sobre o cone de nova camada, da janela de camadas. Tambm podemos fazer atravs do menu "Camada - Duplicar camada". Combinar camadas Para acabar com esta srie de aes tpicas sobre camadas, vamos mostrar como combinar camadas, isto , unir duas ou mais camadas para que se juntem em uma nica capa. Combinar camadas tambm uma ao bastante til quando temos vrios elementos que sabemos que sempre vo estar juntos. Tambm ser til quando temos vrias camadas e queremos aplicar um estilo de camada sobre todas elas ao mesmo tempo. Para combinar camadas temos que selecionar vrias camadas ao mesmo tempo, assim como fizemos para vincul-las, e logo ir ao menu "Camada - Combinar camadas". Veremos que todas as camadas que havamos selecionado se unem em uma s. Esta ao tambm pode ser executada atravs da janela de camadas, clicando com o boto direito sobre qualquer das camadas selecionadas e marcando a ao "Combinar camadas". Concluso At aqui apresentamos uma boa lista de aes sobre camadas que certamente servir para que pratiquemos bastante com as camadas em Photoshop. Em futuros artigos de criarweb ofereceremos mais detalhes sobre o trabalho com camadas.

As camadas de Photoshop tm a possibilidade de incorporar estilos ou efeitos grficos, como sombras, brilhos, relevo, traos, etc. com uma facilidade extrema.

Neste artigo de CriarWeb.com, pensado para as pessoas que conhecem menos o programa de retoque fotogrfico, veremos como aplicar estilos de camada. Em artigos anteriores explicamos o que so as camadas de Photoshop, indispensveis para manejar bem o programa, e algumas das aes tpicas que se realizam com elas, que convm ler. Sendo assim, nesta mesma linha de trabalho, vamos continuar vendo utilidades das camadas.

O que so os estilos de camada


Os estilos de camada uma utilidade para aplicar efeitos rpidos e personalizveis a elementos de uma imagem. Com poucos cliques podemos conseguir alguns efeitos tipicamente utilizados em composies grficas, como sombras ou brilhos, sem ter que nos complicar com procedimentos ou trabalhos que requeiram vrios passos. Ademais, o bom dos estilos de camada que se aplicam dinamicamente s camadas, de modo que, se a camada mudar, o estilo se adaptar dinamicamente ao novo formato da camada. Antes de existir os estilos de camada para fazer uma sombra, tnhamos que realizar uma srie de passos, como por exemplo, realizar uma seleo da rea visvel de uma camada, calar a seleo, pintar de preto em uma nova camada debaixo do elemento a sombrear e finalmente ajustar a transparncia desejada para a sombra. Todos estes passos agora se resumem em um nico que o estilo de camada sombra. Alm disso, se em qualquer momento mudar a camada sobre a qual se aplicou o estilo, a sombra tambm mudar automaticamente, sendo que antes dos estilos de camada, teramos que voltar a fazer todos os passos para gerar a sombra, cada vez que mudasse a camada a sombrear.

Como aplicar um estilo de camada


Quando temos uma camada criada, podemos acessar ao quadro de dilogo para criar estilos de camada clicando duas vezes sobre a camada que se quer aplicar o estilo, na janela de camadas. Isto nos abrir uma janela que contm uma lista de estilos, que podemos selecionar por meio de uns checkbox e onde ademais, podemos configurar cada um destes estilos. O menu de estilos de camada tambm se pode acessar primeiro selecionando a camada sobre a qual queremos criar estilos e logo, ativando o estilo de camada desejado atravs do menu "Camada - Estilos de camada - O nome do estilo de camada a aplicar ou configurar".
Nota: Os estilos de camada s se podem criar sobre camadas, princpio camada especial "fundo" no se pode aplicar estilos de camada.

Na janela de estilos de camada, se podem selecionar um ou vrios estilos e clicando com o mouse em cada um dos diferentes itens, se acessa a um formulrio onde se podem configurar distintos parmetros para cada estilo. Pode-se ver na seguinte imagem a janela de estilos de camada.

Podemos fazer nossas prprias provas criando uma camada com qualquer contedo, pintando uma rea selecionada ou criando uma camada de texto e acessando como foi dito aos estilos de camada. Logo, sugiro fazer mudanas sobre a camada (pintando outras reas ou escrevendo novo texto) e veremos que os estilos se adaptam ao novo contedo da camada.

Editar um estilo de camada


Uma vez criado um estilo de camada se pode editar em qualquer momento, para mudar as propriedades de cada um dos estilos aplicados (por exemplo, para mudar a transparncia a uma sombra, ou a grossura de um trao). Para isso, podemos acessar tambm de dois modos, atravs da janela de camadas ou atravs do menu "camada - Estilos de camada". O mais comum utilizar a janela de camadas como explicaremos a seguir. Na seguinte imagem podemos ver como aparece uma data, sobre a camada na qual criamos o estilo, na janela de camadas.

Ao clicar a seta da camada, pode-se ver uma lista dos estilos que se aplicaram a esta camada. Clicando duas vezes no estilo da camada pode-se acessar a janela de estilos da camada, vendo diretamente o formulrio de personalizao do estilo sobre o qual se clicou duas vezes.

Copiar estilo de camada


s vezes temos a necessidade de aplicar o mesmo estilo de camada a duas camadas distintas. Podemos ter aplicado o estilo em uma camada e logo, copi-lo a outra. Isto se faz com um clique com o boto direito sobre a camada e selecionando a opo "Copiar estilo de camada". Logo, podemos colar esse estilo de camada em qualquer outra com o boto direito do mouse sobre a camada e selecionando "Colar estilo de camada". Com isto, ambas camadas tero os mesmo estilos de camada. Os estilos de camada como vimos neste artigo de Photoshop publicado em criarweb.com, so muito fceis de utilizar e configurar conforme as nossas necessidades, para fazer efeitos teis e atrativos visualmente sem muitos esforos nem conhecimentos. s mscaras de camada so um recurso de desenho grfico que est implementado em programas como Photoshop ou Gimp. So umas dessas utilidades que resultam muitas vezes complexas ou desconhecidas para os usurios novatos de Photoshop, porm que vamos tratar de explicar de maneira simples neste artigo de CriarWeb.com. H que dizer que as mscaras de camada um tema relativamente novo para mim. Estive trabalhando com Photoshop durante anos sem conhec-las, somente utilizando-as para a realizao de algum tutorial desses que indicam passo a passo como conseguir determinado efeito. Recentemente, depois de estud-las minimamente para poder compreender sua utilidade, sei que muitas coisas que fazia em meu dia a dia com Photoshop, poderia ter realizado mais facilmente com as mscaras de camada. Portanto, sem mais demora, vamos ver o que so e como utiliz-las.

O que so as mscaras de camada


Existem diversas maneiras de explicar as mscaras de camada. Por enquanto, podemos ter a idia de que uma ferramenta que permite ocultar partes de uma camada, porm, sem eliminar essas partes, com o qual logo poderamos recuperar simplesmente desfazendo a mscara de camada.

Outra maneira de entender as mscaras de camada como se fossem selees. Voc pode criar uma mscara de camada e pintar nela, ento na verdade o que est fazendo selecionando ou tirando partes da seleo dessa camada. Definitivamente, seja qual for a explicao terica que prefiramos, vou tentar dizer que so pela prtica. Em Photoshop temos uma camada. Ento, criamos uma mscara de camada (logo, veremos como se faz isto, calma!). Na mscara podemos pintar em escala de cinzas, visto que a mscara de camada realmente s permite pintar sobre ela em branco, preto ou em uma tonalidade de cinza. Quando pintamos em branco, estamos selecionando uma parte da camada e com isso estamos fazendo com que se visualize normalmente. Quando pintamos em preto sobre a mscara de camada, estamos tirando a seleo de uma parte dessa camada e com isso se oculta essa rea pintada de preto. Com o cinza o que conseguimos um meio termo, se selecionam parcialmente os pixels pintados de cinza e com isso se consegue que fique mais transparente (maior grau de transparncia quanto mais escuro for o cinza). Como dizia, a mscara de camada independente camada, por isso em qualquer momento podemos desabilit-la ou elimin-la e com isso voltaria a se ver a camada tal como a tnhamos antes de criar a mscara. Ou podemos pintar de branco sobre uma parte previamente pintada de preto, com o qual faramos que essas partes se voltassem a ver na camada.

Como fazer uma mscara de camada com Photoshop


Podemos criar uma mscara de camada em Photoshop atravs de dois menus distintos. A) Atravs da janela de camadas, com o cone que tem forma de quadrado com um crculo no meio, que podemos ver marcado na seguinte imagem:

B) Atravs do menu de "Camada - Mscara de camada - descobrir todas".

Com estas duas possibilidades criamos uma mscara de camada, onde nessa mscara de camada esto todos os pixels pintados em branco, com o qual a camada se ver inteira, tal qual estava anteriormente. Agora podemos pintar de preto sobre a camada (na verdade estaremos pintando sobre a mscara de camada) e veremos que essas partes que pintamos em cima se apagam da camada. Se pintarmos em cinza, se ocultaria parcialmente a camada, conseguindo que essas partes em cinza fossem semitransparentes.
Nota:Atravs do menu de "Camada - Mscara de camada - Ocultar todas" criaramos uma mscara de camada onde toda a mscara est pintada de preto, com o qual a camada inteira se ocultaria. Deveramos ento, por provar, pintar sobre ela em branco para mostrar partes da camada.

Uma vez criada a mscara de camada, se mostrar na janela de camadas, sobre a camada onde a criamos. Clicando com o boto direito sobre a mscara de camada acessaremos a um menu contextual com opes sobre a mscara de camada.

Dentro da mscara de camada podemos pintar com qualquer das ferramentas de Photoshop, por exemplo, inclusive poderamos fazer um degrade de cinzas e ocultar parte da camada com um gradiente de transparncia. Quando temos uma camada que contm uma mscara de camada podemos pintar sobre a camada, clicando sobre o cone da camada, ou pintar sobre a mscara de camada, clicando no cone da mscara de camada. Na seguinte imagem esto assinalados os cones de camada e mscara de camada.

Voc mesmo pode praticar com o uso das mscaras de camada em Photoshop, para ir fazendo suas prprias provas e em futuros artigos de criarweb.com apresentaremos exemplos prticos de uso desta ferramenta.

provvel que em alguma ocasio j tenhamos encontrado com a necessidade de dividir uma imagem em vrios pedaos por diversos motivos. Por exemplo, para realizar um desenho de pgina avanado ou para dividir uma imagem muito grande em vrios pedaos, com o objetivo de que se carregue mais rapidamente. Este justamente o assunto que tratamos neste artigo, que descrevemos mais detalhadamente a seguir. s vezes temos uma imagem muito grande, com o logotipo da empresa e uma composio de fotografias ou outros elementos grficos. Essa imagem muito grande pode demorar muito para carregar e se est, por exemplo, na pgina inicial, poderia ocorrer de um visitante ficar impaciente e no chegar a ver carregar a imagem, abandonando o site web por culpa de um carregamento muito lento. Uma das possibilidades para melhorar o carregamento e fazer com que o visitante possa ver alguma coisa antes da imagem terminar de carregar por completo, consiste em partir a imagem em vrios pedaos. Deste modo, muito provvel que alguns pedaos se carreguem antes de outros e que o visitante possa ver partes da imagem que vo aparecendo, mesmo que a imagem completa ainda no possa ser visualizada. Esta uma tcnica bastante habitual que com certeza muitos j devem ter visto em diversas pginas web. Quando eu vejo uma destas imagens partidas, muitas vezes, espero at que se carregue inteira, para ver o resultado completo. Outras vezes, graas a uma imagem que se descarrega partida em vrios pedaos, tambm entendo que a pgina est carregando corretamente e pode que no seja necessrio visualiz-la inteira antes de clicar qualquer link de meu interesse. Como partir uma imagem em vrios pedaos facilmente com Photoshop Adobe Photoshop, um dos melhores programas de retoque fotogrfico, contem uma

ferramenta para fazer setores que nos pode servir para partir uma imagem facilmente. Na imagem seguinte podemos ver qual esta ferramenta.

Com a ferramenta de setor podemos definir diversos pedaos ou setores em uma imagem. Para isso faremos um ou vrios quadrados com a ferramenta, de maneira similar como fazemos uma seleo. Os setores se configuraro automaticamente para que a imagem fique dividida como desejamos. Por exemplo, se fazemos um setor com a metade de uma imagem, automaticamente se criar outro setor para a outra metade da imagem. Vale a pena experimentarmos um pouco com a ferramenta para criar setores de distintas formas. Quanto mais simples seja a configurao dos setores, mais simples ser o cdigo fonte da pgina resultante. Por exemplo, na imagem seguinte podemos ver como definiram 8 setores, dispostos em 4 filas e 2 colunas.

Continuamos com o passo "salvar a imagem otimizada como", que se encontra no menu de arquivo. Ento nos aparecem 4 cpias da imagem, uma a original e as outras 3 com distintas configuraes da imagem, otimizadas mais ou menos em tamanho, cores, qualidade, etc. Nessa janela podemos selecionar uma das 3 possveis otimizaes, configurada como ns desejarmos, e selecionar a opo que pe "salvar HTML e imagens *.html". Com isso se salvar um cdigo HTML e um diretrio com as imagens geradas para cada um dos setores, otimizadas tal como ns escolhemos. Este passo pode ser visto na seguinte imagem.

Com isso vamos conseguir, tal como havamos adiantado, um cdigo HTML que ter uma tabela e em cada campo da tabela uma imagem com cada setor, tal como foi configurado com a ferramenta de setores. A tabela ter esta forma. Este cdigo foi gerado com Photoshop, o escrevemos tal como aparece. <TABLE WIDTH=580 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD> <IMG SRC="Images/exemplosetores_01.jpg" WIDTH=294 HEIGHT=123 ALT=""></TD> <TD> <IMG SRC="Images/exemplosetores_02.jpg" WIDTH=286 HEIGHT=123 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="Images/exemplosetores_03.jpg" WIDTH=294 HEIGHT=127 ALT=""></TD> <TD> <IMG SRC="Images/exemplosetores_04.jpg" WIDTH=286 HEIGHT=127 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="Images/exemplosetores_05.jpg" WIDTH=294 HEIGHT=139 ALT=""></TD> <TD> <IMG SRC="Images/exemplosetores_06.jpg" WIDTH=286 HEIGHT=139 ALT=""></TD> </TR>

<TR> <TD> <IMG SRC="Images/exemplosetores_07.jpg" WIDTH=294 HEIGHT=111 ALT=""></TD> <TD> <IMG SRC="Images/exemplosetores_08.gif" WIDTH=286 HEIGHT=111 ALT=""></TD> </TR> </TABLE> Como otimizar os distintos setores Como dizamos, Photoshop oferece a possibilidade de otimizar a imagem a mostrar em base a vrios fatores, por exemplo poderemos decidir entre utilizar o formato GIF ou JPG, assim como definir as cores a utilizar no GIF ou na qualidade do JPG. Para isso, uma vez dentro da opo "salvar otimizada como" devemos selecionar qual setor queremos otimizar (isto se faz com a ferramenta de selecionar setor, que se encontra acima esquerda) e definir as opes de otimizao na parte de cima direita. muito habitual que desejemos aplicar a mesma otimizao a toda imagem, ou seja, salv-la toda, por exemplo, como JPG e com qualidade 20. Para isso deveramos selecionar setor a setor e aplicar os mesmos valores de formato, ou tambm selecionar todos os setores de uma vez para aplicar uma vez s os valores de otimizao da imagem. Este ltimo pode ser visto passo a passo na imagem a seguir.

Passo 1: selecionamos a ferramenta de zoom para tornar a imagem menor. Com o boto direito podemos marcar que desejamos que a imagem seja um 25% do tamanho original, ou o que for necessrio para ver a imagem inteira na prvisualizao.

Passo 2: com a imagem de tamanho reduzido, para que se possa selecionar todos os setores de uma vez, marcamos a ferramenta de setor, que se encontra na parte esquerda da janela. Passo 3: com a ferramenta de selecionar setores fazemos uma seleo de todos os setores da imagem. Com isso poderemos aplicar de uma s vez as propriedades de todos os setores da imagem. Passo 4: Marcamos os valores de otimizao desejados para todos os setores. Uma vez definidas as caractersticas de otimizao para todos os setores vamos ao boto de "salvar" e selecionamos a opo "salvar HTML e imagens *.html". Com isso terminamos o trabalho. Obteremos um cdigo e imagens que logo poderemos incorporar facilmente dentro de nossa pgina web. Pode-se ver o exemplo em uma pgina a parte. Ns otimizamos esta imagem a JPG, para poupar espao, apesar desta imagem -dadas suas caractersticas- teria ficado com maior qualidade otimizada como GIF, mesmo que na prtica nos ocupe mais espao se utilizamos uma posio de cores alta.

As aes de Photoshop so muito teis quando se tem que realizar um mesmo processo repetidas vezes sobre diferentes arquivos grficos. Photoshop dispe de um meio de gravar este processo, no qual se chama uma ao, de modo que possamos logo aplicar a ao a outros arquivos. Ao aplicar a ao sobre um arquivo se realizam todos os passos do processo gravado sobre esse arquivo. Imaginemos que temos vrias imagens e queremos, por exemplo, mudar seu tamanho, fazer nveis automticos e logo passar algum filtro. Podemos repetir o mesmo processo sobre todas as imagens, uma a uma, realizando todos os passos sobre cada imagem. Ou ento, tambm podemos gravar uma ao com todos os passos que queremos realizar e executar a ao para imagem. O trabalho com aes nos permite fazer em um s passo vrias tarefas. As aes so configurveis e nos permitem armazenar qualquer tipo de trabalho, inclusive com vrios arquivos. Logo, podemos aplicar esses trabalhos sem nenhum esforo e rapidamente a outros arquivos grficos. Gravar uma ao com Photoshop Gravar ou criar uma ao realizar uma srie de passos, que vamos gravar, sobre um ou vrios arquivos. O mtodo simples. Realiza-se todas as aes que desejarmos gravar e Photoshop vai memorizando-as dentro da ao. Quando terminamos de realizar os passos desejados, detemos a gravao e a ao fica armazenada para utiliza-la onde se desejar. Para trabalhar com aes temos uma janela especial chamada "Aes". Se no a vemos na tela de Photoshop, podemos mostr-la atravs do menu "Janela Aes".

Para criar ou gravar uma ao temos que criar uma ao nova, atravs da janela aes, apertando o boto correspondente. Olhar a seguinte imagem:

Ao criar a ao nos pedem o nome que lhe daremos mesma. bom colocar algo representativo, para se lembrar logo do que se trata, porm, em qualquer momento podemos mudar o nome. Uma vez criada a nova ao se mostra entre a lista de ao e fica ativa a gravao da ao. Agora que a gravao est ativa podemos fazer quantas coisas quisermos com Photoshop que iro se memorizando na ao nova. Em qualquer momento, se desejarmos fazer alguma coisa que no fique memorizada na ao, podemos deter a gravao apertando ao boto correspondente. Veja a seguinte imagem:

Em nosso caso, vamos deter um segundo a gravao da ao e vamos abrir um arquivo onde vamos realizar uma srie de trabalhos que consistiro na ao. Paramos a gravao porque no queremos o passo de abrir um arquivo que se armazene na prpria ao. Uma vez aberto o arquivo podemos apertar outra vez o boto de gravar para que todas as transformaes do arquivo se armazenem na ao. Neste caso, vamos realizar um tamanho da imagem para alterar suas dimenses, logo vamos passar os nveis automticos e vrios filtros, como pinceladas, plastificado e mosaico. Ao ir fazendo todas essas coisas, com o boto de gravar ao clicado, vo se armazenando dentro da ao que estvamos criando.

Poderamos ter realizado os passos que tivssemos desejado. indiferente as ferramentas ou comandos que realizarmos, pois se iro gravando a ao. Uma vez realizados os passos desejados simplesmente detemos a gravao e a ao fica armazenada. Neste ponto podemos fazer ainda mais cosas, como gravar novos passos dentro da ao, eliminar passos criados, mudar sua ordem, etc. Inclusive podemos selecionar e editar as propriedades de alguma das aes, como um filtro. Para isso clicamos o cone da seta do lado de uma ao para mostrar suas propriedades e clicamos duas vezes ao valor que desejarmos editar.

Na imagem anterior estamos mostrando as propriedades do filtro mosaico, poderamos clicar duas vezes onde pe "tamanho de clula" para mudar o tamanho das clulas do mosaico e que o filtro tenha um comportamento diferentes. Executar uma ao de Photoshop Uma vez criada a ao e gravados todos os passos a realizar podemos executa-la sobre qualquer outro arquivo que tivermos aberto. Para fazer isto to simples como apertar o boto de execuo da ao.

Com isso, se executaro todas as aes gravadas dentro da ao de Photoshop sobre o arquivo que temos aberto e ativo. Como vimos, as aes de Photoshop so fceis de criar e executar. Podem nos ajudar muito e tornar nossa vida mais simples quando tivermos que executar aes repetitivas sobre vrios arquivos.

s vezes temos que realizar aes repetitivas sobre vrios arquivos grficos que existem em nosso computador, como mostr-los em dimenses determinadas, aplicar filtros ou colocar uma moldura para tudo isto pode ser que tenhamos que fazer sobre dezenas ou centenas de imagens que teremos que utilizar em um web site. Portanto, simplesmente vamos aprender a faz-lo de uma s vez, o que nos economizar tempo ou dores de cabea. Para aprender a fazer isto, vamos ter que conhecer previamente o trabalho com aes, que muito simples. Isto est bem explicado em um artigo publicado em CriarWeb.com: Trabalho com aes de Photoshop Ento, vamos criar uma ao de Photoshop para poder logo aplica-la em todos os arquivos de uma pasta. Neste caso, vamos realizar uma ao muito simples, como aplicar nveis automticos, o que geralmente serve para melhorar a cor da fotografia.

Una vez criada a ao, vamos criar o diretrio com os arquivos que vamos editar. recomendvel criar um diretrio especfico onde colocaremos as cpias de todos os arquivos que desejarmos modificar. Ateno a este ponto, pois no diretrio devemos colocar cpias dos arquivos e deixar os originais em outro lugar seguro. No tocaremos nos originais, somente nas cpias, de modo que se no gostarmos do resultado obtido sempre poderemos voltar aos originais para tentar processa-los

de novo ou realizar outras aes. Por tanto, criamos em algum lugar uma pasta ou diretrio onde colocamos as cpias de um monto de arquivos, todos esses arquivos que desejarmos modificar em um processo automtico. Criar o lote de automatizao com Photoshop Agora vamos definir o lote de para realizar a automatizao com Photoshop. Para isso, vamos opo de menu "Arquivo - Automatizar - Lote". Sair ento uma janela onde temos que definir vrias coisas para configurar a automatizao:

Grupo onde est a ao que desejamos executar. Isto se pode ver na janela de aes. Nome da ao a executar: Este o nome que colocamos ao que queremos executar em todos os arquivos do diretrio. Origem, Pasta: que queremos que a origem ou arquivos fonte que sero processados estejam em uma pasta. Seleo da pasta onde esto os arquivos: H que clicar o boto selecionar para escolher a pasta onde estejam os arquivos origem. Destino: O que queremos fazer com os arquivos resultantes depois de ter aplicados a ao. Neste primeiro caso selecionamos "salvar e fechar". Isso tudo o que h que configurar para este primeiro caso. Quando apertamos o boto OK comear a processar o lote automaticamente. Todos os arquivos da

pasta selecionada se abriro e se executar sobre eles a ao. Logo, sero salvos e fechados. Especificar que os arquivos processados se salvem em outra pasta e com propriedades determinadas Como podemos comprovar, se realizamos os passos anteriores para processar o lote, os arquivos resultantes se salvam em nossos diretrios de origem subscrevendo aos arquivos que estavam na pasta a processar. Em cada arquivo a salvar nos pede as propriedades do jpg que queremos salvar. Isto pode estar bem, se desejamos ajustar a qualidade dos arquivos um a um, porm, pode ser que desejemos marcar uma qualidade ou propriedades do jpg e que sejam os mesmos para todos os arquivos a processar. Ainda assim, podemos desejar que os arquivos resultantes se salvem em outra pasta destino, sem subscrever aos arquivos originais ou as cpias que tnhamos colocado na pasta a processar. Para conseguir isto, podemos fazer uma ao mais complexa, onde tambm armazenaremos o passo de "salvar" ou de "salvar como" e o de "fechar". Para isto vamos criar uma ao nova ou modificar a ao que tnhamos criada anteriormente. Em nosso caso criaremos uma ao nova onde gravaremos primeiro o passo de nveis automticos, logo o passo de "salvar". Ento, ao salvar nos solicitar as propriedades do jpg. Colocaremos aqui as propriedades do jpg com as que queremos que se salvem todos os arquivos. Finalmente, fechamos o arquivo. Se fizermos um "salvar como" poderemos selecionar a pasta onde queremos que se armazenem os arquivos resultantes, que no tem porque ser a mesma que na que esto os arquivos de origem. Finalmente, fecharemos o arquivo. A ao ficar como isto:

Em qualquer momento podemos editar as propriedades da ao para definir de novo uma nova qualidade do jpg ou um novo lugar onde salvar os arquivos, por exemplo. Ento, voltaremos a executar o processamento automtico do lote, com o menu "Arquivo - Automatizar - Lote", mas desta vez indicaremos que a ao ser a nova ao de photoshop que criamos e que o destino "nenhum", porque o prprio destino ficou dentro das propriedades da ao que vai se executar.

Com isso, conseguiremos que se processem todos os arquivos da pasta automaticamente sem que nos pergunte nada para cada um deles.

''O conta-gotas uma das ferramentas mais usadas de Photoshop, portanto, segundo nossa opinio, uma das ferramentas principais. Embora no sirva para fazer nada sobre as imagens diretamente, durante nosso trabalho com o programa a utilizaremos repetidamente, motivo pelo qual devemos conhec-la. Alm disso, uma das ferramentas mais intuitivas e simples com que nos podemos deparar ao utilizar o Photoshop, razo pela qual talvez sejam um pouco demais estas explicaes. No entanto, para completar o Manual de Photoshop que estamos publicando em CriarWeb.com, no devemos deixar de explicar o conta-gotas e suas diferentes opes. Como ocorre com muitas das ferramentas de Photoshop, o conta-gotas est agrupado com outras utilidades relacionadas, sob um mesmo item do menu de botes de Photoshop, como se pode ver na seguinte imagem:

O conta-gotas serve para selecionar uma cor e coloc-la como cor de primeiro plano. A cor selecionada, to logo tenhamos ativa a ferramenta, clicando em qualquer parte de uma imagem, que pode ser a prpria imagem com a que estamos trabalhando ou qualquer outra que tenhamos aberta.
Nota:A cor de primeiro plano a cor que tenhamos selecionado para trabalhar , quando pintamos com uma imagem. Ou seja, ao pintar com o pincel ou outra ferramenta de desenho, se utilizar a cor de primeiro plano que tenhamos ativa. A cor de primeiro plano aparece na barra de ferramentas de Photoshop, onde aparecem dois quadrados preenchidos com cor. A cor de primeiro plano a do quadrado que se encontra na parte de cima, marcado com um 1) na seguinte imagem.

Desse modo, para mudar a cor de primeiro plano se pode selecionar a ferramenta de conta-gotas e pulsar ento em qualquer parte de qualquer imagem, onde se analisar a cor do pixel pulsado ao clicar e se colocar como cor de primeiro plano. A cor de primeiro plano tambm pode ser mudada ao se clicar sobre o prprio quadro de cor de primeiro plano da barra de ferramentas de Photoshop. Neste caso

aparecer uma janela de dilogo para selecionar a cor e alm disso, a ferramenta de conta-gotas se ativar, para que possamos selecion-la pulsando tambm sobre qualquer imagem para selecionar a cor desse pixel.

Opes do conta-gotas
A nica opo sobre a ferramenta conta-gotas basicamente a rea de amostras dessa cor. Ao clicar, de maneira pr-determinada na ferramenta conta-gotas, se seleciona a cor do pixel exato onde pulsamos. Porm, podemos amostrar uma rea maior, para obter a cor media que havia em um raio de pixels.

Como se pode ver na imagem anterior, o raio de amostragem da cor selecionada com o conta-gotas pode ser medido em vrios pixels. A primeira opo "De 1 ponto" permite selecionar a cor que haja em um pixel concreto da imagem. A segunda opo "Mdia de 3x3" seleciona a cor media que haja em uma rea de 3x3 pxels, com centro no lugar onde se tenha clicado com o conta-gotas. Por ltimo, a opo "Mdia de 5x5" permite selecionar a cor media, igual que 3x3, porm com um raio maior de pxels.

Concluso sobre a ferramenta conta-gotas


Realmente o conta-gotas no tem nada de mais. Sua utilizao bem simples, motivo pelo qual no necessitar maiores explicaes. Com a prpria experincia, vocs podero observar que uma ferramenta bastante utilizada dentro de Photoshop. Para terminar, sugerimos fazer um teste interessante. Trata-se de selecionar a ferramenta pincel ou lpis, com as que se pode desenhar na imagem com movimento do mouse. Com uma destas duas ferramentas selecionadas, apertar a tecla ALT (Alternativa) e vocs vero que o cursor do mouse troca pelo do contagotas. Este um atalho interessante dentro de Photoshop, para quando estamos pintando na imagem com o pincel ou lpis, j que no preciso mudar de ferramenta para selecionar uma nova cor, mas sim apertar momentaneamente ALT para mostrar uma com o conta-gotas e continuar pintando com essa nova cor.

A ferramenta lpis uma das fundamentais de Photoshop. Digamos que no das mais teis para fazer trabalhos no dia- a -dia, porm, sem dvida, muito interessante conhec-la para certos retoques e sobretudo ser muito til para praticar nos primeiros passos como programa. Assim, publicamos este artigo no comeo do Manual de Photoshop para que os leitores menos experimentados possam comear a praticar com esta ferramenta bsica.

O lpis serve para pintar mo livre com o mouse e produz um trao rgido, sem suavizado. Isto significa que as bordas do lpis no esto esfumaadas, e que so sempre linhas retas precisas, com mudanas de cor bruscas nas curvas. O tipo de traado que se cria com o lpis pode ser bem entendido se o comparamos com o traado obtido com a ferramenta irm Pincel, como se pode ver na seguinte imagem.

Teremos comprovado que fcil distinguir o traado slido da ferramenta lpis por sua borda dentada, devido aos pxeles da tela. Se quisermos obter uma borda suavizada para o traado, teremos que utilizar a ferramenta pincel, que nos permite criar uma linha mais delicada nas curvas.
Nota: Voc pode obter mais informao da ferramenta pincel em diversos artigos de CriarWeb.com:

Utilizao da ferramenta lpis


Para utilizar esta ferramenta o primeiro a fazer selecion-la, na botoneira de Photoshop. O cone da ferramenta lpis pode ser visto na seguinte imagem:

Se no virmos esse cone, possivelmente ser porque est escondido debaixo do cone da ferramenta pincel. Ento, simplesmente teremos que clicar e manter pressionado o boto do pincel para que se desdobrem as ferramentas que estejam disponveis.

Una vez selecionada a ferramenta, teremos um painel de opes, geralmente situado na parte de cima da janela de Photoshop, onde podemos configurar vrios aspectos do pincel.

Entre as opes que encontraremos, a mais interessante a primeira da esquerda, que nos permite selecionar a espessura do trao do lpis, assim como diversos outros tipos de pincel personalizados. Os tipos de pincel que aparecem podem ser utilizados tanto com a ferramenta de lpis quanto com a de pincel e se podem ampliar com outros modelos que podem ser baixados da Internet, assim

como tambm podemos criar nossos prprios pincis. Isto foi explicado em sucessivos artigos do manual de Photoshop. Tambm podemos testar outras opes da ferramenta, sendo interessante a preferncia de opacidade, que faz com que o traado criado tenha ou no transparncia. Uma vez selecionada a ferramenta e definidas nossas preferncias, podemos utilizar a ferramenta simplesmente clicando sobre a imagem, mantendo pressionado o boto e arrastando o mouse para desenhar uma linha com o prprio movimento do mouse. A ferramenta borracha como se fosse o lpis ou o pincel, com a diferena de que, em vez de pintar na imagem, apaga o contedo. Como dizem tecnicamente na ajuda do programa de Adobe, troca os pixels para o aspecto transparente. uma ferramenta to fcil de manejar que no necessita de muitas explicaes. No obstante, em nosso Manual de Photoshop no podemos deixar de falar dela, dado que uma das principais ferramentas no uso do popular programa de retoque fotogrfico. A borracha to simples de usar como o lpis ou o pincel, que j vimos em diferentes artigos deste manual. Simplesmente temos que selecion-la e clicar no lugar que queremos apagar, ou ento arrastar com o boto domouse pressionado, para apagar o trao criado medida que vamos movendo o mouse . O mais importante que devemos ter em mente ao usar a ferramenta borracha que s atua sobre a camada que tenhamos selecionada no momento de colocar em funcionamento a ferramenta. Assim, se nossa imagem possui vrias camadas, para apagar exatamente a parte da imagem que queremos, temos que ver em que camada est o que queremos apagar, selecionar a camada desejada e em seguida acionar a ferramenta. Existe um caso especial que temos que comentar com a borracha que no caso de estarmos apagando algo sobre a camada "Fundo".
Nota: a camada fundo especial no Photoshop. Ou seja, no se trata de uma camada normal: ela tem algumas particularidades. No se pode mudar a posio da camada fundo com a ferramenta mover, como acontece com outras camadas e debaixo da camada fundo no se pode colocar nenhuma outra camada.

Bom, se apagamos sobre a camada fundo o que vai ocorrer que se eliminar o contedo do fundo, deixando entrever a cor que tenhamos configurado nesse momento como cor de fundo. Portanto, se tivermos, por exemplo, selecionado o vermelho como cor de fundo e apagarmos com a borracha sobre a camada fundo, o efeito ser como se pintssemos de vermelho sobre o fundo.
Nota: A cor de fundo se escolhe na barra de ferramentas, com os seletores de cor que aparecem abaixo. Teremos a cor de primeiro plano e debaixo a cor de fundo. Na imagem a seguir marcamos com uma seta a cor de fundo.

Modos e espessuras da borracha


A igual que muitas outras ferramentas de Photoshop, existe um painel de opes da borracha, atravs do qual podemos configurar diversas opes de apagar . Podemos ver as opes disponveis na seguinte imagem:

Talvez as opes mais importantes da borracha sejam as de modo e a espessura . O modo permite selecionar a forma como queremos que se comporte a borracha , ou como pincel, ou como lpis ou como quadrado. O pincel tem a particularidade de que as bordas se esfumacem, criando um efeito mais suavizado, enquanto que o modo lpis da borracha apagar com as bordas mais marcadas. Por sua parte, o terceiro modo "quadrado" em vez de apagar com um padro regular, o faz com um quadrado e sem esfumaar as bordas.
Nota: a diferena entre o pincel e o lpis foi explicada com detalhes no artigo Ferramenta Lpis de Photoshop.

Assim, utilizaremos o modo pincel quando quisermos acabados mais suavizados, que geralmente ficam melhor. O modo lpis seria bom para apagar pontos especficos ou reas circulares de qualquer espessura e o modo quadrado quando quisermos apagar reas quadradas ou retangulares. parte do modo, tambm muito importante a espessura que podemos configurar no painel de opes. A espessura se encontra no menu etiquetado como "pincel" e s est ativo quando est selecionado o modo lpis ou o modo pincel (o modo quadrado ser sempre um quadrado do mesmo tamanho). Ao selecionar o pincel podemos escolher entre vrias espessuras da ferramenta apagar, bem como a quantidade de esfumaado da borda.

O traado da borracha de modo geral um crculo, porque os pincis de photoshop tm forma de crculo, porm na realidade ao selecionar o tipo de pincel j permite

apagar com quaisquer dos pincis que voc tenha configurados no Photoshop. Voc pode ver diversos artigos onde falamos sobre os pincis de Photoshop, como baixlos, assim como criar seus prprios pincis y configur-los.

Outras opes da borracha: Opacidade e Fluxo


Com a Opacidade da ferramenta borracha podemos fazer com que no se apague completamente o desenho da camada, mas s parcialmente com uma transparncia. Inicialmente a Opacidade est configurada a 100%, com o que se apaga completamente o contedo da camada. Se configurarmos uma opacidade menor poderemos ver que a borracha s cria uma transparncia na camada. Com o Fluxo podemos configurar a rapidez com que a ferramenta apaga ao movermos o mouse . Com um fluxo menor que 100% no se conseguir apagar totalmente o contedo da camada e necessitaremos mais movimentos do mouse para consegui-lo. O resultado parecido ao da Opacidade, com a diferena de que apaga com maior transparncia nas bordas e mais opaco no centro.

A ferramenta lata de tinta outra das que, sem dvida, qualquer usurio com um mnimo de experincia saber utilizar. Suponho isto porque qualquer programa de desenho a tem, at os mais bsicos como o Paint, que vem com Microsoft Windows. Assim, seguramente poucas explicaes sero necessriaspara aprender a usar a lata de tinta. Entretanto, oManual de Photoshop que estamos publicando em CriarWeb.com, no estaria completo se a deixssemos de lado. No obstante, para tirar proveito deste artigo, vamos explicar um uso da lata de tinta que talvez muitos desconheam, que o de preencher com um motivo. Vamos v-lo dentro de pouco, mas antes comeamos explicando o uso mais bsico desta ferramenta. A lata de tinta se encontra situada na barra de ferramentas de Photoshop, compartindo espao na botoneira com a ferramenta de degrad. Se virmos o boto de degradad, s temos que clicar prolongadamente para que aparea a ferramenta de lata de tinta.

Preencher com cor


O uso mais normal da ferramenta lata de tinta preencher com cor. Para acion-la simplesmente clicamos em qualquer parte da imagem e ela preenche de cor uma rea da imagem, que depender da camada onde estejamos trabalhando e do contedo que tenha. Quando usamos a lata de tinta temos que ter em conta a camada onde estamos trabalhando, pois a ferramenta preenche a cor sobre a camada que est selecionada. A lata de tinta preenche com cor toda a rea da imagem que estiver

sem delimitar. Imaginemos que justamente isso, uma lata de tinta e que derrubamos a pintura sobre a camada. Ento a pintura se expande, qual lquido, ocupando todo a rea da imagem que possa. Os limites da pintura sero os prprios que houver desenhados na camada. Por exemplo, se temos o desenho de um retngulo (que delimita uma rea por 4 linhas retas), e pintamos dentro dessa rea, a pintura se expandir por todo o espao do retngulo. As reas externas do retngulo no sero pintadas, porque a pintura no poder passar os limites marcados pelo polgono. Deduz-se do ltimo pargrafo que se a camada onde estamos pintando no tiver nenhum contedo, a lata de tinta pintar toda a camada. Agora, pode ser que queiramos pintar uma rea que no esteja marcada pela imagem, sem que a lata de tinta se expanda para toda a camada. Nesse caso poderemos fazer uma seleo (com a ferramenta de seleo) e pintar dentro. Ento, a pintura nunca passar os limites da rea selecionada.

Opes da ferramenta lata de tinta


A lata de tinta tem algumas opes, como a maioria das ferramentas do programa, que se podem definir no painel de opes, geralmente situado na parte de cima da janela de Photoshop. Quando selecionemos a ferramenta, aparecer automaticamente o painel de opes, que tem esta forma:

Cor de primeiro plano: Esta opo serve para selecionar entre pintar com a cor de primeiro plano ou pintar com um motivo (veremos mais tarde o que significa pintar com um motivo). Por padro pinta com a cor de primeiro plano, que a que temos selecionada na barra de ferramentas, no seletor de cor que aparece abaixo. Na prxima imagem marcamos o lugar onde aparece a cor de primeiro plano com uma imagem:

Modo: Isto permite vrios modos de preenchimento com cor, mas na verdade no vejo muito sua utilidade, salvo para realizar algum efeito pontual. Opacidade: Com esta opo podemos pintar com a cor selecionada, porm criando uma transparncia. Em principio 100% opaco, de modo que a cor da pintura no tem transparncia. Porm, se baixamos a opacidade veremos que a cor que pintamos perde um pouco de fora na tonalidade e se tivermos uma camada debaixo com algum desenho, comprovaremos que se deixa entrever, porque a pintura que estamos utilizando tem transparncia. Tolerncia: Este valor serve para que a ferramenta tolere mais ou menos os limites que tenha a camada onde estamos pintando. A menor tolerncia, os limites onde pintamos se restringiro a reas onde haja a mesma cor. Este valor de tolerncia similar ao que explicamos na Varinha Mgica.

Suavizar: Serve para que as bordas da rea a ser pintada tenham um suavizado e no se note tanto o mapa de pixels que uma imagem. Contguo: Serve para que se preencham de cor somente os pxeles contguos. O comportamento por padro que explicamos (que a pintura da lata de tinta detida pelos limites da rea que haja desenhada onde se est pintando) quando o valor contguo est ativo. Se no est ativo, a lata de tinta pintar em toda a camada, sempre que a tolerncia o permita. Todas as camadas: Se a marcamos, pintaremos na camada que esteja selecionada, mas a tolerncia se levar em conta com o que estiver desenhado em todas as camadas e no s na camada onde estamos trabalhando.

Pintar com um motivo


A primeira das possibilidades de configurao do painel de opes tem uma opo que permite escolher entre "Cor de primeiro plano" e "Motivo". No caso de que selecionemos a opo motivo, no se pintar com uma cor uniforme , mas com um mapa grfico determinado, que far um mosaico, repetindo-se as vezes que for preciso para preencher toda a rea que se possa. O motivo pode ser qualquer coisa, como uma imagem, um tramado, um logo ou o que desejemos. Photoshop tem configurados de sada vrios motivos para fazer testes, que podem ser selecionados na interface que fica exatamente direita.

Podemos selecionar qualquer motivo e testar pintar e veremos que se faz um mosaico com o motivo, ao invs de pintar com uma cor homognea.

Definir um motivo personalizado


Podemos definir ns mesmos os motivos que forem precisos para fazer nossos desenhos e para isso s temos que fazer uma seleo e em seguida selecionar o menu "Seleo / Definir motivo". Ento, aparecer uma pequena janela para que demos um nome ao motivo, com uma mostra da imagem que selecionamos e a partir da qual se vai a criar o motivo.

Em seguida , com a lata de tinta, configurada a ferramenta com a opo "Motivo", poderemos pintar com um mosaico com o motivo que acabamos de fazer. Para isso utilizaremos a ferramenta lata de tinta exatamente como havamos explicado no caso de pintar com uma cor uniforme. Na imagem anterior mostramos como criamos um motivo com o logotipo de CriarWeb.com e na imagem seguinte veremos como resultaria pintar com esse motivo sobre um espao delimitado por uma rea curva:

Isso tudo que queramos falar sobre a lata de tinta, que uma ferramenta muito bsica e de fcil uso, mas que em Photoshop tem interessantes opes de configurao, o que amplia bastante suas funcionalidades.

A ferramenta Lao uma das mais utilizadas em Photoshop, inclusive est ao alcance e resulta til parausurios sem experincia. Por isso, no h dvida de que vale a pena conhec-la e integr-la em nossas ferramentas do dia- a - dia no trabalho com o programa de retoque fotogrfico. Talvez com o tempo e o domnio de outras tcnicas e ferramentas possa ficar em um segundo plano, mas em um primeiro momento ser de muita utilidade. A ferramenta Lao se encontra entre as ferramentas principais de Photoshop e possui vrias variantes, como o Lao poligonal ou o Lao magntico. Todas elas se encontram classificadas em um mesmo lugar da botoneira de Photoshop, como se pode ver nesta imagem:

Podemos selecionar qualquer destas ferramentas com um clic prolongado durante um segundo sobre o conede Lao. Todas as diferentes ferramentas de Lao servem para fazer selees de reas da imagem, com a mais variada gama de resultados.

Ferramenta Lao
A ferramenta Lao mais bsica, que para diferenci-la podemos chamar Lao a mo livre, serve para fazer uma seleo com um movimento qualquer do mouse. Para coloc-la em funcionamento a ativamos na botoneira de Photoshop e depois clicamos em qualquer parte da imagem. Com o boto apertado contornamos a rea da imagem que queremos selecionar e soltamos o boto quando tivermos terminado de desenhar a seleo. O lao a mo livre muito fcil de utilizar e sobretudo muito rpido, mas os resultados muitas vezes so pouco precisos, no pela ferramenta em si, mas porque o desenho a mo livre com o mouse permite pouca preciso, j que fcil equivocar-se e mover o mouse fora dos limites que queramos selecionar. No obstante, para certos trabalhos bom conhec-la porque nos proporciona rapidez.

Ferramenta Lao Poligonal


Como variante da ferramenta Lao, temos a ferramenta de selees poligonais. O trabalho com ela bem simples. Temos que ir clicando sobre a imagem nos pontos vrtice de um polgono qualquer que queiramos selecionar. Com isso, conseguiremos uma seleo composta por retas entre os pontos marcados, que formam um polgono. Para mais informao e explicaes consultar o artigo sobre as selees poligonais. Embora a ferramenta Lao poligonal permita fazer selees de polgonos (cujos lados so retas), quanto mais pontos ponhamos no polgono mais definida ficar a silhueta. Sem dvida, das ferramentas de Lao esta a que nos parece mais verstil e til.

Ferramenta Lao Magntico


Como terceira opo de ferramentas de Lao temos o Lao Magntico. Serve para fazer selees sobre silhuetas que se ajustam automaticamente imagem sobre a qual estamos selecionando. O Lao magntico faz com que, medida que realizamos a seleo, se proponha uma rota possvel para a rea selecionada. Esta rota proposta tem a particularidade de adaptar-se forma da imagem que h debaixo do lugar onde estamos fazendo a seleo, o que serve especialmente de ajuda na hora de fazer selees de silhuetas de elementos na imagem. Para utilizar esta ferramenta, clicamos com o mouse para comear a seleo e depois basta rodear com o ponteiro do mouse o elemento a ser selecionado, e nada mais. A seleo ir sendo realizada automaticamente, e se adaptar silhueta do elemento que queremos selecionar e se iro colocando pontos de fixao para

formar a rea. Se quisermos demarcar manualmente um ponto de ancoragem, simplesmente clicamos sobre a imagem. O Lao magntico uma boa ajuda para fazer selees de silhuetas complexas,mas nem sempre a seleo sair perfeita porque, s vezes, Photoshop pode interpretar o fundo de imagem de maneira incorreta, o que pode ocasionar que a seleo no se adapte exatamente silhueta desejada. No obstante, uma opo rpida e que ajuda bastante em certos casos e tem opes especiais que podem ajudar o Photoshop a melhorar o trao desejado para a seleo, como veremos a continuao.

Opes da ferramenta Lao


Todas as variantes da ferramenta Lao de Photoshop tm algumas opes especiais para modificar suas preferncias de desenho de selees. H algumas opes comuns e a ferramenta Lao magntico possui, ademais, algumas opes adicionais. As opes que todas as ferramentas Lao tm em comum aparecem nesta imagem:

Voc deve prestar ateno ao valor de difuso ou feather, que permite colocar um valor para fazer com que a seleo tenha um esfumaado nas bordas. A caixa de seleo de suavizao permite que as linhas da borda da seleo no sejam totalmente digitais, com mudanas bruscas, mas que se suavizem as bordas, o que tambm se conhece como antialiasing. Voc pode obter mais informao sobre estas opes das selees no artigo Suavizao e feather da seleo. A ferramenta Lao magntico tambm tem outras opes que podem ajudar a que o comportamento magntico da ferramenta se adapte melhor imagem onde estamos realizando a seleo. Na prxima imagem podemos ver estas opes:

Entre estes possveis valores temos a largura, que o raio em volta do mouse no que Photoshop tratar de magnetizar a borda. O contraste de borda, que serve para definir o contraste que tem que haver entre a silhueta e o fundo da imagem, para que se ajuste a borda silhueta. Por ltimo, o alinhamento, que permite configurar a distancia de colocao entre pontos magnticos.

Neste artigo do Manual de Photoshop vamos falar de outras das ferramentas de Photoshop, que servem para criar diversas formas do tipo polgono, linha, elipse, etc. Entre as formas de Photoshop vamos ver vrias delas que so simples e mais adiante, em prximos artigos, tambm veremos que existem formas personalizadas.

As formas poligonais servem para desenhar diferentes reas com diversas estruturas. Por exemplo, a primeira que vamos ver a forma bsica de retngulo, porm tambm podemos obter formas com outras caractersticas, como linhas e diferentes tipos de polgonos: tringulos pentgonos, hexgonos, etc. Neste artigo tambm veremos a criao de retngulos com as bordas arredondadas e elipses. Todas as formas se encontram disponveis baixo um mesmo cone, onde poderemos ver inicialmente o retngulo, mas onde, se clicarmos de maneira prolongada, nos mostrar outras ferramentas, que podemos observar na seguinte imagem.

Ferramenta Retngulo

Com esta ferramenta podemos criar retngulos e preench-los de cor diretamente, ou fazer simplesmente traados. Em princpio, se no tivermos marcado outra coisa, se criar um retngulo com a cor de preenchimento que tenhamos configurado na barra de ferramentas como cor de primeiro plano. Para criar a forma de retngulo, ou qualquer outro tipo de forma, temos que clicar em um lugar da imagem e arrastar com o mouse a outro ponto da imagem, sem soltar o boto do mouse. No momento que soltemos o boto do mouse se criar a forma entre os pontos que acabamos de definir. Podemos modificar a forma segundo vai sendo criada com as teclas de Maisculas (Shift), Alternativa (ALT). Com a tecla maisculas fazemos com que os lados do retngulo sejam iguais. Com Alternativa fazemos com que o retngulo tenha o ponto central no primeiro lugar onde clicamos para iniciar a criao da forma. Realmente em Photoshop poderamos criar um retngulo com a ferramenta Seleo retangular e em seguida ir preenchendo de cor com a Lata de Tinta. Porm, a vantagem de se criar um retngulo, ou outra forma com a ferramenta Forma, que esta vetorial e portanto poderemos alter-la sem perda de resoluo, por exemplo trocando sua forma (ampli-la e reduzi-la) ou sua cor. Ou seja, fazer uma forma permite que faamos coisas com ela como transform-la livremente em qualquer momento com a opo de "Edio / Transformao livre de traado".

Retngulo arredondado

Este tipo de forma cria retngulos com cantos arredondados. uma maneira rpida de obter retngulos suavizados que frequentemente do um aspecto mais delicado

aos desenhos. Com esta forma veremos que aparece uma nova opo na barra de opes da ferramenta, que serve para definir o raio dos cantos arredondados.

Forma de elipse

Este tipo de forma cria elipses, de maneira similar aos retngulos. Lembrem que o uso das teclas ALT ou Maisculas permite que a elipse seja criada com caractersticas determinadas. ALT faz com que a elipse seja criada no centro de onde pressionamos inicialmente para iniciar a forma, e a tecla Maisculas faz com que a elipse seja um crculo perfeito, com o mesmo raio em toda a circunferncia.

Forma de polgono

Permite construir outros tipos de formas poligonais, como tringulos, quadrados, pentgonos, etc. Podemos indicar o nmero de lados do polgono nas opes da ferramenta. Os polgonos criados sempre tero todos os lados iguais, ademais, sempre sero desenhados com seu centro no lugar onde clicamos inicialmente para criar a forma.

Forma de linha

Esta uma das formas mais utilizadas, ao menos no meu caso particular. Permite fazer linhas, clicando no ponto inicial da linha e arrastando at o ponto onde queremos que termine. O interessante das linhas que nos permitem desenhar pontas de setas , configurveis em dimenses e no lugar onde desejamos que apaream, no princpio ou no fim da linha. Alm disso, poderemos configurar, tambm, sempre atravs das opes ferramenta, a espessura da linha. Poderemos observar que a opo de espessura de linha aparece diretamente na barra de opes da ferramenta. A configurao das pontas de seta, caso as desejemos, temos que indic-las em um menu que aparece clicando em uma setinha virada para baixo que h ao lado do cone Forma personalizada.

Forma personalizada

Permite fazer formas de diferentes tipos. Esta ferramenta tambm muito til, dada a grande variedade de formas com que contamos j a partir da instalao bsica de Photoshop e muitas outras que poderemos conseguir instalando pacotes de formas, ou criando-as ns mesmos. Devido s mltiplas opes das formas personalizadas, vale a pena deix-las para um artigo posterior que apresentaremos tambm em criarweb .com.

Concluso
No prximo artigo veremos diferentes opes de configurao das formas, que nos oferecero mltiplas possibilidades de criao de formas e traados, que poderemos utilizar para criar elementos mais complexos a partir da transformao ou combinao de traados ou formas.