Tutorial de como fazer icons (Cs6)
Eu fiz esse tutorial uns anos atrás e nunca postei por preguiça. Vocês vão ver o quanto é rápido e simples fazer icons.
[IMPORTANTE] A parte “mais complicadinha” seria a parte dos actions (vocês vão saber quando ela chegar), mas muita gente, inclusive eu, nem usa mais action. Já não vejo mais diferença na hora de colocar o icon no perfil com ou sem action, mas lembrando que isso é a MINHA opinião. Enfim, isso aí vai de vocês.
Abra o photoshop e certifique-se de que tudo isso aqui está selecionado:
Vá em File> Open> e procure a imagem que você quer fazer o icon. Para o seu icon ficar com qualidade, pegue a imagem em galeria (tipo essa.) ou apenas tente achar a foto na sua melhor qualidade. Se seu icon for de fotos de famosos no instagram ou coisas do tipo, vamos ver a diferença no passo mais adiante.
Eu geralmente corto o icon como eu quero antes de redimensionar. Como? Assim:
Depois que selecionar a parte que você quer como no Gif acima, aperte Ctrl + C.
Vá em File> New> e abra na resolução 240x240. Ou 250x250. Do jeito que você preferir. Assim:
Depois que clicar em "Ok", vai abrir outra aba com o quadrado 240x240. Aperte Cltrl + V para colocar a imagem.
Obviamente a imagem é maior do 240x240. Para arrumar, é só ir em Edit> Free Transform.
Redimensione de um jeito que caiba no quadrado, assim:
Obviamente dá pra ver que a imagem está zuada. Para arrumar isso, é só clicar aqui:
Então ele vai voltar a ficar assim:
Puxe APENAS NA DIAGONAL. APENAS. NA. DIAGONAL. para arrumar do tamanho do quadrado. Mais ou menos assim:
Como eu já disse antes essa é a parte mais complicadinha. Se você está satisfeito com seu resultado pode parar aqui mesmo e pular para a última etapa de como salvar o icon. Se está satisfeito e apenas quer saber o que diabos são actions, pode continuar também, afinal, quanto mais você soube melhor. Ou pode continuar se você acha que actions são bonitos também, tanto faz.
E então finalmente: Actions. Aonde eu acho? O que é isso? Action é meio que o efeito que você coloca no icon. Como esse meu icon é de boa qualidade eu coloquei um Action de nitidez. Se você colocar um Action de nitidez em um icon sem qualidade ele fica meio zuado. Lembrando que EU acho isso, porque por exemplo, no textinho do Action que eu peguei, o criador diz que o Action v3 é bom pra icon sem qualidade, já eu não acho isso. (O pack de Action que eu usei foi esse. Mas você pode achar mais aqui).
Resumindo: se o seu icon for de boa qualidade, use o v3 (com nitidez). Se for de má qualidade (fotos de instagram etc) o v2 (que deixa meio borradinho). Pra ser sincera nunca testei o v1. Enfim, vamos aplicar.
Como no primeiro passo que eu pedi, você provavelmente já foi em Window> Actions e abriu uma janelinha. Clique na setinha que está sendo marcada pela tracinho vermelho do print abaixo, e depois vá em Load Actions. Procure o Action que você baixou e clique nele.
Como você pode ver no print abaixo eu já abri 5 packs de actions. O que eu uso é o "atn pack by liampenys" e é ele que eu disse para baixar no outro passo.
Depois que você abrir o Action, clique na setinha do lado do símbolo do arquivo e selecione o Action que você quer aplicar. Geralmente quando você baixa um Action vem em pacote. Tipo, vem 4 ou 5 actions. E por isso tome cuidado para selecionar o que você quer usar. No meu, vem apenas 3 actions. Como eu disse no outro passo, vou usar o V3 porque tem nitidez e meu icon tem qualidade. Para aplicar. clique no símbolo ali embaixo de play.
Viu a mudança? Beleza, seu icon está pronto! Para salvar, aperte Ctrl + S e selecione o formato ".png" SEMPRE PNG. Vai abrir uma abinha pequena e é só clicar em "ok".
Usei o Action v2 (que deixa borradinho) só pra vocês verem a diferença:
POR FAVOR CRÉDITOS DANDO LIKE OU REBLOQUE.
Qualquer dúvida manda na ask que eu respondo.
ellievsbear
romaincrisis
tangentwithtanner
origamiaround
