Como criar gráficos vetoriais no Photoshop?

TL; DR: O Photoshop não pode criar imagens vetoriais verdadeiras. Este é um equívoco muito comum.

Pense nisso como um carro. – Você pode andar de 4 rodas com um Toyota Prius? Claro que você pode ! Vai fazer todas as coisas que um Jeep Wrangler pode fazer? Heck, não. Há um motivo pelo qual você precisa para usar um veículo com tração nas quatro rodas para andar de 4 rodas, assim como há um motivo que você precisa de usar um aplicativo vetorial para criar arquivos vetoriais.

Independentemente de como você cria um arquivo e o salva, o Photoshop sempre salva as informações vetoriais e raster . Isso é diferente de qualquer aplicação vetorial verdadeira.

Você pode “t criar arquivos vetor com o Photoshop. Você só pode criar arquivos raster com alguns dados vetoriais incorporados. Isso significa que pode haver um quadrado vetorial e suas bordas permanecerão nítidas e definidas, no entanto, se esse quadrado tiver preenchimento gradiente. Esse preenchimento gradiente é inteiramente rasterizado e sofrerá algum dimensionamento.

Aplicativos como Illustrator, Inkscape, CorelDraw, Xara, Sketch , etc., na verdade, podem conter apenas dados vetoriais independentes de resolução de 100%. Não é uma questão de “pessoas preferirem” usar um aplicativo vetorial. É “s necessário se você quiser um arquivo vetorial verdadeiro no final.

Isso não é para digamos que as ferramentas do Photoshop são geralmente inferiores, não são . > pode desenhar com as ferramentas vetoriais no Photoshop e criar conteúdo vetorial. Mas, para obter o benefício real desse conteúdo vetorial no Photoshop, você deve sempre usar o Photoshop para todas as alterações futuras . Quando você amplia ou transforma um contêiner de vetor dentro do Photoshop, o Photoshop interpola os dados rasterizados internos para se adequar à transformação. Essa interpolação não acontecem fora do Photoshop. Então, depois de exportar / salvar você pode dimensionar algo como um EPS do Photoshop, as bordas do vetor serão dimensionadas e permanecerão nítidas porque são vetoriais, mas a interpolação dos dados raster sim não acontecem fora do Photoshop. Portanto, “pixels quebrados” são inteiramente possíveis com um EPS do Photoshop, mesmo que você use ferramentas de vetor. Este problema surge quando você salva o arquivo ou exporta . Em todos os formatos de vetores – PDF, EPS, PSD – o Photoshop cria um arquivo raster com dados vetoriais incorporados. O Photoshop não cria um arquivo vetorial. Isso é totalmente diferente dos aplicativos reais baseados em vetores.

Para fins de produção, essa diferença pode não ser importante se você já estiver trabalhando com um ppi alto no Photoshop. Mas o usuário deve estar ciente de que simplesmente usar as ferramentas vetoriais do Photoshop e salvar como EPS / PDF não cria arquivos vetoriais usando qualquer versão atualmente disponível do Photoshop (CC2017 é a mais recente).

Eu percebi que alguns usuários querem que o Photoshop crie arquivos vetoriais porque isso significa que eles não precisam aprender um novo aplicativo para gerar um novo formato de arquivo. No entanto, “s nenhuma maneira em torno disso. Se você deseja arquivos vetoriais reais , você deve usar um aplicativo vetorial real. O Photoshop é e sempre foi um aplicativo raster , portanto “foto “em seu nome.

• Relacionado: Um arquivo EPS do Photoshop é um formato vetorial?

Comentários

• Você PODE realmente desenhar gráficos vetoriais no Photoshop. Por exemplo, geralmente exporto vetores de PS para Flash. Portanto, você pode criar imagens vetoriais verdadeiras.
• @Dani Sim, você pode desenhar usando vetores no Photoshop. Mas você não pode salvar (ou exportar) um arquivo vetorial verdadeiro do Photoshop. Você verificou essas exportações? Muito parecido com a exportação para o Illustrator – eles são contêineres de vetor com preenchimentos raster. Esse ‘ não é um arquivo vetorial verdadeiro. O melhor que você pode fazer é desenhar vetores no Photoshop, depois exportar os caminhos e usar algum outro aplicativo de vetor verdadeiro para adicionar preenchimentos e traços. Eu entendo que as pessoas realmente querem que o Photoshop crie arquivos vetoriais, mas a verdade é que o Photoshop simplesmente não faz isso.
• Além disso, o simples fato de você precisar usar o Flash é mais uma prova de que O Photoshop é insuficiente para criar arquivos vetoriais reais.
• O que você entende por arquivo vetorial verdadeiro?
• Sem conteúdo rasterizado. Na maioria das vezes, os usuários desesperados para usar o Photoshop para arquivos vetoriais estão tentando vender arquivos vetoriais em sites de micro-estoque. E muito parecido com esses sites, eu não ‘ não vejo um arquivo contendo vários recipientes de vetor com preenchimentos de imagem raster como sendo um vetor verdadeiro. Escalar um arquivo com contêineres de vetor e preenchimentos raster irá quebrar os pixels nos preenchimentos raster – isso ‘ não é um vetor. Observação: ‘ não estou dizendo que você pode ‘ criar arquivos com o Photoshop. Recipientes de vetor com preenchimentos raster são adequados para a maioria das produções. Mas eles não são ‘ t true vetor.

Você PODE exportar os caminhos criados para um arquivo do Illustrator, mas a visualização básica é que o Photoshop foi criado para imagens raster e o Illustrator foi criado para imagens vetoriais. O CorelDraw faz as duas coisas em um programa, mas a desvantagem é que não é tão bom quanto o Adobe, imo.

Chippin “no caso de alguém ainda querer criar elementos vetoriais no Photoshop (para usar com imagens raster, por exemplo, ou para qualquer outra situação).

A ferramenta que o Photoshop possui que permite trabalhar com gráficos vetoriais , é a Ferramenta de caneta . A operação básica de a ferramenta Caneta envolve clicar ao redor da tela do Photoshop para fazer os pontos aparecerem. Esses pontos serão conectados por linhas e começarão a criar uma forma.

Em comparação com outros programas (como o Illustrator), são as coisas que você pode fazer COM as formas, uma vez que você tenha desenhado o que está faltando. O Photoshop permite que você desenhe, modifique nós e brinque combinando, cruzando ou subtraindo-os, mas não permite que você faça operações mais complexas.

Os Fóruns da Adobe têm um guia muito completo sobre como começar a usar a ferramenta Caneta .

Eu acho este tópico precisa de um resumo, caso contrário, os leitores podem ficar confusos. A maioria dos leitores não se importará se os resultados são “eps verdadeiros” ou “arquivos vetoriais verdadeiros”, eles apenas querem fazer algo. No entanto, eles devem estar cientes dos limites e restrições em certas técnicas. Aqui estão os conceitos-chave fornecidos nas respostas:

1. O Photoshop é uma ferramenta de processamento de imagem baseada em pixel (raster) que possui alguns recursos vetoriais. Foi originalmente projetada para manipular e salvar imagens baseadas em pixels (por exemplo, fotografias digitais), mas amadureceu em uma ferramenta muito mais flexível.

2. O Illustrator é uma ferramenta de processamento de imagem baseada em vetor que temalguns recursos de rasterização. Imagens baseadas em vetor não armazenam informações de pixel, ela armazena a imagem como dados que serão interpretados por um programa de desenho de imagem baseado em vetor.

3. Ambos os tipos de arquivos de imagem requerem um computador programa para preparar os dados do arquivo para exibição ou impressão, mas, em última análise, a impressora ou computador exige que a imagem esteja no formato de pixel. Como resultado, os arquivos baseados em vetores requerem mais processamento. A principal compensação entre o formato vetorial e o formato de pixel é que os formatos vetoriais podem ser redimensionados para ter uma boa aparência em uma ampla gama de resoluções. Os formatos de pixel sofrem quando exibidos em resoluções diferentes da resolução em que foram criados. Os formatos de pixel capturam pequenos detalhes e mudanças sutis na imagem muito melhor do que os formatos de vetor. Como resultado, os formatos de pixel são mais apropriados para fotografias ou pinturas realistas e os formatos vetoriais são mais apropriados para logotipos e arte simples baseada na web e em dispositivos móveis.

4. Porque os dois formatos têm forças complementares, faz sentido usar os dois.Nesses casos, você pode escolher criar e manipular suas imagens usando Photoshop e Illustrator (ou CorelDraw – que faz ambos), ou você pode usar as ferramentas de vetor no Photoshop ou as ferramentas de rasterização no Illustrator. A melhor abordagem é determinada caso a caso. A diretriz óbvia é selecionar a ferramenta principal com base no formato de saída necessário.

5. Se você deseja usar ferramentas de vetor em uma imagem baseada em pixel no Photoshop, isso pode ser feito usando a ferramenta Caneta ou usando o Photoshop Generate. Você pode obter as vantagens de desenvolver com arte vetorial no Photoshop ou exportando a arte vetorial para o Illustrator. Depois de usar o Illustrator, você pode trazer a arte de volta para o Photoshop se quiser salvá-la em um formato baseado em pixel.

O Photoshops Generator pode salvar SVGs (sim, apropriados, SVGs somente vetoriais baseados em camadas de forma criadas no Photoshop). Você precisará do Photoshop CC 2014.2 (ou 2014.1) para fazer isso.

Ajuda da Adobe: https://helpx.adobe.com/photoshop/using/generate-assets-layers.html

Este documento do Photoshop:

Criou este SVG:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="272" height="245" viewBox="0 0 272 245"> <defs> <style> .cls-3 { fill: #fc6665; } </style> </defs> <g> <circle class="cls-3" cx="50" cy="50" r="50"/> <rect class="cls-3" x="72" y="145" width="200" height="100"/> </g> </svg> 

Comentários

• Altere o preenchimento para um gradiente e abra o svg no Illustrator …. Isso é menos do que uma solução sólida.
• Depende de para que você precisa do SVG. Você está certo, porém, o suporte para exportação de SVGs é incompleto, na melhor das hipóteses, mas se você quiser apenas ícones sólidos ou dados de caminho, funciona muito bem.
• Se você quiser apenas dados de caminho, pode simplesmente exportar caminhos.
• Scott, acho que você tem que admitir que o Photoshop é na verdade uma ferramenta de desenho vetorial aceitável para algumas situações.
• Mark, Basicamente, não, eu não ‘ t. Não se o seu desejo for criar arquivos vetoriais verdadeiros para uso em outros aplicativos. Se você quiser formas rudimentares com preenchimentos planos, tudo bem, o svg pode funcionar para você. Mas essa é a exceção , não a regra. A realidade é que você realmente precisa de mais ferramentas do que apenas uma. Um carpinteiro não ‘ t constrói uma casa de qualidade com apenas um martelo. E você pode ‘ criar arquivos vetoriais de qualidade com apenas Photoshop. Alguns usuários desejam desesperadamente que o Photoshop faça tudo porque eles não ‘ não querem aprender mais nada. Isso não ‘ significa que o Photoshop é bom para tudo. Não ‘ não.