Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

1Foxdesigner.biz 

Foxdesigner.biz
Administrador

Ter 10 Ago 2010, 6:21 pm
"1° Crie um arquivo de 200x200px (tamanho recomendado depois você
pode
reduzi-lo pro tamanho que você deseja utilizar, explicarei como

faze-lo). Depois crie um novo Layer (Layer/New
Layer/Digite
nome da Layer
) transparente com o nome "bg-orb".
Com a ferramente de elipse
faça um circulo perfeito (clique lah onde
fica a pen-tool e selecione a
bolinha na barra de ferramentas da
pen-tool lah em cima, dica: Para
fazer um circulo perfeito basta
arrastar a Elipse Tool segurando Shift).
Depois aplique um gradiente
em 90° nas cores #2a2a2a para o topo e #3e3e3e
para a base (A diferênça entre essas cores pode parecer quase nula mas
faz
diferênça na hora da iluminação da imagem, pode-se fazer a orb com
outras
cores mas procure sempre colocar uma cor no gradiente uma cor um
pouco
e repito UM POUCO mais clara na base, só não exagere pra não
estragar
a iluminação da orbe)"
Tuturial fazer Orbs Tutorial-01

2° Cria uma nova Layer com o nome "orb-glass"
e faça uma elipse mais oval como mostrado na figura a baixo, essa layer
ns ajudará com o efeito de vidro que desejamos colocar na orbe.

Tuturial fazer Orbs Tutorial-02

3° Usando a ferramenta de seleção circular
selecione a imagem um pouco
abaixo do centro da layer "orb-glass".

Tuturial fazer Orbs Tutorial-02

Dê um ctrl + alt + D para
abrir a
Feather Radius coloque-a em
30px e dê ok. Com a
layer "orb-glass" selecionada
aperte o delete duas
vezes.

Tuturial fazer Orbs Tutorial-03

4° Depois de faze-lo a sua orbe vai estar mais ou
menos assim, você pode
alterar um pouco a opacidade da layer "orb-glass"
caso ache necessário.

Tuturial fazer Orbs Tutorial-04

5° Crie uma nova layer e a posicione entre a "Orb-Glass"
e a "bg-orb"
com o nome de "orb-bottom" e

faça uma pequena elipse na cor preta (#000000) na parte de baixo do

circulo como na figura abaixo.

Tuturial fazer Orbs Tutorial-05

6° Selecione a layer "orb-bottom"
e vá em Filter>Blur>Gaussian
Blur
e aplique um blur
entre 2,8px e 3,0px. E a sua orbe vai
ficar mais ou menos assim:

Tuturial fazer Orbs Tutorial-07

Em teoria a sua orbe está feita, porém ainda
ensinarei a colocar um
brilho opcional que fica bem bonito na orbe,
siga o tutorial daqui em
diante só se for de seu interesse, caso
contrario pule pra finalização
da orbe no passo 9. Mas pra quem
quiser continuar lá vamos nós! Tuturial fazer Orbs Icon_e_biggrin

7° Crie mais uma camada entre a "orb-buttom"
e a "bg-orb" e nomeie essa layer como "Over
Glow"
(sim será mais ou menos
um outer glow feito
manualmente) e com a ferramenta de elipse faça uma
forma oval como
na imagem a baixo com uma cor de sua preferência para o
efeito,
nesse caso está sendo usado um tom de azul (#00c1de).

Tuturial fazer Orbs Tutorial-08

8° Agora com a Layer "Over Glow"
selecionada vá em Filter>Blur>Gaussian
Blur
e nessa dê
um desfoque de mais ou menos 9,0px para criar
esse efeito de brilho
da imagem abaixo.

Tuturial fazer Orbs Tutorial-09

9° agora duplique a camada "orb-Button"
e a renomeie para "orb-Shadow",
arraste-a para
baixo da "orb-bg"
e depois de mais ou menos uns 4 ↓
(Seta para baixo do teclado) para
posicionar a sombra ao seu gosto,
se achar necessário pode mudar a
opacidade da layer "orb-shadow".
se tudo deu certo até agora você terá o seguinte efeito.

Tuturial fazer Orbs Tutorial-11

10° Agora como retoques finais vamos aparar as
arestas desnecessárias
que apareceriam com fundo transparente.
Selecione a camada "orb-bg" e dê um Select>Load
selection
depois um ctrl + Shift + I para fazer a
seleção
inversa. Selecione a Layer "Over
Glow"
e dê um
delete para tirar as frestas que ficariam para
baixo da orbe, depois
selecione a camada "orb-buttom" e dê um outro delete. e
Pronto, orbe sem
arestas!

Tuturial fazer Orbs Tutorial-12

Tuturial fazer Orbs Tutorial-13

11° Para concluir a iluminação vamos agora fazer uma
outra seleção oval
com a ferramenta de seleção circular como na
imagem abaixo, depois um ctrl + alt + D para abrir a Feather
Radius
e coloquea em 30px
novamente, dê um ok e depois
mais dois delete em cima da imagem para
finalizar o efeito de
brilho.

Tuturial fazer Orbs Tutorial-14

Tuturial fazer Orbs Tutorial-15

Resultados:

Tuturial fazer Orbs Orb_Button_serie


Postei este tutu principalmente para um pedido de
um usuario!

Espero que entendam e façam..

MUito Obrigado!


Creditos
ao autor..

ireful

2DarkSouls 

DarkSouls
Membro

Qui 26 Ago 2010, 12:34 am
vlw me ajudou !!

3Gamer 

avatar
Membro

Sex 26 Nov 2010, 11:55 pm
otimo tutorial nao sabbia q dava pra faze orb com photoshop

4TeenGohan 

TeenGohan
Membro

Sáb 27 Nov 2010, 10:42 am
obg por compartilhar =D

Faz Ajudar Iniciantes :D

5shadowds 

avatar
Membro

Qua 12 Jan 2011, 6:44 am
vlw belo tuto ^^

6Hitsugaya. 

avatar
Membro

Qua 12 Jan 2011, 12:42 pm
Obg,Mim ajudou....

7Hunter 

Hunter
Membro

Qua 12 Jan 2011, 3:25 pm
Obrigado por compartilhar um otimo tutorial!

8RodrigO-NeW 

avatar
Membro

Qua 12 Jan 2011, 5:14 pm
obg poar compartilhar, legla d+ o tutu

9-Hard 

avatar
Membro

Qua 12 Jan 2011, 10:56 pm
Bom Tuturial

10temozo. 

avatar
Bronze Member

Sáb 29 Jan 2011, 2:51 pm
Eu entendi :D
valeeu por compartilhar ;*

11Monster 

Monster
Veterano

Sáb 29 Jan 2011, 4:48 pm
mto massa
obrigado

12GhostMal 

avatar
Membro

Dom 30 Jan 2011, 3:36 pm
Muito bom, obrigado ae!

13-:-Nick-:- 

avatar
Veterano

Sáb 26 Fev 2011, 1:03 pm
- Ajudou muiito :D .. Otiimo tuto !
Tanks' ;D

14-$muck' 

avatar
Gold Member

Qui 10 Mar 2011, 8:16 pm
JR.Trapaçeiro escreveu:- Ajudou muiito :D .. Otiimo tuto !
Tanks' ;D

15-$muck' 

avatar
Gold Member

Dom 13 Mar 2011, 5:38 pm
Belo tutorial, obg por compartilhar.

16Uchiha Madara 

Uchiha Madara
Veterano

Sáb 26 Mar 2011, 8:49 pm
Obrigado por compartilhar

17neto.o 

avatar
Gold Member

Ter 12 Abr 2011, 3:27 pm
vlw por compatilhar, me ajudou muito Tuturial fazer Orbs 927201

18ExTomy 

ExTomy
Veterano

Ter 12 Abr 2011, 5:37 pm
vlw ae
por compartilhar

19Battata 

avatar
Bronze Member

Ter 12 Abr 2011, 5:45 pm
ótimo tuto, tava caçando mesmo um desses

vlw brodi =D

20toom 

avatar
Bronze Member

Sex 15 Abr 2011, 9:56 am
Battata escreveu:ótimo tuto, tava caçando mesmo um desses

vlw brodi Tuturial fazer Orbs 116963

21๖̶̶̶̶̶̶̶ۣۣۜۜFavela^ 

avatar
Bronze Member

Sex 13 maio 2011, 7:43 pm
DarkSouls escreveu:vlw me ajudou !!

22Manobiro 

avatar
Membro

Qui 02 Jun 2011, 1:46 am
show mano vlwwwwww

23tchepso 

tchepso
Membro

Dom 09 Out 2011, 11:35 pm
nun ta aparecendo as imagens mais

24Conteúdo patrocinado 



Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos

Compartilhe este Tópico!

Url direta
BBcode
HTML
Feito com    e muito    pela equipe Fox Design