Não é porque é feito na web que tem que ser feito de qualquer jeito.

25/07/2017

COMO ADICIONAR MÍDIA NOS CAPÍTULOS – NYAH!


Você já se perguntou como as pessoas fazem para adicionar imagens nos capítulos do Nyah, certo? A técnica é tão simples que resolvi fazer em formato de artigo mesmo, então vamos lá o/
O primeiro passo não é tão simples, no entanto.


CRIANDO A IMAGEM


Eu sei, nem todo mundo sabe editar imagens. Por isso, recomendo que você olhe nossa categoria de tutoriais de Designer e dê uma olhadinha no que já temos pronto para acender uma luz no fim do túnel. Ou use editor de imagem online. Ou pegue uma imagem das internets da vida.
Para este artigo eu criei a imagem do topo desse artigo no tamanho 600 de largura por 250 de altura para exemplificar.
Depois disso, salve a imagem em um local de fácil acesso. Sempre lembre-se de verificar se está em alta resolução, pois ela vai diminuir a qualidade. E como vemos isso? Simples. Salvou e ficou com pontinhos como se tivesse dado Zoom? Opa, então temos um problema.
Para resolver isso, a melhor solução é editar a imagem maior do que o necessário. Para ficar proporcional, recomendo usar o tamanho 1200 de largura por 500 de altura, que é o dobro do que vamos usar.
Caso esteja usando o Photoshop, antes de salvar, clique em Imagem > Tamanho da Imagem e coloque nas configurações abaixo:


Caso esteja usando algum editor online, você pode salvar no tamanho em que está, a gente irá reduzi-la no próprio Nyah!.
Salve como PNG para manter a qualidade, ou como JPG para ficar mais levinho. Como vocês fez maior do que o necessário, boa parte da qualidade vai se manter se salvar como JPG.


SALVANDO A IMAGEM


Para manter os servidores menos sobrecarregados com imagens extras, o site não salva a imagem diretamente nele. Para usarmos nossa imagem, será necessário salvá-la em um site externo.
Recomendo usar o Tinypic e é ele nele que vou ensinar agora.
Acesse http://pt-br.tinypic.com/ e você verá a tela de abertura completa. No topo tem a parte de login e é bom criar um cadastro para ter um controle de suas imagens, mas isso não é obrigatório.
A parte que mais nos interessa é esta:

Clique em Escolher Arquivo, navegue pelas suas pastas até o local em que você salvou sua imagem, selecione e clique em Abrir. Espere o nome da imagem aparecer ao lado de Escolher Arquivo.
Coloque tag apenas se quiser.
Certifique-se de que em Fyle Tipe a opção Imagem está selecionada e em Resize deixe como Default.
Se quiser não perder o link, clique em Share, marque a caixinha ao lado e digite seu e-mail. Por fim, clique em Upload Now, aquele botão verdão.
Ele vai abrir uma caixa de segurança para confirmar que você é uma pessoa e não um robô (programa fraudulento). Escreva a palavra do jeito que está lá e clique em Upload novamente.


Agora aguarde.


Pronto! Imagem disponível o/
O link que nos interessa é o último, como destacado no print abaixo :D Selecione-o e copie ele.


COLOCANDO IMAGEM NO CAPÍTULO


Agora, no texto do capítulo da sua fic, dê espaço para afastar o texto da imagem, clique na montanhazinha ao lado da corrente. Vou destacar no print abaixo qual é.
A janelinha que se abre é a que nos interessa. Cole o link no espaço que pede o Endereço da Imagem. Se quiser, coloque uma descrição.

Se você salvou a imagem no tamanho não desejado, coloque, em Dimensões, no primeiro quadro a Largura e no segundo quadro a Altura, desmarque a opção Manter Proporção e clique em Ok e espere a imagem carregar para ver se está ok mesmo.
Agora, se salvou a imagem no tamanho desejado, basta colar o link e dar Ok. Espere carregar para ver se está certinho.
Sabemos que está certo quando a imagem carrega na caixa de texto.


ALINHANDO A IMAGEM NO TEXTO


O jeito mais simples de se fazer isso é clicando na imagem já carregada e selecionar o alinhamento que deseja. Eu gosto de colocar como centralizada só para descarrego de consciência, pois o 600 de largura é o tamanho exato do espaço deixado para o texto.
Mas você pode colocar como alinhado à esquerda, direita ou justificada seguindo o mesmo caminho e isso fará diferença se a imagem for menor do que 600.


TÁ OK, TIA?


Vamos ver se está binitinho ou se deu pane no sistema.
Clique em Veja como ficou o capítulo e analise se a imagem não quebrou o alinhamento do texto. Isso pode acontecer se você colocar a imagem dentro do texto, não no topo.
O meu ficou assim:

Eu salvei em PNG e como não fiz muitos efeitos, a imagem ficou leve e carregou rápido. Também fiz na largura máxima, o que ajustou bem no texto.
Agora é com você o/ Deixe sua criatividade aflorar, mas não se esqueça de que só é permitido uma imagem por capítulo e que certos conteúdos de imagem não são permitidos.

Ficaram dúvidas? Comenta aí. Tem mais alguma coisa que queira aprender do Nyah!? Comenta também xD

0 comentários:

Postar um comentário