Vilarejo PK2P
Bem-vindo ao fórum Vilarejo PK2P! O fórum oficial do canal Press Key to Play do Youtube!

Grupo para reunir as pessoas que acompanham os vídeos no canal Press Key to Play e discutir os assuntos abrangidos pelo Blog PK2P.


Você não está conectado. Conecte-se ou registre-se

[tutorial] photoshop: sign basica - 1º parte

Ir em baixo  Mensagem [Página 1 de 1]

entao galera hoje vou sair um pouco da minha zona de conforto e escrever um tutorial que não seja sobre programação, rede ou segurança da info e sim sobre design (sim para quem me conhece ja sabe que sou um péssimo design viva telinha preta do terminal ne interface GUI é pros fracos '-' kkkk), nesse tutorial eu vou ensinar criar um sign basica para isso abrimos o photoshop no meu caso o cs6

[tutorial] photoshop: sign basica - 1º parte 34jdg06

agora apertamos em arquivo -> novo, depois selecione um tamanho para sua sign nome meu caso vai ser 420 de largura e 300 de altura, depois aperte ok

[tutorial] photoshop: sign basica - 1º parte Dyodtu

agora criamos uma nova camada ja que o fundo vai ser deletado depois, para criar a nova camada apertamos na aba camada e no botao que fica em baixo, depois apertamos em cima da camada criada para a gente manipular ela e nao o fundo

[tutorial] photoshop: sign basica - 1º parte 30x7i36

agora a gente arrasta a regua para a gente ter uma base (caso no seu photoshop a regua nao esteja ativada apert ctrl+r), depois disso arrastamos a do topo para meio do palco e depois fazemos o mesmo com a da lateral para fazer uma cruz

[tutorial] photoshop: sign basica - 1º parte Olkx1

pronto agora ta configurando o nosso ambiente onde vamos trabalhar na sign

[tutorial] photoshop: sign basica - 1º parte 2e1bwuu

agora vamos no google e buscamos duas coisa a primeira é um render de um personagem que são imagens de personagem ja recortados sem fundo e a segundo background (que pode ser um wallpaper tambem ou ate mesmo um style do photoshop), no caso vou fazer a sign da sinon do anime sword art online

[tutorial] photoshop: sign basica - 1º parte 335b9q9

voltamos para o photoshop, nele apertamos na ferramenta caneta e damos um clique na parte inferior da regua vertical

[tutorial] photoshop: sign basica - 1º parte Nx6syo

depois damos outro clique na outra ponta da linha horizontal assim gera uma linha entre os dois pontos

[tutorial] photoshop: sign basica - 1º parte Hrg03k

agora damos um clique em cima da linha que foi gerada pela canete (deve ser exatamente em cima da linha) sendo um pouco perto do final dela para gerar 3 pontinhos para gente criar uma curva

[tutorial] photoshop: sign basica - 1º parte 2rzub9i

naqueles 3 pontinhos que foram gerados a gente segura o control e clicamos no pontinho do meio e arrastamos para baixo para criar a curva

[tutorial] photoshop: sign basica - 1º parte 34drewg

agora clicamos perto do ponto onde começamos (nao junte eles ainda se nao voce nao vai conseguir manipular a linha)

[tutorial] photoshop: sign basica - 1º parte 29dik44

agora damos um clique na linha a acertamos aquela linha reta proxima a outra curva

[tutorial] photoshop: sign basica - 1º parte 2e1bnu8

agora basta dar um clique no ponto onde começamos a caneta para finalizar fechando todo contorno, depois disso nao clique em nada (se nao voce vai ter um trabalho para selecionar isso) assim que fechar o contorno aperte o botao direito do mouse dentro da bordar e aperte em preecher demarcador e depois aperte ok, se tudo der certo deve mudar de cor dentro do contorno

[tutorial] photoshop: sign basica - 1º parte 2q19d9u

coloque na ferramenta letreiro retangular (M) e selecione a pontinha da bora nos dois lados um de cada vez (para maior precisao segure o control), depois shift+delete para apagar a ponta isso vai permitir juntar os lados da bordar

[tutorial] photoshop: sign basica - 1º parte 2ik8sua

agora duplicamos essa cama 3x para ficar 4 camadas iguais ou seja vamos usar a mesma camada para fazer todos os lados, para duplicar apertamos botao direito do mouse em cima da camada e depois duplicar

[tutorial] photoshop: sign basica - 1º parte M73ty8

colocamos a ferramenta mover (W) colocamos na ordem certa tambem redimensionamos e trocamos de lado algumas basta redimensionar para alem da largura minima dela

[tutorial] photoshop: sign basica - 1º parte 29zu4bb

pronto temos o prototipo da borda

[tutorial] photoshop: sign basica - 1º parte 5ts9hg

bom galera esse tutorial ta ficando um pouco grande vou continuar ele e uma segunda parte onde vamos colocar as imagens e estilo na borda

by kodo no kami

Ver perfil do usuário https://eofclub.in/forum

Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum