YourGame

Você não está logado.

Aviso

Para conectar-se ao fórum, utilize o mesmo nome e senha do site :) Não é necessário se registrar.

#1 20-07-2012 19:14:12

missmai
Membro
De: Toledo - PR
Cadastrado: 01-12-2010
Posts: 2407
Website

[TUTORIAL] Como fazer bordas arredondadas transparentes

Olá, meninas!
A Stella havia me perguntado como fazer as bordas redondas de imagens, como esta:
http://desmond.imageshack.us/Himg155/scaled.php?server=155&filename=assinatura01z.png&res=landing
Então resolvi criar um tutorial para melhor explicar.

Lembrando que para fazer este efeito deve-se ter o programa PhotoFiltre Studio, que é rápido para se baixar e praticamente gratuito (siga este tutorial para baixá-lo:http://designphotos-etc.blogspot.com.br … ducao.html).

Outra observação: Não reparem que meu programa está em inglês.

http://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpg

# PRIMEIRO PASSO
Clique em Arquivo > Novo. Coloque o tamanho que preferir, marque a opção 'Transparência automática' e clique em Ok.
http://desmond.imageshack.us/Himg196/scaled.php?server=196&filename=tuto04z.png&res=landing

http://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpg

# SEGUNDO PASSO
Cole sua imagem e aperte Ctrl + Enter para juntar as camadas.
http://desmond.imageshack.us/Himg819/scaled.php?server=819&filename=tuto05s.png&res=landing

http://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpg

# TERCEIRO PASSO
Escolha a ferramenta 'Seleção', então clique no 'Retângulo arredondado'.
http://desmond.imageshack.us/Himg844/scaled.php?server=844&filename=tuto06.png&res=landing

http://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpg

# QUARTO PASSO
Selecione toda a imagem, clique com o botão direito do mouse sobre ela e escolha a opção 'Inverter seleção'.
http://desmond.imageshack.us/Himg824/scaled.php?server=824&filename=tuto07.png&res=landing

http://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpg

# QUINTO PASSO
Aperte a tecla 'Delete' do teclado.
http://desmond.imageshack.us/Himg807/scaled.php?server=807&filename=tuto08.png&res=landing

http://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpg

Resultado:
http://desmond.imageshack.us/Himg707/scaled.php?server=707&filename=tuto09.png&res=landing

Espero que tenha sido claro. Qualquer dúvida pergunte neste tópico. :)
Bjs!

http://i.imgur.com/mqzjf.png

Última alteração por missmai (20-08-2012 22:13:17)


http://i.imgur.com/UJfSiOD.png


#2 20-07-2012 19:17:18

supermarga123
Membro
De: World Kawaii =3
Cadastrado: 07-03-2011
Posts: 3988

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

Amei! Linda no Photo Shop n da para fazer assinatura pois n? Te adoro d+. Beijithos

Última alteração por supermarga123 (20-07-2012 19:52:40)


http://i.imgur.com/bLQM8JG.png
        "Wish I Knew Back Then What I Know Now Wish I Could Somehow Go Back In Time And          Maybe Listen To My Own Advice"
                                                    Little Mix - Little Me
 

#3 20-07-2012 19:33:03

xxstellaxx
Membro
De: AngelLand
Cadastrado: 05-03-2011
Posts: 4667

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

Obrigada pelo tutorial. Você é demais!


https://i.imgur.com/NodbDvf.png
http://i.imgur.com/uLjetbU.png
 

#4 20-07-2012 19:56:43

missmai
Membro
De: Toledo - PR
Cadastrado: 01-12-2010
Posts: 2407
Website

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

supermarga123 escreveu:

Amei! Linda no Photo Shop n da para fazer assinatura pois n? Te adoro d+. Beijithos

Dá sim, Marga. Só que eu utilizo o PhotoFiltre por ser mais fácil de fazer montagens (o PS eu uso mais para desenhos).
Bjs!


http://i.imgur.com/UJfSiOD.png
 

#5 20-07-2012 19:59:15

supermarga123
Membro
De: World Kawaii =3
Cadastrado: 07-03-2011
Posts: 3988

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

Tá obrigada Miss. Então o PS é mais complicado mas consegue fazer assinaturas?
Miss, você já fez alguma assinatura no PS?
Beijithos e obg por esclarecer minha dúvida mdr


http://i.imgur.com/bLQM8JG.png
        "Wish I Knew Back Then What I Know Now Wish I Could Somehow Go Back In Time And          Maybe Listen To My Own Advice"
                                                    Little Mix - Little Me
 

#6 20-07-2012 20:00:42

chris98
Membro
De: Portugal
Cadastrado: 26-03-2011
Posts: 4156
Website

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

Não dá para fazer no pixlr quoi

 

#7 20-07-2012 20:10:05

GrazielaDevotion
Membro
Cadastrado: 23-02-2012
Posts: 1282

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

missmai escreveu:

Olá, meninas!
A Stella havia me perguntado como fazer as bordas redondas de imagens, como esta:
http://desmond.imageshack.us/Himg155/sc … es=landing
Então resolvi criar um tutorial para melhor explicar.

Lembrando que para fazer este efeito deve-se ter o programa PhotoFiltre Studio, que é rápido para se baixar e praticamente gratuito (siga este tutorial para baixá-lo:http://designphotos-etc.blogspot.com.br … ducao.html).

Outra observação: Não reparem que meu programa está em inglês.

http://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpg

# PRIMEIRO PASSO
Clique em Arquivo > Novo. Coloque o tamanho que preferir, marque a opção 'Transparência automática' e clique em Ok.
http://desmond.imageshack.us/Himg196/sc … es=landing

http://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpg

# SEGUNDO PASSO
Cole sua imagem e aperte Ctrl + Enter para juntar as camadas.
http://desmond.imageshack.us/Himg819/sc … es=landing

http://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpg

# TERCEIRO PASSO
Escolha a ferramenta 'Seleção', então clique no 'Retângulo arredondado'.
http://desmond.imageshack.us/Himg844/sc … es=landing

http://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpg

# QUARTO PASSO
Selecione toda a imagem, clique com o botão direito do mouse sobre ela e escolha a opção 'Inverter seleção'.
http://desmond.imageshack.us/Himg824/sc … es=landing

http://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpg

# QUINTO PASSO
Aperte a tecla 'Delete' do teclado.
http://desmond.imageshack.us/Himg807/sc … es=landing

http://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpghttp://i41.tinypic.com/339nlok.jpg

Resultado:
http://desmond.imageshack.us/Himg707/sc … es=landing

Espero que tenha sido claro. Qualquer dúvida pergunte neste tópico. :)
Bjs!

Missmai eu já sabia, mais seu tutorial me ajudou mais pois é mais pratico eu fazia sim eu ia la no photoscape fazia as borda e depois ia no photo filtre e apagava deixando tranparente..

 

#8 20-07-2012 20:13:55

missmai
Membro
De: Toledo - PR
Cadastrado: 01-12-2010
Posts: 2407
Website

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

supermarga123 escreveu:

Tá obrigada Miss. Então o PS é mais complicado mas consegue fazer assinaturas?
Miss, você já fez alguma assinatura no PS?
Beijithos e obg por esclarecer minha dúvida mdr

Não, ele é complicado pra fazer tudo praticamente, rsrsrs
Mas quando vou desenhar no PhotoFiltre a qualidade saiu muito baixa, então faço no PS.
No PS já cheguei a fazer (pois as opções de efeitos das palavras é muito maior), mas ainda prefiro no PhotoFiltre.
Por nada. ^^ Bjs!


http://i.imgur.com/UJfSiOD.png
 

#9 20-07-2012 20:14:59

missmai
Membro
De: Toledo - PR
Cadastrado: 01-12-2010
Posts: 2407
Website

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

xxstellaxx escreveu:

Obrigada pelo tutorial. Você é demais!

Imagina ^^
Fico feliz por ter ajudado :)
Beijo.


http://i.imgur.com/UJfSiOD.png
 

#10 20-07-2012 20:16:09

missmai
Membro
De: Toledo - PR
Cadastrado: 01-12-2010
Posts: 2407
Website

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

Chris, está pronto sua assinatura e avatar:
http://desmond.imageshack.us/Himg37/scaled.php?server=37&filename=avatar052n.png&res=landing
http://desmond.imageshack.us/Himg16/scaled.php?server=16&filename=assinatura052.png&res=landing


http://i.imgur.com/UJfSiOD.png
 

#11 20-07-2012 20:17:47

cristalltrigger
Membro
Cadastrado: 21-11-2010
Posts: 3951

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

Miss essa sua montagem de assinatura que você fez páh voc.
Você vez tambem pleo Photofiltre ?


https://i.imgur.com/7DzNwwk.jpg
http://i.imgur.com/uLjetbU.png
 

#12 20-07-2012 20:22:06

missmai
Membro
De: Toledo - PR
Cadastrado: 01-12-2010
Posts: 2407
Website

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

chris98 escreveu:

Não dá para fazer no pixlr quoi

Eu procurei a ferramenta de seleção no Pixlr mas só tinha a opção de retângulo e círculo, e não um retângulo arredondado :(
Se for possível, baixe o PhotoFiltre, é um ótimo programa.
Beijo!


http://i.imgur.com/UJfSiOD.png
 

#13 20-07-2012 20:23:45

missmai
Membro
De: Toledo - PR
Cadastrado: 01-12-2010
Posts: 2407
Website

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

GrazielaDevotion escreveu:

Missmai eu já sabia, mais seu tutorial me ajudou mais pois é mais pratico eu fazia sim eu ia la no photoscape fazia as borda e depois ia no photo filtre e apagava deixando tranparente..

No Photoscape não tem transparência?
Achei que tivesse. :/
Mas é mais fácil fazer tudo em um programa só, não é mesmo? ^^
Bjs.


http://i.imgur.com/UJfSiOD.png
 

#14 20-07-2012 20:29:41

chris98
Membro
De: Portugal
Cadastrado: 26-03-2011
Posts: 4156
Website

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

missmai escreveu:

chris98 escreveu:

Não dá para fazer no pixlr quoi

Eu procurei a ferramenta de seleção no Pixlr mas só tinha a opção de retângulo e círculo, e não um retângulo arredondado :(
Se for possível, baixe o PhotoFiltre, é um ótimo programa.
Beijo!

Não posso baixar.. meu irmão ralha comigo, e começa dizendo que só meto virus no pc (acredita ele é insuportável), e o pior é que não posso fazer nada porque ele tem 21 anos honte

 

#15 20-07-2012 20:31:16

missmai
Membro
De: Toledo - PR
Cadastrado: 01-12-2010
Posts: 2407
Website

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

cristalltrigger escreveu:

Miss essa sua montagem de assinatura que você fez páh voc.
Você vez tambem pleo Photofiltre ?

Sim, essa também foi lá. :)


http://i.imgur.com/UJfSiOD.png
 

#16 20-07-2012 20:32:52

missmai
Membro
De: Toledo - PR
Cadastrado: 01-12-2010
Posts: 2407
Website

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

chris98 escreveu:

missmai escreveu:

chris98 escreveu:

Não dá para fazer no pixlr quoi

Eu procurei a ferramenta de seleção no Pixlr mas só tinha a opção de retângulo e círculo, e não um retângulo arredondado :(
Se for possível, baixe o PhotoFiltre, é um ótimo programa.
Beijo!

Não posso baixar.. meu irmão ralha comigo, e começa dizendo que só meto virus no pc (acredita ele é insuportável), e o pior é que não posso fazer nada porque ele tem 21 anos honte

Ah, que pena :(
Minha irmã também era assim comigo, não podia baixar nada...
Mas um dia isso acaba, como foi comigo :)
Beijo.


http://i.imgur.com/UJfSiOD.png
 

#17 20-07-2012 21:44:09

GrazielaDevotion
Membro
Cadastrado: 23-02-2012
Posts: 1282

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

missmai escreveu:

GrazielaDevotion escreveu:

Missmai eu já sabia, mais seu tutorial me ajudou mais pois é mais pratico eu fazia sim eu ia la no photoscape fazia as borda e depois ia no photo filtre e apagava deixando tranparente..

No Photoscape não tem transparência?
Achei que tivesse. :/
Mas é mais fácil fazer tudo em um programa só, não é mesmo? ^^
Bjs.

Não tem não é só montagem mesmo pois quando eu faço no Photo Filtre uma imagem transparente no photoscape fica branco;;
É sim é facil e pratico, e o Photo Filtre tambem e bom eu queria telo em português mais achei só Inglês né..

 

#18 20-07-2012 22:45:52

chris98
Membro
De: Portugal
Cadastrado: 26-03-2011
Posts: 4156
Website

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

missmai escreveu:

chris98 escreveu:

missmai escreveu:


Eu procurei a ferramenta de seleção no Pixlr mas só tinha a opção de retângulo e círculo, e não um retângulo arredondado :(
Se for possível, baixe o PhotoFiltre, é um ótimo programa.
Beijo!

Não posso baixar.. meu irmão ralha comigo, e começa dizendo que só meto virus no pc (acredita ele é insuportável), e o pior é que não posso fazer nada porque ele tem 21 anos honte

Ah, que pena :(
Minha irmã também era assim comigo, não podia baixar nada...
Mas um dia isso acaba, como foi comigo :)
Beijo.

acredita, é só comprar o meu pc, e baxo tudo o que eu quiser!
já juntei 90€ para um telemovel que só custava 60€ ainda sobrou para comprar jogos 
comprei um huawei G6608

 

#19 20-07-2012 22:58:45

supermarga123
Membro
De: World Kawaii =3
Cadastrado: 07-03-2011
Posts: 3988

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

Sinceramente este Tutorial está ótimo!


http://i.imgur.com/bLQM8JG.png
        "Wish I Knew Back Then What I Know Now Wish I Could Somehow Go Back In Time And          Maybe Listen To My Own Advice"
                                                    Little Mix - Little Me
 

#20 21-07-2012 00:18:47

cristalltrigger
Membro
Cadastrado: 21-11-2010
Posts: 3951

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

humm isso e mais facil do que do jeito qe eu faço D:
mas so que nem cavalo veio. n aprendo algo novo continuo fazendo o mais complicado D:
shaishaushuahsuahsuaaa


https://i.imgur.com/7DzNwwk.jpg
http://i.imgur.com/uLjetbU.png
 

#21 21-07-2012 00:43:13

Ancien joueur
Invité

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

Miss, quando vou abrir um novo nao tem a opção de transparencia, olha isso:
http://i46.tinypic.com/dz8kkj.png
D= e agora? beijos enormes

 

#22 21-07-2012 01:49:23

cristalltrigger
Membro
Cadastrado: 21-11-2010
Posts: 3951

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

marimarilima escreveu:

Miss, quando vou abrir um novo nao tem a opção de transparencia, olha isso:
http://i46.tinypic.com/dz8kkj.png
D= e agora? beijos enormes

Fofiiz voc baixou o PHOTOFILTRE ? ou o  PHOTOFILTE  STUDIO X ?
se for a primeira opção tente pegar a photofiltre studio X e esse que tenho e ele possui mais opções do qe o photofiltre.


https://i.imgur.com/7DzNwwk.jpg
http://i.imgur.com/uLjetbU.png
 

#23 21-07-2012 19:09:48

missmai
Membro
De: Toledo - PR
Cadastrado: 01-12-2010
Posts: 2407
Website

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

GrazielaDevotion escreveu:

missmai escreveu:

GrazielaDevotion escreveu:

Missmai eu já sabia, mais seu tutorial me ajudou mais pois é mais pratico eu fazia sim eu ia la no photoscape fazia as borda e depois ia no photo filtre e apagava deixando tranparente..

No Photoscape não tem transparência?
Achei que tivesse. :/
Mas é mais fácil fazer tudo em um programa só, não é mesmo? ^^
Bjs.

Não tem não é só montagem mesmo pois quando eu faço no Photo Filtre uma imagem transparente no photoscape fica branco;;
É sim é facil e pratico, e o Photo Filtre tambem e bom eu queria telo em português mais achei só Inglês né..

Mas dá pra traduzir o PhotoFiltre, flor!
Siga esse tutorial:http://tradutor.photofiltrestudio.com.br/


http://i.imgur.com/UJfSiOD.png
 

#24 21-07-2012 19:10:57

missmai
Membro
De: Toledo - PR
Cadastrado: 01-12-2010
Posts: 2407
Website

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

chris98 escreveu:

acredita, é só comprar o meu pc, e baxo tudo o que eu quiser!
já juntei 90€ para um telemovel que só custava 60€ ainda sobrou para comprar jogos 
comprei um huawei G6608

Nossa, Chris, que bom!
Eu sou ainda dependente da minha mãe, não recebo nenhum dinheiro extra, então quando quero algo novo tenho que pedir a pela pra comprar. :s
Bjs!


http://i.imgur.com/UJfSiOD.png
 

#25 21-07-2012 19:12:59

missmai
Membro
De: Toledo - PR
Cadastrado: 01-12-2010
Posts: 2407
Website

Re: [TUTORIAL] Como fazer bordas arredondadas transparentes

supermarga123 escreveu:

Sinceramente este Tutorial está ótimo!

Obrigada, prima. :)


cristalltrigger escreveu:

humm isso e mais facil do que do jeito qe eu faço D:
mas so que nem cavalo veio. n aprendo algo novo continuo fazendo o mais complicado D:
shaishaushuahsuahsuaaa

KKKKKKKKKKK
Mas você o faz do mesmo jeito, então está valendo :D
Bjs!


http://i.imgur.com/UJfSiOD.png
 
 

Rodapé do fórum