<Browse> Casa / Todos , BOTÃO , Tutorial , Site artigo / Blog: RIATMP1067 - Menu Bar / Button - Photoshop Tutorial

| Celular | RSS

RIATMP1067 - Botão Menu Bar / - Photoshop Tutorial

19 junho de 2009
Simple but attractive Menu Bar / Button – Photoshop Tutorial
RIATMP1067 - Botão Menu Bar / - Photoshop Tutorial

Botão Menu simples, mas atraente Bar / - Photoshop Tutorial

Click here to download

Isso é simples botões, mas muito atraente, você pode criar em 5 minutos e com este tutorial passo a passo quase todos com pouco ou nenhum conhecimento em Photoshop pode fazê-lo. Por favor, clique na imagem para ver grande.

Passo 1: Criar um novo arquivo de cerca de 770px / 300 px, com fundo branco (File -> New)

Passo 2: Certifique-se de camada janela está aberta e adicione uma nova camada clicando em Criar um ícone de Nova Camada na parte inferior direita da janela do seu layer. Dar a esta nova camada 'botão' um nome.

Passo 3: Agora selecione a ferramenta Rounded Rectangle, digite 5 px de raio para o canto arredondado e desenhe sua forma botão retângulo (PIC1). Clique direito sobre que forma e escolha "Make Selection" (PIC2).

pic11 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic11

pic1

pic2 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic2

pic2

Passo 4: No palato camada; clique direito sobre o "Button" camada e escolha Blending Options. Primeiro adicione Gradient Overlay. Siga imagem (pic3) para todos os valores. Em seguida adicione STROKE. Siga imagem (PIC4) para valores. Com estes efeitos de camada você terá botão como imagem (PIC5).

pic3 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic3

pic3

pic4 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic4

pic4

pic5 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic5

pic5

Passo 5: Copie este "Button" camada e dar-lhe um nome "Button2". Agora selecione uma pequena parte deste botão e escolha "select inverse" e exclua a parte selecionada. Por favor, siga estas duas imagens (PIC6, PIC7) para sua referência.   Faça mais 2 cópias e mesclar todas elas em uma camada.

pic6 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic6

pic6

pic7 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic7

pic7

Passo 6: Crie outra camada e dar-lhe um nome "Button3". Agora selecione uma pequena parte do botão principal usando ferramenta de seleção retângulo. Em seguida, escolha Blending Options. Primeiro adicione Gradient Overlay. Siga imagem (PIC8) para todos os valores. Agora adicione o texto o que você quiser. Você também pode adicionar alguns efeitos em seu texto. Aqui eu adicionei "drop shadow" efeito. E agora que você fez com sua Barra de Menu. Obrigado pela sua visita.

pic8 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic8

pic8

Compartilhe e Divirta-se
  •  RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=digg RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.dzone RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.facebook RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.google RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.linkedin RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=favorites.live RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.mixx RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.myspace RIATMP1067   Menu Bar / Button – Photoshop Tutorial  RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=reddit RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.stumbleupon RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=technorati RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=twitter RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=buzz.yahoo RIATMP1067   Menu Bar / Button – Photoshop Tutorial
Deixe uma resposta 2.605 visualizações, 3 de hoje até agora |

Deixe uma resposta