Vektorli tasvir tushunchasi oddiy kompyuter foydalanuvchilarining aksariyat qismiga hech narsa demaydi. Dizaynerlar, o'z navbatida, o'zlarining loyihalari uchun ushbu turdagi grafikalardan foydalanishga ko'proq moyil.
Avval SVG-rasmlar bilan ishlash uchun kompyuteringizda Adobe Illustrator yoki Inkscape kabi ixtisoslashgan ish stoli echimlaridan birini o'rnatishga to'g'ri keladi. Endilikda shunga o'xshash vositalar yuklab olish uchun keraksiz onlayn rejimida mavjud.
Shuningdek qarang: Adobe Illustrator dasturida chizishni o'rganish
SVG bilan onlayn ishlash
Googlega tegishli so'rovni to'ldirib, turli xil vektor onlayn-muharrirlari bilan tanishishingiz mumkin. Biroq, bunday echimlarning aksariyati juda kam imkoniyatlarni taklif etadi va ko'pincha jiddiy loyihalar bilan ishlashga ruxsat bermaydi. Biz brauzerda SVG-tasvirlarni yaratish va tahrirlash bo'yicha eng yaxshi xizmatlarni ko'rib chiqamiz.
Albatta, onlayn vositalar mos keladigan ish stoli ilovalarini to'liq o'zgartira olmaydi, lekin tavsiya etilgan xususiyatlar to'plamining aksariyati etarli bo'ladi.
Boshqaruv 1: Vektr
Ko'p tanish xizmat Pixlr yaratuvchisidan murakkab vektorli tahrirlovchidir. Ushbu vosita SVG bilan ishlashda yangi boshlanuvchilar va rivojlangan foydalanuvchilar uchun foydali bo'ladi.
Funktsiyalarning ko'pligiga qaramasdan, Vectr interfeysida yo'qolish juda qiyin bo'ladi. Yangi boshlanuvchilar uchun xizmatning har bir tarkibiy qismi uchun batafsil darslar va uzoq ko'rsatmalar beriladi. Tahrirlovchining vositalari orasida SVG-tasvirlarni yaratish uchun barcha narsalar mavjud: shakllar, piktogramlar, ramkalar, soyalar, cho'tkalar, qatlamlar bilan ishlash va boshqalar. Siz rasmni noldan chizishingiz yoki o'zingizga yuklashingiz mumkin.
Vectr onlayn xizmati
- Resursdan foydalanishni boshlashdan oldin, mavjud ijtimoiy tarmoqlardan biri bilan tizimga kirish yoki saytdan noldan hisob yaratish kerak.
Bu nafaqat o'zingizning ish natijalarini kompyuteringizga yuklab olish imkonini beradi, balki "bulut" da o'zgarishlarni saqlash uchun istalgan vaqtda. - Xizmat interfeysi iloji boricha sodda va aniq: mavjud asboblar tuvalning chap tomonida joylashgan va ularning har birining o'zgaruvchan xususiyatlari o'ng tomonda joylashgan.
Har bir ta'mga ko'ra o'lchovli naqshlar mavjud bo'lgan ko'plab sahifalar yaratilishini qo'llab-quvvatlaydi - ijtimoiy tarmoqlar ostida grafik jadvallardan standart varaq formatlariga. - O'ng tarafdagi menyu satrida o'q tugmachasini bosib tugagan tasvirni eksport qilishingiz mumkin.
- Ochilgan oynada download parametrlarini aniqlang va tugmasini bosing Yuklab oling.
Eksport imkoniyati, shuningdek, Vectr-ning eng o'ziga xos xususiyatlaridan biri - muharrirdagi SVG loyihasiga bevosita ulanish uchun yordam beradi. Ko'pgina resurslar vektor tasvirlarini bevosita o'zlariga yuklab olishlariga ruxsat bermaydi, biroq ularning uzoq ekranlariga ruxsat berishadi. Bunday holda, Vectra haqiqiy SVG hosting sifatida foydalanish mumkin, bu esa boshqa xizmatlarga ruxsat bermaydi.
Ta'kidlash joizki, tahrirlovchining murakkab grafikani har doim to'g'ri bajarmasligi kerak. Shu sababli Vectrda ba'zi loyihalar xatolar yoki ingl. Asarlar bilan ochilishi mumkin.
2-usul: xomaki kitobi
HTML5 platformasi asosida SVG rasmlarni yaratish uchun oddiy va qulay veb-muharriri. Mavjud vositalar qatorini hisobga olgan holda, xizmat faqatgina chizish uchun mo'ljallanganligini ta'kidlash mumkin. Sketchpad bilan siz chiroyli, diqqat bilan tayyorlangan tasvirlarni yaratishingiz mumkin, ammo ko'proq.
Ushbu vosita turli xil shakllar va turdagi turli xil maxsus cho'tkalarga ega, bir nechta shakllar, shriftlar va qoplamalar uchun stikkalar. Tahrirlovchining qatlamlarini to'liq boshqarishga imkon beradi - ularni joylashtirish va aralashtirish usullarini nazorat qilish. Bonus sifatida, dastur to'liq rus tiliga tarjima qilinadi, shuning uchun uning rivojlanishida hech qanday qiyinchiliklarga duch kelmaslik kerak.
Xet-trekka onlayn xizmati
- Barcha muharrir bilan ishlashingiz kerak - brauzer va tarmoqqa kirish. Saytdagi avtorizatsiya mexanizmi ta'minlanmagan.
- Bajarilgan rasmni kompyuterda yuklab olish uchun chapdagi menyu satrida floppi-ni bosing va so'ngra ochilgan oynada kerakli formatni tanlang.
Agar kerak bo'lsa, tugallanmagan chizilganni Sketchpad loyihasi sifatida saqlashingiz mumkin va keyin uni tahrirlashni tugatishingiz mumkin.
Boshqaruv 3: usuli chizilgan
Ushbu veb-ilovada vektor fayllari bilan ishlash uchun mo'ljallangan. Tashqaridan asbob Adobe Illustratorga o'xshaydi, lekin funksional jihatdan bu erda hamma narsa ancha sodda. Biroq, metodni chizishda ba'zi bir maxsus xususiyatlar mavjud.
SVG tasvirlari bilan ishlashdan tashqari, muharrir raster tasvirlarni import qilish va ularga asoslangan vektorli tasvirlarni yaratishga imkon beradi. Buni qalam bilan qo'lda kuzatuv konturlari asosida amalga oshirish mumkin. Dasturda vektor chizmalarini tuzish uchun barcha zarur vositalar mavjud. Raqamli kengaytirilgan kutubxona, to'liq rangli palitrasi va klaviatura yorliqlarini qo'llab-quvvatlaydi.
Metod Onlayn xizmatni chizish
- Resurs foydalanuvchi tomonidan ro'yxatdan o'tishni talab qilmaydi. Faqat saytga boring va mavjud vektor fayllari bilan ishlang yoki yangi ishni yarating.
- Grafik muhitda SVG qismlarini yaratishdan tashqari, tasvirni to'g'ridan-to'g'ri kod darajasida o'zgartirishingiz mumkin.
Buning uchun, o'ting "Ko'rish" - "Manba ..." yoki klaviatura yorliqlarini foydalaning "Ctrl + U". - Tasvir ustida ishlashni tugatganingizdan so'ng uni darhol kompyuteringizga saqlashingiz mumkin.
Tasvirni eksport qilish uchun menyu elementini oching "Fayl" va tugmasini bosing "Rasmni saqlash ...". Yoki yorliqni ishlatish "Ctrl + S".
Metod chizish jiddiy vektor loyihalarini yaratish uchun mutlaqo mos emas - buning sababi tegishli funktsiyalarning etishmasligi. Biroq, keraksiz elementlar va yaxshi tashkil etilgan ish joylari yo'qligi sababli, xizmat oddiy SVG tasvirlarni tezda tahrirlash yoki aniqlashtirish uchun juda yaxshi bo'lishi mumkin.
Boshqaruv 4: Gravit Designer
Murakkab foydalanuvchilar uchun bepul veb-vektor grafik muharriri. Dizaynerlarning ko'pchiligi Gravitni Adobe Illustrator kabi to'liq ish stoli echimlari bilan birga qo'ydi. Aslida, bu vosita o'zaro faoliyat platforma bo'lib, ya'ni u barcha kompyuter operatsion tizimlarida, shuningdek, veb-ilovada mavjud.
Gravit Designer faol rivojlanishda davom etmoqda va murakkab loyihalar yaratish uchun muntazam ravishda yangi xususiyatlarni oladi.
Gravit Designer onlayn xizmati
Tahrirlovchining konturlarini, shakllarini, yo'llarini, matnli qoplamalarini, to'ldirishlarni va turli xil maxsus effektlarni chizish uchun sizga har xil asboblarni taklif etadi. Raqamlar, mavzuli rasmlar va tumorlarning keng kutubxonasi mavjud. Gravit maydonidagi har bir element o'zgarishi mumkin bo'lgan xususiyatlar ro'yxatiga ega.
Barcha bu xilma-xillik zamonaviy va intuitiv interfeysda "paketlangan" bo'lib, har qanday vosita bir necha marta bosish bilan ta'minlanadi.
- Muharrir bilan ishlashni boshlash uchun xizmatda hisob yaratish shart emas.
Agar siz tayyor shablonlardan foydalanmoqchi bo'lsangiz, bepul Gravit Cloud hisobini yaratishingiz lozim bo'ladi. - Xush kelibsiz oynadan noldan yangi loyiha yaratish uchun tabga o'ting "Yangi dizayn" va istalgan tuval hajmini tanlang.
Shunga ko'ra, shablon bilan ishlash uchun bo'limni oching "Template'dan yangi" va kerakli ishni tanlang. - Gravit loyihadagi harakatlar amalga oshirilganda barcha o'zgarishlarni avtomatik ravishda saqlab qo'yishi mumkin.
Bu xususiyatni faollashtirish uchun qisqa tugmachasini ishlating. "Ctrl + S" va paydo bo`lgan oynada rasmga nom bering, keyin tugmani bosing "Saqlash". - Olingan tasvirni SVG vektor formatida va raster JPEG yoki PNG formatida eksport qilishingiz mumkin.
Bundan tashqari, loyihani PDF kengaytmasi bilan hujjat sifatida saqlash imkoniyati mavjud.
Ushbu xizmat vektor grafikalar bilan to'liq ishlashga mo'ljallanganligini hisobga olsak, hatto professional dizaynerlarga ham ishonchli tavsiya etilishi mumkin. Gravit bilan SVG formatidagi tasvirlarni o'zgartirishingiz mumkin. Hozircha ushbu bayonot faqat stol ustaxonasi uchun amal qiladi, ammo tez orada ushbu tahririyat mobil qurilmalarda paydo bo'ladi.
5-usul: Janvas
Vektorli grafikalar yaratish uchun veb-ishlab chiquvchilar uchun mashhur vosita. Xizmatda xususiylashtiriladigan xususiyatlarga ega qator chizilgan vositalari mavjud. Janvasning asosiy xususiyati - CSS bilan animatsiya qilingan interaktiv SVG tasvirlarni yaratish qobiliyati. Va JavaScript bilan birgalikda, xizmat butun veb-ilovalarni yaratishga imkon beradi.
Ushbu muharrir mohir qo'llarda chindan ham kuchli vosita hisoblanadi, biroq boshlang'ich, ehtimol, turli funktsiyalarning mo'lligi sababli nima ekanligini tushunmaydi.
Janvas onlayn xizmati
- Brauzerda veb-ilovani ishga tushirish uchun yuqoridagi havolani bosing va tugmani bosing. "Yaratishni boshlang".
- Yangi oynada muharrirning ish maydoni markazdagi tuvali va uning atrofidagi asboblar panellari bilan ochiladi.
- Siz tugagan tasvirni faqat siz tanlagan bulut saqlashga va xizmatga obuna sotib olgan bo'lsangizgina eksport qilishingiz mumkin.
Ha, bu avtomobil afsuski bepul emas. Lekin bu har bir kishi uchun foydali bo'lmagan professional echimdir.
Boshqaruv 6: DrawSVG
Veb-masterlarga o'z saytlari uchun yuqori sifatli SVG elementlarini osongina yaratish imkonini beruvchi eng qulay onlayn xizmat. Tahrirlovchining shakllari, piktogrammasi, to'ldiruvchilari, gradyanlari va shriftlarining ta'sirli kutubxonasi mavjud.
DrawSVG yordamida siz istalgan turdagi vektor moslamalarini yaratishingiz, ularning parametrlarini o'zgartirishingiz va ularni alohida tasvirlar sifatida ko'rsatishingiz mumkin. Uchinchi tomon multimediya fayllarini SVG-ga joylashtirish mumkin: video yoki audio kompyuter yoki tarmoq manbalaridan.
DrawSVG onlayn xizmati
Bu muharrir, boshqalardan farqli o'laroq, ish stoli ilovasining brauzer portiga o'xshamaydi. Chapda esa asosiy chizilgan vositalari, yuqori qismida esa elementlar mavjud. Asosiy makon grafikalar bilan ishlaydigan tuvaldir.
Rasm bilan ishlashni tugatganingizdan so'ng, natijani SVG yoki bitmap tasvir sifatida saqlashingiz mumkin.
- Buning uchun asboblar panelidagi belgini toping "Saqlash".
- Ushbu belgini bosish SVG hujjatini yuklash uchun ariza bilan ochiladigan oynani ochadi.
Kerakli fayl nomini kiriting va tugmasini bosing "Fayl sifatida saqlash".
DrawSVGni Janvasning engil versiyasi deb atash mumkin. Muharrir CSS-ning atributlari bilan ishlashni qo'llab-quvvatlaydi, lekin avvalgi asbobdan farqli o'laroq, elementlarni jonlantirishga ruxsat bermaydi.
Shuningdek qarang: SVG vektor grafik fayllarini oching
Maqolada sanab o'tilgan xizmatlar internetdagi barcha vektor muharrirlari emas. Biroq, biz SVG-fayllar bilan ishlash uchun ko'pincha bepul va tasdiqlangan onlayn echimlar uchun to'plandik. Biroq, ulardan ba'zilari stol vositalari bilan raqobatlasha oladilar. Xo'sh, nima qilish kerak, faqat sizning ehtiyojlaringizga va afzalliklaringizga bog'liq.