Как да създадете SVG изображения: 13 стъпки (със снимки)

Съдържание:

Как да създадете SVG изображения: 13 стъпки (със снимки)
Как да създадете SVG изображения: 13 стъпки (със снимки)

Видео: Как да създадете SVG изображения: 13 стъпки (със снимки)

Видео: Как да създадете SVG изображения: 13 стъпки (със снимки)
Видео: Как преобразовать PDF в Word (С редактированием) 2024, Може
Anonim

Мащабируемата векторна графика (SVG) позволява повече интерактивни елементи на уеб страници, без да се използва толкова честотна лента, колкото други графични формати като JPEG или GIF, което ги прави идеални за уеб дизайн. Някои програми за цифрови илюстрации, като Adobe Illustrator, предлагат опции за SVG и има онлайн уебсайтове за конвертиране на SVG, които имат свободен достъп. Това wikiHow ви показва как да създавате свои собствени SVG изображения.

Стъпки

Метод 1 от 2: Използване на Convertio-j.webp" />
Създаване на Svg изображения Стъпка 1
Създаване на Svg изображения Стъпка 1

Стъпка 1. Отворете уеб браузъра си и отидете на

Това ще ви отведе до страницата за конвертиране на-j.webp

Създайте Svg изображения Стъпка 2
Създайте Svg изображения Стъпка 2

Стъпка 2. Изберете източника за вашето-j.webp" />

В горната част на менюто на конвертора трябва да видите червена лента с инструменти, в която са изброени различни източници, до които имате достъп, за да качите файл с изображение JPG, който да бъде преобразуван в SVG.

Създайте Svg изображения Стъпка 3
Създайте Svg изображения Стъпка 3

Стъпка 3. Придвижете се до файла, който искате да конвертирате

След като изберете източник, трябва да се появи диалогов прозорец с библиотеката на папките на вашия компютър. Оттам отидете до папката с файла, който искате да конвертирате, и изберете файла.

Създаване на Svg изображения Стъпка 4
Създаване на Svg изображения Стъпка 4

Стъпка 4. Щракнете върху Convert

След като файлът бъде качен, в долния десен ъгъл на екрана с менюто ще се появи червен бутон. Това ще стартира процеса на преобразуване, което може да отнеме няколко минути в зависимост от размера на файла.

Създаване на Svg изображения Стъпка 5
Създаване на Svg изображения Стъпка 5

Стъпка 5. Щракнете върху Изтегляне

След като файлът бъде преобразуван, вдясно от името на файла в менюто на конвертора ще се появи син бутон. След като щракнете върху него, изображението ще бъде изтеглено на вашия компютър като SVG файл.

Метод 2 от 2: Използване на Adobe Illustrator

Създайте Svg изображения Стъпка 6
Създайте Svg изображения Стъпка 6

Стъпка 1. Отворете Adobe Illustrator

Adobe Illustrator е приложение за графичен дизайн, което ви позволява да създавате свое собствено изкуство, използвайки различни инструменти и функции.

Създайте Svg изображения Стъпка 7
Създайте Svg изображения Стъпка 7

Стъпка 2. Създайте вашето изображение

След като отворите Illustrator, можете да изберете някой от инструментите в лентата с инструменти в лявата част на екрана, за да започнете с проектирането на вашето изображение.

Създайте Svg изображения Стъпка 8
Създайте Svg изображения Стъпка 8

Стъпка 3. Приложете SVG ефекти към определени слоеве на вашето изображение

Ако искате да добавите персонализирани ефекти към изображението си, можете да изберете слой и след това да щракнете Ефект > SVG филтри > Приложете SVG филтър. След това просто щракнете върху Редактиране на SVG филтър бутон, редактирайте кода по подразбиране и щракнете Добре за да запазите вашите SVG ефекти.

Създайте Svg изображения Стъпка 9
Създайте Svg изображения Стъпка 9

Стъпка 4. Щракнете върху раздела Файл

Това се намира в горния ляв ъгъл на екрана.

Създайте Svg изображения Стъпка 10
Създайте Svg изображения Стъпка 10

Стъпка 5. Изберете Експорт в менюто

За да имате готовия SVG файл за преглед и използване извън Illustrator, ще трябва да го експортирате.

Можете също да изберете Запази като…, въпреки че това ще запише файла, така че да може да се разглежда и редактира само в Illustrator.

Създайте Svg изображения Стъпка 11
Създайте Svg изображения Стъпка 11

Стъпка 6. Щракнете върху Експортиране като…

Това извежда ново меню, където можете да експортирате файла от Illustrator във формат по ваш избор.

Можете също да изберете Експорт за екрани … за да запазите вашето SVG изображение по начин, до който можете да получите достъп на устройства с iOS или Android.

Създайте Svg изображения Стъпка 12
Създайте Svg изображения Стъпка 12

Стъпка 7. Изберете SVG в списъка с типове файлове

Illustrator предлага разнообразие от типове файлове, от които можете да избирате, включително готови за уеб файлове SVG.

Създайте Svg изображения Стъпка 13
Създайте Svg изображения Стъпка 13

Стъпка 8. Щракнете върху Запазване

Вашето изображение вече ще бъде достъпно за използване като SVG файл.

Препоръчано: