Venho aqui anunciar a nossa extensão do blog MyeonDesign!
Mas o que vamos postar aqui?
Bem, iremos postar tutoriais de designs a Pack de materiais, espero que estajam ta felizes como eu estou, queria abrir a nossa escolinha a muito tempo atras.
Caso queira fazer parte da nossa escolinha, pode se inscrever para a staff (Nao precisa fazer parte do MyeonDesign, para fazer parte do MyeonScholae)
Espero que gostem de nossas publicações e ate mais <3
Hey, tudo bem com vocês? Espero que sim, hoje eu vim aqui começar o meu tutorial de layouts, bom, não sou a melhor fazendo o design, mas acho que eu consigo ensinar mais ou menos como fazer um.
Eu inicialmente queria fazer um tutorial onde eu daria dicas, mas eu não tenho microfone e nem um fone pra gravar, ia pegar o do meu irmão emprestado, mas não deu muito certo, então sera apenas videos mesmo.
Algumas dicas: = Usem paleta de cores;
eu comecei o vídeo escolhendo uma, mas com o passar dos minutos eu deixo ela de lado, não sigam meu exemplo, eu só não consigo seguir a paleta.
= Eu uso 1360x800 pra fazer a header, mas você pode mudar pra 1360x700/800/900, você que sabe.
= Recomendo que sigam um tema, ou um estilo, nessa header eu tentei seguir o tema "neon" mas acho que não muitoooo certo não kks mas até que fico bonitinho, antes de iniciarem um layout, pense em como deseja fazer ele, não apenas coloque as coisas aleatórias que baixou na internet.
____________________
Irei fazer esse tutorial em partes, a segunda parte vai ser sobre a sidebar e as postagens!
A-yo, brotos! Como estão de saúde? Espero que bem!
Depois de já falarmos sobre gifs, vamos falar de um dos trending desse ano do spirit e algo já utilizado há muito tempo no wattpad; trabalho de perspectiva e luzes. Eu pretendia fazer um tutorial em vídeo, entretanto, trabalhar com isso demora bastante, há muitos detalhes, então seria algo muito longo. Assim, pensei em escrever umas boas dicas mesmo.
Primeiramente, eu queria ressaltar um dos pontos que as pessoas mais erram na hora de editar: não há formulá para um edit de luz. Não é algo metódico, quando você pega uma imagem, seja um background, um png de pessoa, um png de objeto, ele tem sua própria luz, sua própria sombra. Você tem que sair da fórmula e pensar em sua imagem como única, pois todas são diferentes. Então, vamos lá as dicas!
Incidência da luz, sombra e pontos de iluminação. São três coisas importantes a serem lembradas.
Tudo que transmite luz, deve ser bem contornado (como lampadas, velas, luas e etc), você pode deixar a camada no estilo de sobrepor ou de superexposição de cor, ou, até mesmo, luz indireta. Use sempre muito branco e a cor base que está usando como base para produzir os contornos com o pincel.
A sombra é muito importante para trazer perspectiva, profundidade a imagem. Sem ela, sua imagem pode parecer uma montagem bem mal feita e não é isso que queremos. Dependendo do edit, uma boa quantidade de camadas pretas são super bem vindas, em edit's dark's e sexy's principalmente. Exemplo:
Ao longo da imagem, para trazer um efeito bonito, pontos de iluminação tornam-se uma chave. Você pode tanto criar eles com bolinhas com seu pincel redondo ou usar de texturas já prontas como estas:
Na incidência de luz, como na sombra, sempre lembre que cada peça que você colocou precisa ter esse efeito. Nunca se esqueça de iluminar seu personagem, isso que trará, sobretudo, aquela impressão que ele realmente faz parte dali. Então sempre vá naquela mascara de corte e um bom contorno com o pincel.
Para detalhes em pngs, como no momento eu estou sem mesa, para fazer traços eu utilizo tanto o lápis, quanto a caneta (como mostrei no vídeo) e todos acompanhados do laço de seleção para apagar os cantinhos que não ficaram bons. Muita atenção na delicadeza do traço, o quão fino ou o quão reto ele ficou! Os pequenos detalhes que constituem um pelo design. Na hora de dar uma boa textura a pele do seu personagem, use a ferramenta de borrar (aquela do dedinho) com uma resistência baixa para não acabar estragando e passe delicadamente pela face, você vai ver como vai ficar lindo!
Você pode pensar agora "poxa, Lua, isso da muito trabalho". De fato, é um pouco trabalhoso, eu já vi muitos designers passarem seis horas fazendo um edit desses, mas vale muito apena, já que fica muito bonito o resultado!
Bom, espero que eu tenha ajudado com essas dicas, se quiserem que eu fale de outro tópico, pode mandar uma ask para o meu tumblr.
A-yo brotos, como estão? Espero que bem. Hoje eu vim com dois speedovers bem parecidos somente para trazer uma inspiração para vocês, há dicas boas nos vídeos, espero que gostem e um xero no cangote!
A-yo , brotos, como estão? Espero que muitíssimo bem! Eu finalmente estou de volta para falar de um tema pavoroso: GIF's.
Confesso que a um tempo atrás eu odiava com todas as minhas forças eles, simplesmente por achar muito complicado de se mexer e "sem muita utilidade para capas", sim, era assim que eu pensava. No aplicativo do spirit para Android não é possível ver a movimentação da imagem, por isso, sempre acreditei ser algo inútil, uma completa perda de tempo.
Mas, felizmente, eu evoluí quando troquei de telefone para um com sistema IOS e descobri a beleza e o charme que um gif trás para uma capa, icon, jornal ou o que for. Um edit simples pode se transformar complementante com o acrescento dele, pode ser um pequeno a um grande, um detalhe ou a imagem inteira, confirmo sensata que fará a diferença.
Diferente do que todos pensam, mexer com linha do tempo e frames não é um monstro de sete cabeças, é somente prática e aprendizado de macetes, no terceiro edit você já pega o jeito e tenta inventar outras formas de utilizar essa ferramenta, falo por experiencia própria. Nessa postagem, estarei explicando alguns termos por cima de como utilizar esse artificio e deixarei um vídeo que fiz utilizando gifs para fazer icons.
Frame ou quadro de vídeo/animação é uma das "imagens paralisadas" que juntas formam o gif/vídeo.
linha do tempo e frames
Linha do tempo é como se fosse as "configurações" do gif, você, a partir dela, terá acesso aos frames de cada segundo e poderá ver como está o desenvolvimento, podendo editar separadamente cada um deles.
como abrir a linha do tempo
Esses dois serão seus dois grandes amigos na batalha.
Com eles abertos e prontos para produzir, escolha um gif de seu gosto (o arquivo TEM que estar salvo na modalidade .gif), coloque para ele abrir no photoshop.
como sua interface irá ficar
Abrindo seu gif, você vai ter acesso a todos os frames e as camadas, sempre selecione todas elas na hora de mexer nelas, quando você acrescentar algo ou puxar elas para um lugar, talvez não mude em todos os segundos da reprodução, aí que entra os macetes que você tem que aprender.
Sempre que for adicionar um efeito no gif, adicione no primeiro quadro de animação e acima de todas as camadas, caso não adicione, não irá se reproduzir nas outras, a mesma regra se aplica se você mudar o estado ou opacidade de uma camada no gif.
Na hora de transportar o gif para outro lugar, você tem duas opções:
1. Levar todas as camadas para o arquivo que deseja e construir sua animação ativando frame por frame;
2. Selecionar e copiar todos os frames e colar em outra linha do tempo.
como copiar frames
como colar frames
Assim que tiver seu gif no lugar certo, solte sua imaginação, com cuidado, e crie do jeito que desejar, acrescente numa capa ou em outras coisas, mas preste atenção na hora de salvar, é de uma forma diferente. Assim que terminar seu trabalho, vá em "Aquivo" no canto esquerdo de sua tela e escolha a opção "Exportar", depois "Salvar para a Web (legado)...", assim abrirá uma tela e é só salvar.
tela de salvar
Alguns edits meus que já usei essa técnica:
Nesse vídeo eu fiz três exemplos de utilizar gifs em icons, com um ou com mais de um, mas recomendo para quem estar iniciando, trabalhar apenas com um e depois se aventurar em mais.
Esses foram os resultados dos icons:
Caso apresente alguma dúvida sobre o assunto, pode me perguntar pela postagem ou procurar uma de minhas redes sociais, meu twitter é @inuteiz, eu ficarei feliz em lhe ensinar. Espero que tenham gostado dessa postagem e tenham aprendido algo, um xero no cangote e até a próxima!
Ayo brotos! Como está? Espero que muitíssimos bem! Aqui estou eu de volta com o outro speedcover e, claro, mais dicas xuxu belezinhas, brotinhas legais para ajudar quem está começando nesse mundinho de capas de fanfic.
Desta vez, vim com uma capa romântica que, um dia, já foi meu forte, rsrs. Confesso que nessa capa eu estava com um bloqueiozinho, sem saber o que fazer. Simplesmente não surgiu a ideia. Mas, de uma forma ou de outra, eu tive que fazê-lá e o resultado até que não foi ruim. Então vamos lá as dicas!
Existem vários tipos de fazer uma capa romântica, é tão vasto como o oceano, tudo irá depender do plot e da requisição feita pelo escritor. No meu caso, não tiveram tantas e acabei por me enrolar, só pedia que tivesse uma paleta verde e isso acabou comigo, mas seguimos em frente.
Para sua capa ficar supimpa, boas texturas e stocks são, muitas vezes, a chave do sucesso. Procure sempre algo que combine com a temática e, antes disso, separe bons png's para que monte tudo arrumadinho (arrumação e paciência levam ao sucesso). Para quem quiser, vou deixar alguns links de uns pack's de texturas para românticas bem legais:
Boas texturas podem construir uma base incrível para sua capa, podem ser os coadjuvantes e os principais também. E, claro, bons png's levarão seu design a outro nível, irei deixar alguns links para alguns bons:
