วิธีสร้างรูปภาพ SVG: 13 ขั้นตอน (พร้อมรูปภาพ)

สารบัญ:

วิธีสร้างรูปภาพ SVG: 13 ขั้นตอน (พร้อมรูปภาพ)
วิธีสร้างรูปภาพ SVG: 13 ขั้นตอน (พร้อมรูปภาพ)

วีดีโอ: วิธีสร้างรูปภาพ SVG: 13 ขั้นตอน (พร้อมรูปภาพ)

วีดีโอ: วิธีสร้างรูปภาพ SVG: 13 ขั้นตอน (พร้อมรูปภาพ)
วีดีโอ: How to Convert TIFF to JPG using Paint 2024, อาจ
Anonim

กราฟิกแบบเวกเตอร์ที่ปรับขนาดได้ (SVG) ช่วยให้มีองค์ประกอบแบบอินเทอร์แอกทีฟมากขึ้นบนเว็บเพจโดยไม่ต้องใช้แบนด์วิดท์มากเท่ากับรูปแบบภาพอื่นๆ เช่น JPEG หรือ-g.webp

ขั้นตอน

วิธีที่ 1 จาก 2: การใช้ Convertio-j.webp" />
สร้างรูปภาพ Svg ขั้นตอนที่ 1
สร้างรูปภาพ Svg ขั้นตอนที่ 1

ขั้นตอนที่ 1 เปิดเว็บเบราว์เซอร์ของคุณและไปที่

ซึ่งจะนำคุณไปยังหน้าสำหรับ-j.webp

สร้างรูปภาพ Svg ขั้นตอนที่ 2
สร้างรูปภาพ Svg ขั้นตอนที่ 2

ขั้นตอนที่ 2 เลือกแหล่งที่มาสำหรับภาพ-j.webp" />

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

สร้างรูปภาพ Svg ขั้นตอนที่ 3
สร้างรูปภาพ Svg ขั้นตอนที่ 3

ขั้นตอนที่ 3 ไปที่ไฟล์ที่คุณต้องการแปลง

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

สร้างรูปภาพ Svg ขั้นตอนที่ 4
สร้างรูปภาพ Svg ขั้นตอนที่ 4

ขั้นตอนที่ 4 คลิกแปลง

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

สร้างรูปภาพ Svg ขั้นตอนที่ 5
สร้างรูปภาพ Svg ขั้นตอนที่ 5

ขั้นตอนที่ 5. คลิกดาวน์โหลด

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

วิธีที่ 2 จาก 2: การใช้ Adobe Illustrator

สร้างรูปภาพ Svg ขั้นตอนที่ 6
สร้างรูปภาพ Svg ขั้นตอนที่ 6

ขั้นตอนที่ 1. เปิด Adobe Illustrator

Adobe Illustrator เป็นแอปออกแบบกราฟิกที่ให้คุณสร้างงานศิลปะของคุณเองโดยใช้เครื่องมือและคุณสมบัติที่หลากหลาย

สร้างภาพ Svg ขั้นตอนที่7
สร้างภาพ Svg ขั้นตอนที่7

ขั้นตอนที่ 2 สร้างภาพของคุณ

เมื่อคุณเปิด Illustrator แล้ว คุณสามารถเลือกเครื่องมือใดก็ได้ในแถบเครื่องมือทางด้านซ้ายของหน้าจอเพื่อเริ่มต้นออกแบบรูปภาพของคุณ

สร้างรูปภาพ Svg ขั้นตอนที่ 8
สร้างรูปภาพ Svg ขั้นตอนที่ 8

ขั้นตอนที่ 3 ใช้เอฟเฟกต์ SVG กับบางเลเยอร์ของรูปภาพของคุณ

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

สร้างรูปภาพ Svg ขั้นตอนที่ 9
สร้างรูปภาพ Svg ขั้นตอนที่ 9

ขั้นตอนที่ 4 คลิกแท็บไฟล์

ที่มุมซ้ายบนของหน้าจอ

สร้างรูปภาพ Svg ขั้นตอนที่ 10
สร้างรูปภาพ Svg ขั้นตอนที่ 10

ขั้นตอนที่ 5. เลือกส่งออกในเมนู

หากต้องการให้ไฟล์ SVG ของคุณพร้อมสำหรับการดูและใช้งานภายนอก Illustrator คุณจะต้องส่งออกไฟล์

คุณยังสามารถเลือก บันทึกเป็น… แม้ว่าจะเป็นการบันทึกไฟล์เพื่อให้สามารถดูและแก้ไขได้ใน Illustrator เท่านั้น

สร้างรูปภาพ Svg ขั้นตอนที่ 11
สร้างรูปภาพ Svg ขั้นตอนที่ 11

ขั้นตอนที่ 6 คลิก ส่งออกเป็น…

ซึ่งจะดึงเมนูใหม่ขึ้นมาซึ่งคุณสามารถส่งออกไฟล์จาก Illustrator ไปเป็นรูปแบบที่คุณเลือกได้

คุณยังสามารถเลือก ส่งออกสำหรับหน้าจอ… เพื่อบันทึกภาพ SVG ของคุณในแบบที่สามารถเข้าถึงได้บนอุปกรณ์ iOS หรือ Android

สร้างรูปภาพ Svg ขั้นตอนที่ 12
สร้างรูปภาพ Svg ขั้นตอนที่ 12

ขั้นตอนที่ 7 เลือก SVG ในรายการประเภทไฟล์

Illustrator มีไฟล์หลายประเภทให้คุณเลือก รวมถึงไฟล์ SVG ที่พร้อมใช้งานบนเว็บ

สร้างรูปภาพ Svg ขั้นตอนที่ 13
สร้างรูปภาพ Svg ขั้นตอนที่ 13

ขั้นตอนที่ 8 คลิกบันทึก

รูปภาพของคุณจะพร้อมใช้งานเป็นไฟล์ SVG

แนะนำ: