Adi PC istifadəçilərinin böyük əksəriyyətinə vektor şəkilləri anlayışı heç nə demir. Dizaynerlər, öz növbəsində, layihələri üçün yalnız bu növ qrafikadan istifadə etməyə meyllidirlər.
Əvvəllər SVG şəkilləri ilə işləmək üçün Adobe Illustrator və ya Inkscape kimi kompüterinizdə ixtisaslaşdırılmış masa üstü həllərindən birini quraşdırmalısınız. İndi oxşar alətlər yükləmədən, onlayn olaraq mövcuddur.
Buna da baxın: Adobe Illustrator-da çəkməyi öyrənmək
İnternetdə SVG ilə necə işləmək olar
Google-a müvafiq sorğunu dolduraraq çox sayda müxtəlif vektorlu onlayn redaktorla tanış ola bilərsiniz. Lakin bu cür həllərin böyük əksəriyyəti olduqca az imkanlar təklif edir və əksər hallarda ciddi layihələrlə işləməyə imkan vermir. SVG şəkillərini birbaşa brauzerdə yaratmaq və düzəltmək üçün ən yaxşı xidmətləri nəzərdən keçirəcəyik.
Əlbəttə ki, onlayn vasitələr müvafiq masa üstü tətbiqetmələri tamamilə əvəz edə bilməz, lakin əksər istifadəçilər üçün təklif olunan funksiyalar dəsti kifayət qədər olacaqdır.
Metod 1: Vectr
Tanış Pixlr xidmətinin yaradıcılarından yaxşı düşünülmüş vektor redaktoru. Bu vasitə həm başlayanlar, həm də SVG ilə işləyən təcrübəli istifadəçilər üçün faydalı olacaqdır.
Funksiyaların çoxluğuna baxmayaraq, Vectr interfeysində itirilmək olduqca çətin olacaq. Başlayanlar üçün xidmətin hər bir hissəsi üçün ətraflı dərslər və həcmli təlimatlar verilir. Redaktorun alətləri arasında SVG şəkil yaratmaq üçün hər şey var: şekiller, nişanlar, çərçivələr, kölgələr, fırçalar, təbəqələrlə işləmək üçün dəstək və s. Sıfırdan bir şəkil çəkə bilərsiniz və ya özünüzü yükləyə bilərsiniz.
Vectr Onlayn Xidmət
- Resursdan istifadə etməyə başlamazdan əvvəl, mövcud sosial şəbəkələrdən birini istifadə edərək daxil olmağınız və ya sıfırdan saytda hesab yaratmağınız məsləhətdir.
Bu, yalnız işinizin nəticələrini kompüterə yükləməyinizə imkan vermir, həm də istənilən vaxt "bulud" dakı dəyişiklikləri yadda saxlayacaqsınız. - Xidmət interfeysi mümkün qədər sadə və sadədir: mövcud alətlər kətanın solunda yerləşir və hər birinin dəyişkən xüsusiyyətləri sağdadır.
Sosial şəbəkələr üçün qrafik örtüklərdən standart vərəq formatlarına qədər hər zövqə görə ölçülü şablonların olduğu səhifələrin çoxluğunun yaradılmasını dəstəkləyir. - Sağdakı menyu çubuğundakı düyməni vuraraq düyməni tıklayaraq bitmiş şəkli ixrac edə bilərsiniz.
- Açılan pəncərədə açılış seçimlərini təyin edin və vurun "Yükləmə".
İxrac imkanlarına Vectr’in ən fərqli xüsusiyyətlərindən biri də daxildir - redaktorda bir SVG layihəsinə birbaşa bağlantılar üçün dəstək. Bir çox qaynaq birbaşa vektor şəkillərini özünüzə yükləməyinizə imkan vermir, lakin buna baxmayaraq onların uzaqdan görünməsinə imkan yaradır. Bu vəziyyətdə, Vectra, digər xidmətlərin icazə vermədiyi əsl SVG hosting kimi istifadə edilə bilər.
Qeyd etmək lazımdır ki, redaktor həmişə mürəkkəb qrafikləri düzgün idarə etmir. Bu səbəbdən bəzi layihələr Vectr-də səhvlər və ya vizual artefaktlarla aça bilər.
Metod 2: Eskiz paneli
HTML5 platformasına əsaslanan SVG şəkillərini yaratmaq üçün sadə və rahat veb-redaktor. Mövcud alətlər dəstini nəzərə alaraq, xidmətin yalnız rəsm üçün nəzərdə tutulduğunu iddia etmək olar. Sketchpad ilə gözəl, diqqətlə hazırlanmış şəkillər yarada bilərsiniz, amma artıq yoxdur.
Alətdə müxtəlif formalı və növlərdən ibarət xüsusi fırçalar, çoxlu sayda forma, şriftlər və etiket dəsti var. Redaktor, qatları tam manipulyasiya etməyə imkan verir - yerləşdirmə və qarışdırma rejimlərinə nəzarət etmək. Yaxşı və bir bonus olaraq, ərizə tam olaraq rus dilinə tərcümə olunur, buna görə onun inkişafı ilə bağlı heç bir çətinlik yaşamamalısınız.
Sketchpad Onlayn Xidmət
- Redaktorla işləmək üçün lazım olan bütün bir brauzer və şəbəkəyə girişdir. Saytdakı avtorizasiya mexanizmi təmin edilməyib.
- Bitmiş şəkli kompüterinizə yükləmək üçün soldakı menyu çubuğunda disket işarəsini vurun və açılan pəncərədə istədiyiniz formatı seçin.
Lazım gələrsə, yarımçıq bir rəsm əsərini Sketchpad layihəsi kimi saxlaya və sonra istədiyi vaxt redaktə edə bilərsiniz.
Metod 3: Metod Rəsm
Bu veb tətbiq vektor sənədləri ilə əsas əməliyyatlar üçün hazırlanmışdır. Xarici olaraq, alət masa üstü Adobe Illustrator-a bənzəyir, lakin işləmə baxımından burada hər şey daha sadədir. Bununla birlikdə Metod Draw-da bəzi xüsusiyyətlər var.
SVG şəkilləri ilə işləməkdən əlavə, redaktor bitmap şəkilləri idxal etməyə və onların əsasında vektor şəkillər yaratmağa imkan verir. Bu, bir qələm istifadə edərək konturların əl ilə izlənməsi əsasında edilə bilər. Tətbiqdə vektor təsvirləri tərtib etmək üçün bütün lazımi vasitələr var. Genişləndirilmiş şekiller kitabxanası, tam rəngli palitrası və klaviatura qısa yolları üçün dəstək.
Metod Draw Onlayn Xidmət
- Resurs istifadəçinin qeydiyyatı tələb etmir. Yalnız sayta girin və mövcud bir vektor faylı ilə işləyin və ya yenisini yaradın.
- Bir qrafik mühitdə SVG fraqmentləri yaratmaqla yanaşı görüntünü birbaşa kod səviyyəsində düzəldə bilərsiniz.
Bunu etmək üçün, gedin "Bax" - "Mənbə ..." və ya klaviatura qısa yolundan istifadə edin "Ctrl + U". - Şəkil üzərində işi bitirdikdən sonra dərhal kompüterinizə saxlaya bilərsiniz.
Təsviri ixrac etmək üçün menyu elementini açın "Fayl" və vurun "Şəkil saxla ...". Və ya qısa yoldan istifadə edin "Ctrl + S".
Metod Draw ciddi vektor layihələri yaratmaq üçün qətiliklə uyğun deyil - bunun səbəbi müvafiq funksiyaların olmamasıdır. Lakin həddən artıq elementlərin olmaması və yaxşı işlənmiş bir iş sahəsi olduğundan, xidmət sadə SVG şəkillərinin sürətli redaktə edilməsi və ya nöqtə baxımından təmizlənməsi üçün istifadə edilə bilər.
Metod 4: Gravit dizayneri
İnkişaf etmiş istifadəçilər üçün pulsuz veb qrafik redaktoru. Bir çox dizayner Gravit-i eyni Adobe Illustrator kimi tam hüquqlu masaüstü həlləri ilə bir yerə qoyur. Fakt budur ki, bu vasitə çarpaz platformadır, yəni bütün kompüter OS-də, həm də veb tətbiqetmədə mövcuddur.
Gravit Dizayner aktiv inkişaf mərhələsindədir və müntəzəm olaraq mürəkkəb layihələrin qurulması üçün kifayət qədər yeni funksiyalar alır.
Gravit Dizayner Online Xidməti
Redaktor sizə kontur, forma, yollar, mətn üst-üstə düşmə, doldurma, eləcə də müxtəlif xüsusi effektlər çəkmək üçün hər cür vasitələr təklif edir. Fiqurların, tematik şəkillərin və nişanların geniş bir kitabxanası var. Gravit məkanında hər bir element dəyişiklik üçün mövcud olan xüsusiyyətlərin siyahısına malikdir.
Bütün bu müxtəliflik qəşəng və intuitiv bir interfeysdə "doludur", hər hansı bir vasitə yalnız bir neçə klikdə mövcuddur.
- Redaktorla işə başlamaq üçün xidmətdə bir hesab yaratmağınız lazım deyil.
Ancaq hazır şablonları istifadə etmək istəyirsinizsə, pulsuz Gravit Cloud "hesabı" yaratmalı olacaqsınız. - Salam pəncərəsində sıfırdan yeni bir layihə yaratmaq üçün nişana keçin "Yeni dizayn" və istədiyiniz kətan ölçüsünü seçin.
Buna görə şablon ilə işləmək üçün bölməni açın "Şablondan yeni" və istədiyiniz fond seçin. - Layihə üzərində hərəkətlər etdiyiniz zaman Gravit avtomatik olaraq bütün dəyişiklikləri saxlaya bilər.
Bu xüsusiyyəti aktivləşdirmək üçün klaviatura qısa yolundan istifadə edin. "Ctrl + S" və görünən pəncərədə şəkilə ad verin, sonra düyməni vurun "Saxla". - Son görüntüyü həm vektor formatında SVG, həm də bitpap JPEG və ya PNG-də ixrac edə bilərsiniz.
Bundan əlavə, layihəni bir PDF uzantısı olan bir sənəd kimi saxlamaq üçün bir seçim var.
Xidmətin vektor qrafikası ilə tam hüquqlu iş üçün nəzərdə tutulduğunu nəzərə alaraq, hətta peşəkar dizaynerlərə etibarlı şəkildə tövsiyə edilə bilər. Gravit ilə, bunu etdiyiniz platformadan asılı olmayaraq SVG təsvirlərini düzəldə bilərsiniz. Bu günə qədər bu açıqlama yalnız masaüstü OS üçün tətbiq olunur, lakin tezliklə bu redaktor mobil cihazlarda görünəcəkdir.
5-ci metod: Janvas
Veb tərtibatçıları arasında vektor qrafikası yaratmaq üçün məşhur bir vasitədir. Xidmət yüksək özelleştirilebilir xüsusiyyətləri olan bir sıra rəsm alətlərini ehtiva edir. Janvasın əsas xüsusiyyəti, CSS-dən istifadə edərək cizgi xarakterli interaktiv SVG şəkillərini yaratmaqdır. Və JavaScript ilə birlikdə xidmət bütün veb tətbiqetmələrini yaratmağa imkan verir.
Bacarıqlı əllərdə bu redaktor həqiqətən güclü bir vasitədir, bir başlanğıc müxtəlif funksiyaların bolluğuna görə çox güman ki, nə olduğunu başa düşməz.
Janvas Onlayn Xidmət
- Veb tətbiqini brauzerinizdə işə salmaq üçün yuxarıdakı linki vurun və düyməni vurun "Yaratmağa başla".
- Yeni bir pəncərə, mərkəzdə bir kətan və ətrafındakı alət çubuğu ilə redaktorun iş sahəsini açacaqdır.
- Bitmiş görüntünü yalnız seçdiyiniz bulud anbarına ixrac edə bilərsiniz və yalnız xidmətə abunə olsanız.
Bəli, vasitə, təəssüf ki, pulsuz deyil. Ancaq bu, hər kəs üçün faydalı olmayan peşəkar bir həlldir.
Metod 6: DrawSVG
Veb ustalarına saytları üçün yüksək keyfiyyətli SVG elementlərini asanlıqla yaratmağa imkan verən ən rahat onlayn xidmətdir. Redaktorda şekiller, nişanlar, doldurmalar, gradients və şriftlərin təsirli bir kitabxanası var.
DrawSVG-dən istifadə edərək istənilən növ və xassəli vektor obyektləri dizayn edə, parametrlərini dəyişdirə və ayrı-ayrı şəkillər şəklində göstərə bilərsiniz. Üçüncü tərəf multimedia fayllarını SVG-yə daxil etmək mümkündür: kompüter və ya şəbəkə mənbələrindən video və audio.
DrawSVG Onlayn Xidmət
Bu redaktor, digərlərindən fərqli olaraq, masaüstü tətbiqetmənin brauzer portuna bənzəmir. Solda əsas rəsm alətləri, üstündə isə nəzarət vasitələri var. Əsas yer qrafiklə işləmək üçün bir kətan ilə işğal olunur.
Bir şəkil ilə işini bitirdikdə nəticəni SVG və ya bit şəklində qeyd edə bilərsiniz.
- Bunu etmək üçün alətlər çubuğundakı simge tapın "Saxla".
- Bu işarəni tıklayaraq bir SVG sənədini yükləmək üçün bir forma ilə açılır bir pəncərə açılacaqdır.
İstədiyiniz fayl adını daxil edin və vurun "Fayl olaraq qeyd et".
DrawSVG Janvasın yüngül bir versiyası adlandırıla bilər. Redaktor CSS atributları ilə işləməyi dəstəkləyir, lakin əvvəlki alətdən fərqli olaraq elementləri canlandırmağa imkan vermir.
Buna da baxın: SVG vektor qrafik sənədlərini açın
Məqalədə sadalanan xidmətlər, şəbəkədəki bütün vektor redaktorları demək olar ki, yoxdur. Bununla birlikdə, burada SVG sənədləri ilə işləmək üçün pulsuz və sübut olunmuş onlayn həllər topladıq. Eyni zamanda, bəziləri masaüstü alətləri ilə rəqabət aparmaq üçün olduqca bacarıqlıdırlar. Yaxşı, nə istifadə etməyiniz sizin ehtiyaclarınıza və seçimlərinizə bağlıdır.
