34: Обиколка на SVG софтуера - CSS-трикове

Anonim

Има много неща, които можете да направите със SVG без никакъв софтуер. Ако приемем, че имате добър източник на SVG изображения онлайн, можете да ги използвате директно. Но е доста често, че ще трябва да ги коригираме малко. Знам, че най-често срещаният ми работен процес е да намеря нещо близо до това, от което се нуждая, от сайтове за стокова фотография или от набори от икони или други подобни и след това да го манипулирам, за да бъде точно както искам. Коригиране на форми, изтриване на неща, промяна на цветове, напасване на монтажната плоча, всички тези неща. Много по-лесно е да правите подобни неща със софтуер, който е създаден за него, а не на ръка в кода.

Най-често срещаният софтуер, който използваме в тази серия, е Adobe Illustrator ($ 19,99 / месец). Illustrator е голям, надежден софтуер за Mac или PC. Много функции. И е малко като да изберете китарата като инструмент, който искате да научите. Има много уроци, които го използват. Има много хора, които го използват, можете да се обърнете към него. Illustrator може да ЗАПАЗИ КАТО в SVG, което означава, че това е естествен файлов формат, с който можете да работите, което е доста приятно.

Във всеки различен софтуер, който разглеждаме, никой от тях не извежда SVG толкова оптимизиран, колкото вероятно бихте искали за мрежата. Всички те вмъкват някои общи коментари и неща от типа метаданни, в които се казва в какъв софтуер е създаден и подобни, което е напълно безполезно за използване в мрежата. По-лошо, всъщност, тъй като увеличава размера на файла, което прави нещата по-бавни. Винаги ще искате да оптимизирате SVG, който получавате от всеки софтуер (скоро ще направим скринкаст за оптимизиране).

Inkscape е друга популярна опция за редактиране на SVG. Мисля, че това е вероятно, защото е междуплатформена (работа син, Mac, PC, Linux) и е безплатна. Той също е бил отдавна и има здрав набор от функции. Намирам го за малко неудобно, главно като потребител на Mac, защото интерфейсът е толкова странно различен от всичко останало, с което съм свикнал.

Харесва ми Sketch, който е само за Mac ($ 99). Особено ми харесва, че можете да изберете обекти и групи и след това „Направете износ“ и след това SVG е опция за експортиране като, което ви дава изрязана, напълно използваема SVG за използване.

Разгледахме и iDraw (Mac $ 24,99 и iOS $ 8,99). Има и WebCode (Mac $ 39,99).

Ние не ги разгледахме специално във видеото, но има и някои базирани на браузъра SVG редактори, които са доста хубави:

  • Редактиране на SVG
  • Метод
  • Мондриан