sexta-feira, 26 de fevereiro de 2016

Personalizando minhas pastas de animus - Parte I


Criação de ícones - Pastas personalizadas


Nessa parte explicarei sobre como colocar uma imagem (de filme, anime, etc) em um TEMPLATE (template é um modelo, um esqueleto). O modelo que usarei será esse simples em formato Poster que tem na imagem acima. Porquê ele? Em um primeiro momento ele é o mais fácil de explicar, além de quê é bem bonito e é muito mais fácil achar imagens nesses formatos (largura menor que altura) na internet. Vamos lá. Tenha em mente que esse é um tutorial quase bem explicativo, pra quem tem certa experiência, muitas coisas podem ser desnecessárias.

Colocando uma Imagem em um Template

Você vai precisar de:
- Adobe Photoshop (versão CS3 ou superior) de preferência em português-BR para não se perder nesse tuto.
- Conhecimentos básicos de informática (saber o que é diretório, como salvar documentos, como usar a interface de um programa, como baixar coisas da net)

Começando.

1 - Tipo de imagem: As imagens que você vai usar precisam ser de tamanhos maiores que 370x480 Pixels (370 largura x 480 altura). Dê preferência para imagens maiores que 400x700 pixels, tendo em mente que quanto mais retangular a imagem, melhor, se for uma imagem quase quadrada você pode usar, mas note que a imagem ficará cortada ou você precisará ajustá-la, reduzindo sua qualidade. Isso depende da imagem e de como você vai editá-la.

2 -  Abra o seu Adobe Photoshop, espere uns segundos até ele carregar completamente e depois abra o Template que você baixou e a imagem que você salvou (obs: se você usa uma versão atual do photoshop, irá aparecer uma mensagem sobre perfil ausente 'o documento X não possui um perfil rgb incorporado', nesse caso, marque a opção ATRIBUIR RGB ATIVO: Adobe RGB (1998), faça isso para tudo que você abrir nele).

3 - Logo de cara, verifique se seu photoshop está com essas opções marcadas no Menu JANELA. São eles: Camadas, Histórico e Navegador. Se não estiver, marque-os, de preferência deixe apenas os 3 como mostra na foto, cuidado para não desmarcar as opções de baixo separados por uma linha.

Note que as imagens que você abrir ficarão separadas por abas. Para melhor tranquilidade e facilitar a troca de camadas, clique na guia (destacado na foto abaixo) da imagem que você quer colocar como pasta e arraste para qualquer luga na tela. 


Calma, ainda estamos na parte de nos acostumar com a interface e deixar as coisas fáceis para edição. Depois de ter feito o passo acima, você deve estar com duas ou mais imagens na tela. Note que a imagem selecionada aparece em uma miniatura ali no navegador, como mostra na foto acima. Sabendo disso, selecione o template psd_by_liaher, procure o Menu Imagem e DUPLIQUE o template. Veja a foto abaixo para entender. (Essa parte você pode pular, mas eu acho que facilita muito todo o trabalho fazer esse passo)


Você vai fazer as coisas nessa imagem que você duplicou. Porquê? Isso é mais uma medida de segurança, evitando que sejam feitas alterações no template. Se ele for alterado você vai precisar baixá-lo de novo. Outro motivo é que se você for criar várias imagens, você não precisa ficar abrindo o template toda hora, basta duplicá-lo e pronto.

4 - Redimensionamento da imagem.
Agora começam as edições, usarei como exemplo a imagem do anime Nanatsu no Taizai. Selecione a imagem que você vai personalizar e procure no Menu Imagem, a opção Tamanho de Imagem, como na foto abaixo.


Na janela que vai aparecer, veja se a medida está em Pixels, se não estiver coloque. O tamanho IDEAL da imagem para ficar quase do mesmo tamanho do template é entre 373 a 380 de LARGURA e no MÍNIMO 480 de ALTURA. Eu prefiro deixar 373 de largura por quê ela fica certinha no template e corta quase nada da imagem. Veja a foto abaixo para entender.


NOTA 1: Mecha APENAS na largura da imagem (estou consideranto imagem formato poster 'largura menor que altura') pois é o menor tamanho a ser ajustado, a altura é ajustada automaticamente.
OBS: VERIFIQUE se quando você altera a largura, a altura é alterada automaticamente. SE isso não estiver acontecendo, clique nesse icone que fica entre largura e altura.

Nota 2: Veja se a altura ultrapassa os 480 pixels quando você colocar o tamanho mínimo na largura (373~380 pixels), se estiver abaixo desse valor, esqueça a largura e mexa na altura, coloque o mínimo de 480. Exemplo nas fotos abaixo.

A largura ficou OK mas o tamanho ficou menor. Assim a imagem mostrará um grande espaço cinza.


Coloquei a altura no mínimo e a largura aumentou. Tem problema? Não, depende da imagem, por isso recomendo usar imagens com grandes diferenças entre largura e altura. Mas algumas imagens podem ser ajustadas, essa por exemplo, os personagens estão centrados, o corte de largura que a imagem teve foi em um espaço vazio. Isso depende muito da imagem que você escolhe.

5 - Colocando a Imagem no TEMPLATE
Atente a ferramenta que você vai usar, a ferramenta MOVER. Geralmente ela fica do lado esquerdo da tela <<.

Com essa ferramenta selecionada, clique e segure no meio da imagem que você pegou da net e arraste para dentro do TEMPLATE. No exemplo, eu cliquei no meio da imagem do Nanatsu no Taizai e a arrastei para o template psd_by_liaher (nomes destacados para melhor entendimento).

Perceba uma coisa, a imagem que você arrastou se chama camada, não explicarei sobre isso aqui, apenas saiba que é uma camada. Ali do lado direito você vê as camadas do template, a camada que você arrastou deve estar no meio delas. Por padrão a camada quando você arrasta para o template já fica no meio, mas caso não esteja, apenas selecione e erraste essas miniaturas (camada 1) até ficar no meio (entre o Layer 11 e 12). Destaquei onde ficam as camadas na foto acima para melhor entendimento.

6 - Salvando.
No Menu ARQUIVO, escolha Salvar Como e salve a imagem no formato .png. Evite colocar nomes gigantes tipo Ore no Imouto ga Konna ni Kawaii Wake ga Nai pois isso depois de virar ícone pode causar problemas em alguns computadores fracos e outros sistemas.

(Para salvar no formato .png, clique nessa caixa 'TIPO' e aparecerá várias opções. procure por PNG)

Quando você salvar, pode ser que que o adobe dê uma pequena travada... espere um pouco e ele voltará ao normal. Ele provavelmente exibirá essa mensagem:

Escolha Entrelaçar: Nenhum e Compactação: Menor/Lento.

Depois que estiver feito tudo isso, feche a imagem. NUNCA salve as alterações, principalmente as que forem feitas no template, se não você precisará baixar de novo o template para fazer outras imagens.
 (Escolha NÃO)

E assim está concluida essa parte.

Agora falta converter a imagem para ícone e depois aplicála na pasta, explicarei isso em outra postagem.

Próximo passo:
Para ver como transformar a imagem que você fez em ícone, clique aqui.


Tem alguma dúvida sobre algo? Alguma sugestão, etc? Deixe nos comentários, ou envie um email para yt.yami.san@hotmail.com

Nenhum comentário:

Postar um comentário