[GUIA] Photoshop Screenshots [710x460px]

Dicas para tratamento de imagens e edição de roleplays.
Avatar do usuário
Thones
Mensagens: 858
Registrado em: 01 Jan 2014, 17:29
Discord: Thones#2821

[GUIA] Photoshop Screenshots [710x460px]

Mensagem por Thones » 08 Set 2016, 18:34

Bom, decidi criar esse pequeno tutorial para ensinar nosso queridos novatos a como editar uma screenshot, então primeiro de tudo você vai precisar apenas de um programa: Photoshop.

Alguns passos são essenciais para que você comece na empreitada do roleplay, um deles é o conhecimento dos comandos basicos in game para poder criar uma bela screenshot, entre eles: /telapreta & /hud. O /hud faz sumir aqueles códigos e níveis de fome e sede, deixando assim a print mais limpa. Nesta screenshot é possível notar a diferença. E o /telapreta que possibilita você tirar a print apenas do chatlog. Juntamente com esses conhecimentos é importante salientar o tamanho da screenshot: 710x460px. Este tamanho foi definido por mim por um simples motivo: Padronização. O fórum do Advanced é constituído por dois temas, e esses temas podem alterar o tamanho da sua screenshot se ela for maior do que isso, logo padronizei este valor deixando-a original, podendo ser usada por ambos os temas.

Outro item de extrema importância é o uso do F7, que oculta o chatlog na hora de tirar uma screenshot, assim mantendo a sua tela limpa para coloca-la da melhor forma possível no arquivo, criando assim uma harmonia entre as prints ao seu gosto.

Portando agora vamos a parte prática, para começarmos a edição necessitamos da concepção de um novo documentos com as medidas de 710x460 pixel. Você pode criar um novo documento seguindo o caminho File>New, ou na versão traduzida Arquivo>novo. É importante que você também altere o valor da "Resolution" deixando ela em 300px e o "Color Mode" em 16 bits. Esses valores influenciam diretamente na qualidade da sua screenshot, assim salvando com mais cores e uma melhor resolução, mantendo a originalidade de tons. Na print abaixo você pode notar como ficariam os valores impostos:
Imagem
Posteriormente a Isso, vamos trazer a screenshot desejada para dentro do programa, abrindo-a. Lembrando que anteriormente eu havia salvo primeiro a imagem sem o chatlog e com o /hud. Imagem crua como monstra abaixo. Após aberta, nós vamos selecionar a imagem toda com a ferramenta "Retangular Marquee Toll" que pode ser visto do lado esquedo da tela. Feito isso, copiamos a imagem CTRL+C, como mostra a imagem abaixo:
Imagem
Feito isso, colamos a imagem no nosso aquivo criado usando CTRL+V, alterando o arquivo pela aba. Após colamos, podemos arrasta-lo para os lados, ajeitando da melhor maneira possível, preenchendo o campo inteiro. Após ajeitar do seu modo, você faz o mesmo processo que fez anteriormente, selecionando a ferramenta "Retangular Marquee Toll", porém desta vez apenas copie e cole de imediato. Este ato vai criar um novo layer nas medidas padrões da screenshot, removendo aquelas rebarbas que sobram. Lembre-se, este é um ato importante, não esqueça de faze-lo. O layer antigo que provavelmente vai estar nomeado como "Layer 1" pode ser deletado. Eles são encontrados do lado inferior direito da tela:
Imagem
Próximo passo: chatlog. Faremos o mesmo ato que fizemos com a screenshot inicial, abrindo a print do chatlog. Lembrando que o chatlog foi tirado com o /telapreta e /hud. Constando apenas os logs, crus. Porém desta vez selecionaremos com a ferramenta "Retangular Marquee Toll" somente a parte do chat que nos interessa, colcando no arquivo original, como na print:
Imagem


Agora para nos livrar-mos daquele retângulo preto, selecionaremos a ferramenta "Magic Wand Toll". É importante também salientar o valor de tolerância no centro superior da tela, assim como as boxes desmarcadas, para que haja um total aproveitamento dos logs. Após, clicamos no conteúdo preto do retângulo e excluímos:
Imagem
Após o feito, focaremos em adicionar as bordas as falas. Clicaremos com o botão direito no mouse no layer dos logs e vamos até a primeira opção: "Blending Options...". Aberta a janela de opções, vamos até o item "Stroke" e marcaremos. Deixaremos as opções da seguinte forma: Size de 1px; Position outside; Blendmode normal; Opacity 100%; Fill color e em color selecionaremos a cor preta, como consta abaixo:
Imagem
Feito isso temos uma screenshot pronta! Porém agora a pergunta: E se eu quiser colocar uma em baixo, como eu faço? Simples, vamos nessa... Lembra que n[os copiamos a imagem no início para tirar as bordas sobressalentes? Foi para este caso. Nós utilizaremos de outra ferramenta muito útil, neste caso, o "Canvas Size" que pode ser encontrado em Image>Canvas Size. Nós abriremos este menu e personalizaremos da seguinte maneira para colocar mais um screenshot: Trocaremos os valores para pixels, adicionando o "Height" em 460px, subindo o nosso ponto de âncora para o slot superior ao centro. Isto faz com que a imagem vá para cima e seja criado mais 460px auxilares abaixo dela. Abaixo a print dos valores:
Imagem
O resultado ficará assim, aberto mais 460px para você começar o processo desde o primeiro item até o fim possibilitando a opção de adicionar mais chatlog ou não:
Imagem
Posteriormente a isso, após todo o termino da edição, faremos o último passo: Salvar. Salvaremos a imagem como .PNG, através do atalho CTRL+SHIFT+S, ou então em "File>Salve as...". Selecionando o local e o nome, clicando em salvar e pronto. Screenshot e tutorial finalizado.

Espero que vocês possam fazer bom proveito com essas informações e que eu possa ajudar alguns membros que ainda não tiveram o contato com as screenshots no servidor. Estou pensando em posteriormente fazer um tutorial explicando algumas ferramente úteis para o roleplay e umas edições básicas. Portanto peço que deixem a sua opinião e desculpem qualquer erro de português!
Editado pela última vez por Thones em 08 Set 2016, 18:37, em um total de 1 vez.

Avatar do usuário
Mano Tee
Mensagens: 156
Registrado em: 05 Ago 2016, 15:20
Localização: Iraque

Re: [GUIA] Photoshop Screenshots [710x460px]

Mensagem por Mano Tee » 08 Set 2016, 18:36

Boooooooa! Ajudou muito. Valeu 'irmão.

Avatar do usuário
Harry
Mensagens: 1990
Registrado em: 21 Jan 2016, 15:19
Localização: João Pessoa

Re: [GUIA] Photoshop Screenshots [710x460px]

Mensagem por Harry » 08 Set 2016, 22:17

Detalhado e organizado, muito bom.
Se prender pelo passado ainda é tolice.

Avatar do usuário
karatejoao
Mensagens: 19
Registrado em: 10 Set 2016, 16:00

Re: [GUIA] Photoshop Screenshots [710x460px]

Mensagem por karatejoao » 13 Out 2016, 21:24

Boooa, ajudou muito fera, favorito aqui.

Steven Kachiko
Mensagens: 185
Registrado em: 04 Mar 2016, 11:10
Localização: Cuba

Re: [GUIA] Photoshop Screenshots [710x460px]

Mensagem por Steven Kachiko » 14 Out 2016, 12:27

Boa Fella! Vai ajudar muitos que começaram no ramo agora! :D

Avatar do usuário
Natick Ntk
Mensagens: 2851
Registrado em: 07 Mar 2014, 19:51
Localização: Bonde do Xora Hidrata
Discord: NatickNtk#2488
Contato:

Re: [GUIA] Photoshop Screenshots [710x460px]

Mensagem por Natick Ntk » 22 Out 2016, 15:02

n entendi foi porra nenhuma

como q tu ranco a cena pro molde de 710x460 e n precisou diminuir a imagem e os pixels dela? vc joga na resolução 710x460 já? wtf... kkkkkkkkk

Avatar do usuário
Felipe Reis
Mensagens: 718
Registrado em: 10 Ago 2013, 12:03
Localização: Seu Coração
Contato:

Re: [GUIA] Photoshop Screenshots [710x460px]

Mensagem por Felipe Reis » 24 Out 2016, 13:27

@Thones
Por gentileza, segui os seus passos mas não terminou como queria (rsrsrsrs), o meu fundo ficou branco e não transparente... Oque fazer?
Spoiler
Show
Imagem
Grato desde já!!!
Imagem

VozFina
Mensagens: 871
Registrado em: 19 Mar 2016, 08:48

Re: [GUIA] Photoshop Screenshots [710x460px]

Mensagem por VozFina » 24 Out 2016, 13:38

Felipe Reis escreveu:@Thones
Por gentileza, segui os seus passos mas não terminou como queria (rsrsrsrs), o meu fundo ficou branco e não transparente... Oque fazer?
Spoiler
Show
Imagem
Grato desde já!!!
tem que salvar chat em png

Avatar do usuário
Thones
Mensagens: 858
Registrado em: 01 Jan 2014, 17:29
Discord: Thones#2821

Re: [GUIA] Photoshop Screenshots [710x460px]

Mensagem por Thones » 24 Out 2016, 13:45

Stretch' escreveu:n entendi foi porra nenhuma

como q tu ranco a cena pro molde de 710x460 e n precisou diminuir a imagem e os pixels dela? vc joga na resolução 710x460 já? wtf... kkkkkkkkk
Eu jogo em 800x600, mas serve para qualquer resolução, sendo que se a sua for maior é só retirar a screenshot mais afastada. Na minha sobra alguns pixels, entendeu?
Felipe Reis escreveu:@Thones
Por gentileza, segui os seus passos mas não terminou como queria (rsrsrsrs), o meu fundo ficou branco e não transparente... Oque fazer?
Spoiler
Show
Imagem
Grato desde já!!!
Só salvar em .png, felipe.
Thones escreveu:Posteriormente a isso, após todo o termino da edição, faremos o último passo: Salvar. Salvaremos a imagem como .PNG, através do atalho CTRL+SHIFT+S, ou então em "File>Salve as...". Selecionando o local e o nome, clicando em salvar e pronto. Screenshot e tutorial finalizado.

Avatar do usuário
Natick Ntk
Mensagens: 2851
Registrado em: 07 Mar 2014, 19:51
Localização: Bonde do Xora Hidrata
Discord: NatickNtk#2488
Contato:

Re: [GUIA] Photoshop Screenshots [710x460px]

Mensagem por Natick Ntk » 24 Out 2016, 16:52

em 800x600 é dureza em kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk

1920x1080 aki amigo, se liga só no sofrimento!
mas já resolvi, eu diminuo a imagem igualmente e altero os pixels drasticamente, no final fica um efeito bem bacana, dá uma olhada em exemplos... hahah

Imagem
Imagem
Imagem

Responder