Engatinhando no Photoshop e Illustrator

Julia Santos
Zero e Umas
Published in
8 min readApr 8, 2020
Photo by Jordan Christian on Unsplash

Este post vai para aqueles que nunca nem abriram algum dos dois softwares (Adobe Photoshop ou Adobe Illustrator), ou sabem pouco sobre algum deles e possuem curiosidade em aprender o básico para evoluírem por conta própria.

Logo abaixo mostrarei quais são as ferramentas essenciais para usufruir desses softwares para que comece engatinhando e logo se torne um profissional.

Para que serve o Adobe Photoshop?

O Photoshop é uma ferramenta voltada para a edição de imagens, o que lhe permite desenvolver desde colagens até painéis publicitários.

Aqui é possível ver mais detalhes da capacidade da ferramenta.

Como começar?

Primeiro escolhi esta imagem e fiz o download para o meu computador.

O próximo passo é abrí-la no Protoshop. Para isso basta selecionar "Abrir com" e depois selecionar o Photoshop.

De início, recomendo retornar os painéis do lado direito para o padrão, caso já tenha mexido em algo.

O Photoshop disponibiliza diversos tutoriais rápidos para a aplicação destas ferramentas, o que auxilia a por em prático o que foi visto por aqui.

Indicação dos tutoriais do Photoshop

Ferramentas essenciais

  • Seleção rápida (W)

Esta ferramenta seleciona uma área do desenho, porém não a considero muito precisa. É voltada justamente para seleções rápidas.

Basta clicar e arrastar para selecionar a área desejada ou "option + arrastar para remover algo selecionado errado. Por fim Command + D para remover o tracejado da seleção.

Este é um caminho caso deseje separar objetos em camadas. Isto oferece maior controle com cada parte da imagem.

Para tirar um objeto de uma camada é necessário primeiro fazer a seleção dele. Em seguida fazer Command+Shift+C para copiar com a localização e depois dar um delete, para remover o objeto da camada atual.

Agora no painel Camadas, crie uma nova camada ou então utilize o comando Command+shift+N para isto e dê Command+V para colar o objeto. Ele estará na mesma localização que antes.

  • Máscara de Camadas

Serve para adicionar um objeto a uma imagem sem a área ao redor desse objeto.

Para utilizá-la, basta ter duas imagens no photoshop, uma com o objeto e outra com a imagem de base. A imagem do objeto deve estar em uma camada diferente da imagem de base.

(Utilizei esta imagem para ser o objeto)

Na camada do objeto basta clicar no ícone "Adicionar máscara de vetor", na barra inferior.

Ícone máscara de vetor no canto inferior

A partir disso selecione a ferramenta pincel, com tamanho aproximado de 250px e 50% de dureza e no quadrado branco (o que define a cor do primeiro plano) na barra de ferramentas, troque a cor para preto.

É importante que o modo do pincel esteja em normal e sua opacidade esteja em 100%.

Na máscara, o que estiver selecionado com preto será apagado. Caso deseje corrigir, basta voltar a cor para o branco e arrumar a imagem.

Esta ferramenta é muito boa para criar o efeito de colagens, uma selecao além do aobjeto principal e objetos com bordas irregulares.

  • Varinha Mágica (W)

Com esta ferramenta é possível selecionar rapidamente uma área.

Assim como a ferramenta seleção rápida, não é muito precisa, mas eficaz se os objetos são muito bem definidos.

Ela é muito utilizada como no exemplo a seguir, para retirar o fundo de uma imagem, e exportar como png. Este formato permite que as imagens fiquem sem background, como se fossem adesivos.

Tanto esta quanto a ferramenta seleção rápida possuem o mesmo atalho no teclado, pois estão no mesmo grupo de ferramentas. Para acessá-la, basta clicar no triângulo no canto inferior do ícone de ferramenta de seleção.

O tracejado na imagem acima foi a seleção criada com apenas um clique na imagem. É possível notar que não foi uma seleção precisa, parte da imagem também foi selecionada.

No entanto, é muito eficiente para áreas muito bem delimitadas, com cores contrastantes.

  • Pincel de recuperação para manchas (J)

Com este pincel é possível apagar coisas indesejadas na imagem. Basta selecionar a área com o que vai ser removido e pronto, a imagem é reconstruída a partir das cores ao seu redor.

É importante selecionar apenas a área que será removida, para não deixar a imagem destorcida ou com algum borrão.

Imagem com uma mancha
Imagem corrigida

A área corrigida é quase imperceptível na imagem.

Para esta imagem utilizei o pincel com tamanho de 100px e rigidez em torno de 50%.

  • Ferramenta Pincel (B)

Controlando o tamanho e dureza é possível controlar o desfoque quando pintar e o quanto da área será pintada.

Com estas ferramentas é possível se divertir e treinar criando composições e editando suas próprias imagens.

O Adobe Photoshop possui inúmeros recursos ainda a serem explorados, como a edição dos ajustes de imagem (brilho, saturação, etc) e muitas outras ferramentas para o desenvolvimento de seu projeto.

Para que serve o Adobe Illustrator?

O Illustrator é uma ferramenta voltada para o desenho vetorial, logo os desenhos são feitos a partir de “paths” que são as linhas feitas a partir da ferramenta caneta (bezier) ou então formas geométricas.

Para mais detalhes, visite esta página.

Ferramentas essenciais

  • Camadas

Um caminho simples para o desenvolvimento de um desenho é trabalhar com camadas.

Por exemplo, para desenvolver uma ilustração a partir de uma imagem, a imagem pode estar em uma camada base e em uma nova camada, o desenho. Desta forma ainda verá a imagem, mas não estará desenhando nela.

Para auxiliar na organização do projeto, nomeie cada camada com o seu conteúdo. Crie camadas para cada parte do desenho, como uma para o cabelo, outra para os olhos, e assim em diante.

O controle sobre o desenho é maior, já que pode alterar a ordem das camadas, caso deseje trazer para frente ou para trás ou ocultá-las, para melhorar a vizualização do que está sendo feito.

  • Ferramenta caneta (P)

As formas podem ser feitas de forma vetorial, utilizando a ferramenta caneta (Bezier)

Com a ferramenta caneta as formas vão sendo criadas já com um preenchimento, sem a necessidade de fechar um contorno.

Esta é uma das principais ferramentas do Illustrator. Com ela é possível criar formas livres, o que é muito importante para um desenho.

A caneta cria linhas retas, apenas com cliques na prancha. Para linhas curvas, basta clicar e arrastar a linha na prancha.

Exemplo de uso da ferramenta caneta
  • Ferramenta retângulo (M)

As formas podem ser adicionadas a partir da ferramenta retângulo e a forma hexágono pode ser transformada em outras formas apenas com as teclas para cima e para baixo do teclado.

Se ao realizar o desenho, você manter pressionada a tecla shift, as formas que serão desenhadas serão proporcionais.

O preenchimento de formas pode ser feito clicando no primeiro quadrado, que é o preenchimento. O quadrado inferior, vazado no meio, é o “stroke” é a cor da borda do desenho.

  • Ferramenta curvatura (Shift+')

A ferramenta curvatura serve apenas para criar linhas curvas, logo fornece mais liberdade que a ferramenta caneta.

  • Ferramenta seleção (V)

Para selecionar algo é necessário pegar a ferramenta seleção, que fica logo no início da paleta de ferramentas.

Quando algo é selecionado, a configuração de suas propriedades aparecem no painel, do lado direito.

  • Ferramenta seleção direta (A)

Quando um objeto é selecionado com esta ferramenta, aparecem seus segmentos e pontos de caminho do objeto.

Ela fornece grande liberdade para alterar qualquer objeto para atingir o que deseja.

  • Ferramenta borracha (Shift+E)

A ferramenta Borracha apaga qualquer forma e o que foi apagado se tornam pontos vetoriais que podem ser editados.

  • Combinar objetos (Pathfinder)

O pathfinder é uma ferramenta que permite editar objetos de quatro formas distintas: unir, menos frente, intersectar e excluir. Ele aparece no painel direito quando dois ou mais objetos estão selecionados.

Para exemplificar, criei duas formas geométricas, agrupei e depois copiei para que fossem iguais.

Para executar esta função, basta selecionar as formas geométricas a serem combinadas apenas arrastando o cursor na prancha. O agrupamento dos objetos é opcional.

Pode ser muito útil para "apagar" partes geométricas de um desenho, quando exigem um tamanho ou forma específica. Também serve para criar formatos.

  • Mesclagem

A ferramenta Mesclagem pode ser utilizada para criar formas tridimensionais, além de um gradiente de cores. Com esta ferramenta é possível criar diversas formas inusitadas.

Na aba Objeto, existe uma infinidade de opções para criar figuras e composições, possui recursos únicos para edição de formas.

  • Mostrar Grade (Grid)

Na aba Exibir, é possível ativar o mostrar grade (grid), que pode ajudar nos desenhos e composições.

Desta forma também é mais fácil visualizar o que está com preenchimento e o que não está.

Espero que esta leitura seja um ponto de partida para quem ainda não começou a utilizar estas ferramentas tão poderosas.

Explore ao máximo estas ferramentas, não tenha medo de começar. Faça testes, experimente editar uma imagem e transformá-la em algo profissional, ou então crie uma ilustração a partir de uma foto ou um desenho que goste. Até a próxima leitura!

--

--

Julia Santos
Zero e Umas

Escritora no incrível Medium do Coletivo Zero&umas! ~ medium.com/zeroeumas ~ Estudante de Arquitetura e apaixonada por Design