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
----------------
2º parte
----------------
então galera continuando o tutorial anterior de como criar uma assinatur basica no photoshop, nessa parte vamos aplicar alguns estilos na borda e tambem colocar a render e o background, para começar a gente seleciona todas as camadas da borda segurando o control e clicando nelas
http://i67.tinypic.com/33xueyg.jpg
depois aperte em mesclar camadas isso vai juntar todas as camadas da borda em uma unica camada ficando duas camadas uma sendo o fundo e a outra a borda
http://i68.tinypic.com/29bzhjr.jpg
agora apertamos na camada da borda e depois na aba estilos e escolhemos um estilo (voce pode baixar novos estilos da internet ou criar o seus), depois de selecionar o estilo desejado a borda vai mudar para aquele estilo
http://i67.tinypic.com/2igotut.jpg
agora a gente carrega a imagem do personagem no caso a render indo no menu arquivo -> abrir e buscamos a imagem, depois disso vai abrir uma nova aba com a imagem entao vamos nessa nova aba e selecionamos tudo com o atalho crtl+a depois copiamos com o atalho ctrl+c
http://i65.tinypic.com/t0rklw.jpg
voltanmos para aba original e colomos la com o atalho ctrl+v, porem se a gente perceber a imagem fico enorme
http://i65.tinypic.com/fem146.jpg
selecionamos a ferramenta mover (w) ja que com essa ferramenta podemos redimensionar a imagem tambem porem redimensione ela segurando o shift que vai diminuir sem deformar a imagem e sem perda, tambem coloque na posição que voce deseja que a render fica independente se ficar para fora
http://i66.tinypic.com/qznar6.jpg
duplicamos a camada da render e arrastamos uma para baixo da camada da borda isso vai permitir a gente apagar a camada de cima que fica sobreposto sem afetar a imagem como um todo é isso que permite aquele efeito do personagem esta saido de dentro da borda para fora ou quando apagar a imagem de fora nao fica defeituosa faltando pixel da perna da garota kkkk
http://i67.tinypic.com/2b2k4y.jpg
agora selecionamos a ferramenta borracha e apagamos a camada da render que fica por cima no caso a parte que nao sera exibida que vai ficar dentro da borda (uma boa dica tambem é voce selecionar a parte que vai apagar e deletar), no meu caso vou apaga as pernas da sinon para ficar parecendo que ela esta dentro da bordar (tambem tive que apagar uma parte da perna na segunda render ja que parte da perna dela tambem estava saindo pra fora)
http://i68.tinypic.com/261yn3t.jpg
agora carregamos a imagem do fundo e copiamos e colamos como fizemos com a render porem o fundo vai ficar em baixo de todas as outras camadas, tambem é possivel criar uma nova camada e colocar um estilo nela, uma dica é que fundo nao deve se destacar tanto quanto a render ou texto se nao pode atrapalhar a visao sobre eles
http://i66.tinypic.com/1rqflj.jpg
agora apagamos a parte de fora do fundo com a borracha (ou selecionamos ela e apagamos)
http://i66.tinypic.com/29wrbck.jpg
nossa sign esta quase pronta falta a parte da tipografia no caso o texto, para isso selecione a ferramenta texto e escreva o seu nome ou nome do personagem ou sei la o nome do seu cachorro (so me pergunto por que raio tu ta fazendo uma sign para um cachorro '-'), depois escolha um estilo para o texto tambem
http://i65.tinypic.com/ic4ug9.jpg
agora removemos aquela primeira camada em branco para ficar apenas a sign
http://i65.tinypic.com/2emg7mb.jpg
entao galera nossa primeira sign esta pronta so que ainda tem muita coisa que poderia ser feita nela como mexer com sombra ou colocar um imagem por cima de tudo e diminuir a opacidade para deixar uma tonalidade mais especifica e muito mais
http://i66.tinypic.com/35ja6wk.jpg
by kodo no kami
Segue aqui uma pequena correção e solicitação da moderação:
Nas regras está definido que o tamanho máximo para assinaturas é de até 480 x 200 e o teu tutorial sugere imagens criadas em um quadro de 420 x 300, 100 píxels de linhas a mais horizontais, que compõem a altura.
Corrija o teu tutorial e por favor, modifique o tamanho da tua assinatura no FUT para que ela não venha a ser removida pela moderação posteriormente.
Mais um detalhe importante: a largura máxima para imagens postadas em tópicos é de 400 píxels X proporcional. Todas as que postasses estão em 1280 x 1024. Corrija o tamanho delas, por favor ou o tópico será movido para a lixeira em algum tempo.
Citação de: huskie online Abril 26, 2017, 19:17:26 PM
Segue aqui uma pequena correção e solicitação da moderação:
Nas regras está definido que o tamanho máximo para assinaturas é de até 480 x 200 e o teu tutorial sugere imagens criadas em um quadro de 420 x 300, 100 píxels de linhas a mais horizontais, que compõem a altura.
Corrija o teu tutorial e por favor, modifique o tamanho da tua assinatura no FUT para que ela não venha a ser removida pela moderação posteriormente.
Mais um detalhe importante: a largura máxima para imagens postadas em tópicos é de 400 píxels X proporcional. Todas as que postasses estão em 1280 x 1024. Corrija o tamanho delas, por favor ou o tópico será movido para a lixeira em algum tempo.
boa.