Photoshop Custom Shape to SVG Path string

Czy Jest jakiś sposób, aby uzyskać ciąg ścieżki SVG z niestandardowego kształtu lub ścieżki Photoshopa? Czy istnieje inny sposób na uzyskanie / skonstruowanie podobnych danych? Szukam czegoś podobnego:

Http://raphaeljs.com/icons/

Author: BiscuitBaker, 2011-03-24
Source

5 answers

Aktualizacja: W ostatnich wersjach programu Photoshop istnieje wbudowana opcja eksportu obrazu jako SVG, która działa dobrze na ścieżkach i niestandardowych kształtach. Just do:

File - > Export - > Export as... i wybierz SVG w Ustawieniach pliku.

Oryginalna Odpowiedź:

Począwszy od Photoshopa CC 14.2, możesz tworzyć pliki SVG bezpośrednio z Photoshopa:

  1. Utwórz plik o nazwie generator.json z zawartością poniżej w domu użytkownika folder.
  2. Uruchom ponownie program Photoshop i otwórz plik PSD.
  3. Aktywuj generator: File > Generate > image Assets.
  4. Zmień nazwę warstwy na <something>.svg.
  5. plik svg zostanie utworzony w katalogu assets obok pliku PSD.

Zawartość dla generatora.json: 

{
    "generator-assets":  { 
        "svg-enabled": true
    }
}

Źródło: http://creativedroplets.com/generate-svg-with-photoshop-cc-beta/

 44
Author: Tzach,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-06-28 06:22:46
  1. Wybierz i skopiuj ścieżkę w Photoshopie
  2. Uruchom Adobe Illustrator
  3. Utwórz nowy dokument
  4. Wklej
  5. Zapisz jako SVG

Jeśli masz program Illustrator i nie utworzyłeś wszystkich ścieżek, prawdopodobnie łatwiej jest utworzyć je bezpośrednio w programie Illustrator.

Jeśli nie masz programu Illustrator, prawdopodobnie lepiej będzie użyć darmowego edytora Inkscape SVG do rysowania ścieżek.

Jeśli masz już ścieżki w Photoshop, a nie mają programu Illustrator, Najlepsze, o czym mogę myśleć, to włączyć paletę informacji w Photoshopie wybrać punkty ścieżki pojedynczo i ręcznie nagrać pozycje samego punktu, jak również jego uchwyty, a z tych ręcznie utworzyć ścieżkę za pomocą bezwzględne polecenia curveto, " C " (dla punktów z uchwytami) i bezwzględne polecenia lineto, " L " dla tych punktów, które nie mają uchwytów.

 44
Author: Phrogz,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-03-24 13:05:58

Inną opcją jest zapisanie pliku jako EPS w programie photoshop, upewniając się, że wektory eksportu są zaznaczone, a następnie wczytanie go do programu illustrator i zapisanie jako SVG

 5
Author: donatJ,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-01-28 07:55:00

Wszystkie odpowiedzi były dobre, ale dla mnie było ich za dużo, jest narzędzie online dostarczone przez Adobe: {]}

Http://adobe.com/go/extract_tryitnow_en

Wszystko, co musisz zrobić, to przesłać / przeciągnij i upuść / Twoje .plik psd, wybierz warstwę ścieżki i pobierz jako svg. I możesz wyodrębnić ścieżkę svg, w szczególności atrybut d.

Następnie umieściłem path w elemencie g, następnie przeskalowałem g i przetłumaczyłem path

 3
Author: ochitos,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-01-14 00:23:05

W przypadku niestandardowych kształtów warto przyjrzeć się niedawno opublikowanemu skryptowi open-source o nazwie Convert Custom Shapes File to SVG Set (dla programu Photoshop CS3 lub nowszego), używanemu do konwersji niestandardowego pliku kształtów (.csh) lub plik preferencji kształtów niestandardowych (CustomShapes.psp) do zestawu plików SVG.

 1
Author: user4756015,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-04-06 19:56:41