кадимки PC колдонуучулардын басымдуу санынын багыты сүрөттөрү түшүнүгү эч нерсе айтылбайт. Дизайнерлер, өз кезегинде, алардын долбоорлорго сүрөттөрдү бул түрүн пайдалануу ниеттенишет.
Буга чейин, SVG-сүрөттөр менен иштөө үчүн, албетте, сиздин мындай Adobe Illustrator же было сыяктуу адистештирилген рабочий чечимдерди орнотуу керек. Эми, бул инструменттер жүктөп алуу үчүн болгон жок, жеткиликтүү болуп саналат.
Кара: Adobe Illustrator тартууга үйрөнгүлө
SVG менен онлайн кантип иштөө керек
Google боюнча суроолор жүргүзгүлө, ар кандай оору онлайн редакторлор көп өлчөмдө болот. Бирок, бул чечимди басымдуу көпчүлүгү салыштырмалуу аз мүмкүнчүлүктөрүн сунуш жана көп учурда олуттуу долбоорлор менен иштеген жок. Биз түзүү жана SVG-сүрөттөрдү браузерде түздөн-түзөтүү үчүн мыкты кызматтарды карап көрөлү.
Албетте, интернет инструменттер толугу менен тиешелүү рабочий колдонмолорду алмаштыруу мүмкүн эмес, бирок сунуш кылынган өзгөчөлүк топтомун көпчүлүк колдонуучулар жетиштүү эмес.
Метод 1: Vectr
көп кызмат Pixlr тааныш жаратуучулардын татаал багыты сүрөттөр редактору. Бул курал башталгыч жана тажрыйбалуу колдонуучулар SVG менен иштөө үчүн пайдалуу болот.
Vectr иштей жоголгон милдеттерин көптүгүнө карабастан, өтө оор болуп калат. башталгыч сабактарды алуу үчүн кызмат ар бир компоненти боюнча деталдуу жана топоз көрсөтмөлөрдү берген. редактору арасында SVG-имиджин түзүү үчүн бардык куралдардын бар: сырткы көрүнүшү, сүрөттөр, сурот жээкчелер, тени, курама катмары менен иш менен камсыз кылуу, ж.б. башынан баштап сүрөт тартат же силер да өз жүктөй аласыз.
Online кызматы Vectr
- ресур чейин жеткиликтүү тармактардын бири аркылуу аны уруксат же нөлдөн баштап сайтында эсебин түзүү максатка ылайык келет.
Бул бир гана отуруп өз ишин жүктөп алуу мүмкүн эмес, бирок, өзгөрүүлөрдү сактап калуу үчүн ар кандай учурда, ошондой эле "булут". - кызмат катары жөнөкөй жана ачык: кенеп, сол колдо бар шаймандарды макулдашып, укугу - алардын ар биринин өзгөртүлбөйт касиеттери.
стандарттуу барак металл түрдө, коомдогу тармак үчүн көркөм чыгарма чейин - Бул бардык даамдарды үчүн орто схема беттен турган бир нече санына түзүүнү колдойт. - меню тилкесинин түштүк жагында жебе баскычын басуу менен даяр сүрөттү экспорттойт.
- ачат терезесинде, параметрлерди жана жүктөп чыкылдатуу "Download".
кыраат ошондой эле айырмалоочу белгилердин Vectr бир кирет экспорттоо үчүн - редактору SVG-долбоор менен түздөн түз байланышы колдоо. каражаттардын көбү ага түздөн-түз багыты сүрөтүн жүктөй албай жол бербейт, бирок аларды алыскы көрсөтүүгө жол. Бул учурда, Vectra башка кызмат жол жок нерсени хостинг чыныгы SVG катары колдонсо болот.
Бул редактор дайыма туура татаал сүрөттөрү иштеген жок экенин белгилей кетүү керек. Ушул себептен улам, кээ бир долбоорлор Vectr каталар же көргөзмө экспонат ачылат.
Метод 2: Sketchpad
HTML5 сахнада негизинде SVG-имиджин түзүү үчүн жөнөкөй жана жеңил желе редакторун колдонуу. колдо болгон инструменттер топтомун эске алып, бул кызмат эмгеги үчүн гана иштелип чыккан деген тыянак чыгарууга негиз берет. Менен Sketchpad, сен сулуу, жакшы иштелип чыккан сүрөттөрдү түзө алат, бирок эч нерсе.
курал түрдүү калыптарга жана түрлөрү, сырткы көрүнүшү, тамга жана колдонуу үчүн чапталган бир катар өзгөчө кызыгуу бир катар бар. редактору катмарларын бурмалоого силерге берет - аларды жайгаштыруу жана аралаштыруу типтери көзөмөлдөө. Мисалы, бонус катары, колдонмо толугу менен орус тилине которулуп, анын өнүктүрүү менен эч кандай кыйынчылыктар пайда болушу үчүн керек.
Online кызматы Sketchpad
- тармакка Серепчи менен кирүү - бардык редактору менен иш-аракет кылышыбыз керек. сайтында уруксат берүү механизми жок.
- Сол жактагы меню тилкесине диск уясынын белгисине, анан компүтерде даяр сүрөттү жүктөп алуу үчүн калкыма терезеде каалаган түзүлүшү тандоо.
Зарыл болсо, анда долбоор Sketchpad катары толук сүрөттү сактап кала алат, андан кийин аны түзөтүп аягына чейин кайсы убакта болбосун.
Метод 3: Метод Draw
Бул чакан колдонмо багыты документтеринде менен негизги иш үчүн арналган. Сырттан Adobe Illustrator бир рабочий курал окшошот, бирок, бул иш баары бир бөлүгү деле турбайт. Бирок, методу жакында жана кээ бир өзгөчөлүктөрү бар.
SVG-буркандары менен тышкары, редактор сиз Растр импорттоо жана алардын негизинде багытка түзүүгө мүмкүндүк берет. Бул калем менен кол каттамдардын жолдор менен чечсе болот. Колдонмо жайгашуу багыты чиймелерин үчүн бардык зарыл аспаптарды камтыйт. калыптардын кенен китепкана бар, толук түстүү баскычтардын үчүн палитра жана колдоо.
Online кызматы методу Draw
- ресурс эч кандай каттоо талап кылынбайт. Эле сайтына барып жаткан багыттуу мамиле менен же жаңы ачылган.
- метка чөйрөдө SVG-толду түзүүгө Мындан тышкары, силер да коду деъгээлинин түздөн-түз сүрөттөрдү өзгөртө аласыз.
Бул үчүн, барып, "Көрүү" - "Source ..." же баскычтарын колдонуу "Ctrl + U". - Сүрөттөгү боюнча иш бүткөндөн кийин, ал түздөн-түз отуруп сакталган болот.
сүрөттү экспорттоо үчүн, менюну ачып, "File" жана пресс-релиздер "Save Сүрөт ...". Же болбосо, кыска колдонуу "Ctrl + S".
Метод багыты ири долбоорлорду түзүү, албетте, ылайыктуу эмес, жакында - тиешелүү милдеттерди бул жоктугу себеп. Бирок ашыкча элементтердин жана уюшкан жумуш жоктугунан, кызмат тез түзөтүү же так жакшыртуу жөнөкөй SVG-сүрөттөр үчүн көп болушу мүмкүн.
Метод 4: Gravit Designer
Тажрыйбалуу юзерлер үчүн акысыз желе негизиндеги багыты сүрөттөр редактору. Ошол эле Adobe Illustrator сыяктуу көптөгөн дизайнерлер, толук кандуу иш чечимдер менен кирүүгө Gravit койду. Бул бардык компьютер иштетүү системалары, ошондой эле интернет арыздар боюнча толук жеткиликтүү кайчылаш-платформа куралы экенин билүү керек.
Gravit Designer активдүү иштеп жатат, жана дайыма эле татаал долбоорлорду жазуу жетиштүү жаңы өзгөчөлүктөрдү, кабыл алат.
Online кызматы Gravit Designer
редактор чийме контурлар, калыптардын, жолдордун, текст бастыруу, андагынын баары, ошондой эле өзгөчө таасирин ар түрдүү куралдарды сунуштайт. ишмерлердин, сюжеттик сүрөттөр, ирээтин жана бир зор китепкана бар. мейкиндик Gravit ар бир элемент өзгөртүүлөрдү киргизүү үчүн жеткиликтүү касиеттери тизмесин бар.
Мунун баары ар түрдүүлүк эч кандай курал жана оной, бир жубайлар бар ошол стилдүү жана сезимтал иштей салып, "толгон" жатат.
- редактор менен Баштоо үчүн, кызмат эсебин түзүүнүн кажети жок.
Сиз калыптарды колдонуу керек болсо, ал эми эркин "uchetku" Gravit булут бар болушу керек. - саламдашуу терезеден ичинде башынан баштап бир жаңы долбоорун түзүү үчүн, тактасын басып, "New Design" жана кенеп өлчөмүн тандоо.
Демек, бир калып менен иштөө бөлүмүн ачуу "New тартып Template" жана каалаган workpiece тандоо. - Gravit сиз долбоор боюнча иш-чараларды жүзөгө ашырат кандайдыр бир өзгөртүүлөрдү куткара алат.
Бул мүмкүнчүлүктү иштетүү үчүн, баскычтарын колдонуу "Ctrl + S" жана пайда терезеде, чийүү атын берип, анан "Сактоо". - натыйжасында сүрөт SVG тараткычтарды формат жана растр JPEG же PNG катары экспорттолот болот.
Мындан тышкары, узартуу PDF менен документтин долбоорун катары сактап калуу үчүн мүмкүнчүлүк бар.
кызмат багыты арбытууга менен ишти аягына чейин чыгаруу үчүн иштелип чыккан экенин эске алып, аны аман-эсен, кесиптик дизайнерлер сунуш берилиши мүмкүн. Gravit менен карабастан, ал иштеп турган аянтчаны SVG-чиймелерин өзгөртө аласыз. Азырынча, бул билдирүү рабочий OS бою күчүндө болот, бирок көп өтпөй редактору мобилдик түзмөктөрдө пайда болот.
Метод 5: Janvas
тараткычтарды сүрөттөрү түзүү үчүн желе иштеп арасында популярдуу аспаптар. Кызмат аспаптарды жакшы элиза касиеттери жакындоонун бир катар камтыйт. Janvas негизги өзгөчөлүгү - өз ара SVG-сүрөттөрдү түзүү жөндөмдүүлүгү, CSS жардамы менен жандуу. Ошондо JavaScript колдоосу менен бирдикте, жана толугу менен колдонмолорду куруу кылууга мүмкүндүк берет.
редакторунун жөндөмдүү колунан ал, анткени иш-милдеттерди жүзөгө ашыруунун ар кандай көп жолоочу мүмкүн эле эмненин кандай экенин түшүнө беришпейт, ал эми чын эле күчтүү курал болуп эсептелет.
Online кызматы Janvas
- байланыштуу браузерден көрүүгө мүмкүн интернет тиркемени жандыруу үчүн Жогорудагы шилтемени чыкылдатып, бас "Түзүү үчүн баштоо".
- А жаңы терезе күчү борборунда редактору иши аянты ачуу жана айланасында курал болот.
- Экспорту акыркы сүрөтү гана тандап булут сактоо болушу мүмкүн жана кызматына жазылуу сатып гана.
Ооба, курал, тилекке каршы, бекер эмес. Бирок бул пайдалуу болуп саналат жана ар бир эмес, кесиптик чечим болуп саналат.
Метод 6: DrawSVG
Webmasters жонокой алардын сайттарында өтө сапаттуу-SVG элементтерди түзүүгө мүмкүндүк берет ыңгайлуу онлайн кызматы. редактор калыптарды, ирээтин, андагынын баары, градиент жана тамга таасирлентүүгө китепкананы камтыйт.
C, алардын параметрлерин өзгөртүү жана айрым сүрөттөр көрсөтүүгө, ар кандай түрдөгү жана касиеттери DrawSVG багыты объекттерин пайдалануу курулган болушу мүмкүн. Video жана компьютер же тармак булактарынан аудио: Бул SVG үчүнчү жактын Мултимедиа материалдары тагыла мүмкүн.
Online кызматы DrawSVG
Бул редактор, башкаларына айырмаланып, браузер-порт рабочий арыз эмес. Сол тартуу үчүн негизги аспаптар, ал эми анын үстүнөн - башкаруу. негизги мейкиндик арбытууга менен иштөө үчүн кенеп ээлейт.
сүрөттөлүш менен Даяр иштерди алып, сиз SVG же битмаптарга натыйжасын сактай аласыз.
- Бул үчүн, куралдар тилкесиндеги сүрөтчөнү издөө "Сактоо".
- Бул сүрөтчөнү басуу үлгүдөгү чыкма ачылат SVG-документти жүктөп алуу үчүн жазган.
Керектүү билэ атын жана чыкылдатуу "Сактоо катары билэ".
версия Janvas доо аталат DrawSVG. редактору CSS касиет, бирок, мурдагы куралы айырмаланып элементтер жандуу жол бербейт колдойт.
Кара: SVG багыты сүрөттөр ача
беренеде көрсөтүлгөн кызмат көрсөтүүлөр - тармактык багыты редакторлору боюнча жеткиликтүү эмес. Бирок, бул жерде биз SVG-материалдар менен иштөө боюнча көпчүлүк бөлүгү эркин жана далилденген онлайн чечүү үчүн чогулткан. Бирок, алардын айрымдары рабочий куралдар менен атаандаша абдан жөндөмдүү. Анда, кандайча колдонуу керек, ал гана муктаждыктарына жана каалоосуна жараша болот.
