[TUTO] Dark Design #006
2 participantes
Página 1 de 1
[TUTO] Dark Design #006
Bom. Como este e o Primeiro tutorial do Ano. Decidir Trazer algo util desta vez.
Descrição:
Hoje veremos como criar uma faixa no estilo Ribbon utilizando ferramentas, layer styles e patterns criados.
Andre Sugai - Criar Tutorial
-DarkninoxD- Postar
Descrição:
Hoje veremos como criar uma faixa no estilo Ribbon utilizando ferramentas, layer styles e patterns criados.
- Tutorial:
01. Pressione Ctrl N para criar um novo documento e defina os valores abaixo.
02. Defina a cor de Foreground como #56a6f2, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool, clique no documento para preencher a layer com a cor escolhida.
03. Agora vá em Filter> Noite> Add Noise e defina os valores abaixo.
04. Sua imagem deverá ficar como a da foto abaixo.
05. Para criar o pattern que será usado pressione Ctrl+N para criar um novo documento, defina o tamanho em 5x5 pixels, 72 dpi's e modo de cor em RGB, pressione Ok, pressione a letra Z do teclado para selecionar a Zoom Tool, clique várias vezes para que seu documento fique como o da foto abaixo.
06. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush quadrado e crie a forma abaixo.
07. Agora vá em Edit> Define Pattern, dê um nome para seu pattern e pressione Ok.
08. Crie um novo pattern usando o mesmo método mas desta vez defina o tamanho do documento em 3x3 pixels e crie a forma do desenho como a da imagem abaixo, vá em Edit> Define Pattern, dê um nome para seu novo Pattern e pressione Ok.
09. Vá em View> New Guide, escolha a opção Horizontal, defina o valor de 70px e pressione Ok, vá em View> New Guide, escolha a opção Vertical e defina o valor de 40px e pressione Ok, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, na barra de opções da ferramenta defina escolha a opção Sou lammer =D Size em Style e defina os valores de 80 pixels para Width e 80 pixels para Height, clique no encontro das linhas guia para adicionar a seleção, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deverá ser a branca, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preenchê-la com branco.
10. Vá em View> New Guide, escolha a opção Horizontal e defina o valor de 110px, pressione Ok para aplicar uma nova linha guia, ela deverá ficar na metade do quadrado que criamos, pressione a letra L do teclado para selecionar a Polygonal Lasso Tool, com a tecla Shift pressionada crie uma seleção como a da foto abaixo.
11. Pressione Delete para retirar a parte selecionada, pressione Ctrl+D para desabilitar a seleção.
12. Agora vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.
13. Vá em Layer> Layer Style> Inner Glow e defina os valores abaixo.
14. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.
15. Vá em Layer> Layer Style> Pattern Overlay e defina os valores abaixo.
16. Agora pressione Ctrl++Shift+Alt+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, defina o valor de Width em 20 px e Height em 80 px, aplique a seleção como na foto abaixo, escolha uma cor qualquer e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor escolhida.
17. Agora vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.
18. Pressione Ctrl++Shift+Alt+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, defina o valor de Width em 80 px e Height em 3 pixels, clique e adicione a seleção no documento, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor preta, pressione Ctrl+D para desabilitar a seleção, pressione a letra V do teclado para selecionar a Move Tool e posicione o traço criado como na foto abaixo.
19. Pressione a letra L do teclado para selecionar a Polygonal Lasso Tool, selecione a parte do traço que acabou sobrando e pressione Delete, pressione Ctrl+D para desabilitar a seleção.
20. Agora vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.
21. Sua imagem deverá ficar como a da foto abaixo.
22. Agora pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar Move Tool e posicione a cópia na posição indicada abaixo.
23. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor #a3b6bc, pressione a letra L do teclado para selecionar a Polygonal Lasso Tool, crie a forma abaixo e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool, clique dentro da seleção para preencher com a cor escolhida.
24. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.
25. Vá em Layer> Layer Style> Pattern Overlay e defina os valores abaixo.
26. Clique na layer Background, mantenha a tecla Shift pressionada e clique na layer que esteja no topo da paleta de layers para selecionar todas as layers, pressione Ctrl+G para agrupar todas as layers dentro de um folder, clique com o botão direito do mouse sobre o folder e escolha a opção Duplicate Group para duplicar o folder, agora pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro a caixa de Free Transform e escolha a opção Flip Horizontal, arraste a cópia como na foto abaixo, pressione Enter para finalizar a transformação
27. Clique na layer style que foi aplicada no canto da forma que criamos e defina os valores abaixo.
28. Pressione a letra V do teclado para selecionar a Move Tool, posicione a cópia como na foto abaixo.
29. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, defina o valor de Width em 832 px e Height em 100 px, clique no documento e posicione a seleção como na foto abaixo, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor branca, pressione Ctrl+D para desabilitar a seleção.
30. Agora vamos adicionar as mesmas layer styles aplicadas nas bordas criadas anteriormente, para facilitar clique na layer da borda esquerda com o botão direito do mouse e escolha a opção Copy Layer Styles, clique com o botão direito do mouse na layer onde temos a parte central do Ribbon que estamos criando e escolha a opção Paste Layer Styles, sua imagem deverá ficar como a da foto abaixo.
31. Adicione os dois traços criados anteriormente utilizando a mesma técnica e alterando apenas a largura de cada um.
32. Pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva um texto qualquer, no final seu Ribbon estará como o da foto abaixo.
Andre Sugai - Criar Tutorial
-DarkninoxD- Postar
Tópicos semelhantes
» [TUTO] Dark Design #001
» [TUTO] Dark Design #005
» [TUTO] Dark Design #004
» [TUTO] Dark Design #003
» [TUTO] Dark Design #009
» [TUTO] Dark Design #005
» [TUTO] Dark Design #004
» [TUTO] Dark Design #003
» [TUTO] Dark Design #009
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Dom 08 Abr 2018, 18:40 por JorgeZinhoo002
» Ojkjeeeee
Seg 10 Out 2016, 23:19 por Frozen
» Naruto Great Ninja Batle
Dom 09 Out 2016, 14:29 por GuiinhoLP
» Recrutamento de um Designer para jogo de CDZ.
Sex 23 Set 2016, 18:37 por newbie123
» Serviços de suporte maker( Programação , Design , PixelArt ) E Vendas de Jogos
Qui 22 Set 2016, 20:11 por Eduardo
» Serviços de suporte maker( Programação , Design , PixelArt ) E Vendas de Jogos
Qui 22 Set 2016, 20:11 por Eduardo
» Serviços de suporte maker( Programação , Design , PixelArt ) E Vendas de Jogos
Qui 22 Set 2016, 20:09 por Eduardo
» Projeto Dbz
Qua 31 Ago 2016, 23:46 por 157
» Avaliação - Sprites Naruto
Qua 31 Ago 2016, 17:09 por 157
» [Sprites] DBZ (Plix)
Qua 31 Ago 2016, 14:13 por 157
» Super Pack - Bleach V.2
Qua 31 Ago 2016, 13:02 por 157
» [PEDIDO][PROJETO][RECRUTAMENTO] DYNISTYGAMES
Ter 30 Ago 2016, 10:04 por 157
» [PEDIDO][PROJETO][RECRUTAMENTO] DYNISTYGAMES
Ter 30 Ago 2016, 10:03 por 157
» [PEDIDO][PROJETO][RECRUTAMENTO] DYNISTYGAMES
Ter 30 Ago 2016, 10:02 por 157
» [Pedido] Contador de resets na FrmMain
Sáb 13 Ago 2016, 17:45 por killers97
» [Recrutamento]
Qua 10 Ago 2016, 23:09 por Monsters
» Ajuda erro no Cliente e Servidor do EEB 2.6!
Qua 20 Jul 2016, 19:53 por Binholx
» Como criar tilesets para Eclipse Origins 3.0 (POKÉMON)
Qua 29 Jun 2016, 19:46 por Sir Aaron
» Recursos Pokemons
Qua 29 Jun 2016, 19:34 por Sir Aaron
» erro frm flash
Qua 25 maio 2016, 13:51 por vava123
» Pedido - Pack de star wars
Qui 19 maio 2016, 05:06 por edsonpet
» [Ajuda] Sobre como por o servidor on por ip fixo
Ter 17 maio 2016, 16:14 por vava123
» Illusion Dimension - O Misterio do ID: BETA TESTE ONLINE
Sex 06 maio 2016, 20:02 por LksFlorencio
» [NSME] Naruto Shinobi Maker Engine
Qua 23 Mar 2016, 15:11 por luana1457
» Script /base,/casa Igual DBZ Forces
Dom 21 Fev 2016, 07:34 por JorgeZinhoo002
» [Pedido]Colar Tsunade item sprite eclipse origin
Qui 21 Jan 2016, 07:38 por lawllietbr
» [Pedido] Elysium
Sáb 19 Dez 2015, 11:31 por luana1457
» Naruto - Recruta
Ter 15 Dez 2015, 18:40 por Uchiha ~
» [Avaliação] - Kirito from Sword Art Online; Red and Pikachu from Pokemon.
Qua 25 Nov 2015, 13:43 por Thanakii
» [Avaliação] - Kenpachi Zaraki from Bleach; Libra Shiryu From Saint Seiya.
Qua 25 Nov 2015, 12:55 por Thanakii
» Demonstração de Sprites (Á VENDA!)
Qua 25 Nov 2015, 12:40 por Thanakii
» [Sistema de Reset]Para Eclipse .
Ter 24 Nov 2015, 16:51 por VithorUchi
» Cada Guild Nascer em Certo Mapa
Qui 12 Nov 2015, 06:13 por fabiofeijó_HIT
» Dragon Ball z Fusion A Grande Volta
Qui 29 Out 2015, 15:17 por fabiofeijó_HIT
» Ajuda com Ip fixo
Seg 26 Out 2015, 16:07 por GalaxyHells15
» Como Fazer um GUI no Eclipse Origins
Dom 18 Out 2015, 22:10 por Jeanleee
» Shisui Susanoo
Dom 18 Out 2015, 20:23 por Jeanleee
» Fantasy Art Online
Dom 18 Out 2015, 16:41 por daviih123
» Ajuda !!
Seg 05 Out 2015, 12:13 por andersonzika
» como passar o usuário e senha para o MainMenu?
Seg 28 Set 2015, 22:03 por Bëzerk
» Ru time ero 13 Type mismatch
Seg 28 Set 2015, 09:08 por andredarle
» Jarvis 1.3 Download
Qua 23 Set 2015, 18:42 por soares125
» [Avaliação/Disponibilização]Árvore 64x64
Qua 23 Set 2015, 15:15 por Over~
» Mlk's Zikas Signatures
Ter 22 Set 2015, 21:15 por Aikawa Reborn'
» Pedido de Sistemas
Dom 20 Set 2015, 18:05 por cleyton_05
» [AjudaEEB]Gerador de EXP
Qua 16 Set 2015, 14:04 por Over~
» [Avaliar] Base, Humano e Goblin.
Seg 14 Set 2015, 22:51 por .iBlaz3.
» Fabrica do Tio Cronos!
Dom 13 Set 2015, 21:31 por [ADM]Cronos
» [PixelArt] Minion - Meu malvado favorito
Dom 13 Set 2015, 12:51 por [ADM]Cronos
» [Avaliar] Goku Dragon Ball Z
Qua 05 Ago 2015, 21:36 por Setrux