Πώς να δημιουργήσετε ένα Walking Sprite: 9 βήματα

2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:32

Εδώ θα μάθετε πώς να δημιουργείτε ένα sprite για περπάτημα

Απαιτούμενες προμήθειες:

Υπολογιστής (Οποιοσδήποτε τύπος θα κάνει)

Διαδίκτυο (Duh)

Πρόγραμμα περιήγησης στο Web (Οποιοδήποτε άλλο πρόγραμμα περιήγησης στο Web εκτός από τον Internet Explorer ή το Safari)

Βήμα 1: Ανοίξτε τον ιστότοπο

Μεταβείτε σε αυτόν τον σύνδεσμο https://piskelapp.com/ αυτός ο ιστότοπος δεν λειτουργεί με το safari επειδή δεν αποθηκεύει το έργο σας.

Βήμα 2: Δημιουργήστε έναν λογαριασμό

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

Βήμα 3: Πώς να δημιουργήσετε ένα Sprite

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

Βήμα 4: Σχεδιάστε έναν χαρακτήρα

Σχεδιάστε τον χαρακτήρα σας βεβαιωθείτε ότι έχει καθαρά χέρια και πόδια γιατί αυτό θα χρησιμοποιήσουμε περισσότερο. Χρησιμοποιούμε ένα απλούστερο σχέδιο, αλλά μπορείτε να κάνετε το δικό σας όσο πιο περίπλοκο θέλετε. Για να δημιουργήσετε τον χαρακτήρα χρησιμοποιήστε τα εργαλεία όπως το πινέλο και τα χρώματα. Για να επιλέξετε χρώματα, πρέπει να κάνετε κλικ στην καρτέλα χρώμα, και στη συνέχεια να επιλέξετε το χρώμα που προτιμάτε. Εάν θέλετε να χρησιμοποιήσετε την καρτέλα "άλλο χρώμα", κάντε κλικ στο κουμπί εναλλαγής χρωμάτων στο κάτω μέρος.

Βήμα 5: Δημιουργήστε Keyframes

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

Βήμα 6: Δημιουργήστε τα υπόλοιπα πλαίσια

Δημιουργήστε τα ενδιάμεσα πλαίσια. Θα μετακινήσετε πρώτα τα χέρια και τα πόδια ελαφρώς (αλλά όχι πολύ μακριά ή πολύ λίγο) αυτό θα κάνει τον χαρακτήρα να φαίνεται ότι έχει περισσότερη ροή. Μετακινήστε τα κάθε νέο καρέ έως ότου ταιριάζουν με τα βασικά καρέ που ακολουθούν. Στη συνέχεια, μετακινήστε ελαφρώς τα πόδια μέχρι να διασταυρωθούν μεταξύ τους. στη συνέχεια, αναδημιουργήστε τα καρέ πριν από το σταυρό με αντίστροφη σειρά (θυμηθείτε να ξαναδημιουργήσετε το μεσαίο πλαίσιο μετά). Στη συνέχεια, αναδημιουργήστε τα καρέ πριν από τη μέση εκτέλεση (συμπεριλαμβανομένου του πλαισίου σε στάση).

Βήμα 7: Πολωνική κινούμενη εικόνα

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

Βήμα 8: Εξαγωγή

Επιστρέψτε στη μίνι πλαϊνή γραμμή που κάναμε πριν και κάντε κλικ στην εξαγωγή της κινούμενης εικόνας. Εδώ μπορείτε να επιλέξετε την κλίμακα/μεγέθη και μπορείτε να επιλέξετε αν θέλετε ως gif,-p.webp

Βήμα 9: Τελειώσατε

Μόλις τελειώσετε, μπορείτε να μοιραστείτε την κινούμενη εικόνα σας οπουδήποτε