Como criar gráficos vetoriais no Photoshop?

14

Sei que as pessoas preferem usar o CorelDraw ou o Adobe Illustrator, mas quero saber se existe uma técnica que eu possa seguir para usar o Adobe Photoshop para criar imagens vetoriais .

adobe-photoshop vector

— Chandan
fonte

Existe um processo de atalho originário do Photoshop que é útil para ilustrações e ícones vetoriais simples. Uso-o para acelerar, embora seja útil se você não estiver confiante com a ferramenta e as funções da caneta. Crie sua ilustração no Photoshop em 240 dpi. Cores planas oferecem melhores resultados. Para um ícone eu uso preto. Exporte como jpg com qualidade máxima. Execute isso por meio de um aplicativo chamado Vector Magic e o vetor será criado para você (melhor que o rastreamento da imagem do ilustrador). Você pode eliminar o plano de fundo do aplicativo e abrir no Illustrator para retrabalhar. Exemplo de caractere de chatbot: bit.ly/2AG8HrV

— Applefanboy 4/19/19

23

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 quatro rodas com um Toyota Prius? Claro que você pode ! Vai fazer todas as coisas que um Jeep Wrangler pode fazer? Parreira não. Há uma razão pela qual você precisa usar um veículo com tração nas quatro rodas para andar com as quatro rodas, assim como há uma razão pela qual você precisa usar um aplicativo de vetor para criar arquivos vetoriais.

Independentemente de como você cria e salva um arquivo, o Photoshop sempre salva as informações de vetor e de varredura . Isso é diferente de qualquer aplicativo de vetor verdadeiro.

Você não pode criar arquivos vetoriais com o Photoshop. Você só pode criar arquivos rasterizados com alguns dados vetoriais incorporados. Isso significa que pode haver um quadrado de vetor e suas bordas permanecerão nítidas e nítidas, no entanto, se esse quadrado tiver um preenchimento de gradiente. Isso preenchimento de gradiente é raster completamente e vai sofrer em alguma escala.

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

Isso não quer dizer que as ferramentas de vetor no Photoshop sejam inferiores em geral, não são . Sim, você pode desenhar com as ferramentas de vetor no Photoshop e criar conteúdo de vetor. 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 no Photoshop, o Photoshop interpola os dados da varredura interna para se adequar à transformação. Essa interpolação nãoacontecer fora do Photoshop. Portanto, 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 rasterizados não ocorre fora do Photoshop. Portanto, "pixels quebrados" são totalmente possíveis com um Photoshop EPS, mesmo que você tenha usado ferramentas de vetor. Esse problema surge quando você salva o arquivo ou o exporta . Em todos os formatos compatíveis com 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 baseados em vetores reais.

Para fins de produção, essa diferença pode não ser muito importante se você já estiver trabalhando com um ppi alto no Photoshop. Porém, o usuário deve estar ciente de que o simples uso das ferramentas de vetor do Photoshop e o salvamento como EPS / PDF não criam arquivos de vetor usando qualquer versão atualmente disponível do Photoshop (o CC2017 é o mais recente).

Sei 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, não há maneira de contornar isso. Se você deseja arquivos vetoriais reais , deve usar um aplicativo vetorial real. O Photoshop é e sempre foi um aplicativo raster , portanto, "foto" em seu nome.

— Scott
fonte

Você realmente pode desenhar gráficos vetoriais no Photoshop. Por exemplo, eu normalmente exporto vetor de PS para Flash. Portanto, você pode criar imagens vetoriais verdadeiras.

— DanielBlazquez

@ 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? Assim como exportar para o Illustrator - eles são contêineres de vetor com preenchimentos de varredura. Esse não é um arquivo vetorial verdadeiro. O melhor que você pode fazer é desenhar vetores no Photoshop, exportar os caminhos e usar outro aplicativo de vetor verdadeiro para adicionar preenchimentos e traçados. Entendo que as pessoas realmente querem que o Photoshop crie arquivos vetoriais, mas a verdade é que o Photoshop simplesmente não.

— Scott

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.

— Scott

O que você entende como arquivo vetorial verdadeiro?

— DanielBlazquez

Sem conteúdo raster. 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 assim como esses sites, não vejo um arquivo que contenha vários contêineres de vetor com preenchimento de imagem rasterizada como sendo vetor verdadeiro. Escalar um arquivo com contêineres de vetor e preenchimentos de varredura quebrará os pixels nos preenchimentos de varredura - isso não é vetor. Nota: Não estou dizendo que você não pode criar arquivos com o Photoshop. Recipientes de vetor com preenchimentos de varredura são bons para a maioria da produção. Mas eles não são verdadeiros vetores.

— 24414 Scott

4

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

A ferramenta do Photoshop que permite trabalhar com gráficos vetoriais é a Pen Tool . A operação básica da Ferramenta Caneta envolve clicar na tela do Photoshop para fazer aparecer pontos. Esses pontos serão conectados por linhas e começarão a criar uma forma.

Comparado a outros programas (como o Illustrator), são as coisas que você pode fazer COM as formas depois de desenhá-las, o que está faltando. O Photoshop permitirá que você desenhe, modifique nós e brinque com a combinação, a interseção ou a subtração, mas não permitirá operações mais complexas.

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

— Yisela
fonte

3

É possível exportar os caminhos criados para um arquivo do Illustrator, mas a visualização básica é que o Photoshop foi criado para imagens rasterizadas e o Illustrator foi criado para imagens vetoriais. O CorelDraw faz as duas coisas em um programa, mas o problema é que não é tão bom quanto a Adobe.

— Mr.Syrax
fonte

0

Eu acho que esse tópico precisa de um resumo, caso contrário, os leitores ainda podem ficar confusos. A maioria dos leitores não se importa se os resultados são "eps verdadeiros" ou "arquivos vetoriais verdadeiros", eles apenas querem que algo seja feito. No entanto, eles devem estar cientes dos limites e restrições de certas técnicas. Aqui estão os principais conceitos dados nas respostas:

O Photoshop é uma ferramenta de processamento de imagem baseada em pixel (raster) que possui alguns recursos de vetor. Ele foi originalmente projetado para manipular e salvar imagens baseadas em pixel (por exemplo, fotografias digitais), mas amadureceu e se tornou uma ferramenta muito mais flexível.
O Illustrator é uma ferramenta de processamento de imagem baseada em vetor que possui alguns recursos de rasterização. As imagens baseadas em vetor não armazenam informações de pixel; ele armazena a imagem como dados que serão interpretados por um programa de desenho de imagem baseado em vetor.
Ambos os tipos de arquivos de imagem requerem um programa de computador para preparar os dados do arquivo para exibição ou impressão, mas, em última análise, a impressora ou o computador exige que a imagem esteja no formato de pixel. Como resultado, os arquivos baseados em vetores requerem mais processamento. A principal desvantagem entre o formato vetorial e o pixel é que os formatos vetoriais podem ser redimensionados para ficarem bem em uma ampla variedade 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 alterações sutis na imagem muito melhor do que os formatos vetoriais. Como resultado, os formatos de pixel são mais apropriados para fotografias ou pinturas realistas e os formatos de vetor são mais apropriados para logotipos e arte simples na Web e móvel.
Como os dois formatos têm pontos fortes complementares, faz sentido usar os dois. Nesses casos, você pode optar por criar e manipular suas imagens usando o Photoshop e o Illustrator (ou CorelDraw - que faz os dois), ou pode usar as ferramentas de vetor no Photoshop ou as ferramentas de rasterização no Illustrator. A melhor abordagem é ditada caso a caso. A orientação óbvia é selecionar a ferramenta principal com base no formato de saída necessário.
Se você quiser usar ferramentas de vetor em uma imagem baseada em pixel no Photoshop, isso pode ser feito usando a ferramenta Caneta ou o Photoshop Generate. Você pode obter as vantagens de desenvolver arte vetorial no Photoshop ou exportar a arte vetorial para o Illustrator. Depois de usar o Illustrator, você poderá trazer a arte de volta ao Photoshop se pretender salvar em um formato baseado em pixel.

— David Walker
fonte

-1

O Gerador do Photoshop pode salvar SVGs (sim, SVGs apropriados somente de vetor com base nas 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:

Criado 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 id="vectorsvg">
    <circle id="circle-1" class="cls-3" cx="50" cy="50" r="50"/>
    <rect id="rect-1" class="cls-3" x="72" y="145" width="200" height="100"/>
  </g>
</svg>

— Marc Edwards
fonte

Altere o preenchimento para um gradiente e abra o svg no Illustrator .... Isso é menos que uma solução sólida.

— Scott Scott

Depende do que você precisa para o SVG. Você está certo, porém, o suporte à exportação de SVGs é superficial, na melhor das hipóteses, mas se você deseja apenas ícones sólidos ou dados de caminho, ele funciona muito bem.

— Marc Edwards

Se você deseja apenas os dados do caminho, basta exportar os caminhos.

— Scott

Scott, acho que você precisa admitir que o Photoshop é realmente uma ferramenta de design de vetor aceitável para algumas situações.

— Marc Edwards

Mark, basicamente, não, eu não. Não se o seu desejo é criar arquivos vetoriais verdadeiros para uso em outros aplicativos. Se você deseja formas rudimentares com preenchimentos planos, tudo bem, 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 constrói uma casa de qualidade com apenas um martelo. E você não pode criar arquivos vetoriais de qualidade apenas com o Photoshop. Alguns usuários querem desesperadamente que o Photoshop faça tudo porque não querem aprender mais nada. Isso não significa que o Photoshop seja bom para tudo. Não é.

— Scott Scott