Tutorial - Bordas Arredondadas no Photoshop

Fala ae pessoal blz?

entaum este eh meu primeiro tuto e vamos ver se vai ficar legal

1)Bom, primeiramente crie uma imagem do tamanho q vc quiser. Eu vou criar uma aqui

de 450 x 151 pixels com fundo branco. Agora crie uma seleção retangular que ocupa aproximadamente 4/5 do espaço em branco, utilizando a ferramenta "marca de seleção retangular".

[img width=485 height=194]http://i26.tinypic.com/2h4xg8h.jpg[/img]

2) Agora pinte esta área selecionada de preto com a feramenta "lata de tinta".

3)Desfaça a seleção usando o atalho (Ctrl +D).

[img width=485 height=194]http://i29.tinypic.com/vru4ia.jpg[/img]

4)Abra o menu Filtro > Desfoque > desfoque Gausiano. No parâmetro Raio, coloque 12,0 pixels. Isso fará com que seu retangulo fique desfocado como o meu, q esta ai embaixo.

[img width=484 height=187]http://i26.tinypic.com/34sndiu.jpg[/img]

5)Depois disso tudo  vá no menu Imagem > Ajustar > níveis. No parâmetro níveis de entrada, coloque os números 1181,00138 nos campos. Clique em OK.

[img width=484 height=187]http://i32.tinypic.com/33z5l5i.jpg[/img]

6)Agora crie outra camda utilizando o atalho (Ctrl + J) e desmarque o olhinho. Deixe como na figura abaixo.

[img width=212 height=235]http://i28.tinypic.com/2q84rd4.jpg[/img]

7)Agora selecione a "varinha mágica" e aperte delete nos espaços brancos.

[img width=483 height=185]http://i32.tinypic.com/2renyfq.jpg[/img]

8) Entum só vai sobrar o retângulo e vc pode move-lo para qualquer outra figura selecionando a ferramenta "mover".

espero q tenham gostado

abraços 

Belo tuto, hein.. não sabia como colocar bordas arredondadas.. gostei.. valeu!! Olha como fiz:  :biggrin:

URLW2ltZyB3aWR0aD0xNTAgaGVpZ2h0PTEyMF1odHRwOi8vaW1nMjMxLmltYWdlc2hhY2sudXMvaW1nMjMxLzg2MzQvaW1hZ2VtY3o3LnRoLnBuZ1svaW1nXS0tOzstLWh0dHA6Ly9pbWcyMzEuaW1hZ2VzaGFjay51cy9teS5waHA/aW1hZ2U9aW1hZ2VtY3o3LnBuZw==

[quote author=edugamer link=topic=28792.msg229975#msg229975 date=1203262635]

Belo tuto, hein.. não sabia como colocar bordas arredondadas.. gostei.. valeu!! Olha como fiz:  :biggrin:

URLW2ltZyB3aWR0aD0xNTAgaGVpZ2h0PTEyMF1odHRwOi8vaW1nMjMxLmltYWdlc2hhY2sudXMvaW1nMjMxLzg2MzQvaW1hZ2VtY3o3LnRoLnBuZ1svaW1nXS0tOzstLWh0dHA6Ly9pbWcyMzEuaW1hZ2VzaGFjay51cy9teS5waHA/aW1hZ2U9aW1hZ2VtY3o3LnBuZw==

[/quote]

blz

mas eu refiz o tuto

da mas uma olhadinha ae

abraço

sim, o tuto ficou legal... para o pessoal novo vai ser

bem interessante...

só que tem uma coisa, o mcfritas mostrou como deixar

fundo transparente na ultima parte...

entõa, pra ele continuar assim na hora de salvar, tem de

salvar como PNG... do contrário, vai ficar branco

de novo... hehe

abraços, parabéns mcfritas... :wink:

Tugh tocou em um detalhe interresante... para manter ter o fundo transparente deve-se salvar a imagem com estensão de png... assim fica com o fundo transparente igual minha singabaixo!...

belo tuto e bem explicado!

vlw mcfritas! :wink:

belo tutorial mcfritas... como ja tinha dito mais cedo, no post "Um Brinde.... 2.0(Replay)

um brinde ao seu tuto, fikou muito bom!!

vlw pessaol

assim eu fico emocionado

kk

vlw msm

abraços

Mc depois da uma mudada no nome do topico pra Tutorial - Bordas Arredondadas no Photoshop

porque existem diversos programas para edição grafica e cada um é de um jeito...

ou então vc pode aproveitar e dar dicas de como fazer em corel, gimp, paint e outros!

[quote author=Raul Tosta link=topic=28792.msg230021#msg230021 date=1203265285]

Mc depois da uma mudada no nome do topico pra Tutorial - Bordas Arredondadas no Photoshop

porque existem diversos programas para edição grafica e cada um é de um jeito...

ou então vc pode aproveitar e dar dicas de como fazer em corel, gimp, paint e outros!

[/quote]

fala ae Raul

entaum ja consertei

e da um olhada ae no seu MP

vlw

Agora sim! voltemos ao assunto inicial... vlw mc!

Bom no Fireworks já tem um shape com borda arredondada. Dai embaixo em properties deixe o canvas sem cor (transparente). Pronto é só salvar o png.

OFF

Nooooosssssaaaa!!! No princípo duvidei dessa sign do Raul com fundo transparente. Estava em um micro P4 2.4ghz, 512 DIMM, video 32mb SIS 300/305/630/540/730 (series) 32bit color offboard, monitor lg studioworks 440 (15')crt, micro da escola (um cliente), e a sign do Raul não tava transparente. Daí resolvi acrescentar nesse tuto fazendo pelo fireworks no meu micro sempron 2800+ 1.6ghz, memoria 1.5gb, video via/s3 unichrome pro igp 64mb onboard 32bit color, e monitor samsung 794v (17')crt, e vi sua sign transparente. Não entendi pq da diferença da sign nesses micros, no meu outro monitor 17' wide lcd da aoc tbm tá transparente.

E agora é o vídeo ou o monitor ?

bom Vankorn, eu num tenho certeza, mas acho

que no inicio que o Raul começou a usar a sign, num

tava com fundo transparente...

isso eu acho que seria o mais obvio... mas acho que

aqui num é lugar pra debatermo isso né, parceiro...

abraços

Opa... excelente tuto.

A uns dias atras um amigo meu me mostrou a fazer esse recurso só que de forma diferente mostrada no tuto. Mas ambas saem com ótimo resultados.

Parabéns;

hmm.. realmente cada um tem um jeito de fazer efeitos

tipo esse... eu mesmo num faço da mesma forma que foi

descrita no tuto... hehe

Tutorial muito útil para os iniciantes.

Parabéns!

Abs

Nesta sign que estou usando agora... tive que fazer algo paredido nas bolinhas rsrssrr...

mas é segredo pq nem deu muito certo o que eu queria!

Novamente Belo tutorial... acho que alguem poredia postar aki sobre como fazer no fireworks e no Corel!

mas o que vc quer fazr

botoes

vetorizaçao

efeitos 3d

?

Sobre bordas arrendondadas!

corel quem poderia postar é o Ncar ou vc mesmo

Raul e fireworks o vankorn mesmo podia postar...

afinal é um efeito simples... :wink:

Bordas arredondadas no fireworks:

Crie um novo documento 450 x 150

pressione a tecla "U" (para criar um retângulo), coloque o tamanho mais ou menos como eu fiz na imagem (406 x 120).

Coloque "1" para linha (onde está "1-Pixel Soft")

Coloque "50" para Retângule roundness

E salve a imagem.`Por padrão o fireworks já salva em png e com fundo tranparente

[img width=514 height=412]http://i30.tinypic.com/el6wz6.jpg[/img]