Image Map

Mini tutorial + Base para icon + PSD'S


Ayo, Painlerss (Eu amo esse nome pro "fandom", me julgue) hoje vim com algo diferente. 

Se você é uma pessoa que gosta de coisas práticas e sem sofrimento, esse post é pra você. 

Então, acredito que todos sabem como produzir os famosos icons, certo? Caso você não saiba, existem diversos tutoriais nas internets (E quem sabe não saia um aqui na Painless Resources no futuro?). 

Instruções e explicações:

Você irá baixar o PSD, do qual estará disponível para download mais abaixo dessa postagem. Logo que abrir, verá que estará assim: 

 Clique na foto para ver em tamanho real.

O PSD já contém a base com as medidas. Então, você salva as fotos que quer fazer o icon, e ajusta na base. 

Uma dica muito, muito grande: 

Quando for ajustar o icon, em vez de clicar diretamente nisso: 


Você vai na imagem que vai fazer o icon , e clica com o botão direito sobre ela. Você verá que irá abrir os comandos: 

Clique para ver em tamanho real.

Você vai clicar em "Converter em objeto inteligente"

Clique para ver em tamanho real.

E agora, você verá que poderá ajustar a imagem com muito mais facilidade, "elasticidade"(?) e melhora. Quando você estiver com os comandos do objeto inteligente sobre a imagem, aí sim, clique naquele ícone que ajusta a imagem: 


E vai ficar assim: 


Ajuste do jeito que você achar melhor, e agora com segurança. Você deve estar se perguntando:  Ué, mas por quê? 

Porque quando você clica diretamente apenas naquele ícone, ele vai tirar completamente a qualidade da sua imagem se você ajustar ele de forma que dê muita elasticidade a imagem. Ou seja, ele não é apropriado para transformações muito grandes como a do icon. Quando você converte em objeto inteligente, o photoshop vai preservar todos os mínimos detalhes e pixels da imagem, fazendo com que ela não fique com qualidade ruim, e você possa transformar ela com tranquilidade, sem medo de perder seu trabalho. Mas lembre-se: depende do tamanho da imagem e qualidade da mesma. Como diz meu pai: "Não vá querer colocar São Paulo dentro de Cerqueira" (Cerqueira é uma cidadezinha ultra pequena que ninguém conhece. Por isso que eu falo que a gente é made in roça. Imagine um troço tão grande quanto São Paulo dentro de Cerqueira? É isso que a metáfora (E ditado do meu pai que é um filósofo conceitual) quer dizer. A conversação em objeto inteligente ajuda pra caramba, mas não vai conseguir deixar a qualidade quando você passa medidas absurdas. 

Mas enfim, voltando à postagem: 

Você percebeu que, ali na área de edição, há cinco PSD'S? Eu escolhi eles, porque pra mim, são ótimos para editar icons. 

Clique na imagem pra ver em tamanho real.

Pois então, você coloca o icon abaixo dos PSD's, ajusta ele como quiser certinho; Após isso, como você pode observar, a visualização dos PSD'S está desativada. Você vai, clica sobre os quadradinhos e vê qual deles é melhor pro seu icon. 


Lembre-se que se você ativar a visibilidade de mais de um ao mesmo tempo, ele sobrepõe um ao outro, e pode fazer com que a qualidade fique ruim ou ultrapasse da vontade do que você quer. 

Enfim. É só ir fazendo tudo o que eu expliquei. E sabe o que é mais legal? Com a base, você não precisa ficar fechando e abrindo nada. É só arrastar a imagem, ajustar e colocar os PSD'S que são bem legais pra usar nessas coisas. Você pode até mesmo puxar mais de uma imagem ao mesmo tempo, e ir sobrepondo uma em cima da outra (tampando-as, claro) e ir salvando, que não dá nada. 

"Tá, mas tia, por que você fez um tutorial e base pra algo tão simples?"

Cacei na internet toda tutoriais de como fazer icons, e não achei nada que explicasse exatamente isso. Davam detalhes mínimos, mas nenhum descomplicava a vida de quem é extremamente iniciante nessa coisa. Principalmente pra pessoa lerdinhas (igual eu), que provavelmente estariam torrando os neurônios até agora com isso.  

Caso tu já tinha a própria base ou já fazia isso antes, baixa que tem PSD legal <3 E pra quem não tinha nada disso antes, já descomplica sua vida. É só abrir o PSD e vráu, mãos na massa. 


(Print de comemoração)



Mas enfim, depois de tanta enrolação, link para download: aqui.

Até meus amores, tenham um dia/tarde/noite maravilhoso <3 

Não se esqueçam de visitar nosso blog oficial <3 
https://painlessdesign.blogspot.com.br/

É NÓIS MANAS 

Inté o/




Nenhum comentário:

Postar um comentário

>> Pegou? Gostou? Comente!
>> Siga o nosso blog, curta nossa fan page e fique por dentro.
>> Faça pedidos de tutoriais ou materiais na C-box
>> Nunca retire os créditos.
>> Tenha respeito, jamais seja desrespeitoso com a gente ou com os outros.