PHOTOSHOP PARA

SOCIAL MEDIA
 INTRODUÇÃO
No que se refere á ferramenta de edição de fotos e banners, o photoshop é sem dúvidas, um
dos mais completos recursos utilizados nos dias de hoje. Com sua gama de propriedades, o
programa traz consigo uma forma mais eficiente de criar e personalizar edições nos pequenos
detalhes, não só especificamente em imagens estáticas, mas também de gifs.

Atualmente, o design a publicidade vêm se fazendo extremamente importante para “vender”

o conteúdo proposto. Tendo isso em vista, o photoshop se torna essencial para aqueles que
querem refinar seus trabalhos em qualquer área que atue, sem precisar recorrer à terceiros,
podendo assim, economizar recursos apenas utilizando o próprio computador.

Essa é interface e criação de arquivo

Após inicializar o photoshop CC a tela de entrada será exibida, nela você terá a mostra uma
barra automática de ferramentas do lado esquerdo e do lado direito outras que podem ser
selecionadas por você através de janela na barra superior.

Assim que estiver aberto o programa inicia-se a criação de um arquivo

Tendo em vista tal barra superior, Vamos primeiro trabalhar com a janela “Arquivo”

Ao clicar na opção novo, aparecerá uma janela com as especificações que você deseja.
Nessa opção podemos ver o atalho nas teclas, Ctrl +N Abrir novo documento em branco
Ao abrir um documento em branco vai aparecer as especificações (Nome, Predefinição,
(Largura, Altura, Pixels , Resolução, Modo de cores .)

Nome do documento social media

Largura 1080 x Altura 1080
Resolução 72 dbi
Modo de cores ( Cores RGB 8 bits)
Com o cursor do mouse você clica em Ok
Aqui você desbloquear a camada clicando duas vezes em do cadeado
A ir pode confirmar clicando em OK

Nas opções acima você irá clicar em Visualizar / Réguas

Atalho no seu teclado para aparecer às réguas
( Ctrl+R )
Clicando do lado direito do mouse / Em cima da régua irá aparecer às opções, que deseja obter
Você pode escolher opção pixels.

No lado esquerdo das ferramentas ( Opção Mover )

Você irá marcar a caixa ( Mostrar Transformação)
Ao clicar em cima da régua com o curso mouse, você irá arrastar (as linhas guias para alinhar
nosso fundo da nossa área de trabalho
Então você pode desmarcar (A caixa de transformação)

Ao desmarcar a caixa de transformação / Você pode clicar na (ferramenta Ajustes) onde está
riscado de vermelho, em baixo da camada.
 Na ferramenta Ajustes ( Clica em Cor Solida )

Ao clicar com o curso do mouse em cor solida

Você pode escolher a cor que deseja obter no seu projeto
( Cor azul ) Código 00ffea
Agora pode confirmar clica em Ok
 Nas ferramentas do lado esquerdo ( Clica em Ferramenta Letreiro Elíptico)
Nesse caso vamos criar um redondo na nossa área de trabalho

Então nós criamos o redondo com (a ferramenta Letreiro Elíptico)

Para você criar é só arrastar o cursor do mouse na direção que você deseja fazer.
 Na ferramenta Ajustes (Clica em Níveis)

Nessa opção ( Você irá arrastar a certa onde estou indicando, pra nós aplicar o efeito)
Agora você pode clicar na ( Opção máscara )
 Primeiramente vamos (inverter) para aplicar o efeito
Em ( Difusão você irá aumentar )
Agora pode sair ( Na serta a cima )

Agora você vai opção ( Arquivo / Inserir )

Vamos inserir nossas imagens pra nós fazer um flyer de venda.
 Aqui estão nossas imagens que vamos por na nossa arte de social media
Clica com o curso do mouse ( Foto do Celso ) depois ( Clica em Inserir )
Para área de trabalho do photoshop.

Depois de ter ( Inserido ) a foto ( Você irá arrastar com o curso do mouse ) Para o canto direto
em baixo. A ir você ira confirmar ( Apertando o Enter no seu teclado)
 Olha só nossa foto no conto direito em baixo.

Na foto anterior ensinei a você inserir a imagem

Agora vamos ( Inserir uma foto de celular )
Clica em ( Inserir )
Agora podemos arrastar nossa imagem pro lado esquerdo
( Aperte o Enter pra confirmar a imagem)
( Ou confirmar no visto )

Com a foto do celular arrastada pro lado esquerdo

( Você pode confirmar apertando o enter)
( Ou no visto confirmar )
 Você pode clicar em ( Arquivo / Inserir )
Vamos inserir a logo da loja Americanas
Clica com o cursor do mouse em (Inserir)

Agora vamos aumentar o tamanho da logo da loja

Apertando no seu teclado ( Shift+Alt ) Arrastando com o cursor do mouse
Segurando as duas teclas no seu teclado
Depois de ter aumentado você poderá subir a logo mais pra cima
Arrastando com o cursor do mouse
( Aperte o Enter pra confirmar)
 Depois de ter aumentado a logo
Aperte o ( Enter confirmar )
(Você irá clicar camada do celular )

Nas opções a cima você ira clicar em ( Editar / Transformação Livre ) Atalho no seu teclado
(Ctrl+ T ) Depois pode arrastar pra baixo o celular com o cursor do mouse.
Com a foto do celular afastado da logo ( Aperte o Enter ) Ou Confirmar no visto.

Clicando com o cursor do mouse, em cima da camada da foto.

Clica do lado direito do mouse / Opções de Mesclagem
 Nas opções de mesclagem ( Clica em Sombra Projetada)
Você irá aumentar a distancia da sombra ( +15 )
Pode clicar Ok confirmar o efeito de Sombra
Olha só na borda do celular o efeito de sombra projetada.

Agora clica na camada da logo ( Loja Americanas)

Clica do lado direito do mouse na camada ( Opções de mesclagem )
 Clica nas opções de mesclagem

Nas opções de mesclagem ( Clica em Traçado) Vai opção cor

Depois vai abrir um seletor de cores ( Você pode escolher da borda do nome ) Ou seja o
traçado ,e clica Ok pra confirmar.
Na ferramenta do lado esquerdo, ( Clica em T de Texto ) Você irá por o texto falando do celular
em cima da foto do ( Celso )

Nessa opção a cima você pode escolher a fonte das letras

( Fonte Bebas ( OT1) )
Os estilos que você deseja ter nos nomes
Agora você pode alterar o tamanho da fonte do texto
Clica onde está marcado de vermelho
( Definir o estilo de fonte )

O tamanho da fonte vamos deixar ( 48 )

Texto ( Seu celular novo aqui )
 Agora pode ( Definir sua cor para o texto)

Com o seletor de cores aberto ( Vamos pra cor vermelha )

Clica ( Ok ) pra confirmar a cor.
 Opções de mesclagem

Cor ( Azul fraco bem fraco )

Clica ( Ok ) para confirmar
Na ferramenta T de texto, você vai escrever debaixo do ( Seu celular novo aqui)
Agora pode por o nome da promoção do celular
( Compre com 30% de desconto )

Na ferramenta Mover ( Você pode arrastar o texto)

 Agora você poderá copiar o efeito traçado pra outra camada de cima
( Aperte Alt no seu teclado e com o cursor, do mouse arrasta pra outra camada)

Podemos ir na ferramenta texto

Escrever ( Preço do celular )
Tamanho da fonte ( 72 )
 Com os textos tudo feito vamos copiar os traçados para camadas.

Efeito copiado arrastando com o cursor do mouse ( Segurando a tecla Alt no seu teclado)
 Ao terminar de por os efeitos nos nomes
Vamos ( Arquivo / Inserir )
Inserir a (logo do zap)

Com a foto da logo inserida vamos diminuir o tamanho da logo

Apertando ( Shift + Alt ) no seu teclado e arrastando com o cursor do mouse
A ir você pode confirmar apertando o ( Enter )
Clica do lado direito do mouse ( Camada da logo ) Na opções de mesclagem

Para mudar a cor da logo do zap

Nas opções de mesclagem ( Subreposição de cor )
No modo de mesclagem ( Cor )
Clicando em cor vai abrir o ( Seletor de cores )
A ir pode clicar Ok para confirmar
 Agora pode confirmar ( Apertando o Enter ) no seu teclado

Na opção ( Editar / Transformação Livre )ou no seu teclado (Ctrl +T)

Com isso você pode aumentar o tamanho do texto
 Apertando as teclas ( Shift + Alt ) Arrastando com o cursor do mouse
Vai aumentar o tamanho do texto a ir você clica ok ou então o ( Enter )

Você pode ir na barra de rolagem ( onde está riscado de vermelho)

Agora vamos inserir um fundo com parede.
Você pode escolher qual quer fundo que tenha parede ( Pesquisa no Google )
Podemos Inserir agora nosso fundo.

Com o fundo inserido ( Você pode confirmar no Enter )

 Vamos definir o modo de (mesclagem) pra esse fundo.

O modo que nós deixemos foi ( Matiz )

Um efeito muito bom nos fundos, que vai da mais qualidade nas suas artes
 Em ( Opacidade você pode diminuir ) 80%

Na opção ( Ajustes / Pesquisa de Cores ) Esse pesquisa de cores tem vários filtros para imagens
de fundo.
Em pesquisa de cores ( Propriedades ) Você irá escolher os filtros.
Na serta em cima você pode fechar as opções de filtros

Na opção ( Visualizar ) Clica em ( Apagar Guias )

 Depois de ter apagado as guias essa é nossa arte de social media
Agora você pode mudar os efeitos ( Traçado )
Você mudar a cor da maneira que você deseja
Na barra de rolagem das camadas procura a logo
Das lojas americanas e copia os traçados.

Para mudar a cor do traçado ( Clicar na camada do nome que deseja mudar)
Clica com o cursor do mouse ( Nome traçado )
A ir você pode mudar a cor
 Agora podemos salvar nossa arte
Opção ( Arquivo / Salvar para web ) Atalho no seu teclado (Alt+Shift+Ctrl+S)

Na opção ( Salvar para web ) Você pode escolher o formato da foto que vc deseja salvar.
Qualidade você pode deixar (100%%)
Outra qualidade da foto é ( Bicúbica mais Nitida)
 Agora você pode salvar no lugar que você deseja.

Esse é o nosso flyer de venda de celular das lojas americanas.

 CRIAÇÃO DE ARTE SOCIAL MEDIA

Para criar novo documento em branco opção ( Arquivo / Novo ) Atalho ( Ctrl+N)

Novo ( Nome do Projeto )

Predefinição ( Personalizado )
Largura ( 1000 ) Pixels
Altura ( 1000 ) Pixels
Resolução ( 72 ) dpi
Modo de cores ( Cores RGB ) 8 bits
Na camada de plano de fundo ( Clica no cadeado para desbloquear a camada)
Depois clica Ok para confirmar.

Clica na caixa de ( Transformação ) marcar essa opção

Em cima da régua você clica com o cursor do mouse
Agora pode arrastar as linhas guias
Então você desmarca a caixa de transformação

Na barra de ferramentas do lado esquerdo

Clica ( Ferramenta Retângulo )
Para você criar esse retângulo arrasta o cursor do mouse na área de trabalho
Na opção (Vamos mudar a cor do nosso retângulo)

Então mudemos a cor ( Na opção de preenchimento ) Cor amarela

 Você clica na camada do fundo

Clica na opção ( Ajustes ) / ( Cor Solida )

 Opção ( Seletor de cores ) Cor solida
Você pode alterar a cor da camada do fundo
Clica Ok

Opção ( Arquivo / Inserir )

Vamos inserir uma foto do celular.
 Agora vamos ( Inserir a imagem do celular ) Na área de trabalho

Para você aumentar o tamanho da imagem ( Shift + Alt ) Arrastando com o cursor do mouse
Pra diminuir o tamanho da imagem é no mesmo sentido de voltar.
Clica em confirmar ou ( Aperte o Enter no seu teclado)
 Clicando na camada do ( Retângulo) em opacidade vamos deixar ( 55% )

Do lado esquerdo nas ferramentas ( Clica na ferramenta T de Texto ) Vamos escrever nosso
texto, para chamada do celular.
 Então para nós escrever com a ferramenta texto
Você clica com lado direito do mouse
Na camada do retângulo
( Converter Objeto Inteligente)
Agora está pronto para escrever seu texto.

Agora fizemos nosso tema ( ferramenta T de Texto )

 Para nós excluir uma camada clica do lado direito do mouse
( Excluir Camada)

Para nós aumentar o tamanho do texto ( Opção editar / Transformação Livre ) Ou (Ctrl + T )
Apertando as ( Teclas Shift + Alt ) Arrastando com o cursor do mouse você irá aumentar o
tamanho do texto, depois ( Aperte o Enter ) No seu teclado para confirmar.
Na opção ( Parágrafo e Caractere ) você irá por as letras em maiúscula
Em cima na serta você irá sair.

Na opção ( Editar / Transformação Livre )

Ou ( Ctrl+T ) Você irá aumentar o tamanho do texto
Arrastando com o cursor do mouse.
Podemos confirmar ( Aperte o Enter no seu teclado )
 Na barra de ferramentas do lado esquerdo
Vamos na opção ( Ferramenta Linha )
Podemos arrastar essa linha no preço.

A linha está feita no preço ( No preço antigo ) vamos pra outra ferramenta ( T de texto )
 Pronto nosso texto ( Foi adicionado )

Agora nós fizemos ( Informações de contato ) Tudo na ferramenta texto.

Nas camadas do ( Você ira descer as camadas ) Na barra de rolagem
Clica do lado direito do mouse na ( Camada do celular )

Clicando no lado direito da camada da foto do celular

( Opção de mesclagem )
Na opção de mesclagem ( Sombra Projetada ) Vamos adicionar a sombra na borda do celular
Distancia da sombra ( + 18 ) a ir você clica ok para ( confirmar)

Na opção ajustes ( Clica em Pesquisa de Cores )

Onde vamos encontrar variedades de filtros.
Em propriedades ( Vamos escolher nosso filtro ) Você pode escolher de acordo como fica sua
artes para o filtro ser aplicado.

Agora você ( Pode clicar na opção Visualizar / Apagar Guias )

Depois de ter apagado as guias vamos ver como ficou nossa arte.
 Nossa arte está pronta ( Loja Desinger & Estilo )

Podemos salvar na aula anterior eu ensinei a salvar.

Essa é nossa arte pronta de Social Media
Arte bem explicativa
 COMO FAZER FLYER SOCIAL MEDIA
MAGAZINE LUIZA

Para começar nosso projeto ( Arquivo / Novo / Ctrl+N )

Agora está aqui nossa predefinição do nosso projeto

Nome: Magazine Luiza
Predefinição: Personalizado
Largura (1080 – Pixels ) Altura: ( 1080 Pixels ) - Com modo de cores ( Cores RGB )
 Clica com o cursor do mouse em cima do cadeado
E Clicar Ok .

Na (Barra de propriedades) você marca a caixa (Mostrar Transformação)

Clica na régua e desce com o curso do mouse, para alinhar no centro do fundo com as
linhas guias para o nosso projeto.
( Depois desmarca a caixa de transformação )
 Clica na opção ( Ajustes / Cor Sólida )
Você pode escolher a cor para qual quer projeto

Essa e cor que nós escolhemos para o nosso projeto

( Seletor de cores ) Cor sólida ( Código da cor 1f6fc9)
Agora você pode clicar ( Ok )
 Agora vamos usar a ferramenta de (seleção fechada)
Na (barra de ferramentas) do lado esquerdo.

Com a ferramenta de seleção fechada

Nós criemos um redondo dentro da nossa área de trabalho
( Opção Ajustes / Níveis )
 (Na opção níveis vamos diminuir pra nós ajustar nosso efeito de sombra)
Outra opção é níveis onde está marcado de vermelho ( Formato de uma câmera )

Agora você pode ( Inverter ) Para aumentar a difusão do efeito

Clica na serta a cima pra poder sair.
 Abrir seu navegador Google ( Pesquisa Magazine Luiza )
Para você copiar uma imagem (Clica do lado direito do mouse )
( Opção Copiar Imagem )
Agora podemos colar essa imagem no photoshop

Nessa opção ( Editar / Colar ) Ou ( Ctrl+V )

Aqui você cola a imagem no photoshop.
 Vamos remover esse fundo branco
( Na barra de ferramentas ) Lado esquerdo ( Ferramenta Borracha Mágica )
Clica no fundo branco com essa borracha mágica

Com o fundo removido, podemos clicar na camada do celular

Clicar do lado direito do mouse
Converter em (objeto Inteligente).
 Na opção ( Editar / Transformação Livre ) Ou ( Ctrl + T )
Nessa opção vamos aumentar o tamanho da nossa imagem.

Para você aumentar o tamanho da imagem

Aperte no seu teclado as teclas (Ctrl + T) e arrasta com o cursor do mouse
Nos pontos da transformação.
Clica com o mouse no lado esquerdo, e arrasta para selecionar nosso texto, para copiar
para o photoshop. E do lado direito do mouse vai copiar o texto

Na barra de ferramentas, clica em ( T de Texto ) para nós adicionar o texto

Do lado direito do mouse clicar na área de trabalho do Photoshop
( Opção colar )
Aperte o ( Enter ) no seu teclado para confirmar depois de ter colado.
 Nosso texto adicionado que nós colemos
Vamos por outro texto em baixo desse tema a ir.

Aqui vamos copiar nosso outro texto para o photoshop

Clica do lado esquerdo do mouse
E arrasta com o cursor
Clica do lado direito do ( Mouse e copiar imagem )
 Podemos colar nosso texto do site agora
Clica do lado direito do mouse
( Opção Colar )

Texto colado com sucesso

Agora podemos colocar os preços
Usando o mesmo site do ( Magazine Luiza )
Você repete o mesmo processo de (copiar e colar)
 Na barra de ferramentas do lado esquerdo
(Vamos usar a ferramenta Linha)
Agora podemos riscar o preço antigo e por o valor novo do celular

Agora copie esse preço e cola no photoshop

Em baixo do valor em antigo
Para copiar esse texto, clica do lado esquerdo do mouse
E arrasta com o cursor
Do lado direito você pode ir à opção copiar
 Nossos preços estão completos agora podemos
Agora vamos por quantas vezes no cartão será pago debaixo do preço atual

Pagamentos em (10 x de R$ 319,80) sem juros

Nosso texto colado aqui no photoshop
Em baixo da borda do celular vamos por o site da loja
 O site da loja foi adicionado
O texto logo abaixo da borda do celular
Esse é o nosso resultado de nossa arte de social media
(Filtro 2strip.lokk Pesquisa de cores)
Agora você pode salvar sua arte

Revisão final
 Aqui terminamos nossa apostila do minicurso de ferramentas no photoshop. Esperamos que
você, leitor, tenha gostado e que essa apostila possa contribuir para seu rendimento e sucesso
no uso dessa ferramenta tão importante nos dias de hoje.