A LENTA EVOLUÇÃO DE UM EDITOR SEM GUIA P2 - Como Fazer Uma TPL

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

𓏺ㅤ＼៶ㅤㅤㅤㅤㅤ⏜ㅤㅤㅤㅤㅤ៸／ㅤ𓏺

─────┈ㅤㅤƜᥱ𝗅𝖼ᨣิᥖᥱ, Mᨣิᥒ ᥲᥖᨣิᥙrㅤ┈──────

#MeEnsina

୧███ █   ⿸㔔ㅤㅤ˓ㅤᥖᥲ𝗀𝗂𝖼 𝗂𝗌 ᥲ𝗅𝗅 ᥲ𝗋ᨣิ𝗎𝗇𝖽   !   ◌̲

／⠀｜⠀＼

〔███ ＼⠀⿸♡   𝖯𝗋ᦅิ𝗅ᦱ𝗀ᦱ · Iɴᴛʀᴏᴅᴜᴄᴛɪᴏɴ          𝂅      ៸៶

·⠀⠀       ⠀ ⬚ົ⠀ㅤ᪺   𝓮𝓻𝓮𝓼 𝓶𝓮𝓾 𝓶𝓪𝓲𝓸𝓻 𝓹𝓮𝓬𝓪𝓭𝓸 〔   :notebook:   〕⠀

⿸♡ ៸៶ Durante a parte um deste artigo, esclareci a importância de ter uma metodologia de aprendizado para lhes poupar anos quebrando a cabeça sem necessidade, com o intuito de aprender coisas básicas na área da edição. Para alguns editores, não foi opção não ter com quem contar quando obtiveram dúvidas; entretanto, para vocês, trata-se de uma escolha, visto que estarei abrindo esse espaço para tentar ar o máximo de aprendizados possíveis. Na aula de hoje, iremos explorar o incrível mundo do design para o Amino, iniciando com o aprendizado do pilar de tudo isso: as TPLs, as famosas capas de blog com três cortes, que, para a maioria dos editores, trata-se do pedido mais feito. Antes de qualquer coisa, gostaria que conferissem o artigo feito pela líder Lost Star a respeito de como utilizar o IbisPaint. Explicarei a maioria dos conceitos aqui no blog, mas não será nada detalhado e talvez chegue a ser confuso para quem nunca obteve contato com o aplicativo.

𓏺ㅤ＼៶ㅤㅤㅤㅤㅤ⏜ㅤㅤㅤㅤㅤ៸／ㅤ𓏺

─────┈ㅤㅤƜᥱ𝗅𝖼ᨣิᥖᥱ, Mᨣิᥒ ᥲᥖᨣิᥙrㅤ┈──────

〔███ ＼⠀⿸♡   𝖯𝗋ᦅิ𝗌𝖺 · Coɴᴄᴇɪᴛᴏꜱ Báꜱɪᴄᴏꜱ       𝂅      ៸៶

·⠀⠀       ⠀ ⬚ົ⠀ㅤ᪺   𝓮𝓻𝓮𝓼 𝓶𝓮𝓾 𝓶𝓪𝓲𝓸𝓻 𝓹𝓮𝓬𝓪𝓭𝓸 〔   :notebook:   〕⠀

⿸♡ ៸៶ Ao clicar sobre a imagem utilizada como header deste tópico e seguir as instruções (ar para o lado), vocês terão o à imagem base de toda a TPL. O segredo de ter uma edição bem colocada nos destaques é respeitar as áreas ali demarcadas. O tom de vinho nas extremidades superiores e inferiores da imagem principal demarca a área que fica invisível nos destaques. Partindo deste princípio, devemos levar em conta que a primeira orientação que arei a vocês é que é estritamente proibido colocar os títulos fora do retângulo vermelho na área principal. A imagem pode ser baixada em: https://ibb.co/wrhL1fqt e deve ser utilizada em todas as próximas edições que fizerem.

⿸♡ ៸៶ Seguir uma ordem de trabalho é extremamente importante, visto que o nosso objetivo é obter cada vez melhores resultados. Após baixar a imagem e utilizá-la como base em sua edição no IbisPaint, posicione o PNG (imagem sem fundo) principal sobre a tela, atentando-se ao bom posicionamento, que inclui não cortar o personagem de maneira "feia" na linha de corte. Vejo extrema dificuldade em editores iniciantes quanto a como posicionar a imagem na tela; sempre a posicionam grande demais ou pequena demais. A segunda dica que deixarei aqui é que utilizem como inspiração outras edições, para que possam usar os posicionamentos e recursos de outros editores a seu favor (não estou dando bandeira branca para plágio, mas sim para inspirações).

𓏺ㅤ＼៶ㅤㅤㅤㅤㅤ⏜ㅤㅤㅤㅤㅤ៸／ㅤ𓏺

─────┈ㅤㅤƜᥱ𝗅𝖼ᨣิᥖᥱ, Mᨣิᥒ ᥲᥖᨣิᥙrㅤ┈──────

〔███ ＼⠀⿸♡   𝖯𝗋ᦅิ𝗌𝖺 · Iɴíᴄɪᴏ      𝂅      ៸៶

·⠀⠀       ⠀ ⬚ົ⠀ㅤ᪺   𝓮𝓻𝓮𝓼 𝓶𝓮𝓾 𝓶𝓪𝓲𝓸𝓻 𝓹𝓮𝓬𝓪𝓭𝓸 〔   :notebook:   〕⠀

⿸O1♡ ៸៶ Ao abrir o aplicativo IbisPaint irá se deparar com duas opções, clique em "minha galeria".

⿸O2♡ ៸៶ Ao carregar a próxima tela clique no "+" disponível no canto inferior esquerdo ( :arrow_lower_left: ).

⿸O3♡ ៸៶ Irão carregar diversas informações em sua tela, entretanto você deverá clicar em "importar foto" e selecionar o molde de TPL disponibilizado no tópico anterior.

⿸O4♡ ៸៶ Após baixar a imagem desejada (png neste caso) dêem uma atenção ao canto inferior direito ( :arrow_lower_right: ) vocês avistaram um número 1 (referente às camadas), cliquem sobre ele.

⿸O5♡ ៸៶ Várias informações irão carregar na tela, porém, cliquem sobre a câmera e adicionem o PNG anteriormente baixado, não se esqueçam das dicas anteriormente mencionadas a respeito de posicionamento de imagem.

𓏺ㅤ＼៶ㅤㅤㅤㅤㅤ⏜ㅤㅤㅤㅤㅤ៸／ㅤ𓏺

─────┈ㅤㅤƜᥱ𝗅𝖼ᨣิᥖᥱ, Mᨣิᥒ ᥲᥖᨣิᥙrㅤ┈──────

〔███ ＼⠀⿸♡   𝖯𝗋ᦅิ𝗌𝖺 · Aᴏɴᴅᴇ Esᴛᴀᴍᴏꜱ   𝂅      ៸៶

·⠀⠀       ⠀ ⬚ົ⠀ㅤ᪺   𝓮𝓻𝓮𝓼 𝓶𝓮𝓾 𝓶𝓪𝓲𝓸𝓻 𝓹𝓮𝓬𝓪𝓭𝓸 〔   :notebook:   〕⠀

𓏺ㅤ＼៶ㅤㅤㅤㅤㅤ⏜ㅤㅤㅤㅤㅤ៸／ㅤ𓏺

─────┈ㅤㅤƜᥱ𝗅𝖼ᨣิᥖᥱ, Mᨣิᥒ ᥲᥖᨣิᥙrㅤ┈──────

〔███ ＼⠀⿸♡   𝖯𝗋ᦅิ𝗌𝖺 · Tɪᴘᴏɢʀᴀꜰɪᴀ 𝂅      ៸៶

·⠀⠀       ⠀ ⬚ົ⠀ㅤ᪺   𝓮𝓻𝓮𝓼 𝓶𝓮𝓾 𝓶𝓪𝓲𝓸𝓻 𝓹𝓮𝓬𝓪𝓭𝓸 〔   :notebook:   〕⠀

⿸♡ ៸៶ Até o atual momento, nunca obtive contato com outro editor que fizesse uso desta metodologia para compor suas tipografias. Entretanto, o tempo me acostumou a esse método e irei reá-lo a vocês. Estejam cientes de que existem modos mais fáceis de gerar o título em sua edição; entretanto, não os acho com bom resultado. Para iniciar, iremos abrir o aplicativo Phonto e clicar sobre qualquer ponto da tela. Neste momento, surgirão 3 opções: clique em "plain images". Em seguida, selecione o primeiro quadrado que aparecer e clique em "color" (após isso, diversas informações carregarão sobre a tela). Dêem uma atenção à opção "alpha" e zerem-na (basta arrastar a bolinha sobre a linha para o lado esquerdo da tela :arrow_left: ). Para finalizar, cliquem em "apply" e em seguida em "use". Essas ações gerarão uma tela completamente quadriculada e trata-se de um espaço em PNG (invisível).

⿸♡ ៸៶ Clique na espécie de pincel ou lápis no canto superior direito ( :arrow_upper_right: ) da tela. Em seguida, cliquem em "font". O próprio aplicativo disponibiliza diversas fontes; utilizaremos as disponíveis lá nesta aula para simplificar o processo do primeiro contato. Após selecionar uma de sua escolha, clique sobre a mesma e escreva o título desejado no espaço disponível para isso. Ao utilizar o botão "aling", você possui a possibilidade de centralizar o texto ou arrastá-lo para as extremidades. Neste caso, irei mantê-lo ao canto ao clicar no botão mencionado até aparecer "left". Quando se sentir satisfeito, clique em "done".

⿸♡ ៸៶ Textos adicionados cruamente no Phonto tendem a possuir um espaço visto como desnecessário entre as letras. Para resolver isso, clique em "style", em seguida em "spacing" e junte os escritos ao controlar a bolinha na linha "line".

⿸♡ ៸៶ Após se sentir satisfeito com o texto escolhido, basta baixá-lo utilizando o botão no canto superior direito que possui uma seta para baixo. Após isso, retorne ao IbisPaint e adicione o título como desejar sobre a tela, mas lembre-se de respeitar o quadrante de destaque para a edição principal.

⿸♡ ៸៶ Para fazer um subtítulo, basta seguir o mesmo processo. Entretanto, ao afastar o título já existente no quadrante, você possui uma tela "nova" para receber esses escritos. Aconselho que utilizem outra fonte para que a composição fique mais interessante.

𓏺ㅤ＼៶ㅤㅤㅤㅤㅤ⏜ㅤㅤㅤㅤㅤ៸／ㅤ𓏺

─────┈ㅤㅤƜᥱ𝗅𝖼ᨣิᥖᥱ, Mᨣิᥒ ᥲᥖᨣิᥙrㅤ┈──────

〔███ ＼⠀⿸♡   𝖯𝗋ᦅิ𝗌𝖺 · Aᴏɴᴅᴇ Esᴛᴀᴍᴏꜱ    𝂅      ៸៶

·⠀⠀       ⠀ ⬚ົ⠀ㅤ᪺   𝓮𝓻𝓮𝓼 𝓶𝓮𝓾 𝓶𝓪𝓲𝓸𝓻 𝓹𝓮𝓬𝓪𝓭𝓸 〔   :notebook:   〕⠀

𓏺ㅤ＼៶ㅤㅤㅤㅤㅤ⏜ㅤㅤㅤㅤㅤ៸／ㅤ𓏺

─────┈ㅤㅤƜᥱ𝗅𝖼ᨣิᥖᥱ, Mᨣิᥒ ᥲᥖᨣิᥙrㅤ┈──────

〔███ ＼⠀⿸♡   𝖯𝗋ᦅิ𝗌𝖺 · Cᴏᴍᴘᴏꜱɪçãᴏ ᴅᴏ Fᴜɴᴅᴏ     𝂅      ៸៶

·⠀⠀       ⠀ ⬚ົ⠀ㅤ᪺   𝓮𝓻𝓮𝓼 𝓶𝓮𝓾 𝓶𝓪𝓲𝓸𝓻 𝓹𝓮𝓬𝓪𝓭𝓸 〔   :notebook:   〕⠀

⿸♡ ៸៶Já que iremos começar a migrar entre camadas, lhes ensinarei a selecionar em qual camada desejam mexer. Como primeiro o, devem clicar nos quadrados empilhados que possuem um certo número em cima. Assim que clicarem, todas as camadas que fizeram até então virão à tona. Para selecionar em qual desejam mexer, basta clicar na mesma. Neste caso, selecione a imagem molde de TPL para que possamos começar a compor o fundo.

⿸♡ O1៸៶ Clique na borracha (ou pincel) disponível no canto inferior esquerdo ( :arrow_lower_left: ).

⿸♡ O2៸៶ Selecione a opção com o ícone "FX" e intitulado de "filtro".

⿸♡ O3៸៶ Clique em "ajustar cor" e procure a opção "mudar cor do desenho", neste momento você deve selecionar o retângulo colorido e adicionar uma cor de seu agrado utilizando as cores disponíveis ou personalizando com a rosa de cores.

⿸♡ ៸៶Após selecionar a camada do PNG principal, vá em efeitos (procedimento anteriormente explicado), procure a aba "estilo" e, em seguida, procure o subtópico "brilho exterior". Selecione uma coloração de seu desejo para que o brilho destaque a imagem principal e controle o brilho através da linha denominada "raio".

⿸♡ ៸៶Voltando à camada de fundo que acabamos de colorir, adicione imagens de sua escolha do personagem em questão para preencher melhor o fundo.

𓏺ㅤ＼៶ㅤㅤㅤㅤㅤ⏜ㅤㅤㅤㅤㅤ៸／ㅤ𓏺

─────┈ㅤㅤƜᥱ𝗅𝖼ᨣิᥖᥱ, Mᨣิᥒ ᥲᥖᨣิᥙrㅤ┈──────

〔███ ＼⠀⿸♡   𝖯𝗋ᦅิ𝗌𝖺 · Aᴏɴᴅᴇ Esᴛᴀᴍᴏꜱ 𝂅      ៸៶

·⠀⠀       ⠀ ⬚ົ⠀ㅤ᪺   𝓮𝓻𝓮𝓼 𝓶𝓮𝓾 𝓶𝓪𝓲𝓸𝓻 𝓹𝓮𝓬𝓪𝓭𝓸 〔   :notebook:   〕⠀

⿸♡ ៸៶ Para fazer o efeito degradê em cima de toda a imagem, fui à última camada e adicionei uma foto qualquer, colocando-a no cantinho inferior da imagem. Em seguida, a colori e coloquei o efeito de brilho com a mesma coloração. A fonte do subtítulo foi trocada. Editar é testar e trocar até ficar da maneira que lhe agrade. Não tenham medo de trocar a composição ou refazer tudo.

𓏺ㅤ＼៶ㅤㅤㅤㅤㅤ⏜ㅤㅤㅤㅤㅤ៸／ㅤ𓏺

─────┈ㅤㅤƜᥱ𝗅𝖼ᨣิᥖᥱ, Mᨣิᥒ ᥲᥖᨣิᥙrㅤ┈──────

〔███ ＼⠀⿸♡   𝖯𝗋ᦅิ𝗌𝖺 · Eꜰᴇɪᴛᴏꜱ𝂅      ៸៶

·⠀⠀       ⠀ ⬚ົ⠀ㅤ᪺   𝓮𝓻𝓮𝓼 𝓶𝓮𝓾 𝓶𝓪𝓲𝓸𝓻 𝓹𝓮𝓬𝓪𝓭𝓸 〔   :notebook:   〕⠀

⿸♡ O1 ៸៶ Ao abrir o aplicativo "Adobe Photoshop", selecione um efeito de seu gosto pessoal ao clicar em "looks". Lembrem-se de prestar atenção se o texto continua legível após o efeito (efeitos com coroa tratam-se de uso exclusivo para membros ).

⿸♡ O2/O3 ៸៶ Clique em "ajustar" e procure a aba denominada "vinheta". Controle a intensidade da vinheta mexendo na bolinha da linha à sua frente (esse processo deixa o degradê preto nas bordas de minhas edições).

⿸♡ O4 ៸៶ Selecione a aba sobreposição ao arrastar as opções para a direita ( :arrow_right: ). Fazendo isso, selecione a sobreposição de seu agrado e adicione-a à sua edição, assim finalizando-a.

𓏺ㅤ＼៶ㅤㅤㅤㅤㅤ⏜ㅤㅤㅤㅤㅤ៸／ㅤ𓏺

─────┈ㅤㅤƜᥱ𝗅𝖼ᨣิᥖᥱ, Mᨣิᥒ ᥲᥖᨣิᥙrㅤ┈──────

〔███ ＼⠀⿸♡   𝖯𝗋ᦅิ𝗌𝖺 · Aᴏɴᴅᴇ Cʜᴇɢᴀᴍᴏꜱ 𝂅      ៸៶

·⠀⠀       ⠀ ⬚ົ⠀ㅤ᪺   𝓮𝓻𝓮𝓼 𝓶𝓮𝓾 𝓶𝓪𝓲𝓸𝓻 𝓹𝓮𝓬𝓪𝓭𝓸 〔   :notebook:   〕⠀

⿸♡ ៸៶ Finalmente, concluímos a edição. Espero que tenham gostado do artigo e que, de alguma forma, ele os ajude a atingir o objetivo que tanto desejam. Qualquer dúvida quanto a este blog ou a qualquer detalhe desta e de outras edições, aconselho que chamem a responsável pela equipe de edições no privado. Compreendo que a edição ficou extremamente simples e que poderia ser composta por mais elementos, mas vamos relembrar o fato de que estamos em uma aula para iniciantes e que devemos dar um o de cada vez. Composições mais complexas e como cortar a TPL serão ensinadas em aulas futuras. Nos acompanhem pela #MeEnsina ou façam parte de nossa equipe. No fim, minha cabeça ferveu tanto durante o artigo que esqueci que faria uma releitura de uma edição antiga. Deixarei isso para um artigo mais descontraído, espero que tenham gostado da aula.