Background

BLOG PIXELZ

Receba insigths em pós producão de imagens, fotografias de produto, melhores práticas em imagens para eCommerce

DIY 3: Editing Product Images


Main Image

Depois de montar o seu estúdio de fotografia e conseguir imagens de alta qualidade com o seu modo de câmera manual, você está quase pronto para vender os seus produtos online.

Há apenas um último passo para conseguir ótimas fotos de produtos prontas para serem usadas na sua loja online. Há muitas coisas envolvidas na preparação de suas imagens para a web. Neste post eu mostrarei as melhores práticas para edição de imagens de produtos, passo a passo

Por outro lado, se você precisa editar uma grande quantidade de imagens, e sente que isso vai ser demorado, você também pode considerar pedir ajuda. Terceirizar certas funções pode tornar o seu negócio significativamente mais eficiente. A maioria dos fotógrafos ou empresários não tem o tempo extra para retocar e deixar as suas imagens prontas para usá-las na web. Fotografar sozinho o seu produto pode ser verdadeiramente demorado, por isso não tenha receio de procurar ajuda na categoria retoque com empresas como a Pixelz, e você terá um diversas imagens de alta qualidade prontas para as vendas em um curto espaço de tempo (24 horas ou menos).

Softwares Recomendados

Para começar, você precisará de um computador com o programa Lightroom ou Photoshop (ou algum similar), juntamente com as imagens que foram selecionadas para serem trabalhadas. Siga o meu método passo a passo, utilizando os vídeos para guiá-lo através do processo. A primeira vez pode ser chata, mas quanto mais você fizer isso nas suas imagens, mais rápido você vai se familiarizar.

Eu usarei o Photoshop, mas se você não sabe qual programa seria o melhor para você, experimente-os usando a versão gratuita de teste! Você também pode utilizar o “Creative Cloud Plan” do Adobe, ele permite que você escolha um plano de adesão que melhor se adeque às suas necessidades. Você pode escolher um plano sem compromisso, onde você paga mensalmente ou escolhe uma opção um pouco mais barata para um plano anual. Se você está pensando em fazer o seu próprio trabalho de retoque de imagens em casa, eu recomendo escolher o plano anual, para poupar dinheiro, você vai usá-lo muito e estará sempre atualizado quanto ao tipo de programação necessária! Isto explica o processo de adesão em detalhes: Resumo de Planos

Outra dica útil para você se tornar mais eficiente nas edições, é aprender os atalhos de teclado padrão no Photoshop/ Lightroom. Há uma ampla gama de teclas que você pode usar para tornar o seu processo mais rápido. Quanto mais você usá-las, mais elas se tornarão familiares e você fará tudo automaticamente! Por enquanto concentre-se apenas nas poucas ferramentas que eu uso neste processo antes de se aprofundar no resto.

Atalhos Do Teclado Adobe

Vamos Começar!

Passo 1: Correções no Raw

1 RAW Corrections from Pixelz on Vimeo.

1.Correções no RAW da Pixelz no Vimeo

Depois de ter suas imagens selecionadas em sua própria pasta, abra o conjunto de imagens no Photoshop RAW. Se você não você não fez fotos em RAW, não se preocupe, apenas avance para o passo

2. É importante saber que o que você vê em sua câmera pode parecer diferente do que está na câmera RAW, a câmera tem suas próprias configurações, o padrão é mostrar através das funcionalidades de visualização na sua câmera. Então, é preciso haver alguns ajustes em suas imagens. Primeiro, selecione todas as imagens que você deseja que tenham a mesma aparência, clicando em “Selecionar Tudo”. Isso significa que qualquer alteração feita na imagem que você está vendo, será aplicada a todas as outras imagens também. Aqui eu vou usar algumas ferramentas fundamentais que se tornarão uma maneira rápida e conveniente de corrigir todas as suas imagens, tudo de uma só vez!

  1. Em primeiro lugar, eu escolho a ferramenta conta-gotas balanço de branco, para uniformizar as cores e tons da imagem. Como você pode ver a minha imagem está bastante azul, então passando a ferramenta sobre o fundo branco e clicando nele, ele muda automaticamente para o que a Câmera RAW julga estar certo. Veja que já foi feita uma preparação, não só a minha imagem está visível, mas o resto delas também!
  2. Olhando para o meu produto, como ele está agora, eu acho que ele parece um pouco escuro e sujo, então eu vou usar minha ferramenta de Exposição para iluminá-lo. Se você arrastar para a esquerda, a imagem fica mais escura e se você arrastá-la para a direita ela vai ficar mais clara. Eu fotografei um objeto preto, então essa imagem precisava de uma melhora.
  3. Em seguida, eu acho que certas partes do produto precisam de uma luz de preenchimento extra, que ilumine apenas as áreas mais escuras da imagem. Isso vai ajudar que parte da textura se destaque. Quanto mais você mover a ferramenta para a esquerda, mais ela vai clarear ou preencher as áreas mais escuras.
  4. Logo após, eu brinquei com algumas ferramentas simultaneamente, para obter o visual que eu desejava. Eu clareei o produto um pouco mais, usando a ferramenta de Brilho, mas depois eu senti que a imagem parecia um pouco plana. Então eu comecei a brincar com as ferramentas de Contraste e Pretos também, o que realmente só alterou os tons de preto e branco da imagem, sem alterar os cinzas. Isso destacou ainda mais a textura!

ADepois de fazer as suas alterações, como você verá, todas as imagens que você selecionou, mudarão para ‘RAW’ e terão as mesmas alterações – tente alternar a visualização para ver o progresso do seu trabalho!

Uma vez terminadas as suas simples correções de imagem no RAW, você pode abri-las direito do RAW para começar a trabalhar nelas, mas eu gosto de salvá-las como JPEGs para me organizar melhor durante o processo. Além disso, se este é o único passo que você acredita ter tempo de fazer, salvar as suas imagens em formato JPEG será ótimo, porque daí você poderá enviá-las para um serviço web para que eles continuem o resto do processo.

Eu cliquei em “salvar imagens” para salvar versões destas mudanças na mesma pasta, para mantê-las todas juntas e coerentes. Assim que o Photoshop terminar de salvar as imagens, vá em frente e clique em “Concluído”. Você deve então ver as suas imagens salvas como JPEGs também em sua pasta.

Passo 2: Retoque de Manchas/Pontos

2 Spot Retouching from Pixelz on Vimeo.

Abra as suas imagens JPEG no Photoshop. Começando com a minha primeira imagem ‘principal’ do produto no conjunto (Esta é a primeira imagem que os seus clientes verão quando navegarem no seu site).

Eu escovei os meus sapatos de camurça antes de fotografá-los, mas por causa da natureza do tecido, infelizmente ele retém poeira e pêlos que eu não vi até abrir as imagens no computador para olhá-las com mais atenção. Há também algumas marcas de riscos no couro provenientes do desgaste causado pelo uso. Esse é um problema comum com os calçados, por isso eu só removerei esses defeitos do sapato usando o Photoshop. Primeiramente, eu dupliquei a minha camada para ver o processo antes e depois do retoque. Então eu comecei a remover todas as pequenas partículas de pó e pêlos, usando a ferramenta de correção.

Comece selecionando um círculo em torno dos pontos que você deseja corrigir. Em seguida, suavemente pegue a seleção que você fez e mova para um local próximo a ele que tenha a aparência que você gostaria. Esta ferramenta irá substituir o que você não quer pelo o que você quer. Você pode usar isso em quase tudo!

Eu também uso a ferramenta de clone nas partes do sapato que estão desgastadas. É muito semelhante à ferramenta de remendo (Patch).

Vá até as opções de pincel e escolha um de cerdas mais suaves, e você pode ajustar o tamanho do pincel no decorrer do processo. Eu gosto de fazer este pincel um pouco opaco, porque à medida que eu trabalho eu quero ter bastante controle sobre as alterações feitas por ele. Faça um zoom nos pequenos pontos que você gostaria de corrigir e na “Opção/Clique em” clique na área que você gostaria que seus arranhões tivessem aquela aparência.

Então vá para os seus arranhões e marcas e “pinte” sobre aquela área. De vez em quando eu clico na”Opção / Clique em” em uma área em torno do arranhão para que assim tudo permaneça coerente e natural. Você notará que eu alternarei entre essas duas ferramentas, com frequência, dependendo de como eu acho que cada coisa precisa ser removida e em que área ela está. Para as áreas mais difíceis de retocar, eu normalmente uso a ferramenta de clonagem “Clone Stamp”, para ter um controle mais manual sobre a imagem. Para correções fáceis e pequenas eu uso a ferramenta de correção “Patch”.

Outras ferramentas que eu uso muito são para esconder e iluminar (Dodge e Burn). Elas ajudam a nivelar os tons em partes do seu produto. Se algo precisa ser iluminado use a ferramenta Dodge e se algo precisa ser escurecido use a Burn

É útil conhecer as teclas de atalho para alternar entre essas duas ferramentas, porque você pode trabalhar mais rápido quando usa simultaneamente ambas as teclas. Como você pode ver, eu comecei a “escurecer” as áreas mais claras da camurça que eu acho que precisam ser um pouco mais escuras, pois parecem um pouco desgastadas, por causa do tecido de camurça.

Ative e desative a sua camada de retoque para ver a transformação do antes e depois! Se você achar que precisa continuar, continue usando essas ferramentas para alcançar a aparência desejada. Eu aposto que o seu produto tem uma aparência excelente agora, mas vamos continuar para que fique ainda melhor!

Passo 3: Ajuste Rápido de Cores

3 Quick Color Adjustment from Pixelz on Vimeo.

Embora você tenha feito alguns ajustes no RAW, eu gostaria de fazer mais alguns ajustes no processo de pós-produção, para fazer os meus produtos aparecerem! Comece fazendo uma camada de curvas. Esta camada de ajuste é um pouco complicada de entender no início, mas uma vez que você conseguir fazer isso será uma ótima ferramenta para fazer as suas imagens ficarem surpreendentes.

Ao utilizar este ajuste, você deve saber que a parte superior da curva afeta os brancos, o meio afeta os cinzas e parte inferior afeta os pretos. Então, quando se olha a imagem, veja o que precisa ser um pouco destacado na escala de cinzas. No meu caso, eu percebi que precisava de mais contraste em toda a imagem, então eu puxei os brancos para ficarem mais claros e os pretos para ficarem mais escuros.

Se você olhar para a parte inferior e lateral da caixa de curvas, você verá um ‘dégradé’ do branco para o preto. Isso ajuda você a saber que dependendo da direção para a qual você puxar cada um desses lados, eles ficarão mais claros ou mais escuros. Depois de fazer esses pequenos ajustes, eu achei que em geral a imagem precisava ser iluminada, então eu peguei o meio e o levantei para que o sapato inteiro se iluminasse.

Fotografar determinadas cores pode ser complicado, por isso tenha o seu produto em mãos no momento em que você fizer o retoque. Isso irá ajudá-lo a mudar as cores, se necessário. Já que eu fotografei um salto preto, eu preciso neutralizar a camurça, porque às vezes as cores ao redor da imagem aparecem no lugar do preto. Eu fiz uma camada de Matiz / Saturação que pode afetar as cores (ex: do vermelho ao roxo) e o quão vibrantes elas são (ex: do pálido ao néon).

ex: from red to purple

exemplo: do vermelho ao roxo

ex: from pale to neon

exemplo: do pálido

Ao mudar de uma cor para outra, use a alternância de tonalidade em sua camada de ajuste e mova-a até ver a cor que você precisa. Se ela está muito saturada ou vibrante use a alternância de saturação, e mova para a esquerda para remover a saturação e para a direita para aumentar a saturação.

Eu queria tirar a saturação dos meus pretos, então eu movi a saturação para a esquerda. Eu não queria que a minha adaptação afetasse parte do meu produto, porque a cor dele precisava permanecer. Então eu selecionei a pequena caixa branca na minha camada e “mascarei” as áreas que eu não queria afetar. Esse procedimento basicamente diz à sua camada de ajuste “não toque”, o que é ótimo, porque às vezes você pode não querer mudar uma parte de uma imagem ou produto. Então, eu usei o ajuste de camada de Brilho/Contraste para aumentar o meu contraste apenas um pouquinho mais nos brancos e pretos, o que realmente ajudou a realçar a minha camurça. Depois eu nivelei todas as minhas camadas com a camada de retoque, para que eu pudesse ver o antes e o depois dos meus ajustes.

Passo 4: Fazer um Arquivo e Alinhamento

4 Making File & Alignment from Pixelz on Vimeo.

A maioria dos sites de comércio eletrônico define as mesmas diretrizes de tamanho de arquivo para as suas imagens, mas fique atento a isso porque algumas categorias são diferentes em cada site. Você pode facilmente visitar o site que você utilizará e encontrar essa informação. Ao fazer o seu documento, use as dimensões máximas disponíveis para uso, porque as suas imagens parecerão as maiores e melhores quando vistas por seus clientes.

Requisitos da Foto Lista de Itens Individuais Capacidade de Carregamento
Tipos de Arquivos Aceitos JPEG (.jpg), GIF(.gif) e PNG(.png) JPEG (.jpg), GIF(.gif) e PNG(.png)
Tamanho Máximo do Arquivo 10 MB 10 MB
Resolução de Imagem 72 pixels por polegada 72 pixels por polegada
Dimensões Mínimas* 200×200 pixels Um lado deve ter pelo menos 200 pixels, mas o outro pode ter menos pixels.
Dimensões Máximas* 2000×2000 pixels 10000×10000 pixels
Máxima Proporção de Dimensões 5:1 (2:1 ou 1:1/preferido) 5:1 (2:1 ou 1:1/preferido)

Image Alt

Comece criando um novo documento em Arquivo> Novo. Agora que você sabe as dimensões necessárias para a imagem, altere as suas dimensões para Pixels e faça o tamanho do seu arquivo ter as dimensões máximas que você precisa; tenha certeza de que a resolução é de 72 dpi e que a cor de fundo é o branco. Eu nomeei minha imagem como o sapato em _1, e daqui para frente vou marcá-las numericamente em seus conjunto de imagens. Eu não tenho uma organização de nomenclatura específica para estes arquivos, mas a maioria das pessoas nomeia seus arquivos de imagem por estilo de produtos e números de código de cores, para o processo ficar mais organizado daí em diante.

Depois de clicar em ok e criar um novo arquivo de imagem, arraste a guia em seu arquivo uniformemente de cima para baixo e para os lados. Estas serão as suas orientações para manter o seu produto dentro das guias, assim as suas imagens ficarão todas alinhadas. Arraste a sua imagem retocada de produto para o seu novo arquivo de fundo branco. Você terá que redimensionar o seu produto dentro das margens que você fez com as suas novas guias. Alinhe a parte inferior do seu produto, no meu caso é o salto, para que o seu produto permaneça coerente e bem enquadrado em todo o conjunto de imagens.

Uma vez que seu produto já está centralizado na imagem dentro das margens guias, use a ferramenta ‘Varinha Mágica’(Magic Wand) para selecionar o plano de fundo atual do seu produto. Então vá em Selecionar> Refinar Bordas e você verá a seleção que você acabou de fazer em torno do seu produto suavizando as bordas. Dentro dessa ferramenta você pode circular em torno da borda do seu produto e a ferramenta irá, naturalmente, se ajustar em torno dela.

O próximo passo é fazer uma máscara desta seleção clicando no botão que é um pequeno quadrado com um círculo no meio. Ele irá anexar automaticamente uma máscara em sua camada retocada. Se você entrar em sua máscara clicando em “\”, você poderá verificar se tudo está mascarado como você quer. No meu caso, tinha um pouco de sombra na imagem que eu queria tirar também. Você pode usar a sua ferramenta pincel para simplesmente pincelar as partes indesejadas. Clique em “\” novamente para sair do seu modo de máscara. E agora o seu produto está ‘acomodado’ em um fundo branco!

Step 5: Shadow & Saving

5 Shadow & Saving from Pixelz on Vimeo.

Um último passo antes de terminar! Se você gostaria de fazer o seu produto aparecer ainda mais, tente adicionar uma sombra! Isso ajudará a “assentar” o seu produto e dar mais profundidade à imagem.

Porque eu fotografei o meu produto no fundo branco com luz natural da janela, eu naturalmente consegui uma sombra debaixo do salto. Eu trarei de volta a sombra duplicando a camada retocada. Eu apago a máscara que está na camada inferior – agora você pode ver a sombra aparecer. Então eu tirei a saturação da sombra, porque parecia um pouco avermelhada para mim. Eu fiz uma nova máscara em minha camada, em que eu passarei o pincel em tudo que está na camada, exceto na sombra sob o sapato. Verifique se o seu pincel tem cerdas adicionais para fazer uma transição suave. Voila! Aqui estão o antes e o depois das minhas bonitas imagens de produto!

Before

Antes

After

Depois

Agora que o seu produto tem uma aparência ótima, vamos salvar e seguir em frente! Salve o arquivo . PSD terminado, assim você tem o seu original para desfazer algo, se necessário. Depois, salve o arquivo como .JPG para que você possa usá-lo no seu site! Agora que o seu primeiro arquivo está feito, é hora de mudarmos o próximo arquivo no seu conjunto de imagens. Siga o mesmo processo e salve o seu novo arquivo como “_2” e assim por diante.

Eu retoco imagens há muito tempo e tudo se tornou natural para mim, por isso é difícil lhe falar um período de tempo exato que você precisará. Quando você começar, seja paciente consigo mesmo. Quando você começar a fazer edições mais e mais, você ficará cada vez mais rápido.