Πώς να δημιουργήσετε εικόνες SVG: 13 βήματα (με εικόνες)

Πίνακας περιεχομένων:

Πώς να δημιουργήσετε εικόνες SVG: 13 βήματα (με εικόνες)
Πώς να δημιουργήσετε εικόνες SVG: 13 βήματα (με εικόνες)

Βίντεο: Πώς να δημιουργήσετε εικόνες SVG: 13 βήματα (με εικόνες)

Βίντεο: Πώς να δημιουργήσετε εικόνες SVG: 13 βήματα (με εικόνες)
Βίντεο: CS50 2013 - Week 5, continued 2024, Ενδέχεται
Anonim

Τα κλιμακούμενα διανυσματικά γραφικά (SVG) επιτρέπουν περισσότερα διαδραστικά στοιχεία σε ιστοσελίδες χωρίς να χρησιμοποιούν τόσο μεγάλο εύρος ζώνης όσο άλλες μορφές εικόνας όπως JPEG ή GIF, καθιστώντας τα ιδανικά για σχεδιασμό ιστοσελίδων. Ορισμένα προγράμματα ψηφιακής απεικόνισης, όπως το Adobe Illustrator, προσφέρουν επιλογές SVG και υπάρχουν διαδικτυακοί ιστότοποι μετατροπέων SVG στους οποίους η πρόσβαση είναι δωρεάν. Αυτό το wikiHow σας δείχνει πώς να δημιουργήσετε τις δικές σας εικόνες SVG.

Βήματα

Μέθοδος 1 από 2: Χρήση Convertio-j.webp" />
Δημιουργία εικόνων Svg Βήμα 1
Δημιουργία εικόνων Svg Βήμα 1

Βήμα 1. Ανοίξτε το πρόγραμμα περιήγησής σας στο Web και μεταβείτε στη διεύθυνση

Αυτό σας μεταφέρει στη σελίδα του-j.webp

Δημιουργία εικόνων Svg Βήμα 2
Δημιουργία εικόνων Svg Βήμα 2

Βήμα 2. Επιλέξτε την πηγή για την εικόνα σας JPG

Στο επάνω μέρος του μενού του μετατροπέα, θα πρέπει να δείτε μια κόκκινη γραμμή εργαλείων με διάφορες πηγές στις οποίες μπορείτε να αποκτήσετε πρόσβαση για να ανεβάσετε ένα αρχείο εικόνας-j.webp

Δημιουργία εικόνων Svg Βήμα 3
Δημιουργία εικόνων Svg Βήμα 3

Βήμα 3. Μεταβείτε στο αρχείο που θέλετε να μετατρέψετε

Μόλις επιλέξετε μια πηγή, θα εμφανιστεί ένα παράθυρο διαλόγου με τη βιβλιοθήκη των φακέλων του υπολογιστή σας. Από εκεί, μεταβείτε στο φάκελο με το αρχείο που θέλετε να μετατρέψετε και επιλέξτε το αρχείο.

Δημιουργία εικόνων Svg Βήμα 4
Δημιουργία εικόνων Svg Βήμα 4

Βήμα 4. Κάντε κλικ στην επιλογή Μετατροπή

Μόλις φορτωθεί το αρχείο, θα εμφανιστεί ένα κόκκινο κουμπί στην κάτω δεξιά γωνία της οθόνης του μενού. Αυτό θα ξεκινήσει τη διαδικασία μετατροπής, η οποία μπορεί να διαρκέσει λίγα λεπτά ανάλογα με το μέγεθος του αρχείου.

Δημιουργία εικόνων Svg Βήμα 5
Δημιουργία εικόνων Svg Βήμα 5

Βήμα 5. Κάντε κλικ στην επιλογή Λήψη

Μόλις ολοκληρωθεί η μετατροπή του αρχείου, θα εμφανιστεί ένα μπλε κουμπί στα δεξιά του ονόματος του αρχείου στο μενού Converter. Μόλις το κάνετε κλικ, η εικόνα θα μεταφορτωθεί στον υπολογιστή σας ως αρχείο 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 που είναι έτοιμα για web.

Δημιουργία εικόνων Svg Βήμα 13
Δημιουργία εικόνων Svg Βήμα 13

Βήμα 8. Κάντε κλικ στην επιλογή Αποθήκευση

Η εικόνα σας θα είναι πλέον διαθέσιμη για χρήση ως αρχείο SVG.

Συνιστάται: