Banner Tutoriais Photoshop


Tutorial Anterior: Bush se dá mal até no Photoshop :D | Página Inicial >>
Tutorial Anterior: Montanha de Cristais. | Página Inicial >>
Tutorial Anterior: O futuro é Multi-Touch. | Página Inicial >>
Tutorial Anterior: Criando um fóssil. | Página Inicial >>
Tutorial Anterior: Dablink, coloca glitter e outros efeitos animados ... | Página Inicial >>
Tutorial Anterior: Planeta de Lava. | Página Inicial >>
Tutorial Anterior: Scott Kelby reune 1300 pessoas em Workshop para Ph... | Página Inicial >>
Tutorial Anterior: Cores Retrô. | Página Inicial >>
Tutorial Anterior: Criando uma noite estrelada. | Página Inicial >>

segunda-feira, 3 de dezembro de 2007


Criando bordas arredondadas.


Descrição: Como criar bordas arredondadas em uma foto usando uma vector mask.



01. Pressione Ctrl+O e escolha a foto a ser trabalhada, neste tutorial iremos usar a foto abaixo.



02. Com sua foto já aberta no Photoshop pressione Ctrl+N e crie um novo documento, defina um tamanho maior que a foto usada, depois de criado pressione a letra D do teclado para definir as cores de Foreground e Background como preto e branco, pressione Alt+Backspace ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e pinte o fundo do documento de preto, volte na foto que será usada e pressione Ctrl+A e depois Ctrl+C, vá no documento com fundo preto e pressione Ctrl+V para colar a foto como na imagem abaixo.



03. Sua paleta de layers deverá ficar como a da foto abaixo.



04. Agora clique na Layer 1 (a layer que contém a foto trabalhada) e clique no ícone de Add Layer Mask no rodapé da paleta de layers como na foto abaixo.



05. Sua paleta de layers deverá ficar como a da foto abaixo.



06. Novamente clique no ícone de Add Layer Mask no rodapé da paleta de layers.



07. Sua paleta de layers deverá ficar como a da imagem abaixo, pode parecer que aplicamos duas layer mask mas o que temos agora é uma layer mask e uma vector mask.



08. Tanto a layer mask quanto a vector mask possuem o mesmo ícone para representação e servem para mascarar partes de uma imagem fazendo com que possamos esconder ou mostrar partes de uma figura, porém estes doi modos de mascaramento funcionam de maneiras diferentes, na layer mask normalmente usamos a Brush Tool para pintar partes da máscara para revelar ou esconder o conteúdo da imagem, usamos o preto para esconder e o branco para tornar visível, o cinza funciona como uma transparencia, o essencial é saber que para trabalhar em uma layer mask iremos usar branco, preto ou cinza com a brush tool.

A vector Mask não necessita uso da Brush Tool, na vector mask usamos shapes que irão definir as partes que serão visíveis e as partes que serão escondidas em uma foto, podemos usar uma ferramenta que trabalhe com Shapes (Pen Tool, Rectangle Tool, Rounded Rectangle Tool, Ellipse Tool, Polygon Tool e Custom Shape Tool).

Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool.



09. Na barra de opções da ferramenta clique no ícone Shape Layers como na foto abaixo.



10. Defina um valor de 30 pixels para o Radius na barra de opções da ferramenta, este valor determina o quanto de arredondamento terá seu shape, então o valor citado no tutorial fica a seu critério aumentar ou diminuir.



11. Clique na sua Vector Mask na paleta de layers para ter certeza de que irá trabalhar na vector mask e não na imagem usada.



12. Agora clique no documento e arraste para criar seu Shape de cantos arredondados, sua imagem deverá ficar como a imagem abaixo.



13. Ao soltar o botão do mouse sua imagem irá ficar como a imagem abaixo.



14. Para adicionar uma borda clique no ícone de Add Layer Style no rodapé da paleta de layers.



15. Escolha a opção Stroke no menu que irá aparecer.



15. Defina os valores abaixo na caixa que irá abrir.



16. Pressione Ok e sua imagem estará pronta.



site de origem: http://www.photoshopessentials.com/photo-effects/rounded-corners/

Marcadores:

Related Posts Plugin for WordPress, Blogger... Participe deixando seu comentário, dúvida, sugestão, ideias, exemplos ou simplesmente dizendo um "Olá!" na parte de comentários deste Post, sua participação é extremamente importante para o blog e também para todos os leitores que posteriormente terão acesso aos tutoriais e matérias que oferecemos por aqui.

Caso não queira ficar de fora das atualizações diárias do blog você tem 3 opções bem práticas:

  • Siga-me no Twitter.
  • Cadastre-se e receba por e-mail o resumo diário do que foi postado aqui no blog.
  • Cadastre nosso endereço RSS para receber as atualizações via leitor de Feeds.
  • Obrigado por ter votado no ::Tutoriais Photoshop:: para o iBest e Peixe Grande 2008 e 2009!

    Até a próxima!!


    23 Comentários:

    Às 3 de dezembro de 2007 11:30:00 BRST , Blogger Thiago disse...

    http://www.photoshopessentials.com/photo-effects/bourne-blur/ podia ensinar fazer esse tutorial ne hahaah

     
    Às 3 de dezembro de 2007 11:33:00 BRST , Blogger Andre Sugai disse...

    Oi Thiago, pode deixar que postarei sim!! obrigado pela visita :)

     
    Às 3 de dezembro de 2007 11:38:00 BRST , Blogger Felipe Xavier disse...

    Caraca André, esse tutorial é bem legal.
    Mas a barra superior do blog ficou muito mais que 10. Ficou excelente.
    Você também manja de flash??
    Se sim, porque você não faz um "Tutoriais Flash"??
    Pelo menos pra mim seria bem útil.
    Flw
    Té mais

     
    Às 3 de dezembro de 2007 12:52:00 BRST , Blogger Andre Sugai disse...

    Oi Felipe, depois do Photoshop o programa que eu mais curto é o Flash, é um programa em que se pode fazer quase tudo, animações, sites, banners, jogos, aplicações para celulars, programas, enfim, gosto tanto que para aprender apanhei bastante, e ao contrário do Photoshop tive que fazer um curso para desempacar, fiz do básico ao avançado, mas novamente "ao contrário do Photoshop" não tenho um domínio completo do programa, fiz o curso de Action Script também e é essa parte que ainda me pega, consigo fazer animações e executar algumas aplicações simples em action script, criar um blog sobre tutoriais de flash seria uma boa se eu dominasse o programa como domino o Photoshop :D, quem sabe no futuro né? obrigado pelo elogio ao banner, é do natal passado mas por problemas no meu computador de casa acabou encostado e só consegui usá-lo neste natal, obrigado pela visita!! :)

     
    Às 3 de dezembro de 2007 13:12:00 BRST , Anonymous ;Dréa disse...

    Oi André!;D
    Este tipo de borda é tudo que eu queria aprender, vai me ajudar muito em meu trabalho!
    Valeu mesmo!!!
    Bjussss!

     
    Às 3 de dezembro de 2007 13:18:00 BRST , Anonymous Paulo Roberto Bz. disse...

    ola andré,
    você me surpreende sempre, todos os dias consegue tutoriais novos, adoro seu blog, visito eles todos os dias, adquiri o photoshop recentemente e não sei fazer nada mas com os seus tutoriais aprendi muita coisa, muito obrigado, é bom que você esteja disposto a ensinar "novatos" como eu.
    tchau.

     
    Às 3 de dezembro de 2007 14:14:00 BRST , Blogger Evandro disse...

    falaaaaaaaaaaa andré belezinha??? e o curintia??? =D

    kara so easy essa das bordas heinn =D
    desisti de colocar continentes na minha tentativa frustrada de Terra hehehehehehehehe....

     
    Às 3 de dezembro de 2007 14:27:00 BRST , Blogger Ygor Blanco disse...

    Oi, André. Td bem? ótimo esse tuto. Como vc faz aquela animação do Natal ali?

     
    Às 3 de dezembro de 2007 15:38:00 BRST , Anonymous Ana - TechWorld disse...

    Olá André,

    Muito obrigada. Ainda estou organizando o visual do blog. Achei muito bonita a imagem de cabeçalho do seu blog. Parabéns! Estou criando uma mascote para o TechWorld. Adoro Photoshop, mas uso mais o Corel Draw. Estou fazendo a mascote no Corel. Não sei muita coisa sobre Photoshop, mas queria aprender. Parabéns pelo blog. Onde você aprendeu tanta coisa sobre Photoshop?

    Parabéns,

    Ana

     
    Às 3 de dezembro de 2007 17:31:00 BRST , Blogger Andre Sugai disse...

    Oi ;Dréa, fico feliz que tenha gostado, usando outros tipos de Shapes com a custom shape tool você consegue criar diversos tipos de bordas também, obrigado pela visita!! :)

    Oi Paulo Roberto Bz., precisando é só deixar um recado, pode ser que eu demore um dia ou dois mas sempre respondo, obrigado pela visita, volte sempre!! :)

    Oi Evandro, sobre o Corinthians, sem comentários, estou de luto, hahah, obrigado pela visita!!

    Oi Ygor Blanco, Flash e Action Script, obrigado pela visita!! :)

    Oi Ana, em Corel eu mexo um pouquinho também, uso ele pouco, ultimamente tenho mexido bastante com o illustrator, é parecido e veio no pacote da suite CS3 que uso no serviço, aprendi tudo sozinho, lendo e na pratica, já trabalhei com designer e em 2 laboratórios de fotografia digital, ano que vem pretendo tirar a certificação da Adobe :) obrigado pela visita!!

     
    Às 3 de dezembro de 2007 18:52:00 BRST , Blogger Thiago disse...

    haahuuhahua vamos fazer uma vaquinha pro andre ser certificado ahuahuahua
    CAMPANHA VAQUINHA PRO ANDRE

     
    Às 3 de dezembro de 2007 22:36:00 BRST , Blogger Andre Sugai disse...

    Oi Thiago, hahah, era melhor fazer uma campanha pra me ajudar a trocar de computador, meu computador de casa já me deixou na mão com o blog várias vezes, tanto que antes de trabalhar eu tive até que ir numa lan house para poder atualizar o blog e isso foi mais de 1 vez, :P, tenho um iMac já faz mais de 7 anos, levei na assistência mas o técnico disse que o computador já está muito velho, ainda funciona mas se eu desligar ele fica mais ou menos 1 semana sem ligar e nem dar sinal de vida, as vezes desliga sozinho e não consigo entrar em vários sites porque não existem mais atualizações para meus browsers nem meu sistema operacional, a Apple já lançou o Mac OS X 10.0.5 Leopard e eu ainda estou usando o 9.2 :P, espero que em Janeiro eu já esteja com um novo computador, aí sim poderei modificar e melhorar várias coisas no blog :), obrigado pela visita!!

     
    Às 3 de dezembro de 2007 22:54:00 BRST , Blogger Gustavo Henrique disse...

    Esse foi bem simples mas legal =].. facil! rs
    Ai andré gostaria que visse esse video (http://www.youtube.com/watch?v=aHLpRxAmCrw&feature=related) e gostaria se podia montar tuto mostrando as camadas de cor que ele vai colocando nas pessoas.. repara soh são d+!

    Abraços!


    Eita segundona!! AHAhah

     
    Às 4 de dezembro de 2007 01:03:00 BRST , Anonymous //CharR... ( Charles ) disse...

    Cara você é o cara!!^^

    Visito o blog a pouco tempo, e já fiz coisas que nem eu acreditei... muito bom, continue assim!!! :D

    Mas Andre , eu estava olhando por aí, e não vi ninguém ensinando como ampliar uma imagem (deixa-la maior sem perder a qualidade), melhorar ela (cor,brilho,contraste,etc...) e tirar aqueles quadradinhos vermelhos e azuis (tenho imagens com uma resolução até que boa - 2660x1995 - mas não serve pra nada se a qualidade é ruim :( ), esse tipo de matéria me faz muita falta, pois as imagens que geralmente meus amigos tiram, ficam assim e é horrível fazer uma edição com uma imagem nesse estado ( você sabe como é ^^ ).

    Bom, meu pedido foi esse. ^^

    Continue assim cara, cada vez melhor... parabéns!.
    Abraços.

     
    Às 4 de dezembro de 2007 16:03:00 BRST , Blogger Andre Sugai disse...

    Oi Gustavo, a verdade este vídeo vai mostrando o processo de tratamento de foto em etapas, já tinha publicado este vídeo aqui no blog, muito bom né? obrigado pela visita!! :)

    Oi Charles, estes ruídos nas imagens muitas vezes são causados por lentes de baixa qualidade, pode deixar que postarei um tutorial que ajuda a melhorar este tipo de foto, não faz milagres mas ajuda bastante :), obrigado pela visita!! :)

     
    Às 7 de dezembro de 2007 13:23:00 BRST , Anonymous João disse...

    fala parceiro...
    vlw por ter lembrado do tutorial que eu tinha lhe falado...
    lembra?? te perguntei o conceito sobre máscara de vetor
    muito obrigado por ter respondido a minha pergunta fera

    abraço

    ti cuida

     
    Às 7 de dezembro de 2007 13:56:00 BRST , Blogger Andre Sugai disse...

    Oi João, eu que agradeço a visita, eu demoro mas acabo sempre postando algo a respeito quando as pessoas pedem algo, espero que tenha ajudado, obrigado pela visita!! :)

     
    Às 17 de dezembro de 2007 14:04:00 BRST , Blogger Daniel Henrique disse...

    Parabéns, excelente espaço.
    Sucesso constante, tenho aprendido muito com seus tutoriais.
    Felicidades.
    Daniel

     
    Às 17 de dezembro de 2007 14:20:00 BRST , Blogger Andre Sugai disse...

    Oi Daniel, eu que agradeço a visita!! volte sempre!! :)

     
    Às 24 de agosto de 2008 10:14:00 BRT , Anonymous Carol disse...

    Ola André! você sabe como deixar uma borda arredondada, mas que o fundo da imagem fique transparente e não branco!?

     
    Às 11 de setembro de 2008 12:12:00 BRT , Anonymous Anônimo disse...

    Obrigadão por este post, estava precisando faz tempo...

    Abs

     
    Às 21 de setembro de 2008 15:44:00 BRT , Anonymous manu disse...

    aah eu faço com o smooth tool e é mais fácil, mesmo efeito

     
    Às 25 de abril de 2012 23:47:00 BRT , Blogger Elaine disse...

    Depois de vários tutoriais que não me serviram de nada... enfim este aqui! "Obrigada meu Deus!"

     

    Postar um comentário

    Assinar Postar comentários [Atom]

    Links para esta postagem:

    Criar um link

    << Início