[Tutorial - Photoshop] Faça um "simples" avatar

Fórum dedicado aos designers para concursos, dicas etc!

Moderators: O Ministério, Equipe - Beco Diagonish

Post Reply
User avatar
nikky
Na Copa Mundial de Quadribol
Na Copa Mundial de Quadribol
Posts: 1181
Joined: 05/09/05, 22:02
Sexo: Feminino
Estado: RS
Casa: Lufa-lufa
Last.fm: http://www.lastfm.com.br/user/rynnick
Blog: http://tresbienbitch.tumblr.com/
Micro Blog: http://twitter.com/renovateyourass
Location: Pigfarts
Contact:

[Tutorial - Photoshop] Faça um "simples" avatar

Post by nikky »

Image
Como a moda agora é fazer tutorial, vamo que vamo!

Esse tutorial vai mostrar várias formas de fazer um avatar/icon simplezinho, bem rápido *cofcof*, sem usar toda aquela parnafernália toda de texturas e brushes - não necessariamente; a criatividade é a coisa mais importante (Y) But, o objetivo mesmo desse tutorial é mostrar as principais ferramentas, e os vários modelos de icons que se pode fazer com eles:

- Cor Seletiva
- Equilibrio de Cores
- Níveis
- Curvas
- Matiz/Saturação
Etc...

Mas vamos ao que importa:
Primeiro Tutorial
1 - Para uma base, geralmente o tamanho dos icons são 100 x 100, mas há alguns de 96 x 96, por exemplo. Eu prefiro mil vezes 100 x 100, porque é o que o povão gosta. Depois de pegar uma imagem (e por favor, tente não procurar no Google! Muitas vezes só tem imagens pequenas, de péssima qualidade, e quase sempre algo que você nem digitou :roll:), faça do tamanho dito ali em cima, ou o que você preferir.

Eu peguei essa imagem, e fiz um avatar da loira (a outra é muito nariguda! u.u), a deixando assim. Pronto! A parte mais simples está pronta.

Obs: há sites como o LiveJournal, que em algumas comunidades, há avatares/icons bases já prontos; mas isso custa muita paciência, então... u.u

2 - Duplique a imagem/base/avatar/icon, e o deixe em Divisão (em inglês, Screen), na opacidade em que desejar (na minha botei em 50%). E agora sim, vamos para a parte mais legal (L): a cor seletiva. Vá em Imagem > Ajustes > Cor Seletiva (isso é, se você adora abrir janelinhas; o mais simples, rápido e prático é ir na janela de camadas - aquela da direita, embaixo -, apertar no botão que é uma bola em preto-e-branco e clicar em Cor Seletiva), e faça o seguinte:

Vermelhos
Ciano: -100
Magenta: 100
Amarelo: 100
Preto: 0

Amarelos
Ciano: -100
Magenta: 100
Amarelo: 100
Preto: 0

Verdes
Ciano: 100
Magenta: -100
Amarelo: 28
Preto: 0

Neutros
Ciano: 39
Magenta: -19
Amarelo: -39
Preto: 0

(em inglês é fácil de achar =D)

Ooh, mudou, hein? Sim, esses são os ultra poderes da Cor Seletiva (L) Mas pra mim não ficou suficientemente bom. Outra Cor Seletiva:

Vermelhos
Ciano: 100
Magenta: 10
Amarelo: -14
Preto: 0

Amarelos
Ciano: -100
Magenta: 100
Amarelo: 100
Preto: 0

Neutros
Ciano: 44
Magenta: 28
Amarelo: -17
Preto: 0

Ainda não ficou suficientemente bom u.u

3 - Há outra ferramenta importante: Equilíbrio de Cores (L) Fica no mesmo lugar da Cor Seletiva, ou seja, tanto no botão Ying Yang, como no Imagem.

Tons Médios (em inglês, Midtones - que eu me lembre): 40, 40, 40
Sombras (Shadows): -40, -40, -40

Melhorou um pouco, mas vamo mais em outra (Y)

Tons Médios/Midtones: -40, -40, -40
Sombras/Shadows: 40, 40, 40

Por que só 40 e -40? Porque eles são os mais básicos n.n

4 - Só mais um: Níveis (mesmo lugar que Cor Seletiva e Equilíbrio de Cores n.n).

Canal: RGB
Níveis de Entrada: 25 | 1,00 | 255
Níveis de Saída: 25 | 255

Canal: Vermelho
Níveis de Entrada: 25 | 1,50 | 255
Níveis de Saída: 15 | 255

Canal: Verde
Níveis de Entrada: 5 | 1,03 | 255
Níveis de Saída: 25 | 255

Canal: Azul
Níveis de Entrada: 50 | 1,50 | 255
Níveis de Saída: 25 | 255

5 - Pra finalizar... Achate a imagem XD Se você ainda quer usar alguma textura, tente não usar uma com cores vibrantes (amarelo, vermelho, laranja...), e sim algo como isso, em Divisão/Screen.

No final...

Com textura:
Image

Sem textura:
Image

PÓREM, essa primeira parte do tutorial não vale para todas as imagens. Para "comprovar" isso, vou mostrar dois exemplos:


Image Image

=P
Segundo Tutorial
1 - Como eu tô sem saco (esse tutorial já tá tomando o meu tempo u.u), peguei a mesma base. Mas isso é você que decide.

2 - Duplique a camada em Divisão, e deixe a opacidade em que preferir - a botei em 30%. E vamos à Cor Seletiva!

Vermelhos
Ciano: -100
Magenta: 20
Amarelo: 30
Preto: 0

Amarelos
Ciano: -72
Magenta: -50
Amarelo: -50
Preto: 0

Neutros
Ciano: 22
Magenta: 0
Amarelo: 0
Preto: 10

Mais outra Cor Seletiva:

Vermelhos
Ciano: -100
Magenta: 51
Amarelo: -53
Preto: 0

Amarelos
Ciano: -32
Magenta: 32
Amarelo: 50
Preto: 0

Verdes
Ciano: -44
Magenta: 29
Amarelo: 28
Preto: 0

Neutros
Ciano: -67
Magenta: 14
Amarelo: -9
Preto: 10

Deixei essa camada em 30%, apenas para dar mais cor.

3 - Uma nova amiguinha *cofcof*: Curvas (= Mesmo lugar da Cor Seletiva & Cia.

Canal: Azul
Primeiro Ponto: 102, 2 (é só você clicar em um lugar qualquer, e digitar lá em baixo, em Entrada e Saída, respectivamente)
Segundo Ponto: 193, 235

E pronto! :D Aqui está:

Image

PÓREM, essa segunda parte do tutorial também não vale para todas as imagens x.x Veja:

Image Image

=P²
Terceiro Tutorial
1 - Mesma base, mesma imagem, blábláblá...

2 - Faça uma nova camada de preenchimento com essa cor #fffc00 em Luz Indireta/Soft Light, e a deixe em 100%

3 - Adivinha... Cor Seletiva! 8D

Vermelhos
Ciano: -100
Magenta: 0
Amarelo: 100
Preto: 100

Amarelos
Ciano: -7
Magenta: 0
Amarelo: -25
Preto: 0

Magentas
Ciano: -100
Magenta: -100
Amarelo: -100
Preto: 0

Neutros
Ciano: 100
Magenta: -25
Amarelo: -80
Preto: 30

Oooooooutra camada...


Vermelhos
Ciano: -100
Magenta: 100
Amarelo: 100
Preto: 100

Amarelos
Ciano: 0
Magenta: 0
Amarelo: -60
Preto: 0

Neutros
Ciano: 0
Magenta: 0
Amarelo: 0
Preto: 10

Duplique essa camada, e deixe a opacidade em 30%

4 - Vá no mesmo lugar da Cor Seletiva & Cia, e clique em Matiz/Saturação

Principal
Saturação: 15

E tcharam:

Image

PÓREM, essa terceira parte do tutorial também não vale para todas as imagens x.x Se bem que eu pensava que iria ficar pior...:

Image Image

E ACABOU, ALELUIA!

Ia ter mais dois tutoriais, mas eu não aguento mais, então... T_T

Espero que vocês tenham gostado (: Mesmo eu achando que tenha ficado uma m*rda.

E ah, as outras duas bases, pra quem quiser pegar ^^:

Image Image
Last edited by nikky on 19/01/09, 17:04, edited 1 time in total.
Image
User avatar
Pinup Girl Ginny
Nas Tarefas do Torneio Tribruxo
Nas Tarefas do Torneio Tribruxo
Posts: 1283
Joined: 31/10/05, 01:51
Sexo: Feminino
Estado: RJ
Casa: Sonserina
Facebook: http://www.orkut.com.br/Main#Profile.as ... 2240003167
Last.fm: http://www.lastfm.com.br/user/pamela_r
Photos: http://www.flickr.com/photos/parachte-behind/
Location: Lacuna Inc

Post by Pinup Girl Ginny »

onde eu compro sua paciência? o_x
haushaushaushaushaus

eu adoro mexer com avatar *o*
e esse tutorial tá bem explicadinho,pra quem tem essa paciência de mexer em cor seletiva,curvas (nem me fale dela,porque me lembra a primeira vez que eu usei e não sabia que era só digitar os números naquela caixinha x_x)
haushaushaus

adorei nick,equipe do off agradece ;*
_

Image

FFFFFUUUUUUUU!
User avatar
Luh Evans
Conhecendo os Marotos
Conhecendo os Marotos
Posts: 677
Joined: 15/12/06, 00:20
Location: ; procura que você acha

Post by Luh Evans »

Brigada n!ck!
Adorei o tutorial, sei fazer avatar,
mas.. ficam um desastree xD
Amei,embora não tenha saco pra cor seletiva.. Eu vou no olho mesmo xD
User avatar
Leka Weasley
No Cemitério no retorno de Voldemort
No Cemitério no retorno de Voldemort
Posts: 1556
Joined: 15/10/04, 20:34
Sexo: Feminino
Estado: RJ
Casa: Sonserina
Facebook: http://www.orkut.com.br/Main#Profile?ui ... 1031825274
Last.fm: http://www.lastfm.com.br/user/isdelirium
Blog: http://www.acholuxo.wordpress.com
Micro Blog: http://www.twitter.com/sdelirium
Photos: http://www.flickr.com/photos/aadriano
Location: Farofandoooo *___*
Contact:

Post by Leka Weasley »

IUAHAIHAIUAHIAHAIAHIAHAIHAIAH

sabe que eu to sentindo uma indireta nessa tutorial?
sabe que sabe?

IUHAIUAHIUAHAUIH
Só pq eu não sei fazer avatar i______i
Antes de morrer quem sabe?

x)

Off todo agradece e eu tbm *___*
Vc está sendo recompensada com 10 galeões segundo o novo guia do off (:

bjoo amora *_*
vou fazer o tutorial dauqi a pouco *___*
http://www.acholuxo.wordpress.com

Image Image Image

winchesters brothers ~porque é impossivel resistir
----

R O N & H E R M I O N E - D R A C O & G I N A - S E V E R U S & L I L Y = FOREVER


Image
User avatar
Kaone
Conhecendo os Marotos
Conhecendo os Marotos
Posts: 595
Joined: 08/08/06, 14:51
Sexo: Feminino
Estado: SP
Casa: Grifinória
Location: Hogwarts School of Witchcraft and Wizardry

Post by Kaone »

Adorei o tutorial, adoro avatares. :palmas :emo146:
User avatar
szafran
Conhecendo A Toca
Conhecendo A Toca
Posts: 252
Joined: 23/07/04, 20:17
Sexo: Feminino
Estado: SP
Casa: Lufa-lufa
Last.fm: http://www.lastfm.com.br/user/Mizuyo
Blog: http://szafran.tumblr.com/
Micro Blog: http://twitter.com/rockydonuts
Location: subconsciente

Post by szafran »

Cara, eu amo avatars! Eu amo o LJ e eu amo as cores, o desing, tudo. Mas eu NÃO sei fazer avatars. E eu sou novata em photoshop, ou seja, vc esqueceu de colocar a explicação passo-a-passo de "como fazer as dimensões de um avatars 100x100" :}

adorei, apesar de tudo isso me parecer um baita de um alemão!

To aprendendo aqui na fuça mesmo, pois o trabalho onde estou exige, mas mais que o que tenho que fazer, não sei, só algumas coisinhas que eu andei fisgando por aqui ;p
kid nineteen

Image
bruzy
Conhecendo A Toca
Conhecendo A Toca
Posts: 324
Joined: 02/12/08, 16:15
Sexo: Feminino
Estado: RS
Casa: Sonserina
Facebook: http://www.orkut.com.br/Main#Profile.as ... 0500888454
Last.fm: http://www.lastfm.com.br/user/bruzynha
Micro Blog: http://twitter.com/BrunaSteffens
Photos: fotolog.com/howaboutit

Re: [Tutorial - Photoshop] Faça um "simples" avatar

Post by bruzy »

adorei o tutorial. usei seus valores pra fazer actions :roll:
pq eu sozinha nao faco ideia de valores pra deixar as fotos com cores diferentes, falei ;x

obrigada *---*
Image
Who said we need to buy a guitar?
Biaa Le Flay
Chefe Godric's Hollow
Chefe Godric's Hollow
Posts: 2004
Joined: 10/04/06, 15:12
Sexo: Feminino
Estado: PE
Casa: Grifinória
Facebook: https://www.facebook.com/bianca.domingos.71
Last.fm: http://www.lastfm.com.br/user/biaaflay
Blog: http://leflay.tumblr.com/
Micro Blog: http://twitter.com/biaa_d
Location: Godric's Hollow

Re: [Tutorial - Photoshop] Faça um "simples" avatar

Post by Biaa Le Flay »

N!ck eu tava atrás d um tutorial desses
Nossa amei!!

Eu tenho o CS3 mas não sei mexer em nada e não sabia onde ficava a tal cor seletiva ~capota

Obrigada msm!!

off: quem tiver tutoriais em português compartilhe cmg [-o< . Obrigado desde já :wink:
●๋•Chefe da Godric's Hollow ●๋
Dúvidas, Reclamações, Sugestões, Conversar sobre a melhor saga do mundo? Mande
MP

~Gêmula da Deh Tonks~

Image
Post Reply

Return to “Design e Layouts”