Πώς να δημιουργήσετε εικόνες μορφοποίησης SVG

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

Πώς να δημιουργήσετε εικόνες μορφοποίησης SVG
Πώς να δημιουργήσετε εικόνες μορφοποίησης SVG

Βίντεο: Πώς να δημιουργήσετε εικόνες μορφοποίησης SVG

Βίντεο: Πώς να δημιουργήσετε εικόνες μορφοποίησης SVG
Βίντεο: Photoshop Μάθημα 1ο, Pixel και Ανάλυση εικόνας 2024, Ιούλιος
Anonim

Η κλιμακούμενη μορφή διανυσματικών γραφικών (SVG) σας επιτρέπει να δημιουργήσετε περισσότερα διαδραστικά στοιχεία σε ιστοσελίδες, χωρίς να καταναλώνετε τόσο μεγάλο εύρος ζώνης όσο άλλες μορφές όπως JPEG ή-g.webp

Βήμα

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

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

Θα μεταφερθείτε στη σελίδα του μετατροπέα Convertio-j.webp

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

Βήμα 2. Επιλέξτε το αρχείο προέλευσης JPG

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

Δημιουργία εικόνων 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.

Συνιστάται: