Criando Bordas e babados no Photoshop

Technorati Tags: , , , ,

A algum tempo, estava tentando cria uma borda como essa abaixo, para meus Layouts:

Essa eh a Borda usada nesse Scrap AQUI

Pois bem, achei a solucao para meu problema, nesse tutorial AQUI, que a Ines me enviou.

Como o tutorial esta em ingles eu vou transcrever aqui o passo a passo, nao eh uma traducao. Portanto se voce tiver algum problema seguindo o meu tutorial sugiro que vc de uma olhada tambem no original.

Entao vamos la!

1 – Abra um novo domumento em seu Photoshop, com o fundo transparete, a largura ideal eh a mesma largura dos papeis de scrap digital, a altura fica a seu criterio. Eu usei as dimensoes 3600px de largura e 500px de altura, dpi 300. Certifique-se que as cores da paleta (ver imagem ao lado) sejam preto e branco.

2 – Selecione a ferramenta pincel (Brush ) e escolha o Hard Round 19, certifique-se de que “opacity”, “flow” e “hardness”, estejam em 100%, aumente o diametro do pincel para 200px.

3 – Abra a paleta de Brush da direita (conforme imagem abaixo), se ela nao estiver ali, click no menu window>brushes que ela aparece, para ficar no mesmo formato da imagem, click na opcao “brush Tip Shape”, conforme aparece em azul na imagem abaixo:

4 – Aqui nessa paleta vc ira ajustar o espaco, para que os pontos do pincel apenas toque um no outro, tambem ajuste o “roundness” para que ele fique com um formato mais oval do que redondo, isso ajuda na hora de cortar.

Observe os numeros usados nesse tutorial:

Diameter: 200px

Angle: 90o.

Roundness: 72%

Spacing: 90%

PS> essa informacoes podem variar de acordo com o resultado desejado.

PS2> o “roundness” pode tb ser ajustado clicando e arrastando com o mouse em um dos angulos horizontais do circulo.

Pincel ajustado vamos agora criar nosso template:

5 – Volte em seu novo documento, e segurando a tecla “SHIFT” para formar uma linha reta, click e arraste o mouse na horizontal, o seu resultado sera algo assim:

6 – Agora vamos recortar, use a ferramenta retangulo marque, e selecione uma das pertes da imagem e delete, o resultado fica assim:

7 – Salve essa imagem com a extensao PNG, e voce ja tem um template para usar em seus LOS.

Para transforma-lo de acordo com o papel que vc estiver usando, basta coloca-lo em um novo “layer” logo abaixo do papel que vc quer que fique nesse formato e usar o atalho: Ctrl+Alt+G no Photoshop CS2, no antigo apenas Ctrl+G. Essas teclas criam uma mascara, e o resutado eh esse aqui (para melhor resultado escolha tambem um background coordenando):

Esse eh o principio basico da coisa, mas apartir desse principio voce pode inventar milhares de outras bordas. No meu primeiro experimento por exemplo eu voltei nos pinceis, troquei a cor para branco e criei os furinhos na ponta. Me deu um pouco de trabalho ajustar a distancia, se voce estiver fazendo esse tutorial com as mesmas medidas que coloquei acima, use as medidas abaixo para criar os furinho na borda:

Diameter: 40px

Angle: 90o.

Roundness: 100%

Spacing: 324%

Lembre-se o pincel precisa estar em branco, usando o mesmo principio acima, percorra o mouse na horizontal com a tecla shift apertada, o resultado sera esse aqui:

Para se livrar dos pontos brancos e obter a borda vasada, use a ferramenta magic wand wand tool, click com o botao direto do mouse e selecione a opcao color range, escolha o branco, e toda parte branca sera selecionada, delete. Pronto! Salve com outro nome e extensao PNG, e vc agora tem dois templates.

Voce pode tambem criar um novo template dessa vez no mesmo tamanho dos seus papeis e fazendo a rotacao do primeiro template voce pode criar um retangulo, como o esse abaixo:

Observe que ao unir as bordas, nos cantos eu propositalmente criei um coracao, usando novamente um pincel preto mais fino para dar o acabamento.

Como essa tecnica voce pode tambem usar outros pinceis como os de estrelinha por exemplo e criar as mais variadas bordas.

Vale a pena explorar, as possibilidades sao infinitas.

Existem tambem muitos pinceis por ai que voce pode baixar e instalar em seu photoshop e usa-los para criar novos tamplates para seus LOs, nao esqueca de sempre deixar os creditos.

Alguns do meus sites favoritos para Pinceis:

Brush 500ml, StrangeAngels, Obsidian Dawn.

Se voce tiver outros para me indicar, deixe um comentario, pinceis nunca sao demais! :-)

Caso voce queira os templates prontos CLICK AQUI e AQUI, e so copiar.

A Babi tambem escrevereu a respeito dessas bordas, e deixou um link para fazer download de outros templates, passem la para conferir!


27 Comments

  1. Maíra

    Oi Ale!!! Adorei o tutorial! Vou criar várias bordinhas, obrigada!!!
    Bjão

    Reply

  2. Carola}i{

    Eh laiá! Eu vejo que eu tô sempre levando séculos pra fazer algo q se pode fazer em segundo. Valeu a dica Alê!

    Reply

  3. Ciça

    Ops… comentei no blog errado. hehehehehe mas tá valendo

    Reply

  4. Meire

    Bom dia Ale!
    Entao, lembra qdo vc pediu pra gente parar? Depois daquele dia nao contabilizei nem atualizei mais.
    Mas acho legal a ideia.
    bjs

    Reply

  5. AleB

    Entao Meiroca quem ganhou??? Foi que eu acho que foi??? Ja comprei a camiseta, acho que ate semana que vem ja a terei por aqui. Vamos fazer um post conjunto na segunda para avisar da premiacao.
    Tb estou comecando uma nova promocao, dessa vez la no WordPressBrasil.
    PS> Eu estou recebendo e-mails normalmente so nao consigo mandar.
    BJS

    Reply

  6. Vivi

    Que lindo :) Vou tentar, pq eu não tinha conseguido com o tuto :)
    Bjão

    Reply

  7. Luma

    http://www.papelbonito.blogspot.com/
    http://www.papelbonito.com.br/

    Duas páginas da mesma autora. Acho que interessa!
    Bom fim de semana! Beijus

    Reply

  8. gabriela

    como eu faço ´ra fazer o o DOWLOND.
    NUM CONSEGUIII

    Reply

  9. Login Style » Blog Archive » Bordas e Babados em ordem!

    [...] O post que mais tras visitantes ao LoginStyle eh o tutorial para o Photoshop: Criando Bordas e babados no Photoshop [...]

    Reply

  10. cris

    amigas para sempre

    Reply

  11. Regina Celi

    gostaria de saber se posso repassar os tutos para meu grupo de estudos?

    Reply

    • AleB

      Ola Regina,
      Voce pode usar sim, ficaria agradecida se voce deixasse o endereco do LoginStyle (www.loginstyle.com) como credito.
      No mais divirta-se!!

      Reply

  12. Marigcr

    Oi ! Amei , me ajudou bastante ! me ajuda, como vc colocou isso de VIA EMAIL ?? me reponda por um e-maiL ???!!!

    Marigcrs last blog post..CONCURSO DO BLOG = DESTAQUE

    Reply

  13. naah

    mto bom o tutorial mto mesmo tava tentando fazer isso a um tempao bjuu
    thanks

    naahs last blog post..

    Reply

  14. RHOBERTTA

    oi clega pssei para te te deixar um BEIJOOOOOOOOOOO muito grande.
    tchau!!!!!!!

    Reply

  15. clotilde

    Olá.

    muito bom esse tutorial. sera que existe um meio de fazer em circulo?
    bjs

    Reply

  16. ERIKA

    Que máximo, estava louca para aprender a fazer e finalmente consegui. Obrigada por compartilhar seu conhecimento.Bjs

    Reply

  17. simone

    quero fazer bordas artisticas nas atividades dos meus alunos. porém meu word. não possui.

    Reply

  18. sgs

    alguem pode me ensinar a fazer um fundo pra cd no photoshop
    ou alguem tem algo pronto para que eu possa usar e so enserir minhas imagens ….. ajudem help!!!!

    Reply

  19. Thais

    Olá, não consigo colocar o papel que quero no meu template, pode me enviar um tutorial sobre como fazer isso via e-mail?!
    Obrigada (ta_tdn@hotmail.com)

    Reply

  20. Renata Mendonça

    Olá, sou iniciante nessas novidades , porem muito curiosa.
    Achei maravilhoso seu tutorial, já fiz e aprendi. Agora gostaria de aprender a mexer no Scrapbooking, na verdade eu nem sei bem o que é, só sei que tem um efeito lindo.
    Grata!
    .-= O ultimo blog de Renata Mendonça foi..Resistros importantes! =-.

    Reply

  21. Glau

    Ahh adorei esse tutorial!!

    Reply

  22. Hannah

    OQUE É DPI?

    Reply

    • AleB

      Dots per inchs (traducao: pontos por polegas)

      Reply

  23. Databom Informática

    Gostaria de aprender a fazer bordas com cantos arredondados com sombra interna tipo um efeito 3d. Vc já postou essa dica ou poderia postar pra gente? Obrigado!
    Cleber

    Reply

  24. Suuuh

    Adoreeei!! Me ajudou muuito! *-* Obrigaada!! ;*

    Reply

  25. Ana Claudia

    Amei a dica!…Obrigada!

    Reply

Leave a Reply

*

CommentLuv badge