Cum se creează imagini svg

Grafica vectorială scalabilă (SVG) permite elemente mai interactive pe paginile web fără a utiliza cât mai multă lățime de bandă ca și alte formate de imagine, cum ar fi JPEG sau GIF, făcându-le ideale pentru designul web. Unele programe de ilustrare digitală, cum ar fi Adobe Illustrator, oferă opțiuni SVG și există site-uri online SVG Converter care sunt libere de acces. ThatShows Cum să creați propriile imagini SVG.

Pași

Metoda 1 din 2:
Utilizarea convertorului Convertio JPG la SVG
  1. Imagine intitulată Creați imagini SVG Pasul 1
1. Deschideți browserul web și mergeți la https: // convertio.CO / jpg-svg /. Acest lucru vă duce la pagina pentru JPG-ul lui Convertio la SVG Converter, care este liber de utilizat.
  • Imagine intitulată Creați imagini SVG Pasul 2
    2. Selectați sursa pentru imaginea JPG. În partea de sus a meniului convertor, ar trebui să vedeți o bară de instrumente roșie care să înregistreze diferite surse pe care le puteți accesa pentru a încărca un fișier imagine JPG pentru a fi convertit în SVG.
  • Imagine intitulată Creați imagini SVG Pasul 3
    3. Navigați la fișierul pe care doriți să îl convertiți. Odată ce ați selectat o sursă, o casetă de dialog ar trebui să apară cu biblioteca dosarelor computerului. De acolo, navigați la dosarul cu fișierul pe care doriți să-l convertiți și selectați fișierul.
  • Imagine intitulată Creați imagini SVG Pasul 4
    4. Clic Convertit. Odată ce fișierul a fost încărcat, un buton roșu va apărea în colțul din dreapta jos al ecranului meniului. Acest lucru va începe procesul de conversie, care poate dura câteva minute în funcție de dimensiunea fișierului.
  • Imagine intitulată Creați imagini SVG Pasul 5
    5. Clic Descarca. Odată ce fișierul se face convertit, un buton albastru va apărea în partea dreaptă a numelui fișierului din meniul Convertor. Odată ce faceți clic pe el, imaginea va fi apoi descărcată pe computer ca fișier SVG.
    • Metoda 2 din 2:
    Folosind Adobe Illustrator
    1. Imagine intitulată Creați imagini SVG Pasul 6
    1. Deschideți Adobe Illustrator. Adobe Illustrator este o aplicație grafică de design care vă permite să creați propria dvs. artă utilizând o varietate de instrumente și caracteristici.
  • Imagine intitulată Creați imagini SVG Pasul 7
    2. Creați-vă imaginea. Odată ce ați fost deschisă ilustrator, puteți selecta oricare dintre instrumentele din bara de instrumente din partea stângă a ecranului pentru a începe să vă proiectați imaginea.
  • Imagine intitulată Creați imagini SVG Pasul 8
    3. Aplicați efecte SVG la anumite straturi ale imaginii dvs. Dacă doriți să adăugați orice efecte personalizate la imaginea dvs., puteți selecta un strat și apoi faceți clic pe Efect > Filtre SVG > Aplicați filtrul SVG. Apoi, faceți clic pe butonul Editați filtrul SVG Buton, Editați codul implicit și faceți clic pe O.K Pentru a vă salva efectele SVG.
  • Imagine intitulată Creați imagini SVG Pasul 9
    4. Faceți clic pe fila Fișier. Aceasta este situată în colțul din stânga sus al ecranului.
  • Imagine intitulată Creați imagini SVG Pasul 10
    5. Selectați Export În meniu. Pentru a vă pregăti fișierul SVG pentru vizualizarea și utilizarea în afara ilustratorului, va trebui să o exportați.
  • De asemenea, puteți selecta Salvează ca..., Deși acest lucru va salva fișierul astfel încât să poată fi vizualizat și editat numai în Illustrator.
  • Imagine intitulată Creați imagini SVG Pasul 11
    6. Clic Export.... Aceasta scoate un nou meniu în care puteți exporta fișierul de la Illustrator în formatul ales de dvs.
  • De asemenea, puteți selecta Export pentru ecrane... Pentru a avea imaginea dvs. SVG salvată într-un mod care poate fi accesat pe dispozitivele iOS sau Android.
  • Imagine intitulată Creați imagini SVG Pasul 12
    7. Selectați SVG În lista tipurilor de fișiere. Illustrator oferă o varietate de tipuri de fișiere pentru a alege, inclusiv fișierele SVG Web-Ready.
  • Imagine intitulată Creați imagini SVG Pasul 13
    8. Clic Salvați. Imaginea dvs. va fi disponibilă acum pentru a fi utilizată ca fișier SVG.

    • sfaturi

    Partajați pe rețeaua socială:
    Similar