เวกเตอร์ออนไลน์บรรณาธิการ: 6 ตัวเลือกการทำงาน

Anonim

เวกเตอร์ออนไลน์บรรณาธิการ

แนวคิดของภาพเวกเตอร์ของจำนวนผู้ใช้ทั่วไปที่ล้นหลามของพีซีไม่ได้พูดอะไรกับบัญชีที่ราบรื่น นักออกแบบในทางกลับกันมีแนวโน้มที่จะใช้กราฟิกประเภทนี้อย่างแน่นอนสำหรับโครงการของพวกเขา

ก่อนหน้านี้เพื่อทำงานกับ SVG Pictures คุณจะต้องติดตั้งหนึ่งในโซลูชันเดสก์ท็อปพิเศษเช่น Adobe Illustrator หรือ Inkscape ตอนนี้เครื่องมือดังกล่าวมีให้ทางออนไลน์โดยไม่จำเป็นต้องดาวน์โหลด

นอกจากนี้ยังมีหนึ่งในความสามารถที่โดดเด่นที่สุดของ Vectr ที่จะส่งออก - รองรับการอ้างอิงโดยตรงไปยังโครงการ SVG ในบรรณาธิการ ทรัพยากรจำนวนมากไม่อนุญาตให้คุณอัปโหลดภาพเวกเตอร์โดยตรง แต่ยังอนุญาตให้แสดงผลระยะไกล ในกรณีนี้ Vecta สามารถใช้เป็น SVG โฮสติ้งจริงซึ่งบริการอื่น ๆ ไม่อนุญาต

ควรสังเกตว่าบรรณาธิการไม่สามารถประมวลผลกราฟิกที่ซับซ้อนได้เสมอไป ด้วยเหตุนี้บางโครงการสามารถเปิดได้ใน Vectr ด้วยข้อผิดพลาดหรือสิ่งประดิษฐ์ที่มองเห็น

วิธีที่ 2: SketchPad

โปรแกรมแก้ไขเว็บที่ง่ายและสะดวกในการสร้างภาพ SVG ตามแพลตฟอร์ม HTML5 จากชุดเครื่องมือที่มีอยู่อาจเป็นที่ถกเถียงกันอยู่ว่าบริการมีไว้สำหรับการวาดเพียงอย่างเดียว ด้วย SketchPad คุณสามารถสร้างภาพที่สวยงามและพัฒนาอย่างระมัดระวัง แต่ไม่มาก

เครื่องมือนี้มีแปรงที่ปรับแต่งได้หลากหลายชนิดของรูปร่างและประเภทต่าง ๆ ชุดของตัวเลขแบบอักษรและสติกเกอร์สำหรับการซ้อนทับ บรรณาธิการช่วยให้คุณสามารถจัดการกับเลเยอร์ได้อย่างสมบูรณ์ - ควบคุมโหมดการจัดวางและการผสมของพวกเขา เป็นโบนัสแอปพลิเคชันนั้นแปลเป็นภาษารัสเซียอย่างสมบูรณ์ดังนั้นคุณจึงไม่ควรมีปัญหาใด ๆ กับการเรียนรู้ของเขา

บริการ SketchPad ออนไลน์

  1. ทั้งหมดที่คุณต้องทำงานกับ Editor - เบราว์เซอร์และการเข้าถึงเครือข่าย ไม่มีการให้กลไกการอนุญาตบนเว็บไซต์

    Interface Editor Editor Sketchpad กราฟิกแบบเวกเตอร์

  2. ในการดาวน์โหลดรูปภาพสำเร็จรูปบนคอมพิวเตอร์ให้คลิกที่ไอคอนฟลอปปี้ในแถบเมนูทางด้านซ้ายแล้วเลือกรูปแบบที่ต้องการในหน้าต่างป๊อปอัป
  3. ดาวน์โหลดภาพ SVG สำเร็จรูปจากโปรแกรมแก้ไข SketchPad ออนไลน์

หากจำเป็นคุณสามารถบันทึกภาพที่ไม่สมบูรณ์เป็นโครงการ SketchPad จากนั้นเสร็จสิ้นการแก้ไขได้ตลอดเวลา

วิธีที่ 3: การวาดวิธีการ

เว็บแอปพลิเคชันนี้มีไว้สำหรับการดำเนินงานขั้นพื้นฐานกับไฟล์เวกเตอร์ ภายนอกเครื่องมือมีลักษณะคล้ายกับเดสก์ท็อป Adobe Illustrator แต่ในแง่ของการทำงานที่นี่ทุกอย่างง่ายกว่ามาก อย่างไรก็ตามมีวิธีการวาดวิธีการและคุณสมบัติบางอย่าง

นอกเหนือจากการทำงานกับ SVG Images แล้วเครื่องมือแก้ไขช่วยให้คุณนำเข้ารูปภาพแรสเตอร์และสร้างเวกเตอร์กับพวกเขา เป็นไปได้ที่จะทำเช่นนี้บนพื้นฐานของร่องรอยด้วยตนเองของรูปทรงที่ใช้ปากกา แอปพลิเคชั่นนี้มีเครื่องมือที่จำเป็นทั้งหมดสำหรับภาพวาดเวกเตอร์เค้าโครง มีห้องสมุดเพิ่มเติมของตัวเลขการสนับสนุนจานสีและแป้นพิมพ์สีเต็มรูปแบบ

วิธีการบริการออนไลน์

  1. ทรัพยากรไม่ต้องการผู้ใช้การลงทะเบียน เพียงไปที่ไซต์และทำงานกับไฟล์เวกเตอร์ที่มีอยู่หรือสร้างใหม่

    ตัวแก้ไขผู้ประกอบการแก้ไขภาพเวกเตอร์กราฟิกวิธีการวาด

  2. นอกเหนือจากการสร้างชิ้นส่วน SVG ในสภาพแวดล้อมแบบกราฟิกแล้วคุณยังสามารถแก้ไขภาพได้โดยตรงที่ระดับรหัส

    แก้ไขภาพ SVG ที่ระดับรหัสในวิธีการวาด

    ในการทำเช่นนี้ไปที่ "ดู" - "แหล่งที่มา ... " หรือใช้การรวมคีย์ "Ctrl + U"

  3. หลังจากทำงานกับภาพเสร็จแล้วมันสามารถบันทึกลงในคอมพิวเตอร์ได้ทันที
  4. ดาวน์โหลดรูปภาพ SVG ไปยังคอมพิวเตอร์จากวิธีการใช้บริการ

    ในการส่งออกภาพให้เปิดรายการเมนู "ไฟล์" แล้วคลิก "บันทึกภาพ ... " ใช้ทางลัด "Ctrl + S"

วิธีการวาดวิธีการที่ไม่น่าสงสัยสำหรับการสร้างโครงการเวกเตอร์ที่จริงจัง - สาเหตุของการขาดฟังก์ชั่นที่สอดคล้องกัน แต่ด้วยว่าไม่มีองค์ประกอบที่ไม่จำเป็นและพื้นที่ทำงานที่มีความสามารถในการให้บริการสามารถให้บริการอย่างสมบูรณ์แบบเพื่อแก้ไขหรือวางภาพ SUVG แบบง่าย ๆ อย่างรวดเร็ว

วิธีที่ 4: นักออกแบบ Gravit

ฟรีกราฟิกเวกเตอร์บรรณาธิการเว็บฟรีสำหรับผู้ใช้ขั้นสูง นักออกแบบหลายคนใส่หลุมฝังศพในหนึ่งแถวพร้อมโซลูชั่นเดสก์ท็อปที่เต็มเปี่ยมเป็นนักวาดภาพประกอบ Adobe เดียวกัน ความจริงก็คือเครื่องมือนี้เป็นไขว้แพลตฟอร์มนั่นคือเต็มอยู่ในคอมพิวเตอร์ทั้งหมดรวมถึงแอปพลิเคชันเว็บ

Gravit Designer อยู่ภายใต้การพัฒนาที่ใช้งานอยู่และได้รับคุณสมบัติใหม่ที่เพียงพอสำหรับโครงร่างของโครงการที่ซับซ้อน

บริการออนไลน์ Gravit Designer

บรรณาธิการเสนอเครื่องมือทุกชนิดสำหรับการวาดรูปการวาดภาพเส้นทางการซ้อนทับข้อความการเติมรวมถึงเอฟเฟกต์ที่กำหนดค่าต่าง ๆ ได้ มีห้องสมุดที่กว้างขวางของตัวเลขรูปภาพและไอคอนที่กว้างขวาง แต่ละองค์ประกอบในพื้นที่ Gravit มีรายการคุณสมบัติที่มีให้ในการเปลี่ยนแปลง

แก้ไขภาพ Tempter ใน Designer Gravit Service Online Service

วาไรตี้ทั้งหมดนี้คือ "บรรจุภัณฑ์" เป็นอินเทอร์เฟซที่มีสไตล์และใช้งานง่ายเพื่อให้เครื่องมือใด ๆ สามารถใช้ได้สองสามคลิก

  1. ในการเริ่มทำงานกับบรรณาธิการคุณไม่จำเป็นต้องสร้างบัญชีในบริการ

    เราลงทะเบียนในบริการออนไลน์ Gravit Designer

    แต่ถ้าคุณต้องการใช้รูปแบบสำเร็จรูปคุณจะต้องเริ่ม "บัญชี" Gravit Cloud ฟรีฟรี

  2. ในการสร้างโครงการใหม่ตั้งแต่เริ่มต้นในหน้าต่างต้อนรับให้ไปที่แท็บการออกแบบใหม่และเลือกขนาดผ้าใบที่ต้องการ

    สร้างโครงการใหม่ในนักออกแบบออนไลน์ SVG Gravit Designer

    ดังนั้นในการทำงานกับเทมเพลตให้เปิดส่วน "ใหม่จากเทมเพลต" และเลือกชิ้นงานที่ต้องการ

  3. Gravit สามารถบันทึกการเปลี่ยนแปลงทั้งหมดโดยอัตโนมัติเมื่อคุณทำการกระทำในโครงการ

    เราบันทึกการเปลี่ยนแปลงในโครงการใน Cloud of Online Service Gravit Designer

    ในการเปิดใช้งานคุณสมบัตินี้ให้ใช้การรวมคีย์ Ctrl + S และในหน้าต่างที่ปรากฏขึ้นให้ชื่อตัวละครจากนั้นคลิกที่ปุ่ม "บันทึก"

  4. ภาพสุดท้ายที่คุณสามารถส่งออกทั้งสองในรูปแบบเวกเตอร์ SVG และใน Raster JPEG หรือ PNG
  5. เราส่งออกภาพจากบริการออนไลน์ Gravit Designer

    นอกจากนี้ยังมีตัวเลือกในการบันทึกโครงการเป็นเอกสารที่มีการขยาย PDF

เมื่อพิจารณาว่าการบริการมีไว้สำหรับงานที่เต็มไปด้วยกราฟิกแบบเวกเตอร์สามารถแนะนำได้อย่างปลอดภัยแม้โดยนักออกแบบมืออาชีพ การใช้ Gravit คุณสามารถแก้ไขภาพ SVG ได้โดยไม่คำนึงถึงแพลตฟอร์มที่คุณทำ จนถึงตอนนี้ข้อความนี้ใช้สำหรับเดสก์ท็อประบบปฏิบัติการเท่านั้น แต่ในไม่ช้าเครื่องมือแก้ไขนี้จะปรากฏบนอุปกรณ์มือถือ

วิธีที่ 5: Janvas

เป็นที่นิยมในหมู่เครื่องมือนักพัฒนาเว็บสำหรับการสร้างกราฟิกแบบเวกเตอร์ บริการมีเครื่องมือวาดรูปจำนวนมากพร้อมคุณสมบัติที่กำหนดค่าได้อย่างละเอียด คุณสมบัติหลักของ Janvas คือความสามารถในการสร้างภาพ SVG แบบโต้ตอบที่เคลื่อนไหวด้วย CSS และในมัดพร้อมบริการ JavaScript และช่วยให้คุณสร้างเว็บแอปพลิเคชันทั้งหมด

ในมือที่มีทักษะบรรณาธิการนี้เป็นเครื่องมือที่ทรงพลังอย่างแท้จริงในขณะที่ผู้มาใหม่เพราะความอุดมสมบูรณ์ของฟังก์ชั่นทุกประเภทน่าจะเป็นไปได้ว่าจะไม่เข้าใจอะไร

บริการออนไลน์ Janvas

  1. ในการเริ่มต้นเว็บแอปพลิเคชันในเบราว์เซอร์ของคุณให้คลิกที่ลิงค์ด้านบนแล้วคลิกที่ปุ่มเริ่มเพื่อสร้าง

    เราเริ่มทำงานกับ Janvas Web App

  2. หน้าต่างใหม่จะเปิดพื้นที่ทำงานของบรรณาธิการด้วย Canvas ในศูนย์และแถบเครื่องมือรอบ ๆ

    อินเทอร์เฟซบริการออนไลน์สำหรับการแก้ไขภาพเวกเตอร์ Janvas

  3. คุณสามารถส่งออกภาพสำเร็จรูปไปยังที่เก็บข้อมูลบนคลาวด์ที่คุณเลือกเท่านั้นและเฉพาะในกรณีที่คุณซื้อการสมัครรับบริการ

    เมนูของการส่งออกรูปภาพใน Janvas

ใช่เครื่องมือน่าเสียดายที่ไม่ฟรี แต่นี่เป็นการตัดสินใจอย่างมืออาชีพซึ่งไม่มีประโยชน์กับทุกคน

วิธีที่ 6: Drawsvg

บริการออนไลน์ที่สะดวกที่สุดที่ช่วยให้เว็บมาสเตอร์ง่ายที่สุดเท่าที่จะทำได้เพื่อสร้างองค์ประกอบ SVG คุณภาพสูงสำหรับไซต์ของพวกเขา บรรณาธิการมีห้องสมุดตัวเลขไอคอนที่น่าประทับใจการไล่ระดับสีและแบบอักษร

ด้วย Drawsvg คุณสามารถออกแบบวัตถุเวกเตอร์ของชนิดและคุณสมบัติใด ๆ เปลี่ยนพารามิเตอร์ของพวกเขาและแสดงผลเป็นรูปภาพแยกต่างหาก เป็นไปได้ที่จะฝังในไฟล์มัลติมีเดียของบุคคลที่สามของ SVG: วิดีโอและเสียงจากแหล่งคอมพิวเตอร์หรือเครือข่าย

บริการออนไลน์ Drawsvg

บรรณาธิการนี้ซึ่งแตกต่างจากส่วนใหญ่ส่วนใหญ่ดูไม่เหมือนพอร์ตเบราว์เซอร์เดสก์ท็อป ทางด้านซ้ายมีเครื่องมือพื้นฐานสำหรับการวาดภาพและจากด้านบน - การควบคุม พื้นที่หลักนำผ้าใบไปทำงานกับกราฟิก

Drawsvg อินเตอร์เฟซบริการออนไลน์

หลังจากสำเร็จการศึกษาด้วยภาพคุณสามารถบันทึกผลลัพธ์เป็น SVG หรือเป็นภาพแรสเตอร์

  1. เมื่อต้องการทำเช่นนี้ค้นหาไอคอน "บันทึก" ในแถบเครื่องมือ

    ไปเพื่อรักษาผลการทำงานในการดึงข้อมูลบนคอมพิวเตอร์

  2. เมื่อคลิกที่ไอคอนนี้หน้าต่างป๊อปอัปจะเปิดขึ้นด้วยแบบฟอร์มสำหรับการโหลดเอกสาร SVG

    ดาวน์โหลดรูปภาพด้วย Drawsvg บนคอมพิวเตอร์

    ป้อนชื่อไฟล์ที่ต้องการแล้วคลิก "บันทึกเป็นไฟล์"

  3. Drawsvg สามารถเรียกว่ารุ่นที่มีน้ำหนักเบาของ Janvas บรรณาธิการรองรับการทำงานกับแอตทริบิวต์ CSS แต่ไม่เหมือนกับเครื่องมือก่อนหน้านี้ไม่อนุญาตให้คุณเคลื่อนไหวไอเท็ม

ดูเพิ่มเติม: เปิดไฟล์กราฟิกแบบเวกเตอร์ SVG

บริการที่ระบุไว้ในบทความ - ไม่สามารถใช้ได้กับบรรณาธิการเวกเตอร์เครือข่าย อย่างไรก็ตามที่นี่เราได้รับการเก็บรวบรวมโซลูชันออนไลน์ฟรีและตรวจสอบแล้วส่วนใหญ่สำหรับการทำงานกับไฟล์ SVG ในเวลาเดียวกันบางคนมีความสามารถในการแข่งขันกับเครื่องดนตรีเดสก์ท็อป สิ่งที่ควรใช้มันขึ้นอยู่กับความต้องการและความชอบของคุณเท่านั้น

อ่านเพิ่มเติม