sexta-feira, 26 de fevereiro de 2016

Personalizando pastas com ícones



Apresentação e blábláblá quase desnecessário
Bem, existem diversos tutoriais na net sobre como fazer um icone/pasta personalizado usando os mais variados templates, a maioria são tutoriais em vídeo, e ensinam também como aplicar o ícone a pasta. Mas o que eu nunca vi por aí é como deixar o ícone PERMANENTEMENTE na pasta, pois se você renomear a pasta, ou colocar ela em outro lugar, passar para um pen driver, outro HD, etc... o ícone SOME. O que mais vejo por aí é gente reclamando que ficou um tempão colocando ícones em seus filmes/séries/animes/jogos e depois que formatou o pc eles sumiram.
De forma simples vou tentar explicar o passo a passo para fazer esse procedimento, não é nada complicado, mas você vai precisar de alguns requisitos mínimos para o mesmo.
Esse guia está dividido em 3 partes, cada uma delas aborda uma parte do 'trabalho' para a personalização daquela pasta que tem seu conteúdo favorito.Fiz esse tutorial focado mais na parte de personalização de pastas de animes, mas ele serve para qualquer outra coisa.
O template que usarei nele não possui bem o formato de uma pasta de arquivos, e sim o formato de um poster ou cartaz, como na imagem ilustrativa acima.
Outro ponto importante é que os métodos citados aqui são apenas para Windows, não funciona em Linux, Mac, Android, etc. Apenas computadores com o sistema Windows irão reconhecer as pastas personalizadas (Talvez o Xbox também, mas como não tenho o console, não posso afirmar).

Você pode seguir qualquer um dos passos a seguir, esse tutorial é mais focado pensando nas pessoas com pouco conhecimento sobre informática geral, e por isso tentei facilitar mostrando todas as etapas e com várias imagens. Sem mais delongas, vamos começar.

http://fobus-deimos.blogspot.com.br/2016/02/personalizando-minhas-pastas-de-animus.html
Nessa parte irei ensinar como colocar uma imagem em um template usando o adobe photoshop.


http://fobus-deimos.blogspot.com.br/2016/02/personalizando-minhas-pastas-de-animus_26.html

Apesar do título, nessa parte irei ensinar como converter a imagem editada no photoshop em um ícone. Porém, o método vale para qualquer tipo de imagem.


http://fobus-deimos.blogspot.com.br/2016/02/personalizando-minhas-pastas-de-animus_30.html

Aqui ensinarei um método mais ou menos 'avançado' (na verdade é bem simples) sobre como deixar o maldito ícone eternamente na pasta, sem que ele suma quando você troca ela de lugar.

---------------------------------------------------------------------------------------------------------------

Caso queira alguns ícones de animes prontos, eu tenho um pack com 191 ícones que fiz perdendo muito tempo de vida. A lista de animes que tem nesse pack se encontra aqui, e o download do pack está aqui.

Qualquer dúvida deixe nos comentários ou mande um email para yt.yami.san@hotmail.com

Personalizando minhas pastas de animus - Parte III

Colocando um ícone na pasta


Dessa vez você só vai precisar de:

- Conhecimento básico de informática para não se perder, como mostar arquivos ocultos, propriedades de arquivo, pasta, etc.

- UM dos dois exemplos mostrados aqui valem exclusivamente para Windows 10, 8.1 e 8.
Para o Windows 7, Vista e XP (se vc usa o xp, por favor, troque para um mais atual), o esquema funcionará do mesmo jeito, MAS a forma em como você vai chegar em algumas configurações para mostrar arquivos do sistema será diferente. O outro método vale para qualquer sistema Windows.

Começando.

1 - Antes de mais nada, copie o arquivo de ícone que você converteu no passo anterior e cole para dentro da pasta que você quer alterar. Usarei como exemplo o ícone do Nanatsu no Taizai feito nas etapas anteriores.


Note que os ícones estão dentro da pasta, junto com os episódios do anime.

2 - Clique com o botão direito do mouse em um espaço em branco da pasta e no menu que aparecerá clique em Propriedades (foto acima).

Navegue até a aba Personalizado, deixe Otimizar esta pasta para: em Vídeos (isso fará os episódios serem mostrados em pequenas miniaturas) e depois clique no botão Alterar ícone lá em baixo. Veja na foto a seguir.


Irá aparecer uma janela com vários ícones do sistema, clique em Procurar e navegue até os ícones que estão DENTRO DESSA PASTA. OBS: Cuidado para não pegar ícones de outros local, eles precisam ser os mesmo ícones que você copiou para a pasta, se não eles irão sumir por qualquer alteração no futuro.


ok em tudo. Está tudo pronto (se a imagem não mostrar o ícone, atualize a pasta, entre e saia de novo ou reinicie o pc, porém não recomendo fazer isso ainda)
Agora está tudo bonitinho e enfrescalhado.

Não.

Se você passar essa pasta para um pen driver, para outro HD, se mudar o nome dela, etc, ela irá voltar para a aparência padrão do Windows.
O que fazer então?
Existem 2 métodos que consistem na mesma coisa, os 2 são simples, mas um deles é mais indicado para quando for personalizar várias pastas de uma vez.

3a - Método bem simples mas cansa se fizer várias vezes:

Entre na pasta que você alterou o ícone. Na barra de endereços, clique e tome cuidado para não apagar o que está escrito, e digite atrás do que já está lá o seguinte:
\desktop.ini 
E depois aperte Enter. Veja exemplo abaixo:


No exemplo acima, estava escrito na barra de endereços: E:\Animes\Completos\Nanatsu no taizai
Eu apenas coloquei uma barra " \ " e em seguida digitei destkop.ini
Feito isso, irá abrir um bloco de notas com uns comandos bem loucos. Veja o exemplo:


Isso que está selecionado em vermelho deve ser apagado, incluindo aquele vírgula zero ali no final. Deve ficar assim:

[.ShellClassInfo]
IconResource=Nanatsu no Taizai poster 1.ico

Ou seja, depois de IconResource=, o que você deve colocar é o NOME DO ICONE que você escolheu, por isso ele deve ficar dentro da pasta, pois se tiver em outro lugar, esse comando não irá encontrar o ícone.

Outro exemplo:
Se você tem um ícone com o nome Inuyasha, Ele ficará assim:

[.ShellClassInfo]
IconResource=Inuyasha.ico

Esse .ico deve ficar no final do nome, pois o nome do arquivo na verdade é Inuyasha.ico, mas o Windows esconde esse .ico. Isso é uma extensão de arquivo, caso deseje saber mais sobre, pesquise no google.

Mas e isso aqui:
[ViewState]
Mode=7
Vid=
FolderType=Videos

É importante? Para o ícone não, lembra na etapa lá em cima quando disse para colocar 'Vídeos' em 'Otimizar esta pasta para:'? Esse comando FolderType=Videos apenas exibe os vídeos em miniaturas tamanho Grande. Não precisa colocar ele, mas caso você queira que ele fique salvo assim como os ícones, apenas copie o comando em negrito acima e cole abaixo do comando de ícone. Deixe como na foto mostrada acima. (Mode=7 e Vid= são comando que eu desconheço, não são importantes.)

Depois de ter feito isso, feche o bloco de notas e quando aparecer a pergunta sobre salvar as alterações, escolha SIM.
Se quiser, você pode ocultar os ícones da pasta, isso é opcional e influência em nada.

Agora está tudo pronto, você pode tentar mudar sua pasta de lugar e ela continuará com o ícone personalizado, mas lembre-se que isso funciona apenas no WINDOWS, Sistemas como MAC, Linux e etc não irão exibi-los.

Agora ensinarei um método que considero mais viável quando você precisa fazer isso em muitas pastas. Ao ínves de ficar digitando desktop.ini na barra de endereços, você apenas irar abrir o arquivo oculto clicando no mesmo dentro da pasta.

3b - Método bem simples e viável quando for personalizar várias pastas (para windows 10, 8.1 e 8, caso use um windows mais antigo, leia mais abaixo).

Entre na pasta que você alterou o ícone. Procure o Menu EXIBIR na parte superior da janela, e depois clique em OPÇÕES, como na foto abaixo (estão destacados para melhor entendimento).


Na janela que irá abrir, desça até achar 'OCULTAR ARQUIVOS PROTEGIDOS DO SISTEMA OPERACIONAL' e deixe desmarcado.
Em seguida, desça mais um pouco e MARQUE Mostrar arquivos, pastas e unidades ocultas.
Exemplo abaixo.


OBS: Se você usa Windows 7 ou inferiores, siga este tutorial clicando aqui (irá abrir em outra janela). O procedimento é o mesmo, muda apenas a forma como você vai chegar nessas opções.

Feito isso é só repetir os passos de edição do destktop.ini.
Ctrl+C - Ctrl+V:

Abra o arquivo Desktop.ini que agora deve estar visível.



Isso que está selecionado em vermelho deve ser apagado, incluindo aquele vírgula zero ali no final. Deve ficar assim:

[.ShellClassInfo]
IconResource=Nanatsu no Taizai poster 1.ico

Ou seja, depois de IconResource=, o que você deve colocar é o NOME DO ICONE que você escolheu, por isso ele deve ficar dentro da pasta, pois se tiver em outro lugar, esse comando não irá encontrar o ícone.

Outro exemplo:
Se você tem um ícone com o nome Inuyasha, Ele ficará assim:

[.ShellClassInfo]
IconResource=Inuyasha.ico

Esse .ico deve ficar no final do nome, pois o nome do arquivo na verdade é Inuyasha.ico, mas o Windows esconde esse .ico. Isso é uma extensão de arquivo, caso deseje saber mais sobre, pesquise no google.

Mas e isso aqui:
[ViewState]
Mode=7
Vid=
FolderType=Videos

É importante? Para o ícone não, lembra na etapa lá em cima quando disse para colocar 'Vídeos' em 'Otimizar esta pasta para:'? Esse comando FolderType=Videos apenas exibe os vídeos em miniaturas tamanho Grande. Não precisa colocar ele, mas caso você queira que ele fique salvo assim como os ícones, apenas copie o comando em negrito acima e cole abaixo do comando de ícone. Deixe como na foto mostrada acima. (Mode=7 e Vid= são comando que eu desconheço, não são importantes.)

Depois de ter feito isso, feche o bloco de notas e quando aparecer a pergunta sobre salvar as alterações, escolha SIM.
Se quiser, você pode ocultar os ícones da pasta, isso é opcional e influência em nada.
Obs: Para exibir e esconder arquivos ocultos rapidamente, clique no menu EXIBIR da janela da pasta lá em cima, do lado direito tem uma opção para marcar [] Itens ocultos.

Agora está tudo pronto, você pode tentar mudar sua pasta de lugar e ela continuará com o ícone personalizado, mas lembre-se que isso funciona apenas no WINDOWS, Sistemas como MAC, Linux e etc não irão exibi-los.

Fim.


Personalizando minhas pastas de animus - Parte II


Criando/Convertendo uma imagem para ícone

Depois de aprender a  para personalizar uma imagem e deixá-la parecendo uma pasta ou um poster, agora vem a parte de transformar essa imagem em um ícone (caso não tenha visto a etapa anterior, clique aqui).

Para isso, você vai precisar de:

- FormatFactory (programa de conversão de vídeo, música e imagem).

Vamos lá.

1 - Abra o FormatFactory e procure no lado esquerdo a aba de Imagem. Procure por ICO e clique no mesmo. Na janela que abrir, clique em Adicionar Arquivo e procure pelas imagens que você quer converter para icone.


Depois de seleciona-las, clique em Configurações de Saída, como mostrado na foto abaixo.


Escolha o tamanho 256x256 clicando na primeira caixa de seleção no topo da janela. Deixe marcado Limite de Tamanho e verifique se o tamanho de largura e altura estão 256 e 256. Deixe tudo igual como mostrado na foto abaixo.


Feito isso dê ok e depois no botão Iniciar para converter.

2 - Após terminado o processo de conversão, clique no botão Pasta de Destino e você será levado para os arquivos prontos em formato .ico. Tudo já está pronto, agora basta apenas colocálos na pasta.



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.