[Tutorial] Sets de Nível Iniciante (Photoshop)
por Sonic Salies em Ter 26 Jan 2016, 12:51
TUTORIAL - SETS DE NÍVEL INICIANTE
Olá seres conscientes que habitam o planeta Terra! Finalmente estou trazendo os gloriosos tutorias de Photoshop, que já estavam planejados há um bom tempo. Nesses tutoriais - sim, haverão mais - eu ensinarei como fazer sets, desde o nível básico - deste tópico - até o nível mais avançado e com uso de mais ferramentas.
Se tudo der certo, haverão tutoriais de outros designers, assim vocês poderão explorar vários estilos e ver qual se encaixa mais com o seu. Caso realmente hajam os tutoriais dos outros designers - pode deixar que vou cobrar -, outros programas também serão utilizados, para aqueles que não querem baixar o Photshop .
Como diria Heitor de Bonitinha Mas Ordinária, "vamos ao que interessa":
Neste tutorial ensinarei conceitos muito básicos, por isso, caso você já tenha uma noção de Photoshop, espere pelo Tutorial Intermediário que provavelmente será mais interessante.
Se você acha que fazer um set bonito é algo muito difícil, saiba que basta bom gosto e um pouco de conhecimento para fazer algo simples e bom!
1º- Abra o Photoshop e clique em "Arquivo", "Novo". Caso seja a primeira vez que você abre/usa o PS, terá que fazer algumas configurações. Não é necessário mudar o nome do arquivo, já que você pode definir isso na hora de salvar. Primeiramente, vamos fazer um avatar.
Troque o padrão "Centímetros" por "Pixels", nas medidas de Largura e altura. Defina a Largura para 120, a Altura para 220 - os avatares do fórum vão até 250, mas acho 220 mais elegante - e a Resolução para 72, que é bem padrão e não há necessidade de aumentar ou diminuir.
2º- Vamos analisar um pouco da interface do Photoshop através da imagem abaixo. Não explicarei tudo, pois é praticamente impossível fazer isso de uma forma prática. Lembre-se que esse é o MEU layout - personalizei ele para que fique da maneira que eu gosto de usar -, e algumas coisas podem estar em lugares diferentes, porém, o conceito é o mesmo.
1. Este é o menu de camadas. O conceito de camadas é muito simples, vamos dizer que uma camada está acima da outra, assim como uma imagem está acima da outra. O primeiro botão indicado cria uma pasta, não entraremos nisso pois não é necessário. O segundo cria uma camada. O terceiro exclui uma camada. 2. Essas são suas ferramentas. Explicarei a função delas ao longo do uso nos tutoriais. 3. Aí está a barrinha básica que (quase) todo programa tem, mas saiba que a do Photoshop é bem útil.
3º- Vamos começar. Primeiramente, crie uma nova camada e exclua a camada "Plano de Fundo". Assim, teremos uma camada transparente - lembrando que você pode definir o arquivo para já vir com o fundo transparente, mas eu gosto de deixar o fundo branco para fazer alguns testes -, e poderemos trabalhar melhor.
4º- Vamos inserir uma imagem.
Dica: Nunca redimensione uma imagem para que ela caiba nas dimensões, fica feio e estranho. O melhor que você pode fazer é posicionar a imagem da melhor maneira possível.
Selecione a imagem que você quer. Se você utilizar uma foto/imagem de um personagem, ficará mais fácil pois usaremos o rosto como ponto de referência. No caso, usarei a kawaii Ruby Rose.
Clique em "Arquivo", "Inserir" e selecione a imagem desejada. Agora, vamos encaixar a imagem nas dimensões: com Shift pressionado, arraste o "ponto" inferior direito até que a imagem aumente o quanto você quiser, depois, clique no centro e posicione de forma mais centralizada - no personagem, se for o caso - possível. Pressione Enter para confirmar a ação.
5º- Pronto! Você já tem um simples, mas bonito, avatar. Agora, para dar um toque final, vamos adicionar uma borda. Crie uma nova camada, certifique-se que ela está acima da camada da imagem principal, e pressione Alt+Backspace. Na lista de camadas, dê um clique-duplo no nome da camada. Na parte "Mesclagem Avançada", defina a Opacidade do Preenchimento para 0%.
Depois, selecione a caixa "Traçado". Nessa área, defina Tamanho para 1 e Posição para Interna, caso não esteja, defina a cor para Preto.
6º- E é isso! Se você fez tudo corretamente, o seu avatar deve estar como este:
7º- Para salvar o arquivo, vá até "Arquivo", "Salvar Como". Escolha um nome para o seu arquivo e mude o formato de .psd para .png - caso o arquivo fique grande demais, você pode usar .jpg, mas dificilmente isso acontecerá -, e salve.
8º- Agora, vamos à sign. Crie um arquivo com 547 de Largura e 225 de Altura - esse é o padrão do Fórum, mas sinta-se livre para fazer menor. Faça o mesmo que você fez com o avatar, crie uma nova camada e exclua o "Plano de Fundo". Também insira a imagem e use mesmo procedimento para centralizá-la da melhor forma possível.
Depois crie uma nova camada, preencha-a através do comando Alt+Backspace, retire a Opacidade de Preenchimento e adicione o Traçado - no caso, eu uso um traçado de 2px, não de 1px como no avatar -, assim como você fez com o avatar.
9º- Salve o arquivo da mesma forma que você fez com o avatar.
Volá! Agora, com apenas um pouquinho de trabalho, você tem um set simples e caprichado que você mesmo fez!
Se alguém quiser este set, mande MP para mim.
Neste tutorial, ensinei conceitos básicos de Photoshop, como inserir e redimensionar uma imagem. Nos próximos tutoriais, de nível intermediário, avançando e possivelmente MESTRE, ensinarei outros conceitos, mais complexos, como recortar uma imagem perfeitamente, mesclagem de camadas, etc.
Espero que vocês tenham gostado e aproveitado! Caso haja alguma dúvida, faça uma pergunta no tópico que eu responderei assim que puder
Re: [Tutorial] Sets de Nível Iniciante (Photoshop)
por Chazzy em Ter 26 Jan 2016, 21:37
Muito boa a iniciativa, mas o Photoshop é pago né? Acho que teria mais público se fosse baseado no Gimp que é mais acessível.
Sou uma negação com edição de imagens e sempre quis aprender pelo menos o básico.
por Sheik em Ter 26 Jan 2016, 21:40
@Chazzy escreveu: Muito boa a iniciativa, mas o Photoshop é pago né? Acho que teria mais público se fosse baseado no Gimp que é mais acessível.
Gimp é zoado
por Chazzy em Ter 26 Jan 2016, 21:43
por Schweppes em Ter 26 Jan 2016, 21:46
Nem sabia que ainda faziam sets aqui
por Ygor Salsa em Ter 26 Jan 2016, 21:54
Eu gostei bastante das dicas. Posso não colocar agora elas em praticas por não ter o Photoshop, mas irei salvar o link na pasta projetos + pixel art para por tudo em pratica quando conseguir =] Sim eu quero fazer projetos em pixel art sempre foi a parte de desenho que gosto mais XD
por Felipe_Vieir4 em Ter 26 Jan 2016, 22:27
Tópico muito bom! Espero os próximos
E salies, te mandei MP pedindo um negócio que eu já pensei em pedir há um tempinho
por Terto em Ter 26 Jan 2016, 23:06
Pra mim ele parece o photoshop, com a exceção de não ter todos aqueles efeitos prontos.
por Sonic Salies em Ter 26 Jan 2016, 23:35
por Gui Fx em Qui 28 Jan 2016, 14:29
Parabéns Salies, ficou ótimo o seu tutorial, achei o tópico muito organizado e bem explicado.
*Você usa o PS em PT-BR? xD
por Sonic Salies em Qui 28 Jan 2016, 15:53
@Gui Fx escreveu: Parabéns Salies, ficou ótimo o seu tutorial, achei o tópico muito organizado e bem explicado.
Obrigado, e sim. Quando fui instalar o PS nesse PC (com Windows 10), não apareceu a opção de colocar em Inglês, mas como eu já uso PS faz muito tempo, eu consigo saber o que fazer só no costume/intuição.
por Sepol em Sex 29 Jan 2016, 04:38
Salies ficou maneiro.
por Skywalker em Sex 29 Jan 2016, 10:37
Tópico genial @Sonic Salies! Vou acompanhando aqui para aprender mais técnicas, estou fazendo meus sets agora kkk, aguardando mais dicas/sugestões.
Última edição por Skywalker em Qui 18 Fev 2016, 19:55, editado 1 vez(es)
por Mazzina em Qui 18 Fev 2016, 18:24
Caramba, agora que eu vi este tópico. Ótimo tutorial. Mas pena que não veio um intermediário ou master, eu ia adorar ganhar mais umas dicas de como editar imagens (e aprender a mexer no photoshop direito também, eu usei o gimp por tanto tempo que fiquei acostumada). Mas karmado de qualquer forma.
Mas uma coisa que me surpreendeu foi que as duas imagens usadas nesse tutorial foram as mesmas que eu usei pra fazer um set da Ruby antes de sumir do fórum. Coincidência?
por BoBzitoxD em Sex 01 Jul 2016, 21:50
@Sonic Salies, merece o Tocantins inteiro por essa iniciativa, já favoritei os 3 níveis postados (até o momento, ainda aguardando o Mestre...=P).