Вектордук сүрөттөр түшүнүгү жөнөкөй ПК колдонуучуларынын көпчүлүгүнө эч нерсе деп айтууга болбойт. Дизайнерлер, өз кезегинде, өз долбоорлору үчүн ушул эле графиканы колдонушат.
Мурун SVG сүрөттөрү менен иштөө үчүн, Adobe Illustrator же Inkscape сыяктуу компьютердеги атайын иштелип чыккан чечимдердин бирин орнотушуңуз керек болчу. Азыр, окшош куралдарды жүктөп албастан, онлайн режиминде алууга болот.
Ошондой эле кара: Adobe Illustratorдан сүрөт тартууну үйрөнүү
Интернетте SVG менен кантип иштесе болот
Google-га тийиштүү сурамды толтуруу менен, көптөгөн вектордук онлайн редакторлор менен таанышууга болот. Бирок мындай чечимдердин басымдуу көпчүлүгү жетишсиз мүмкүнчүлүктөрдү сунуштайт жана көпчүлүк учурда олуттуу долбоорлор менен иштөөгө жол бербейт. Биз түздөн-түз браузерде SVG сүрөттөрүн түзүү жана түзөтүү боюнча мыкты кызматтарды карап чыгабыз.
Албетте, онлайн куралдары ылайыктуу иштактуу тиркемелерди толугу менен алмаштыра албайт, бирок көпчүлүк колдонуучулар үчүн сунушталган функциялардын топтому жетиштүү болот.
1-ыкма: Вектр
Пиклр кызматын жаратуучулардын ойлонулган вектордук редактору. Бул курал SVG менен иштеген жаңыдан баштагандарга да, тажрыйбалуу колдонуучуларга да пайдалуу болот.
Функциялардын көптүгүнө карабастан, Vectr интерфейсинде жоголуп кетүү бир топ кыйынга турат. Жаңыдан баштагандар үчүн кызматтын ар бир компоненти үчүн деталдуу сабактар жана көлөмдүү көрсөтмөлөр берилген. Редактордун шаймандарынын арасында SVG сүрөтүн түзүү үчүн бардыгы бар: фигуралар, иконалар, алкактар, көлөкөлөр, щеткалар, катмарлар менен иштөөнү колдоо ж.б. Сүрөттү нөлдөн баштап же өзүңүз жүктөй аласыз.
Vectr Online кызматы
- Ресурсту колдоно баштаардан мурун, жеткиликтүү социалдык тармактардын бирин колдонуп, сайтка нөлдөн баштап каттоо жазуусун сунуштаганыңыз оң.
Бул сизге жумушуңуздун натыйжаларын компьютерге жүктөп алууга гана эмес, каалаган убакта "булуттагы" өзгөрүүлөрдү сактоого мүмкүндүк берет. - Кызматтын интерфейси мүмкүн болушунча жөнөкөй жана жөнөкөй: колдо болгон куралдар кенептин сол жагында жайгашкан, алардын ар биринин өзгөрүлмө касиеттери оң жакта.
Ал барактардын көп түрдүүлүгүн түзүүнү колдойт, ал үчүн ар бир даам үчүн өлчөмдүү шаблондар бар - социалдык тармактардын графикалык каверлеринен баштап стандарттык барак форматтарына чейин. - Даяр сүрөттү оң жагындагы меню тилкесиндеги жебени баскыч менен чыкылдатып экспорттой аласыз.
- Ачылган терезеде жүктөө параметрлерин аныктап, чыкылдатыңыз "Download".
Экспорттун мүмкүнчүлүктөрү, ошондой эле Vectrдин өзгөчө өзгөчөлүктөрүнүн бири - редактордогу SVG долбооруна түздөн-түз шилтемелерди колдоо. Көпчүлүк ресурстар вектордук сүрөттөрдү түздөн-түз өзүңүзгө жүктөөгө мүмкүнчүлүк бербейт, бирок ошентсе да алардын алыскы дисплейине уруксат берет. Бул учурда, Vectra чыныгы SVG хостинг катары колдонулушу мүмкүн, ал башка кызматтарга жол бербейт.
Редактор ар дайым татаал графиканы туура жасай бербейт. Ушул себептен улам, кээ бир долбоорлор Vectrде каталар же визуалдык артефакттар менен ачылышы мүмкүн.
2-ыкма: Скетчпад
HTML5 платформасында SVG сүрөттөрүн жаратууга жөнөкөй жана ыңгайлуу веб-редактор. Колдо болгон шаймандардын топтомун эске алуу менен, кызмат жөн гана сүрөт тартууга арналган деп айтууга болот. Sketchpad менен сиз кооз, кылдат иштелип чыккан сүрөттөрдү түзө аласыз, бирок андан ары болбойт.
Аспапта ар кандай формадагы жана типтеги кеңири таралган щеткалар, фигуралар, шрифттер жана каптоо үчүн стикерлер топтому бар. Редактор катмарларды толугу менен иштетүүгө - аларды жайгаштыруу жана аралаштыруу режимдерин көзөмөлдөөгө мүмкүндүк берет. Ошондой эле, бонус катары, колдонмо толугу менен орус тилине которулган, ошондуктан сиз аны иштеп чыгууда эч кандай кыйынчылыктарга туш болбошуңуз керек.
Эскиз онлайн режиминде тейлөө
- Редактор менен иштешиңиздин баары браузер жана тармакка кирүү. Сайтта авторизация механизми каралган эмес.
- Дайын сүрөттү компьютериңизге жүктөө үчүн, сол жагындагы меню тилкесиндеги дискета сүрөтчөсүн басып, калкып чыккан терезеде керектүү форматты тандаңыз.
Зарыл болсо, сиз бүтпөгөн чиймени Скетчпад проекти катары сактап, каалаган убакта түзөтүүнү бүтүрө аласыз.
3-ыкма: Сызуу ыкмасы
Бул веб-тиркеме вектордук файлдар менен иштөө үчүн иштелип чыккан. Сырттагы шайман Adobe Illustrator иш столуна окшош, бирок иштөө жагынан алганда, бул жерде бардыгы жөнөкөй. Бирок, Draw Draw бир нече өзгөчөлүктөрү бар.
SVG сүрөттөрү менен иштөөдөн тышкары, редактор bitmap сүрөттөрүн импорттоого жана алардын негизинде вектордук сүрөттөрдү түзүүгө мүмкүнчүлүк берет. Муну калемди колдонуп контурларды кол менен иликтөөнүн негизинде жасаса болот. Тиркемеде вектордук чиймелерди түзүү үчүн бардык керектүү шаймандар бар. Фигуралардын кеңейтилген китепканасы, толук түстүү палитра жана клавиатура баскычтарын колдоо.
Draw Online кызматы
- Булак колдонуучуну каттоону талап кылбайт. Жөн гана сайтка барып, учурдагы вектор файлы менен иштеңиз же жаңысын түзүңүз.
- Графикалык чөйрөдө SVG фрагменттерин түзүүдөн тышкары, сиз түз эле код деңгээлинде сүрөттү түзөтө аласыз.
Бул үчүн, барып "Көрүү" - "Булак ..." же баскычтоптун жарлыктарын колдонуңуз "Ctrl + U". - Сүрөттү иштеп бүткөндөн кийин, аны компьютериңизге сактап койсоңуз болот.
Сүрөттү экспорттоо үчүн меню пунктун ачыңыз "File" жана чыкылдатыңыз "Сүрөттү сактоо ...". Же жарлыкты колдонуңуз "Ctrl + S".
Метод Draw олуттуу вектордук долбоорлорду түзүү үчүн ылайыктуу эмес - буга ылайыктуу функциялардын жоктугу. Бирок ашыкча элементтердин жоктугунан жана жакшы иштелген мейкиндиктен улам, кызматты жөнөкөй SVG сүрөттөрүн тез оңдоп-түзөө үчүн колдонсо болот.
4-ыкма: Гравитациялык Дизайнер
Алдыңкы колдонуучулар үчүн акысыз веб-графикалык редактору. Көптөгөн дизайнерлер Гравитти ошол эле Adobe Illustrator сыяктуу толук кандуу иштак столунун чечимдери менен теңешет. Чындыгында, бул курал кайчылаш платформа, башкача айтканда, компьютердин бардык ОС-де, ошондой эле веб-тиркемеде дагы бар.
Gravit Дизайнери жигердүү иштеп жатат жана татаал долбоорлорду куруу үчүн жетиштүү болгон жаңы функцияларды дайыма алып турат.
Gravit Designer Online кызматы
Редактор сизге контурлардын, формалардын, жолдордун, тексттин катмарынын, толтуруунун, ошондой эле ар кандай колдонулган эффекттердин сүрөтүн тарткан бардык куралды сунуштайт. Фигуралардын, тематикалык сүрөттөрдүн жана иконалардын кеңири китепканасы бар. Gravit мейкиндигиндеги ар бир элемент өзгөрүлө турган касиеттердин тизмесине ээ.
Мунун бардыгы стилдүү жана интуитивдүү интерфейсте "топтолгон", ошондуктан каалаган курал бир-эки чыкылдатууда колдонулат.
- Редактор менен иштөөнү баштоо үчүн, кызматта каттоо эсебин түзүүнүн кажети жок.
Эгерде сиз даяр шаблондорду пайдалангыңыз келсе, анда акысыз Gravit Cloud "каттоо эсебин" түзүшүңүз керек. - Саламдашуу терезесинде нөлдөн баштап жаңы долбоор түзүү үчүн, өтмөккө өтүңүз "Жаңы дизайн" жана каалаган холсттун көлөмүн тандаңыз.
Демек, шаблон менен иштөө үчүн, бөлүмдү ачыңыз "Шаблондон жаңы" жана каалаган запас тандаңыз. - Долбоор боюнча иш-аракеттерди жасаганда, Gravit автоматтык түрдө бардык өзгөрүүлөрдү сактай алат.
Бул мүмкүнчүлүктү жандыруу үчүн баскычтоптун жарлыктарын колдонуңуз. "Ctrl + S" пайда болгон терезеде сүрөттүн атын бериңиз, анан баскычты чыкылдатыңыз "Сактоо". - Акыркы сүрөттү SVG вектордук форматында да, JPEG же PNG чекит картасында да экспорттоого болот.
Мындан тышкары, долбоорду PDF кеңейтүүсү менен документ катары сактоо мүмкүнчүлүгү бар.
Бул кызмат вектордук графика менен толук кандуу иштөө үчүн иштелип чыккандыгын эске алып, аны профессионал дизайнерлерге да сунуштоого болот. Gravit менен, сиз кандай платформага карабастан, SVG чиймелерин түзөтсөңүз болот. Азырынча бул билдирүү иш такта ОС үчүн гана колдонулат, бирок жакында бул редактор мобилдик түзмөктөрдө пайда болот.
5-ыкма: Жанвас
Веб-иштеп чыгуучулардын арасында вектордук графиканы түзүүнүн популярдуу куралы. Кызматта жогорку өзгөчөлөштүрүлө турган касиеттерге ээ бир катар сүрөт каражаттары бар. Janvasтын негизги өзгөчөлүгү - CSSти колдонуп анимацияланган SVG интерактивдүү сүрөттөрүн жаратуу. Бул кызмат JavaScript менен биргеликте бүтүндөй веб-тиркемелерди түзүүгө мүмкүнчүлүк берет.
Чебер колдор менен бул редактор чындап эле күчтүү шайман, ал эми жаңыдан баштагандар ар кандай функцияларды аткаргандыктан, эмне экендигин түшүнбөй калышат.
Janvas Online кызматы
- Веб-браузерди браузерде иштетүү үчүн, жогорудагы шилтемени басып, баскычты чыкылдатыңыз "Түзүүнү баштоо".
- Жаңы терезеде редактордун иш мейкиндиги ачылат, анын ортосунда кенеп жана анын тегерек куралдары болот.
- Даяр болгон сүрөттү сиз тандаган булут сактагычына жана кызматка жазылууну сатып алсаңыз гана экспорттой аласыз.
Ооба, курал, тилекке каршы, бекер эмес. Бирок бул баарына эле пайдалуу болбогон кесипкөй чечим.
6-ыкма: DrawSVG
Веб-мастерлерге өз сайттары үчүн жогорку сапаттагы SVG элементтерин оңой түзүүгө мүмкүндүк берген эң ыңгайлуу онлайн сервис. Редактордо фигуралардын, сүрөтчөлөрдүн, градиенттердин жана шрифттердин таасирдүү китепканасы камтылган.
DrawSVG жардамы менен сиз каалаган түрдөгү жана касиеттердеги вектордук объекттерди иштеп чыгууга, алардын параметрлерин өзгөртүүгө жана өзүнчө сүрөт катары көрсөтүүгө болот. Үчүнчү жактын мультимедиа файлдарын SVG ичине кыстарууга болот: видео же аудио компьютерден же тармак булактарынан.
DrawSVG Online кызматы
Бул редактор, башкалардан айырмаланып, иштакта тиркемесинин браузер порту сыяктуу эмес. Солдо сүрөттүн негизги куралдары, ал эми үстүндө башкаруу элементтери турат. Негизги мейкиндикти графика менен иштөө үчүн кенеп ээлейт.
Сүрөт менен иштөөнү аяктагандан кийин, натыйжаны SVG же bitmap катары сактай аласыз.
- Бул үчүн, куралдар панелинен сөлөкөтүн табыңыз "Сактоо".
- Бул сөлөкөттү чыкылдатуу менен SVG документин жүктөө үчүн форма менен калкып чыккан терезе ачылат.
Каалаган файлдын атын киргизип, чыкылдатыңыз "Файл катары сактоо".
DrawSVG Жанвастын жеңил нускасы деп атаса болот. Редактор CSS атрибуттары менен иштөөнү колдойт, бирок мурунку куралдан айырмаланып, элементтерди жандандырууга мүмкүнчүлүк бербейт.
Ошондой эле караңыз: SVG вектордук графикалык файлдарын ачыңыз
Макалада келтирилген кызматтар тармактагы бардык вектордук редакторлорду жокко чыгарбайт. Бирок, бул жерде биз SVG файлдары менен иштөө үчүн акысыз жана далилденген онлайн чечимдерин чогулттук. Ошол эле учурда, алардын айрымдары иш стол шаймандары менен атаандашууга жөндөмдүү. Эмнени колдонсоңуз, ошого жараша болот.
