{"id":2708,"date":"2020-09-02T15:40:00","date_gmt":"2020-09-02T18:40:00","guid":{"rendered":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/?p=2708"},"modified":"2025-09-02T14:07:44","modified_gmt":"2025-09-02T17:07:44","slug":"photoshop","status":"publish","type":"post","link":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/2020\/09\/02\/photoshop","title":{"rendered":"Photoshop"},"content":{"rendered":"\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

Eai pessoal, nesta edi\u00e7\u00e3o do PET Reda\u00e7\u00e3o iremos apresentar um guia r\u00e1pido (quick guide) de Photoshop da maneira mais descontra\u00edda poss\u00edvel, visando servir de base para quem quer desenvolver artes, editar imagens, v\u00eddeos (mentira, n\u00e3o abordaremos v\u00eddeos nessa reda\u00e7\u00e3o, mas, voc\u00ea sabia que tamb\u00e9m podemos editar v\u00eddeos nele? Inusitado, n\u00e3o?)<\/p>\n

Para come\u00e7ar, abra o Photoshop que voc\u00ea tem instalado a\u00ed, o basic\u00e3o n\u00e3o muda quase nada de vers\u00e3o pra vers\u00e3o, o que muda bastante s\u00e3o os recursos 3d, texturas, e muitos outros recursos avan\u00e7ados. Pra quem n\u00e3o tem uma licen\u00e7a e n\u00e3o curte uma pirataria recomendo o PIXLR, basta acessar este\u00a0link<\/a><\/span>\u00a0e selecionar o\u00a0PIXLR E – EDITOR AVAN\u00c7ADO<\/em>, ou, clicar neste outro\u00a0link<\/a><\/span>. O PIXLR n\u00e3o oferece tuuuuuuudo que o Photoshop tras, por\u00e9m, \u00e9 online, totalmente de gra\u00e7a e da pra fazer muuuuuuuita coisa com ele, como por exemplo, a capa dessa reda\u00e7\u00e3o a\u00ed em cima, ela foi feita tanto no Photoshop quando no PIXRL.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n

\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

Aqui do lado temos a carinha dele.\"\"<\/p>\n

Logo logo voc\u00ea ir\u00e1 ver quais s\u00e3o as principais ferramentas para edi\u00e7\u00f5es b\u00e1sicas, na minha opini\u00e3o, \u00e9 claro<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n
\n
\n
\n
\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n
\n
\u00a0<\/div>\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

\u00a0<\/p>\n

\u00a0<\/p>\n

\u00a0<\/p>\n

Agora que voc\u00ea j\u00e1 sabe onde fica o menu superior (por mais \u00f3bvio que pare\u00e7a…), vamos aprender a criar um arquivo, clique em file<\/strong> -> new<\/strong>, ou CTRL + N<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n

\n
\"\"<\/div>\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\n
\n
\n
\n

Primeiramente temos o nome do arquivo, o tipo do documento (use Custom).<\/p>\n

A seguir a largura, altura, resolu\u00e7\u00e3o e modo de cor, na resolu\u00e7\u00e3o pode deixar 300 (mas quanto maior mais pesada fica a img final), e o modo de cor pode ser (RGB, preto e branco, escala de cinza, …).<\/p>\n

O conte\u00fado de background pode variar desde transparente (como na foto), cores s\u00f3lidas e at\u00e9 degrad\u00ea.<\/p>\n

Pode deixar a aba advanced bem do jeito que estiver!<\/p>\n<\/div>\n

\u00a0<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n

\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

\u00a0<\/p>\n

Abaixo, as ferramentas mais \u00fateis da barra lateral:<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n

\n
\"\"<\/div>\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\n
\n
\n
\n

As ferramentas da imagem ao lado est\u00e3o bem explicadas, pois s\u00e3o b\u00e1sicas, simples de usar, mas apenas utilizando elas se pode fazer muita coisa, como a capa utilizada nessa reda\u00e7\u00e3o, por exemplo.<\/p>\n

Para aproveitar o gancho do b\u00e1sico, vamos ver uns comandos legais?<\/p>\n

Zoom:\u00a0CTRL +<\/strong>\u00a0e\u00a0CTRL –\u00a0<\/strong>para aumentar e diminuir o zoom.<\/p>\n

Redimensionar:\u00a0CTRL + T\u00a0<\/strong>e arraste como desejar, se manter o\u00a0SHIFT<\/strong>\u00a0pressionado, ela mant\u00e9m a propor\u00e7\u00e3o (pode usar ele pra espelhar algo tamb\u00e9m, mantendo o\u00a0SHIFT<\/strong>\u00a0pressionado e invertendo os lados).<\/p>\n

Fora os atalhos normais\u00a0CTRL + C<\/strong>,\u00a0CTRL + V<\/strong>,\u00a0CTRL + X<\/strong>, …<\/p>\n

Confira mais atalhos aqui neste\u00a0link<\/a><\/span>.<\/p>\n

\u00a0<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n

\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

Na imagem abaixo observem que o canto da logo do PET-SI est\u00e1 transparente, sobrepondo a imagem de fundo (Lago), isso se d\u00e1 pelo campo\u00a0opacity<\/strong>\u00a0em\u00a032%<\/strong>, ali no canto direito, a logo do PET =\u00a0Layer 1<\/strong>\u00a0s\u00f3 est\u00e1 vis\u00edvel pois est\u00e1 acima da\u00a0Layer 0<\/strong>, se inverte-las, a logo ficar\u00e1 escondida atr\u00e1s do Lago. Logo, quanto mais acima, mais a prioridade de visualiza\u00e7\u00e3o. Agora voc\u00ea j\u00e1 sabe um pouco sobre as Layers, ou melhor,\u00a0camadas<\/strong>.<\/p>\n

Caso queira unir todas as camadas de sua imagem, basta clicar com o bot\u00e3o direito do mouse sobre uma das camadas e clicar em\u00a0Merge Visible<\/strong>\u00a0(uma das \u00faltimas op\u00e7\u00f5es), assim, ter\u00e1 uma imagem \u00fanica, caso tenha v\u00e1rias camadas e queira unir apenas algumas v\u00e1 na mais “de cima” e v\u00e1 clicando em\u00a0Merge Down<\/strong>, at\u00e9 obter o resultado que quer.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n

\n
\u00a0<\/div>\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\"\"<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n
\n
\u00a0<\/div>\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

Aproveitando a foto acima, ali na esquerda de\u00a0opacity<\/strong>, tem o\u00a0Normal<\/strong>, ali voc\u00ea ir trocando o “modo” a camada, tem v\u00e1rias op\u00e7\u00f5es legais, v\u00e1 testando e vendo quando voc\u00ea pode usar cada uma! Dica: com a camada selecionada, basta usar o\u00a0SHIFT +<\/strong>\u00a0e\u00a0SHIFT –\u00a0<\/strong>para ir navegando pelos efeitos.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n

\n
\"\"<\/div>\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

No Photoshop, o famoso\u00a0CRTL + Z<\/strong>\u00a0tem um comportamento um pouco diferente. Na maioria dos softwares, dando esse comando in\u00fameras vezes, voc\u00ea volta in\u00fameros passos, no PS se voc\u00ea der\u00a0CRTL + Z<\/strong>\u00a0v\u00e1rias vezes, voc\u00ea ira ficar trocando entre a vers\u00e3o atual e a vers\u00e3o anterior (sim, ele volta um passo, e volta pra como estava antes kkkkkkk).<\/p>\n

Para isto, temos A MELHOR FERRAMENTA, o hist\u00f3rico, basta clicar naquele \u00edcone do lado direito, com na imagem ao lado, assim voc\u00ca ter\u00e1 todo hist\u00f3rico de altera\u00e7\u00e3o da imagem, logo, basta selecionar o passo no qual voc\u00ea pretende voltar.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n
\n
\n
\n
\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n
\n
\u00a0<\/div>\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

\u00a0<\/p>\n

Se voc\u00ea parar pra pensar, voc\u00ea j\u00e1 sabe muita coisa sobre Photoshop, para melhorar suas habilidades basta praticar, editando imagens, criando artes, e etc. V\u00e1 aos poucos descobrindo as outras ferramentas da barra lateral (Confiram o\u00a0clone stamp tool<\/strong>, ele clona partes que voc\u00ea quer de uma imagem em outro lugar) pode ajudar voc\u00ea a tirar espinhas de fotos, clonando uma pele saud\u00e1vel sobre a espinha, pode esconder defeitos em qualquer textura da imagem e etc.<\/p>\n

Espero que a reda\u00e7\u00e3o tenha sido agrad\u00e1vel de ler e que voc\u00ea tenham aproveitado bastante, abra\u00e7o e at\u00e9 a pr\u00f3xima.<\/p>\n

Claiton<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"

Eai pessoal, nesta edi\u00e7\u00e3o do PET Reda\u00e7\u00e3o iremos apresentar um guia r\u00e1pido (quick guide) de Photoshop da maneira mais descontra\u00edda poss\u00edvel, visando servir de base para quem quer desenvolver artes, editar imagens, v\u00eddeos (mentira, n\u00e3o abordaremos v\u00eddeos nessa reda\u00e7\u00e3o, mas, voc\u00ea sabia que tamb\u00e9m podemos editar v\u00eddeos nele? Inusitado, n\u00e3o?) Para come\u00e7ar, abra o Photoshop […]<\/p>\n","protected":false},"author":2948,"featured_media":2704,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[124,112],"tags":[184,149],"class_list":["post-2708","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-destaques","category-redacao","tag-ferramentas","tag-redacao"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/posts\/2708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/users\/2948"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/comments?post=2708"}],"version-history":[{"count":0,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/posts\/2708\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/media\/2704"}],"wp:attachment":[{"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/media?parent=2708"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/categories?post=2708"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ufsm.br\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/tags?post=2708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}