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