ჩვენ ვმუშაობთ ვექტორული გრაფიკით ონლაინ რეჟიმში

ვექტორული გამოსახულების კონცეფცია ჩვეულებრივი კომპიუტერის მომხმარებელთა აბსოლუტურ რაოდენობასთან დაკავშირებით არაფერს ამბობს. დიზაინერები, თავის მხრივ, სულ უფრო და უფრო გულისხმობენ ამ ტიპის გრაფიკების გამოყენებას მათი პროექტებისთვის.

წარსულში, მუშაობა SVG- სურათები, თქვენ აუცილებლად უნდა დააყენოთ ერთი სპეციალიზებული desktop გადაწყვეტილებები, როგორიცაა Adobe Illustrator ან Inkscape თქვენს კომპიუტერში. ახლა მსგავსი ინსტრუმენტები ხელმისაწვდომია ონლაინ რეჟიმში, ჩამოტვირთვის საჭიროების გარეშე.

იხილეთ აგრეთვე: სწავლა Adobe Illustrator- ში

როგორ ვითანამშრომლოთ SVG ონლაინ რეჟიმში

Google- ზე შესაბამისი მოთხოვნის შევსებით შეგიძლიათ გაეცნოთ სხვადასხვა ვექტორული რედაქტორების დიდ რაოდენობას. მაგრამ ასეთი გადაჭარბებული უმრავლესობა საკმაოდ მცირე შესაძლებლობებს გთავაზობთ და ხშირად არ იძლევა სერიოზული პროექტების განხორციელებას. ჩვენ ვთვლით საუკეთესო მომსახურებას ბრაუზერში SVG- სურათების შესაქმნელად და რედაქტირებისათვის.

რა თქმა უნდა, ონლაინ ინსტრუმენტები არ შეიძლება მთლიანად ჩაანაცვლოს შესაბამისი დესკტოპის აპლიკაციები, მაგრამ შემოთავაზებული ფუნქციის უმეტესობა საკმარისზე მეტი იქნება.

მეთოდი 1: Vectr

დახვეწილი ვექტორული რედაქტორი შემქმნელებიდან, რომლებიც ცნობილია Pixlr- ს ბევრ ნაცნობი მომსახურებით. ეს ინსტრუმენტი სასარგებლო იქნება ორივე დამწყებთათვის და მოწინავე მომხმარებლებისთვის SVG- თან მუშაობით.

მიუხედავად სიმრავლის ფუნქციების, დაკარგვა Vectr ინტერფეისი იქნება საკმაოდ რთული. დამწყებთათვის, დეტალური გაკვეთილები და ხანგრძლივი ინსტრუქციები მოცემულია მომსახურების თითოეული კომპონენტისთვის. რედაქტორის ხელსაწყოთა შორის არის ყველაფერი SVG- სურათების შესაქმნელად: ფორმები, ხატები, ჩარჩოები, ჩრდილები, ჯაგრისები, შრეებით მუშაობის მხარდაჭერა და სხვა. თქვენ შეგიძლიათ დახაზოთ სურათი ნულიდან ან ატვირთოთ საკუთარი.

Vectr ონლაინ სერვისი

1. რესურსის გამოყენების დაწყებამდე სასურველია შეხვიდეთ ერთ-ერთი ხელმისაწვდომი სოციალური ქსელით ან ნაკაწრიდან საიტის შექმნას.
   
   ეს არა მხოლოდ საშუალებას გაძლევთ ჩამოტვირთოთ თქვენი სამუშაო თქვენი კომპიუტერისთვის, მაგრამ ნებისმიერ დროს "Cloud" - ში ცვლილებების შენახვა.
2. სერვისის ინტერფეისი ისეთი მარტივი და გასაგებია, რომ შესაძლებელი იყოს: ხელსაყრელი ხელსაწყოები განლაგებულია მარცხნივ ტილოზე და თითოეული მათგანის შეცვლის თვისებებია.
   
   იგი მხარს უჭერს გვერდების მრავალფეროვნების შექმნას, რომლისთვისაც ყველა გემოვნების განზომილებიანი ნიმუშია - სოციალური ქსელების ქვეშ გრაფიკული გადაცემებიდან სტანდარტული ფურცლის ფორმატებში.
3. თქვენ შეგიძლიათ ექსპორტის დასრულებული სურათი, დააჭირეთ ღილაკს arrow ღილაკზე მენიუში.
   
4. ფანჯარაში, რომელიც იხსნება, განსაზღვრავს ჩამოტვირთვის პარამეტრებს და დააჭირეთ ჩამოტვირთვა.
   

საექსპორტო შესაძლებლობები ასევე მოიცავს Vectr- ის ერთ-ერთ ყველაზე გამორჩეულ მახასიათებელს - SVG პროექტის პირდაპირ კავშირებს მხარდაჭერას რედაქტორში. ბევრი რესურსი არ იძლევა ვექტორული გამოსახულებების პირდაპირ საკუთარ თავს პირდაპირ ჩამოტვირთვას, მაგრამ მაინც დისტანციურ დისპლეას. ამ შემთხვევაში, ვექტრა შეიძლება გამოყენებულ იქნას ნამდვილი SVG ჰოსტინგით, რომელიც სხვა მომსახურებას არ იძლევა.

უნდა აღინიშნოს, რომ რედაქტორი ყოველთვის არ სწორად კომპლექსური გრაფიკის დამუშავებას. ამ მიზეზით, ზოგიერთ პროექტს შეუძლია გახსნას Vectr შეცდომებით ან ვიზუალური ნიმუშებით.

მეთოდი 2: Sketchpad

მარტივი და მოსახერხებელი ვებ რედაქტორი SVG სურათების შესაქმნელად HTML5 პლატფორმის საფუძველზე. იმის გათვალისწინებით, თუ რა ხელსაწყოთა ნაკრები არსებობს, შეიძლება ითქვას, რომ მომსახურება განკუთვნილია მხოლოდ ნახაზისთვის. Sketchpad- ით, შეგიძლიათ შექმნათ ლამაზი, ფრთხილად შემუშავებული სურათები, მაგრამ არა.

ინსტრუმენტი აქვს ფართო სპექტრი საბაჟო ჯაგრისები სხვადასხვა ფორმები და ტიპები, ნაკრები ფორმები, შრიფტები და სტიკერები for overlay. რედაქტორი საშუალებას მოგცემთ სრულად მანიპულირება ფენების - აკონტროლოთ მათი განთავსება და შერწყმა რეჟიმები. კარგად, როგორც ბონუსი, განაცხადი მთლიანად რუსულად ითარგმნება, ასე რომ თქვენ არ უნდა ჰქონდეთ რაიმე სირთულეები მისი განვითარებით.

Sketchpad ონლაინ სერვისი

1. ყველა თქვენ უნდა მუშაობა რედაქტორი - ბრაუზერი და ხელმისაწვდომობის ქსელში. საიტზე ავტორიზაციის მექანიზმი არ არის გათვალისწინებული.
   
2. კომპიუტერის დასრულების სურათის გადმოსაწერად, მარცხენა ღილაკის მენიუში მონიშნეთ ფლოპი ხატულა და აირჩიეთ სასურველი ფორმატი pop-up window- ში.

საჭიროების შემთხვევაში, შეგიძლიათ შეინახოთ დაუმთავრებელი ნახატი, როგორც Sketchpad პროექტი, შემდეგ კი ნებისმიერ დროს რედაქტირება.

მეთოდი 3: მეთოდი ხატვა

ეს ვებ პროგრამა განკუთვნილია ძირითადი ოპერაციების ვექტორული ფაილებით. გარეგნულად, ინსტრუმენტი ჰგავს desktop Adobe Illustrator, მაგრამ თვალსაზრისით ფუნქციონირება ყველაფერი ბევრად უფრო მარტივი აქ. თუმცა, არსებობს სპეციალური თვისებები მეთოდი ხატვა.

SVG სურათებთან მუშაობის გარდა, რედაქტორი საშუალებას გაძლევთ შემოიტანოთ რასტრული გამოსახულებები და შექმნათ ვექტორული გამოსახულება მათზე. ეს შეიძლება გაკეთდეს კალკულატორთან ერთად კონტურების სახელმძღვანელოს მიხედვით. განაცხადი შეიცავს ყველა საჭირო ინსტრუმენტს ვექტორული ნახაზების განლაგებასთან დაკავშირებით. არსებობს გაფართოებული ბიბლიოთეკის მოღვაწეები, სრული ფერი პალიტრა და მხარდაჭერა კლავიატურის კომბინაციები.

მეთოდი ხატვა ონლაინ სერვისი

1. რესურსი არ მოითხოვს მომხმარებლისგან რეგისტრაციას. უბრალოდ წასვლა საიტი და მუშაობა არსებული ვექტორი ფაილი ან შექმნათ ახალი.
   
2. გარდა ამისა SVG ფრაგმენტების შექმნის გრაფიკული გარემო, თქვენ ასევე შეგიძლიათ რედაქტირება გამოსახულება პირდაპირ კოდი დონეზე.
   
   ამისათვის გადადით "ნახვა" - "წყარო ..." ან გამოიყენეთ კლავიატურის კომბინაცია "Ctrl + U".
3. სურათის დასრულების შემდეგ, თქვენს კომპიუტერში დაუყოვნებლივ შეინახეთ.


სურათის ექსპორტისთვის გახსენით მენიუ "ფაილი" და დააჭირეთ "გადავარჩინე სურათი ...". ან კომბინაციის გამოყენება "Ctrl + S".

მეთოდი Draw ნამდვილად არ არის შესაფერისი სერიოზული ვექტორული პროექტების შესაქმნელად - მიზეზი არის შესაბამისი ფუნქციების არარსებობა. მაგრამ არასასურველი ელემენტების და კარგად ორგანიზებული სამუშაო სივრცის არარსებობის გამო, სერვისი შეიძლება იყოს შესანიშნავი SVG სურათების სწრაფი რედაქტირებისთვის ან დახვეწისათვის.

მეთოდი 4: Gravit დიზაინერი

უფასო ვებ ვექტორული გრაფიკული რედაქტორი წინასწარი მომხმარებლებს. ბევრი დიზაინერი დააყენა Gravit დადგა სრული დესკტოპის გადაწყვეტილებები, როგორიცაა Adobe Illustrator. ფაქტია, რომ ეს ინსტრუმენტი არის ჯვარედინი პლატფორმა, რომელიც არის სრულად ხელმისაწვდომია ყველა კომპიუტერულ ოპერაციულ სისტემაზე და ასევე ვებ-აპლიკაციაში.

Gravit დიზაინერი აქტიურ განვითარებას და რეგულარულად იღებს ახალ შესაძლებლობებს, რომლებიც უკვე საკმარისია კომპლექსური პროექტების შესაქმნელად.

Gravit დიზაინერი ონლაინ მომსახურება

რედაქტორი გთავაზობთ ყველა სახის ინსტრუმენტებს, რომლებიც ქმნიან კონტურებს, ფორმებს, ბილიკებს, ტექსტის გადაფარვას, ავსებს, ასევე სხვადასხვა საბაჟო ეფექტებს. არსებობს ფიგურები, თემატური სურათები და ხატები. Gravit სივრცეში თითოეული ელემენტი აქვს თვისებების ჩამონათვალს, რომელიც შეიძლება შეიცვალოს.

ყველა ამ ჯიშის არის "დაფასოებული" თანამედროვე და ინტუიციური ინტერფეისი, ისე, რომ ნებისმიერი ინსტრუმენტი ხელმისაწვდომია მხოლოდ რამდენიმე დაწკაპუნებით.

1. რედაქტორთან დასაწყებად, სერვისის შექმნა არ გჭირდებათ.
   
   მაგრამ თუ მზა შაბლონების გამოყენება გინდა, გრავიტაციის უფასო ანგარიშის შექმნა გექნებათ.
2. ახალი პროექტის შესაქმნელად მისასალმებელი ფანჯარაში გადადით, გადადით tab- ზე "ახალი დიზაინი" და აირჩიეთ სასურველი ტილო ზომა.
   
   შესაბამისად, შაბლონით მუშაობა, გახსენით სექცია "ახალი თარგიდან" და აირჩიეთ სასურველი სამუშაოები.
3. Gravit შეუძლია ავტომატურად შეინახოთ ყველა ცვლილება, როდესაც თქვენ აკეთებთ პროექტს.
   
   ამ ფუნქციის გასააქტიურებლად გამოიყენეთ მალსახმობი გასაღები. "Ctrl + S" ფანჯარაში გამოჩნდება სურათი, დააკლიკეთ ღილაკს "შენახვა".
4. შეგიძლიათ SVG ვექტორული ფორმატისა და რასტრული JPEG ან PNG- ში გამომავალი გამოსახულების ექსპორტი.


გარდა ამისა, არსებობს ვარიანტი შენახვა როგორც დოკუმენტი გაგრძელების PDF.

იმის გათვალისწინებით, რომ სერვისი განკუთვნილია ვექტორული გრაფიკით სრულფასოვანი მუშაობისთვის, ის შეიძლება უსაფრთხოდ იყოს რეკომენდირებული პროფესიული დიზაინერებისთვის. Gravit- თან შეგიძლიათ SVG- ის სურათების რედაქტირება, მიუხედავად პლატფორმისა, რომელიც ამას აკეთებთ. ჯერჯერობით, ეს განცხადება მხოლოდ desktop OS- ისთვის გამოიყენება, მაგრამ მალე ეს რედაქტორი გამოჩნდება მობილური მოწყობილობებისთვის.

მეთოდი 5: იანვასი

პოპულარული ინსტრუმენტი ვებ დეველოპერებს შექმნა ვექტორული გრაფიკა. სერვისი შეიცავს რიგი ხატვის ინსტრუმენტების კონფიგურირებულ თვისებებს. ძირითადი ფუნქცია Janvas არის შესაძლებლობა შექმნას ინტერაქტიული SVG სურათები ანიმაციური ერთად CSS. და JavaScript- თან ერთად, სერვისი საშუალებას გაძლევთ ააშენოთ მთელი ვებ-პროგრამები.

ხელსაყრელი ხელებით, ეს რედაქტორი მართლაც ძლიერი ინსტრუმენტია, ხოლო დამწყები, სავარაუდოდ, სხვადასხვა ფუნქციების სიმრავლის გამო უბრალოდ არ ესმით, რა არის.

იანვასი ონლაინ სერვისი

1. ბრაუზერში ვებ აპლიკაციის დასაწყებად დააჭირეთ ღილაკს ბმულს და დააჭირეთ ღილაკს. "დაიწყე შექმნა".
   
2. ახალ ფანჯარაში რედაქტორის სამუშაო ფანჯარა იწყება ცენტრში ტიპით და ხელსაწყოების გარშემო.
   
3. მზა სურათის ექსპორტი მხოლოდ თქვენი არჩევანის ღრუბლოვანი შენახვისთვის შეგიძლიათ და მხოლოდ იმ შემთხვევაში, თუ თქვენ შეიძენთ სერვისის გამოწერას.
   

დიახ, ინსტრუმენტი სამწუხაროდ არ არის თავისუფალი. მაგრამ ეს არის პროფესიული გადაწყვეტა, რომელიც ყველასთვის სასარგებლო არ არის.

მეთოდი 6: DrawSVG

ყველაზე მოსახერხებელი ინტერნეტ სერვისი, რომელიც საშუალებას აძლევს ვებმასტერებს საშუალებას აძლევს შექმნას მაღალი ხარისხის SVG ელემენტები თავიანთ საიტებზე. რედაქტორი შეიცავს შთამბეჭდავი შრიფტის ფორმებს, ხატები, შევსებას, gradients და შრიფტები.

DrawSVG- ის დახმარებით თქვენ შეძლებთ ნებისმიერი ტიპისა და თვისებების ვექტორული ობიექტების აგება, მათი პარამეტრების შეცვლა და მათი ცალკეული გამოსახულებები. შესაძლებელია მესამე მხარის მულტიმედიური ფაილების SVG- ში ჩაწერა: ვიდეო და აუდიო კომპიუტერიდან ან ქსელის წყაროებიდან.

DrawSVG ონლაინ სერვისი

ეს რედაქტორი, სხვებისგან განსხვავებით, არ ჰგავს დესკტოპის აპლიკაციის ბრაუზერს. მარცხნივ არიან ძირითადი ხატვის იარაღები და თავზე კონტროლი. მთავარი სივრცეა ტილო მუშაობს გრაფიკით.

სურათთან მუშაობის დასრულების შემდეგ, შეგიძლიათ შეინახოთ შედეგი როგორც SVG ან Bitmap გამოსახულება.

1. ამისათვის მოვძებნოთ ხატულა პანელში "შენახვა".
   
2. ამ ხატულაზე დაჭერით გამოჩნდება pop-up ფანჯარა SVG დოკუმენტის ჩატვირთვის სახით.
   
   შეიყვანეთ სასურველი ფაილის სახელი და დააჭირეთ "შენახვა როგორც ფაილი".

DrawSVG- ს შეიძლება ჯვავის მსუბუქი ვერსია ეწოდება. რედაქტორი მხარს უჭერს მუშაობის CSS ატრიბუტები, მაგრამ განსხვავებით წინა ინსტრუმენტი, იგი არ იძლევა animate ელემენტები.

იხილეთ ასევე: ღია SVG ვექტორული გრაფიკული ფაილები

სტატიაში ჩამოთვლილი სერვისები არ არის ვებ-გვერდზე არსებული ყველა ვექტორი რედაქტორები. თუმცა, აქ ჩვენ შევიკრიბეთ დიდი ნაწილი უფასო და დადასტურებული ონლაინ გადაწყვეტილებები SVG- ფაილი. თუმცა, ზოგიერთი მათგანი საკმაოდ კონკურენციას დგას desktop ინსტრუმენტები. კარგად, რა უნდა გამოვიყენოთ დამოკიდებულია მხოლოდ თქვენს საჭიროებებზე და შეღავათებზე.