Online vektor qrafikası ilə işləyirik


Sadə PC istifadəçilərinin əksəriyyətinə vektor görüntüləri konsepsiyası heç bir şey demir. Dizaynçılar, öz növbəsində, bu layihələr üçün bu cür qrafiklərdən istifadə etməyə məcbur olurlar.

Keçmişdə, SVG-şəkillərlə işləmək üçün mütləq Adobe Illustrator və ya Inkscape kimi xüsusi masa üstü həllərdən birini kompüterinizə yerləşdirməlisiniz. İndi oxşar vasitələr onlayn yükləmədən ehtiyacsızdır.

Həmçinin baxın: Adobe Illustrator-da çəkmək öyrənmək

SVG ilə onlayn işləməyin

Google-a müvafiq sorğu göndərərək, müxtəlif vektor onlayn redaktorları ilə çox sayda tanış ola bilərsiniz. Ancaq bu cür həllərin əksəriyyəti kifayət qədər geniş imkanlar təklif edir və çox vaxt ciddi layihələrlə işləməyə imkan vermir. SVG şəkillərini 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 alətlər müvafiq masa üstü tətbiqlərini tamamilə əvəz edə bilməz, lakin təklif olunan xüsusiyyətlərin əksəriyyəti kifayət qədər çox olacaq.

Metod 1: Vektr

Bir çox tanış xidmət Pixlr yaradıcılarından inkişaf etmiş vektor redaktoru. Bu alət SVG ilə işləməkdə yeni başlayanlar və qabaqcıl istifadəçilər üçün faydalı olacaq.

Funksiyaların bolluğuna baxmayaraq, Vectr interfeysində itkin olmaq çox çətin olacaq. Başlayanlar üçün xidmətin hər bir komponenti üçün ətraflı dərslər və uzun təlimatlar verilir. Redaktorun alətlərindən SVG şəkilləri yaratmaq üçün hər şey var: şekiller, ikonlar, çərçivələr, kölgələr, fırçalar, qat ilə işləmək üçün dəstək və s. Bir görüntüyü sıfırdan çəkmək və ya özünüzü yükləyə bilərsiniz.

Vectr onlayn xidməti

  1. Resursdan istifadə etməzdən əvvəl mövcud sosial şəbəkələrdən birinə daxil olmaq və ya saytdan sıfırdan hesab yaratmaq məsləhətdir.

    Bu, işinizin nəticələrini kompüterinizə yükləməyə imkan verir, ancaq "bulud "dakı dəyişiklikləri saxlamaq üçün istənilən vaxt.
  2. Xidmət interfeysi mümkün qədər sadə və aydındır: mövcud vasitələr kətanın solunda yerləşir və hər birinin dəyişən xüsusiyyətləri sağda yerləşir.

    Hər bir dad üçün ölçülü nümunələr olan bir çox səhifənin yaradılmasını dəstəkləyir - sosial şəbəkələrdəki qrafik örtüklərindən standart forma formatlarına qədər.
  3. Sağdakı menyu çubuğundaki ok düyməsini tıklayarak bitmiş görüntüyü ixrac edə bilərsiniz.
  4. Açılan pəncərədə download parametrlərini müəyyən edin və vurun Yüklə.

İxrac imkanları həmçinin Vectr-ın ən fərqli xüsusiyyətlərindən birini də əhatə edir - redaktorda bir SVG layihəsinə birbaşa keçid üçün dəstək. Bir çox qaynaq vektor şəkillərini birbaşa özlərinə yükləməyə imkan vermir, lakin onların uzaq ekranlarına imkan verir. Bu halda, Vectra digər xidmətlərə icazə verməyən real SVG hosting kimi istifadə edilə bilər.

Qeyd edək ki, redaktor həmişə düzgün kompleks qrafikləri işləmir. Buna görə, bəzi layihələr Vectr-də səhvlər və ya vizual artefaktlarla aça bilər.

Metod 2: Sketchpad

HTML5 platforma əsaslanan SVG şəkilləri yaratmaq üçün sadə və rahat veb redaktoru. Mövcud alətlər çeşidini nəzərə alaraq xidmətin yalnız rəsm üçün nəzərdə tutulduğu iddia edilə bilər. Eskiz defteri ilə, gözəl, diqqətlə hazırlanmış şəkillər yarada, lakin daha çox.

Alətin müxtəlif formalı və tipli xüsusi fırçalara, forma üçün şablonlar, şriftlər və etiketlər bir sıra var. Redaktor sizin yerləşdirmələrinizi və qarışdırma rejimlərini nəzarət etmək üçün qatlamları tam manipulyasiya etməyə imkan verir. Yaxşı, bir bonus olaraq, ərizə tamamilə rus dilinə tərcümə olunur, ona görə də onun inkişafı ilə bağlı heç bir çətinlik yoxdur.

Sketchpad onlayn xidməti

  1. Redaktor ilə işləmək üçün lazım olan bütün - brauzer və şəbəkəyə giriş. Saytda icazə mexanizmi təmin edilmir.
  2. Bitmiş şəkilləri kompüterdə yükləmək üçün, sol tərəfindəki menyu çubuğunda floppy simgesini basın və sonra açılır pencereden istədiyiniz formatı seçin.

Gerekirse, bitməmiş rəsmləri Sketchpad layihəsi kimi saxlaya bilərsiniz və istənilən vaxt onu düzəldir.

Metod 3: üsulu çəkin

Bu veb proqram vektor faylları ilə əsas əməliyyatlar üçün nəzərdə tutulmuşdur. Xarici olaraq, alət masaüstündeki Adobe Illustrator'a bənzəyir, lakin funksionallıq baxımından burada hər şey daha asandır. Lakin, Method Draw'da bəzi xüsusi xüsusiyyətlər var.

SVG şəkilləri ilə işləməyə əlavə, redaktor raster şəkillər idxal etməyə və onlara əsaslanan vektor şəkilləri yaratmağa imkan verir. Bu qələm ilə əl ilə izləmə konturları əsasında edilə bilər. Ərizədə vektor şəkillərinin yerləşdirilməsi üçün bütün lazımi vasitələr var. Genişləndirilmiş rəqəmlər kitabxanası, tam rəngli palitrası və klaviatura qısa yolları üçün dəstək var.

Metod Onlayn Xidməti Draw

  1. Resurs istifadəçidən qeydiyyat tələb etmir. Yalnız sayta gedin və mövcud vektor faylı ilə işləyin və ya yenisini yaradın.
  2. Qrafik mühitdə SVG fraqmentləri yaratmaqla yanaşı, görüntüyü kod səviyyəsində də düzəldə bilərsiniz.

    Bunu etmək üçün get "Görünüş" - "Mənbə ..." və ya klaviatura qısayolunu istifadə edin "Ctrl + U".
  3. Şəkil üzərində işi bitirdikdən sonra dərhal onu kompüterinizə saxlaya bilərsiniz.

  4. Bir görüntüyü ixrac etmək üçün menyu maddəini açın "Fayl" və basın "Image Saxla ...". Və ya qısa istifadə edin "Ctrl + S".

Metod Draw ciddi vektor layihələri yaratmaq üçün əlbəttə uyğun deyil - səbəbi müvafiq funksiyaların olmamasıdır. Lakin lazımsız elementlərin olmaması və yaxşı təşkil edilmiş iş yerinin olmaması səbəbindən xidmət sadə SVG şəkillərinin dəqiqləşdirilməsi və dəqiqləşdirilməsi üçün əla ola bilər.

Metod 4: Gravit Designer

İnkişaf etmiş istifadəçilər üçün pulsuz web vektor qrafik redaktoru. Bir çox dizaynerlər Gravit'i Adobe Illustrator kimi tam masa üstü həllər ilə paralel qoydular. Əslində, bu vasitə cross-platformdur, yəni, bütün kompüter əməliyyat sistemlərində, eləcə də veb tətbiqi kimi mövcuddur.

Gravit Designer aktiv inkişaf edir və mütəmadi olaraq kompleks layihələr qurmaq üçün kifayət qədər yeni xüsusiyyətləri alır.

Gravit Designer onlayn xidmət

Redaktor sizə konturları, şəkilləri, yolları, mətn bindirmələri, doldurmaları və müxtəlif xüsusi efektləri çəkmək üçün hər cür alətlər təklif edir. Rəqəmlər, tematik şəkillər və nişanlar geniş kitabxana var. Gravit məkanında hər bir element dəyişdirilə bilən xüsusiyyətlər siyahısına malikdir.

Bütün bu müxtəliflik, şık və intuitiv interfeysdə "paketlənir", belə ki, hər hansı bir vasitə yalnız bir neçə kliklə mövcuddur.

  1. Redaktor ilə başlamağınız üçün xidmətdə hesab yaratmaq lazım deyil.

    Amma hazır şablonlardan istifadə etmək istəyirsinizsə, pulsuz Gravit Cloud hesabı yaratmalısınız.
  2. Xoş gəlmisiniz penceresinden sıfırdan yeni bir layihə yaratmaq üçün sekmeye keçin "Yeni dizayn" və istədiyiniz kətan ölçüsünü seçin.

    Buna görə şablonla işləmək üçün bölməni açın "Şablondan yeni" və istədiyiniz iş parçasını seçin.
  3. Gravit bir proyektdə hərəkətlər etdikdə avtomatik olaraq bütün dəyişiklikləri saxlaya bilər.

    Bu funksiyanı aktivləşdirmək üçün kısayol düyməsini istifadə edin. "Ctrl + S" və göründüyü pəncərədə şəkil verin, sonra düyməni basın "Saxla".
  4. Nəticədə görüntüyü SVG vektor formatında və raster JPEG və ya PNG formatında ixrac edə bilərsiniz.

  5. Bundan əlavə, layihəni PDF sənədini genişləndirmək üçün bir sənəd olaraq saxlamaq imkanı var.

Xidmət vektor qrafikası ilə tam iş üçün nəzərdə tutulduğunu nəzərə alaraq, hətta peşəkar dizaynerlərə də təhlükəsiz olaraq tövsiyə edilə bilər. Gravit ilə, siz bunu etdiyiniz platformadan asılı olmayaraq SVG şəkillərini düzəldə bilərsiniz. Bu günə qədər bu bəyanat yalnız masa üstü OS üçün tətbiq oluna bilər, lakin tezliklə bu redaktor mobil qurğularda görünəcək.

Metod 5: Janvas

Vektor qrafika yaratmaq üçün web developers üçün məşhur bir vasitədir. Xidmətdə özelleştirilebilir xüsusiyyətlərə malik bir sıra rəsm alətləri var. Janvas'ın əsas xüsusiyyəti, CSS ilə animasiya edilmiş interaktiv SVG şəkilləri yaratmaq qabiliyyətidir. JavaScript ilə birgə xidmət bütün web proqramları yaratmağa imkan verir.

Mükəmməl əllərdə, bu redaktor həqiqətən güclü bir vasitədir, buna baxmayaraq, müxtəlif funksiyaların bolluğundan daha çox başlayan bir şey, sadəcə nə olduğunu başa düşməyəcəkdir.

Janvas onlayn xidməti

  1. Brauzerinizdə web tətbiqini başlamaq üçün yuxarıdakı linki vurun və düyməni basın. "Yaratmağa başlayın".
  2. Yeni pəncərədə, redaktorun iş sahəsi mərkəzdə olan tuval ilə və onun ətrafında barmaqlıqlar ilə açılır.
  3. Bitmiş görüntüyü yalnız seçdiyiniz bulud saxlanmasına və xidmətə abunə aldıqda ixrac edə bilərsiniz.

Bəli, alət təəssüf ki, pulsuz deyil. Lakin bu, hər kəs üçün faydalı olmayan peşəkar bir həlldir.

Metod 6: DrawSVG

Webmasters asanlıqla saytlar üçün yüksək keyfiyyətli SVG elementləri yaratmağa imkan verən ən rahat onlayn xidmət. Redaktor şəkillər, ikonlar, dolğunluqlar, qraflar və şriftlərin təsirli bir kitabxanasına malikdir.

DrawSVG köməyi ilə hər cür və xüsusiyyətlərin vektor obyektləri qurmaq, onların parametrlərini dəyişdirmək və onları ayrı-ayrı şəkillər kimi göstərmək olar. Üçüncü tərəf multimedia fayllarını SVG-də yerləşdirmək mümkündür: bir kompüterdən və ya şəbəkə mənbələrindən video və audio.

DrawSVG onlayn xidməti

Bu redaktor, əksəriyyətlərdən fərqli olaraq, bir masaüstü proqramının brauzer portuna bənzəmir. Solda əsas rəsm alətləri var və üstündə nəzarət var. Əsas yer qrafika ilə işləmək üçün xəttdir.

Bir şəkil ilə işi bitirdikdən sonra nəticə SVG və ya bitmap şəklində saxlaya bilərsiniz.

  1. Bunun üçün, alət çubuğunda simvolu tapın "Saxla".
  2. Bu simvol tıklandığında SVG sənədini yükləmək üçün forma olan bir pop-up penceresi açılacaq.

    İstədiyiniz fayl adını daxil edin və vurun "Fayl olaraq saxla".
  3. DrawSVG, Janvas'ın yüngül versiyası olaraq adlandırıla bilər. Redaktor CSS xüsusiyyətləri ilə işləyir, lakin əvvəlki alətdən fərqli olaraq, elementləri canlılaşdırmağa imkan vermir.

Həmçinin bax: SVG vektor qrafik fayllarını açın

Yazıda göstərilən xidmətlər internetdə mövcud olan bütün vektor redaktorları deyil. Bununla belə, burada biz SVG-faylları ilə işləmək üçün çoxu pulsuz və sübut edilmiş onlayn həllər üçün topladıq. Ancaq bəziları masa üstü alətlərlə rəqabət edə bilirlər. Nə istifadə edəcəyiniz yalnız ehtiyaclarınız və seçimlərinizdən asılıdır.

Videonu izləyin: İnformatika. Qrafik redaktorlar - 1 İzahlı testlər (BiləR 2024).