Matriux Community

Brazilian Community => # tutoriais e outros documentos => Topic started by: kodo no kami on July 16, 2016, 01:16:06 AM



Title: [tutorial] photoshop: sign basica - 1º parte
Post by: kodo no kami on July 16, 2016, 01:16:06 AM
sei que foge um pouco do assunto do forum porem e sempre bom postar conteudo

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

(http://i63.tinypic.com/34jdg06.jpg)

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

(http://i67.tinypic.com/dyodtu.jpg)

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

(http://i68.tinypic.com/30x7i36.jpg)

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

(http://i63.tinypic.com/olkx1.jpg)

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

(http://i64.tinypic.com/2e1bwuu.jpg)

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

(http://i68.tinypic.com/335b9q9.jpg)

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

(http://i64.tinypic.com/nx6syo.jpg)

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

(http://i63.tinypic.com/hrg03k.jpg)

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

(http://i65.tinypic.com/2rzub9i.jpg)

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

(http://i66.tinypic.com/34drewg.jpg)

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

(http://i65.tinypic.com/29dik44.jpg)

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

(http://i64.tinypic.com/2e1bnu8.jpg)

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

(http://i67.tinypic.com/2q19d9u.jpg)

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

(http://i65.tinypic.com/2ik8sua.jpg)

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

(http://i64.tinypic.com/m73ty8.jpg)

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

(http://i63.tinypic.com/29zu4bb.jpg)

pronto temos o prototipo da borda

(http://i66.tinypic.com/5ts9hg.jpg)

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