#tutos

✨ Features:

Custom Playlist Modal: Fully customizable through the dashboard (Song title, artist, status, and profile text).

ID-Card Sidebar: Features a sticky profile card with navigation buttons.

Y2K Aesthetic: Spinning CD animation, pixel-style fonts (VT323), and "Window" bar headers for every post.

Clean Footer: Organized tags and meta-info (Via/Source) aligned with action buttons.

Responsive: Works on mobile and desktop.

Custom Colors: Change all accents (Blue, Green, Pink) to fit your own palette.

Rules of Use:

Do Not Remove Credit: Please keep the credit link in the footer visible.

Personal Use Only: No reselling or redistributing the code.

No Base Coding: Do not use this as a base for your own theme releases.

Editing: Feel free to customize colors and fonts!

Let me know if you use it! Reblogs and likes are highly appreciated! 👖💙

Check out my other themes here, and my tutorials here.

De tudo o que você pode incluir sobre o seu jogo, a bio do seu personagem é a parte mais importante. É onde você vai deixar registrado sobre quem é seu personagem, o que ele faz, quais seus anseios e no que ele pode contribuir para os outros personagens.

Não se estenda demais.

É ótimo criar uma biografia detalhada, mas tenha em mente que os players vão ler e tomar nota, então minha sugestão é incluir informações que sejam úteis e de fácil acesso para os jogadores. O nome do personagem, a personalidade dele, um breve resumo sobre a família (breve mesmo, não precisa explicar sobre cada membro da família), o que ele está fazendo atualmente, como ele chegou até o lugar que está atualmente. Essas são informações importantes, que vão contribuir e facilitar na hora de combinar plots e conexões.

Tenha cuidado ao escolher seus headcanons.

Adoro incluir alguns headcanons sobre os meus personagens, mas não crio coisas tão mirabolantes, já que o hc está ali para acrescentar e, em algum momento ou à todo momento, tenho que utilizar aquela informação. Costumo deixar os hobbies, medos, costumes e dificuldades como headcanons, para poder usar em algum momento nas interações ou POVs.

Por exemplo: Meu Char sabe tocar guitarra, mas não tem uma banda. Ele tem um livro de composições que anda com ele de um lado para o outro, mas meu personagem nunca mostrou suas composições para alguém. Meu Char tem o costume de pintar as unhas de preto. Meu Char tem problemas em se expressar mas, quando ele ama muito alguém, ele aperta a mão da pessoa três vezes para dizer um "eu te amo".

Se você quer que saibam de algo sobre seu personagem mas é muito extenso, procure outro caminho.

Explicar traumas, comentar sobre perdas familiares ou até como conseguiu uma cicatriz são situações que ficam muito interessantes se abordadas em algum P.O.V, interação ou self-para. Ali, você consegue expressar melhor os sentimentos do seu personagem, além da informação não ficar jogada entre a altura do seu personagem e a conexão de friends to lovers na bio.

O que a Desiree coloca na bio?

Nome completo:

Apelido:

Pronomes:

Data de nascimento/idade:

O que gosta:

O que não gosta:

Resumo sobre a vida do personagem: (onde nasceu, família, breve relato sobre a infância/adolescência, como chegou onde chegou, problema que precisa resolver atualmente).

Headcanons:

Conexões:

Espero ter ajudado.

Primeiro nós vamos começar abrindo uma imagem no picsart naquele botão de + la em baixo, e em seguida descendo ate a parte que tem fundo coloridos, e seleciona qualquer cor, ou ate mesmo a transparente. Eu gosto mais de fazer assim, pois as vezes salvamos imagens pequenas e não ficam tão boas quando aumentam a qualidade.

Depois vocês vão (com a imagem ja aberta) em ferramentas, e recortar, na parte recorte, você vai ter a la em baixo a opção "história"então você seleciona ela e clica em aplicar. Depois de aplicar vocês vão la em baixo e vai ter o nome "ad. foto" e vocês clicam para adicionar a foto de vocês.

Quando colocar a foto, Certifiquem que ela preencheu todo o espaço, e clique em aplicar. e pronto, a imagem ficara desse jeito, com a qualidade melhor, devido ao tamanho, e apenas clica no botão de salvar e pronto.

E pronto, lockscreen feita, lembrando que eu faço isso de colocar em um arquivo em branco pois fica com a imagem maior, então em celulares maiores que o meu não ira perder tanta a qualidade. :)

Foi simples mas foi de coração, espero que goste.

Primeiramente, é necessário que você saiba qual template usará e quantos gifs serão inseridos nesse template. ATENÇÃO: todos os gifs têm de ter a mesma quantidade de quadros/frames. E recomendo que os gifs que serão utilizados ainda não estejam editados, para que você possa redimensionar de acordo com o tamanho do template).

(Para o exemplo acima, eu utilizei três gifs do Sangyeon (the boyz) de 30 quadros/frames cada. Os gifs que utilizei foram feitos na hora então não estavam editados/redimensionados antes de serem adicionados no template). 

1. Para começar, crie um novo documento do tamanho do template escolhido. (No meu caso o tamanho foi de 1000px (largura) por 1200px (altura).)

2. Abra a linha do tempo indo em Janela > Linha do Tempo e deixe desta forma: 

3. Abra o primeiro gif escolhido e copie os quadros clicando no ícone na parte superior direita da janela da linha do tempo e depois clique em Copiar Quadros:

4. Depois vá no documento que havia criado anteriormente, clique no mesmo ícone do print acima e clique em Colar Quadros. Uma janela abrirá, então selecione a opção Colar sobre a Seleção:

5. Estando os quadros do primeiro gif colados, selecione todas as camadas desse gif e dê CTRL + G para agrupá-las: 

6. Depois disso, repita os passos 3, 4 e 5 com os outros gifs que você escolheu/fez para colocá-los documento. (No meu caso, eu repeti esses passos com os outros dois gifs que fiz).

As camadas ficarão mais ou menos dessa forma:

Eu sugeri que as camadas dos gifs fossem agrupadas para que não haja problemas na hora de converter essas camadas em objeto inteligente.

7. Selecione todos os quadros e clique na setinha ao lado do tempo de um dos quadros para alterar o tempo do gif, recomendo clique em outro como no print abaixo e coloque um tempo de sua escolha, eu utilizei o tempo 0,06. 

8. Converta a linha do tempo em linha do tempo de vídeo clicando no ícone mostrado no print abaixo: 

9. Após isso, clique em cima de cada grupo de camadas do gif com o botão direito do mouse e clique em Converter em objeto inteligente:

Faça isso com todos os grupos.

10. Agora, você terá que encaixar cada gif na seção do template escolhido. 

No meu caso, o template que escolhi é em formado png e as seções são transparentes, portanto, eu apenas redimensionei cada gif e os posicionei em baixo de cada seção: 

Percebe que um gif ficou em cima do outro? Para concertar isso, eu adicionei uma máscara na camada do gif clicando no ícone mostrado abaixo:

Depois, eu usei a ferramenta Letreiro Retangular (atalho M): 

Selecionei ao redor do gif, cliquei com o botão direito do mouse em cima da seleção e escolhi a opção Selecionar Inverso: 

Apertei o botão delete do teclado e depois repeti o mesmo passo com os outros dois gifs e ficou dessa maneira:

A partir desse ponto, você pode editar o seu gif o quanto quiser (colocar nitidez, alguma action ou psd). Eu apliquei nos meus gifs apenas um pouco de nitidez e apliquei uma camada de níveis.

11. A linha do tempo do Photoshop costuma ficar um pouco bagunçada depois que você faz algumas alterações, portanto antes de salvar o seu gif, é importante você verificar se ela está correta, e se não arrumá-la. 

A linha do tempo do meu documento antes:

A linha do tempo do meu documento depois:

Note que o delimitador que eu evidenciei com um traço vermelho está de acordo com a “largura” do primeiro gif, então todos os outros gifs foram alinhados de acordo com o primeiro gif.

12. Agora é só salvar o seu gif em Arquivo > Exportar > Salvar para a Web. Essa é a configuração que eu uso para salvar meus gifs: 

depois de baixar e abrir o template no ps, você vai copiar a imagem que você quer colocar no quadrado. agora, escolha em quando quadrado você irá querer colocar a imagem dentro, decidi que irei colocar ele no quadrado que mostra na imagem:

clicando na tecla V do teclado, irei usar ela para selecionar o quadrado e saber em que camada ele está. com essa ferramenta selecionada, segurando a tecla CTRL clique em cima do quadrado desejado, e ele irá te indicar em que camada ele está:

viu que ele selecionou diretamente a camada? pronto, agora facilita pra a gente. cole a imagem que você copiou e a coloque em cima do quadrado:

agora é só você ajustar ela clicando no teclado ctrl+t e redimensionando ela:

lembrando de sempre apertar shift enquanto redimensiona, para não deformar a imagem e deixar nas proporções originais

depois de fazer isso, você perceberá que a imagem que você colou criou uma camada sozinha e ficou bem em cima da camada do seu quadrado:

percebendo isso, você irá clicar em cima da camada da imagem com o botão direito do mouse e selecionará a opção “Criar máscara de corte” (não coloquei print pq o meu pc não tira print dessa parte, mas não tem como errar), caso seu ps esteja em inglês estará como “create clipping mask”. depois disso, sua imagem irá ficar dentro apenas do seu quadrado:

você ainda pode redimensionar com ctrl+t para que fique certinho dentro do quadrado :D 

espero ter ajudado neném, caso tenha ainda alguma dúvida, só me falar que eu faço um vídeo pra ficar melhor explicado :D