ვექტორული გამოსახულების კონცეფცია ჩვეულებრივი კომპიუტერის მომხმარებელთა უმრავლესობისთვის არაფერს ამბობს. თავის მხრივ, დიზაინერები, უფრო და უფრო, მიდრეკილნი არიან გამოიყენონ მხოლოდ ამ ტიპის გრაფიკა თავიანთი პროექტებისთვის.
წარსულში, SVG გამოსახულებებთან მუშაობისთვის, თქვენ უნდა დააყენოთ ერთი სპეციალიზირებული დესკტოპის გადაწყვეტილება თქვენს კომპიუტერში, როგორიცაა Adobe Illustrator ან Inkscape. ახლა, მსგავსი ინსტრუმენტები შეგიძლიათ მიიღოთ ინტერნეტით, გადმოტვირთვის გარეშე.
აგრეთვე იხილეთ: Adobe Illustrator– ში ნახატის სწავლა
როგორ ვიმუშაოთ SVG ონლაინ რეჟიმში
Google- ზე შესაბამისი მოთხოვნის შევსებით, შეგიძლიათ გაეცნოთ სხვადასხვა ვექტორების ონლაინ რედაქტორების დიდ რაოდენობას. მაგრამ ასეთი გადაწყვეტილებების დიდი უმრავლესობა გვთავაზობს მწირი შესაძლებლობებს და ყველაზე ხშირად არ იძლევა სერიოზულ პროექტებთან მუშაობის შესაძლებლობას. ჩვენ განვიხილავთ საუკეთესო სერვისებს ბრაუზერში SVG სურათების პირდაპირ შექმნისა და რედაქტირებისთვის.
რა თქმა უნდა, ონლაინ ინსტრუმენტებს არ შეუძლიათ სრულად შეცვალონ შესაბამისი დესკტოპის პროგრამები, მაგრამ მომხმარებლების უმეტესობისთვის ფუნქციების შემოთავაზებული რაოდენობა საკმარისი იქნება.
მეთოდი 1: ვექტორი
კარგად გააზრებული ვექტორი რედაქტორი ნაცნობი Pixlr მომსახურების შემქმნელებისგან. ეს ინსტრუმენტი სასარგებლო იქნება როგორც დამწყებთათვის, ასევე გამოცდილი მომხმარებლებისთვის, რომლებიც მუშაობენ SVG- სთან.
ფუნქციების სიმრავლის მიუხედავად, Vectr ინტერფეისში დაკარგვა საკმაოდ რთული იქნება. დამწყებთათვის გათვალისწინებულია დეტალური გაკვეთილები და მოცულობითი მითითებები მომსახურების თითოეული კომპონენტისთვის. რედაქტორის ინსტრუმენტებს შორის, ყველაფერი არსებობს SVG სურათის შესაქმნელად: ფორმები, ხატები, ჩარჩოები, ჩრდილები, ჯაგრისები, ფენებთან მუშაობის მხარდაჭერა და ა.შ. თქვენ შეგიძლიათ გამოსახოთ ნულიდან ან შეგიძლიათ ატვირთოთ საკუთარი.
ვექტორ ონლაინ სერვისი
- სანამ დაიწყებთ რესურსის გამოყენებას, სასურველია შეხვიდეთ ერთ-ერთი ხელმისაწვდომი სოციალური ქსელის გამოყენებით ან შექმნათ საიტზე ანგარიში ნულიდან.
ეს არა მხოლოდ საშუალებას მოგცემთ ჩამოტვირთოთ თქვენი მუშაობის შედეგების კომპიუტერი, არამედ ნებისმიერ დროს შეინახოთ ცვლილებები "ღრუბელში". - მომსახურების ინტერფეისი მაქსიმალურად მარტივი და მარტივია: ხელმისაწვდომი ინსტრუმენტები განლაგებულია ტილოს მარცხნივ, ხოლო თითოეული მათგანის ცვალებადი თვისება მარჯვნივ არის.
იგი ხელს უწყობს გვერდების მრავლობითის შექმნას, რომლისთვისაც არსებობს ყველა გემოვნების განზომილებიანი შაბლონები - სოციალური ქსელებისთვის გრაფიკული ყდადან, სტანდარტული ფურცლების ფორმატებამდე. - დასრულებული სურათის ექსპორტი შეგიძლიათ ისრის ღილაკზე დაჭერით დააჭირეთ მენიუს ზოლს მარჯვნივ.
- ფანჯარაში, რომელიც იხსნება, განსაზღვრეთ ჩატვირთვის ვარიანტები და დააჭირეთ ღილაკს "ჩამოტვირთვა".
ექსპორტის შესაძლებლობებში ასევე შედის Vectr– ის ერთ – ერთი ყველაზე გამორჩეული თვისება - რედაქტორში SVG პროექტთან პირდაპირი კავშირების მხარდაჭერა. ბევრი რესურსი არ გაძლევთ საშუალებას პირდაპირ ატვირთოთ ვექტორული სურათები საკუთარ თავს, მაგრამ ამის მიუხედავად მათი დისტანციური ჩვენება მოგცემთ. ამ შემთხვევაში, Vectra შეიძლება გამოყენებულ იქნას როგორც ნამდვილი SVG ჰოსტინგი, რაც სხვა სერვისებს არ იძლევა.
უნდა აღინიშნოს, რომ რედაქტორი ყოველთვის არ ასრულებს რთულ გრაფიკას. ამ მიზეზით, Vectr– ში შესაძლოა რამდენიმე პროექტი გახსნას შეცდომით ან ვიზუალური არტეფაქტით.
მეთოდი 2: Sketchpad
მარტივი და მოსახერხებელი ვებ რედაქტორი HTML5 პლატფორმის საფუძველზე SVG სურათების შესაქმნელად. არსებული ინსტრუმენტების სიმრავლის გათვალისწინებით, შეიძლება ითქვას, რომ მომსახურება განკუთვნილია მხოლოდ ნახაზისთვის. Sketchpad– ით შეგიძლიათ შექმნათ ლამაზი, ფრთხილად შემუშავებული სურათები, მაგრამ არა მეტი.
ხელსაწყოს აქვს ფართო სპექტრი საბაჟო ჯაგრისები სხვადასხვა ფორმისა და ტიპების, ფორმათა, შრიფტებისა და სტიკერებისათვის. რედაქტორი საშუალებას გაძლევთ სრულად მანიპულირება ფენების - გააკონტროლონ მათი განთავსება და შერწყმის რეჟიმები. და, როგორც პრემია, პროგრამა სრულად არის ნათარგმნი რუსულ ენაზე, ასე რომ თქვენ არ უნდა შეგექმნათ რაიმე სირთულეები მის განვითარებასთან დაკავშირებით.
Sketchpad ონლაინ სერვისი
- რედაქტორთან მუშაობისთვის ყველაფერი გჭირდებათ ბრაუზერის და ქსელის წვდომისათვის. საიტზე ავტორიზაციის მექანიზმი არ არის გათვალისწინებული.
- მზა სურათის თქვენს კომპიუტერში გადმოტვირთვის მიზნით დააჭირეთ ფლოპი დისკის ხატს მენიუს ზოლში მარცხნივ და შემდეგ ჩასვით ფანჯარაში აირჩიეთ სასურველი ფორმატი.
საჭიროების შემთხვევაში, თქვენ შეგიძლიათ შეინახოთ დაუმთავრებელი ნახაზი, როგორც Sketchpad პროექტი, და შემდეგ დაასრულოთ მისი რედაქტირება ნებისმიერ დროს.
მეთოდი 3: მეთოდი ნახაზი
ეს ვებ პროგრამა განკუთვნილია ძირითადი ოპერაციებისთვის ვექტორული ფაილებით. გარეგნულად, ინსტრუმენტი ემსგავსება დესკტოპის Adobe Illustrator- ს, მაგრამ ფუნქციონალური თვალსაზრისით, აქ ყველაფერი გაცილებით მარტივია. ამასთან, მეთოდის ნახაზში არსებობს რამდენიმე მახასიათებელი.
გარდა SVG გამოსახულებებთან მუშაობისა, რედაქტორი საშუალებას გაძლევთ იმპორტის ბიტმაპის სურათები და შექმნათ ვექტორიანი მათგან. ეს შეიძლება გაკეთდეს კალმების გამოყენებით კონტურების ხელით მოკვლის საფუძველზე. პროგრამა შეიცავს ყველა საჭირო ინსტრუმენტს ვექტორული ნახატების კომპოზიციისთვის. აქ არის გაფართოებული ფორმების ბიბლიოთეკა, სრული ფერის პალიტრა და კლავიშთა კლავიშების მხარდაჭერა.
მეთოდი დახაზეთ ონლაინ მომსახურება
- რესურსი არ საჭიროებს მომხმარებლის რეგისტრაციას. უბრალოდ გადადით საიტზე და იმუშავეთ არსებული ვექტორული ფაილით ან შექმენით ახალი.
- გრაფიკულ გარემოში SVG ფრაგმენტების შექმნის გარდა, თქვენ შეგიძლიათ გამოსახულების პირდაპირ რედაქტირებაც კოდის დონეზე.
ამისათვის გადადით "ხედი" - "წყარო ..." ან გამოიყენეთ კლავიატურის მალსახმობი "Ctrl + U". - სურათზე მუშაობის დასრულების შემდეგ, შეგიძლიათ დაუყოვნებლივ შეინახოთ იგი თქვენს კომპიუტერში.
გამოსახულების გასაღებად, გახსენით მენიუ ელემენტი "ფაილი" და დააჭირეთ "სურათის შენახვა ...". ან გამოიყენეთ მალსახმობი "Ctrl + S".
მეთოდის ნახაზი ნამდვილად არ არის შესაფერისი სერიოზული ვექტორული პროექტების შესაქმნელად - ამის მიზეზია შესაბამისი ფუნქციების ნაკლებობა. ზედმეტი ელემენტების ნაკლებობის და კარგად ორგანიზებული სამუშაო ადგილის გამო, სერვისის გამოყენება შეგიძლიათ მარტივად რედაქტირებისთვის ან მარტივი SVG სურათების დახვეწის მიზნით.
მეთოდი 4: გრავიტის დიზაინერი
უფასო ვებ გრაფიკის რედაქტორი მოწინავე მომხმარებლისთვის. ბევრი დიზაინერი Gravit- ს ემსახურება სრულფასოვანი დესკტოპის გადაწყვეტილებებით, იგივე Adobe Illustrator. ფაქტია, რომ ეს ინსტრუმენტი არის ჯვარედინი პლატფორმა, ანუ ის სრულად არის ხელმისაწვდომი ყველა კომპიუტერულ ოპერატორზე, ისევე როგორც ვებ – აპლიკაციაში.
გრავიტის დიზაინერი აქტიური განვითარების პროცესშია და რეგულარულად იღებს ახალ ფუნქციებს, რაც უკვე საკმარისია რთული პროექტების შესაქმნელად.
გრავიტის დიზაინერის ონლაინ მომსახურება
რედაქტორი გთავაზობთ ყველა სახის ინსტრუმენტს ნახატების, ფორმის, ბილიკების, ტექსტის გადაფარვის, შევსების, აგრეთვე სხვადასხვა საბაჟო ეფექტის მოსაზიდად. აქ არის ვრცელი ბიბლიოთეკის ფიგურები, თემატური სურათები და ხატები. გრავიტის სივრცეში თითოეულ ელემენტს აქვს ცვლილებებისთვის ხელმისაწვდომი თვისებების ჩამონათვალი.
ყველა ეს ჯიში "შეფუთულია" თანამედროვე და ინტუიციურ ინტერფეისში, ასე რომ ნებისმიერი ინსტრუმენტი ხელმისაწვდომია მხოლოდ რამდენიმე დაწკაპუნებით.
- რედაქტორთან მუშაობის დასაწყებად, თქვენ არ გჭირდებათ ანგარიშის შექმნა სამსახურში.
მაგრამ თუ გსურთ მზა შაბლონების გამოყენება, თქვენ მოგიწევთ შექმნათ უფასო გრავიტ ღრუბლის "ანგარიში". - მისასალმებელი ფანჯარაში ნულიდან ახალი პროექტის შესაქმნელად გადადით ჩანართზე "ახალი დიზაინი" შეარჩიეთ ტილოს სასურველი ზომა.
შესაბამისად, შაბლონთან მუშაობისთვის, გახსენით განყოფილება "ახალი შაბლონიდან" შეარჩიეთ სასურველი მარაგი. - Gravit– ს შეუძლია ავტომატურად შეინახოს ყველა ცვლილება, როდესაც პროექტზე მოქმედებს.
გამოიყენეთ კლავიატურის მალსახმობი ამ მახასიათებლის გასააქტიურებლად. "Ctrl + S" და ფანჯარაში, რომელიც გამოჩნდება, სურათს მიანიჭეთ სახელი, შემდეგ დააჭირეთ ღილაკს "შენახვა". - შეგიძლიათ საბოლოო გამოსახულების ექსპორტირება როგორც ვექტორულ ფორმატში SVG, ასევე bitmap JPEG ან PNG.
გარდა ამისა, არსებობს ვარიანტი, რომ შეინახოთ პროექტი, როგორც დოკუმენტი, PDF გაფართოებით.
იმის გათვალისწინებით, რომ მომსახურება განკუთვნილია ვექტორული გრაფიკით სრულფასოვანი მუშაობისთვის, მისი უსაფრთხოდ გამოყენება შესაძლებელია პროფესიონალ დიზაინერებზეც კი. გრავიტთან ერთად, შეგიძლიათ შეცვალოთ SVG ნახაზები, მიუხედავად პლატფორმიდან, რომელზეც ამას აკეთებთ. ჯერჯერობით, ეს განცხადება გამოიყენება მხოლოდ დესკტოპის OS- სთვის, მაგრამ მალე ეს რედაქტორი გამოჩნდება მობილური მოწყობილობებზე.
მეთოდი 5: ჯანვასი
ვებ დეველოპერებს შორის ვექტორული გრაფიკის შესაქმნელად პოპულარული ინსტრუმენტი. მომსახურებაში მოცემულია ხატვის არაერთი ხელსაწყო, რომელსაც საკმაოდ დააკონფიგურიროთ თვისებები. Janvas– ის მთავარი მახასიათებელია ინტერაქტიული SVG გამოსახულების შექმნის შესაძლებლობა CSS– ის გამოყენებით ანიმაციური. და JavaScript– სთან ერთად, სერვისი საშუალებას გაძლევთ შექმნათ მთელი ვებ – პროგრამები.
გამოცდილი ხელებით, ეს რედაქტორი მართლაც ძლიერი იარაღია, ხოლო დამწყები, სხვადასხვა ფუნქციების სიმრავლის გამო, სავარაუდოდ, უბრალოდ ვერ მიხვდება რა არის.
Janvas ონლაინ სერვისი
- თქვენს ბრაუზერში ვებ – პროგრამის შესაქმნელად დააჭირეთ ზემოთ მოცემულ ბმულს და დააჭირეთ ღილაკს "დაიწყე შექმნა".
- ახალი ფანჯარა გაიხსნება რედაქტორის სამუშაო სივრცე ტილოებით ცენტრში და მის გარშემო არსებული ხელსაწყოები.
- დასრულებული სურათის ექსპორტი შეგიძლიათ მხოლოდ თქვენი არჩევანის ღრუბლოვან საცავში და მხოლოდ იმ შემთხვევაში, თუ თქვენ შეიძინეთ ხელმოწერა სერვისზე.
დიახ, ინსტრუმენტი, სამწუხაროდ, უფასო არ არის. მაგრამ ეს პროფესიონალური გამოსავალია, რომელიც ყველასთვის სასარგებლო არ არის.
მეთოდი 6: DrawSVG
ყველაზე მოსახერხებელი ონლაინ სერვისი, რომელიც საშუალებას აძლევს ვებოსტატებს მარტივად შექმნან მაღალი ხარისხის SVG ელემენტები თავიანთი საიტებისთვის. რედაქტორი შეიცავს შთამბეჭდავი ბიბლიოთეკის ფორმებს, ხატებს, ავსებს, გრადიენტებს და შრიფტებს.
DrawSVG- ის გამოყენებით შეგიძლიათ შეიმუშავოთ ნებისმიერი სახის და თვისებების ვექტორული ობიექტები, შეცვალოთ მათი პარამეტრები და ცალკეული სურათების გადაღება. შესაძლებელია მესამე მხარის მულტიმედიური ფაილების SVG ჩასმა: ვიდეო და აუდიო კომპიუტერიდან ან ქსელის წყაროებიდან.
DrawSVG ონლაინ სერვისი
ეს რედაქტორი, უმეტესობისგან განსხვავებით, არ ჰგავს დესკტოპის პროგრამის ბრაუზერის პორტს. მარცხნივ არის ძირითადი ნახაზის ხელსაწყოები, ხოლო თავზე არის მაკონტროლებელი. მთავარი სივრცე ტილოებით არის დაკავებული გრაფიკასთან მუშაობისთვის.
როდესაც სურათზე მუშაობას დაასრულებთ, შეგიძლიათ შეინახოთ შედეგი როგორც SVG ან როგორც bitmap.
- ამისათვის იპოვნეთ ხატი ინსტრუმენტთა პანელში "შენახვა".
- ამ ხატზე დაჭერით, pop-up ფანჯარა იხსნება ფორმა SVG დოკუმენტის ჩამოტვირთვაზე.
შეიყვანეთ სასურველი ფაილის სახელი და დააჭირეთ "ფაილის შენახვა".
DrawSVG შეიძლება ეწოდოს Janvas- ის Lite ვერსიას. რედაქტორი მხარს უჭერს CSS ატრიბუტებთან მუშაობას, მაგრამ წინა ხელსაწყოსგან განსხვავებით, ეს არ გაძლევთ ელემენტების animate.
აგრეთვე იხილეთ: გახსენით SVG ვექტორული გრაფიკული ფაილები
სტატიაში ჩამოთვლილი მომსახურებები არავითარ შემთხვევაში არ არის ყველა ვექტორული რედაქტორი, რომელიც ხელმისაწვდომია ქსელში. ამასთან, ჩვენ აქ ძირითადად შევიკრიბეთ უფასო და დადასტურებული ონლაინ გადაწყვეტილებები SVG ფაილებთან მუშაობისთვის. ამავდროულად, ზოგიერთ მათგანს საკმაოდ შეუძლია კონკურენცია გაუწიოს დესკტოპის ინსტრუმენტებს. რა უნდა გამოვიყენოთ დამოკიდებულია თქვენს საჭიროებებზე და პრეფერენციებზე.
