FZ Roleplay

Geral => Orientações => Tópico iniciado por: Anna Snitkina em 15 de Abril, 2022, 04:19:14 pm

Título: [Guia] Divisórias/Separadores para Tópicos.
Enviado por: Anna Snitkina em 15 de Abril, 2022, 04:19:14 pm
(http://imgfz.com/i/viCBX3T.png)



Alguns chamam isso de "separadores", mas eu resolvi chamar de divisórias. As mesmas servem para deixar o seu tópico muito mais organizado e bonito. E neste tutorial, eu ensinarei a como fazê-los. Espero que gostem ♥

DIVISÓRIAS SÓLIDAS



1. Primeiro, você deve criar um arquivo 650x30.

(http://imgfz.com/i/MFRzL6q.png)



2. Você deve remover o fundo e criar um retângulo. Você pode fazer utilizando a ferramenta retângulo, localizado no menu lateral. E para remover o fundo, utilize a borracha após remover o cadeado da camada. E de preferência, deve ser fino, mas não muito.

(http://imgfz.com/i/enaWpH5.png) (http://imgfz.com/i/5m1L3gM.png)



3. Agora, você deve decidir se quer fazer uma divisória sólida ou degradê. Neste tutorial você encontrará ambos, portanto não se preocupe. Bom, agora você deve inserir um ícone/escrita no meio do retângulo. No meu caso, eu escolhi o ícone de um jogo aleatório. Você pode aumentar a altura da sua divisória para o ícone se encaixar melhor.

(http://imgfz.com/i/PXGc9Wm.png)



4. Agora, vamos colorir o retângulo. Você pode optar por qualquer cor a sua escolha, eu prefiro combinar com um jogo de cores, portanto, eu farei na escala de roxo/lilás. Para colorir o retângulo, você deve ir na camada do retângulo e clicar em cima, aparecerá uma janela com todas as escalas de cores, escolha uma que te agrade. Logo em seguida, salve em png e pronto. Está feito.

(http://imgfz.com/i/RQYzonh.png)


RESULTADO:

(http://imgfz.com/i/TPU7fsu.png)





DIVISÓRIAS EM DEGRADÊ





1. Crie um arquivo 650x30.

(http://imgfz.com/i/MFRzL6q.png)



2. Remova o fundo (super importante) e crie um retângulo utilizando a ferramenta retângulo localizada no menu lateral. Também deve ser fino (as screenshots são as mesmas).

(http://imgfz.com/i/enaWpH5.png) (http://imgfz.com/i/5m1L3gM.png)



3. Decida-se em relação ao jogo de cores. Como no anterior eu utilizei um ícone da Alquimista/Bomber, desta vez eu utilizarei um ícone da Despertada. Agora, você deve tirar totalmente o preenchimento do retângulo. Lembrando que é PREENCHIMENTO e NÃO opacidade.

(http://imgfz.com/i/B1XN0cZ.png)



4. Agora, clique duas vezes na camada do retângulo e abra as opções de mesclagem e vá direto na Sobreposição de Degradê. E na aba Estilo, deixem em Refletido.

(http://imgfz.com/i/kZdLzQ5.png)



5. Provavelmente suas configurações estão diferentes, mas isto não é importante no momento. O Photoshop CC salva as configurações usadas anteriormente, mesmo se o programa for finalizado. Agora, arrume do jogo de cores clicando na barra colorida do degradê. E abrirá uma janela, contendo degradês prontos, clique no segundo (na qual tem só a metade preenchida por uma cor).

(http://imgfz.com/i/cE3nbZO.png)



6. Clique nos quadradinhos de baixo para alterar e cor, e irá abrir uma janela com todas as cores disponíveis. Aconselho escolher a mesma em ambos os quadrados.

(http://imgfz.com/i/xmc6rkP.png)



7. Agora, só salvar em .png e pronto, pode utilizar em seus tópicos.

RESULTADO:

(http://imgfz.com/i/h36TQqW.png)




DEGRADÊ COM MAIS CORES



1. Escolha um degrade padrão com mais de 3 cores e modifique-as de modo que as cores combinem.

(http://imgfz.com/i/Aks5CSg.png)



2. Reparem que em cima, há dois quadradinhos pretos, e isso indica que as cores estão preenchendo o objeto, logo, clique em cima desses quadradinhos e logo abaixo, a opacidade estará em 100%. Deixe a cor á sua direita em 0%. A cor a sua direita, é a cor que ficará nas extremidades do degrade, enquanto a cor a sua esquerda, é a que fica localizada no centro.

(http://imgfz.com/i/BGNS0la.png)



Após deixar a opacidade em 0%, nota-se que o quadradinho ficou branco, indicando que está sem preenchimento. No meu caso, eu optei por não colocar um ícone na minha divisória.

RESULTADO:

(http://imgfz.com/i/oyOxBnL.png)




Se você gostou do tópico, considere me dar +1
Aguardo o feedback dos usuários.


 

Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Taylor Threkyzth em 15 de Abril, 2022, 04:49:13 pm
Eita, valeu! Vai ajudar muito a deixar os topicos belos. ((+1))
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Dheyker Delacalle em 15 de Abril, 2022, 05:26:42 pm
Bom guia.
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Gustavo Mota em 15 de Abril, 2022, 06:09:05 pm
parabéns, ótima guia.
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Maicon Hoffman em 15 de Abril, 2022, 08:13:31 pm
Bom guia, parabéns.
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Alice Scwhantzy em 15 de Abril, 2022, 11:24:19 pm
Muito bom, colocarei em prática.
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Anna Snitkina em 16 de Abril, 2022, 07:08:31 pm
Eita, valeu! Vai ajudar muito a deixar os topicos belos. ((+1))
Muito obrigado   :D

Bom guia.
Muito obrigado!

parabéns, ótima guia.
Obrigado moço  :-*

Bom guia, parabéns.
Muito obrigado, a opinião de vocês vale muito!

Muito bom, colocarei em prática.
Muito obrigado, seus tópicos vão ficar lindos  ;D
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Justin Folley em 17 de Abril, 2022, 06:07:30 pm
Top demais, parabéns! Qual programa usa?  :)
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Anna Snitkina em 17 de Abril, 2022, 06:18:45 pm
Top demais, parabéns! Qual programa usa?  :)
Obrigado, o programa usado é o Photoshop
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Arnold Ehrenberg em 19 de Abril, 2022, 09:03:23 pm
Bom guia
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Anna Snitkina em 26 de Abril, 2022, 10:01:38 pm
Bom guia
Obrigado!
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Henrique Rausing em 26 de Abril, 2022, 10:07:28 pm
Excelente guia men, parabéns! ((+1))
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Rudeus Greyrat em 29 de Abril, 2022, 11:16:29 am
Bom guia
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Manuela Machwitz em 30 de Abril, 2022, 07:54:14 am
Muito bom!! ((+1))
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Itsuki Kamidai em 30 de Abril, 2022, 11:18:38 am
Ótimo guia.
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Yuri Kaslaug em 30 de Abril, 2022, 08:25:56 pm
Obrigado pela ajuda
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Alffy Kaffer em 07 de Maio, 2022, 12:22:49 am
Muito bom, obrigado!
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Don Renewed em 18 de Maio, 2022, 03:43:44 pm
Ótimo guia.
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Anna Snitkina em 22 de Junho, 2022, 08:22:46 pm
Obrigado a todos!
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Don Delacalle em 27 de Junho, 2022, 07:36:46 pm
Muito bom
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Stanley Oliveira em 27 de Junho, 2022, 10:20:34 pm
Valeu mano
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Anthony Hitchcock em 29 de Junho, 2022, 10:44:27 pm
Ótima guia, parabéns.
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Victor Henriques em 29 de Junho, 2022, 10:45:40 pm
Muito bom.
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Anna Snitkina em 18 de Julho, 2022, 11:03:18 am
Muito bom
Obrigado!

Valeu mano
Por nada!
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Theyuri Felipe em 18 de Julho, 2022, 07:39:09 pm
Boa hehe
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Se An em 18 de Julho, 2022, 10:43:44 pm
bom guia
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Stevie Half em 19 de Julho, 2022, 01:13:39 pm
Bon Jovi
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Scarlett Rosler em 29 de Julho, 2022, 12:46:57 pm
Boa guia
Título: Re:[Guia] Divisórias/Separadores para Tópicos.
Enviado por: Nicolas Gelhardt em 31 de Julho, 2022, 06:38:41 pm
Gostei