Δημιουργία κινούμενης εικόνας adobe animate cc. Danil Fimushkin. Τι σημαίνουν οι αριθμοί και τα γράμματα στα ονόματα των μοντέλων Wacom;

Ας δημιουργήσουμε ένα νέο αρχείο, ας το κάνουμε σε μέγεθος 800x600 και ας μεταφέρουμε μερικά αρχεία σε αυτό, δηλαδή αυτές τις λίγες εικόνες και τον «θόρυβο του δάσους mp3», δηλαδή ήχο. Το μεταφέρω εδώ. Αυτό που έχουμε ως αποτέλεσμα είναι αυτή η εικόνα - είναι ένα δάσος, λέγεται "bg", "play" και "pause", αυτά είναι κουμπιά. Θα τα μετακινήσω προς τα κάτω τώρα, ας τα μετακινήσω, κάτι σαν αυτό - η πιο απλή επιλογή.

Θα ξεκινήσω τώρα το animation, πατήστε cntr+enter, υπάρχει μόνο ένα δάσος και μόνο δύο κουμπιά, τίποτα δεν λειτουργεί. Αν θέλω να κάνω έναν ήχο να αναπαράγεται αυτόματα για μένα, λέγεται "θόρυβος του δάσους", τότε πρέπει να επιλέξω αυτό το επίπεδο και μετά να επιλέξω "αυτόματη αναπαραγωγή", τώρα όταν πατάω cntr+enter θα παίζει ο ήχος. Φοβερο.

Πώς να προσθέσετε έναν σύνδεσμο με δυνατότητα κλικ σε ένα βίντεο στο Adobe Edge Animate.

Αν απλώς σχεδιάσαμε κάποιο κουμπί και υπάρχει κάποιο είδος φόντου, τότε αν κάνουμε κλικ σε αυτό, δεν θα υπάρχει πουθενά μετάβαση. Να προσθέσω διαδραστικός σύνδεσμοςΠρέπει να επιλέξουμε αυτό το κουμπί, να κάνουμε δεξί κλικ ανοιχτή δράση, κουμπί φάουλ, αυτό το ονομάζω και να κάνουμε κλικ, δηλαδή τι θα γίνει όταν κάνουμε κλικ. Και εδώ πρέπει να επιλέξουμε Open you are raol.

Θα σας δείξω σε αυτό το βίντεο πώς να το κάνετε, δεν είναι περίπλοκο, αλλά πρέπει να καταλάβετε σωστά πού πρέπει να αντιγράψετε τον σωστό κώδικα και πού πρέπει να τον επικολλήσετε.

Ας πούμε ότι έχετε βίντεο που έγινε σε adobe edge animate, όταν κάνετε κλικ σε αυτό, ανοίγει το επιθυμητό σελίδα προορισμού, είναι σε μορφή edge anime και είναι αποθηκευμένο στο φάκελο με την πηγή και τα σενάρια Java. Ανοίξτε το σε οποιοδήποτε επεξεργαστής κειμένου, μπορείτε να χρησιμοποιήσετε οποιοδήποτε δοκιμαστικό πρόγραμμα επεξεργασίας, για παράδειγμα: σημειωματάριο κ.λπ.

Πώς να κάνετε loop ένα animation στο Adobe Edge Animate, δηλαδή πώς να το κάνετε έτσι ώστε όταν παίζει μέχρι το τέλος, να ξεκινά ξανά από την αρχή και να συνεχίζει για πάντα.

Εδώ μπορείτε να αντιγράψετε βασικά καρέ, δηλαδή, επιλέγω ένα πλαίσιο, πατάω cntr+c, κάνω κλικ στο πεδίο που θέλετε, πατάτε cntr+v, το κινούμενο σχέδιο θα κάνει βρόχο, δηλαδή όχι βρόχο, αλλά σε αυτήν την περίπτωση, πηγαίνετε από το σημείο εκκίνησης πίσω στο σημείο εκκίνησης. Αν τρέξω αυτό το βίντεο και πατήσω cntr+enter, βλέπουμε ότι το animation διαρκεί μόνο 1 δευτερόλεπτο, πηγαίνει στη μία πλευρά και επιστρέφει στην άλλη.

Ας υποθέσουμε ότι έχετε ένα banner φτιαγμένο στο Adobe edge animate, όταν κάνετε κλικ σε αυτό, ανοίγει η επιθυμητή σελίδα προορισμού, είναι σε μορφή edge animate και αποθηκεύεται σε ένα φάκελο με τον πηγαίο κώδικα και τα σενάρια Java. Ανοίξτε το σε οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου, μπορείτε να χρησιμοποιήσετε οποιοδήποτε δοκιμαστικό πρόγραμμα επεξεργασίας, για παράδειγμα: σημειωματάριο κ.λπ.

Στη συνέχεια, θέλω να εισαγάγω αυτό το banner στον ιστότοπο. Τι πρέπει να γίνει? Πρέπει να κατεβάσετε το αρχείο ευρετηρίου, μετά να το ανοίξετε σε ένα πρόγραμμα επεξεργασίας κειμένου, να αντιγράψετε τον κώδικα adobe edge και στο τέλος να προσθέσετε τον κωδικό εδώ πριν από το "head", μετά πριν από τον τίτλο του μέρους όπου θα προσθέσουμε το banner μας, πριν το div. Για πιο ακριβή εκτέλεση, υπάρχουν οδηγίες που θα σας βοηθήσουν: https://docs.google.com/document/d/1-kTj3QhCbzT47-dReqpgVCBN_YuPy3hqxAMp94KcnZ0/edit. Στη συνέχεια, αποθηκεύουμε και πηγαίνουμε στην υπηρεσία FTP, χρησιμοποιώ το filezilla, βρίσκω τη θέση αποθήκευσης του ιστότοπού σας και αντιγράφουμε τον φάκελο ευρετηρίου στο αρχείο σας, που βρίσκεται στον διακομιστή, αντικαθιστώντας τα τρέχοντα αρχεία. Στη συνέχεια, κατεβάζουμε όλα τα σενάρια Java και ενημερώνουμε τον ιστότοπο. Όλα είναι έτοιμα - το κινούμενο σχέδιο λειτουργεί και ανοίγει επίσης η καρτέλα με τη σελίδα προορισμού.

Αν σας ενδιαφέρουν τέτοια μαθήματα, εγγραφείτε στο κανάλι μου, γιατί... θα υπάρξουν πολλά νέα βίντεο στο εγγύς μέλλον - http://www.youtube.com/user/danilfimushkin?sub_confirmation=1

00:32 – ας υποθέσουμε ότι έχετε ένα banner φτιαγμένο στο Adobe edge animate

01:30 – προσθέστε ένα banner στον ιστότοπο

02:09 – προσθέστε κωδικό πριν από την ετικέτα "head".

02:50 – οδηγίες για την προσθήκη banner στον ιστότοπο

03:31 – μεταφόρτωση αρχείων στον διακομιστή

05:29 – ενημερώνουμε τον ιστότοπο και όλα είναι έτοιμα!

Εγγραφείτε και κάντε ερωτήσεις:

Κατεβάστε τρία δωρεάν πρότυποΜούσα: http://site/free-landing.html

http://vk.com/adobeedgeanimate

Είμαι στο VKontakte: http://vk.com/danilfimushkin

Στο διαδικτυακό σεμινάριο, είπα και έδειξα πώς μπορείτε να φτιάξετε ένα πλήρες banner κινουμένων σχεδίων από μια διανυσματική απεικόνιση.

00:17 – αρχίζουμε να κάνουμε κίνηση της διανυσματικής απεικόνισης στο Edge Animate
14:06 – δημιουργήστε την κίνηση των ποδιών του χαρακτήρα
16:54 – πλεονεκτήματα ενός ένθετου συμβόλου
17:48 – τι είναι ένα ένθετο σύμβολο
18:24 – γράφοντας ένα κινούμενο σχέδιο
19:42 – Η κινούμενη εικόνα με βρόχο είναι έτοιμη
23:40 – δημιουργία βλεφαρίδων
26:54 – προσδιορίστε τα ονόματα αρχείων κατά την αποθήκευση
27:57 – κινούμενη εικόνα «αναπτυσσόμενου» κειμένου
28:39 – προσάρτηση καμπύλης κίνησης – αλλαγή άξονα κινούμενης εικόνας
30:03 – ενδιάμεση περίληψη του κινούμενου σχεδίου, δημιουργία ενός χιονισμένου τοπίου και ζωντάνια μιας νιφάδας χιονιού
33:39 – Κριτική του Edge Animate
34:52 – εργασία για το σπίτι
35:25 – πώς να προσθέσετε έναν ενεργό σύνδεσμο
39:09 – δημιουργία πολλών κουμπιών και επισύναψη συνδέσμων

Εγγραφείτε και κάντε ερωτήσεις: http://vk.com/adobeedgeanimate

UPD 6 Δεκεμβρίου 2015:
Ο διευθυντής προϊόντων για Flash Runtime και Adobe AIR είπε ότι δεν έχουν σχέδιαγια να σταματήσετε να εργάζεστε σε Flash Runtime και AIR και μετονομασία ενός προϊόντος δημιουργίας περιεχομένουμε τιποτα δεν σχετίζεται με τη μοίρα Flash Player και σχετικό οικοσύστημα.

Όλα θα ήταν καλά, εκτός από μια απόχρωση που αλλάζει πολύ το νόημα - τεχνικός αναλφαβητισμός και γενική αντιγραφή-επικόλληση. Οι δημοσιεύσεις ανατυπώνονται μεταξύ τους, προσθέτοντας όλο και περισσότερα «στοιχεία» που δεν υπάρχουν στο πρωτότυπο. Με μια λέξη - ένα κατεστραμμένο τηλέφωνο.

Το αρχικό άρθρο http://blogs.adobe.com/conversations/2015/11/flash-html5-and-open-web-standards.html αναφέρει ότι η Adobe μετονομάζει το Flash Professional σε Animate CC. Επιπλέον, αναφέρουν ότι οι πελάτες θέλουν περισσότερες υποστηριζόμενες πλατφόρμες κ.λπ.

Και δεν με εξέπληξε το γεγονός ότι πολλοί άνθρωποι δεν βλέπουν τη διαφορά μεταξύ Flash και Flash Professional. Διάφορα gags άρχισαν να εμφανίζονται σε ειδησεογραφικούς ιστότοπους, επικαλούμενες άλλες πηγές που συνδέονται πιο κάτω από την αλυσίδα. Και όχι πάντα το πρωτότυπο.

Σήμερα, η λέξη Flash γίνεται αντιληπτή ως πρόσθετο για προγράμματα περιήγησης. Τεχνικά είναι Flash Player. Αλλά υπάρχει ένα εργαλείο δημιουργίας περιεχομένου - το Flash Professional. Εάν η Microsoft μετονομάσει το Word σε TextMachine, θα φώναζαν οι άνθρωποι ότι "η Microsoft σταμάτησε να αναπτύσσει το Word;" Παρόλο που είναι γραμμένο ασπρόμαυρο ότι θα υποστηρίζεται η δημιουργία περιεχομένου και η επεξεργασία των δεδομένων;

Από τα δικά μου παραδείγματα μπορώ να δείξω μια ζωντανή εικόνα. Οι τοπικοί πελάτες με ρωτούν τι θα χρησιμοποιήσουμε για να δημιουργήσουμε κινούμενα σχέδια για μια παρουσίαση για iOS. Είμαι περήφανος που το λέω στο Flash Professional. Και ο πελάτης είναι σε λήθαργο. Μετά από λίγο λέει:

"Αλλά στο hub γράφουν ότι το φλας είναι νεκρό και δεν λειτουργεί στο tablet"

Και μετά πέφτω σε λήθαργο. Ο τεχνικός αναλφαβητισμός των πελατών και των συντακτών άρθρων για το flash κάνει τους ανθρώπους να απομακρύνονται από το επιθυμητό αποτέλεσμα. Ευτυχώς, ο πελάτης πείστηκε και έμεινε ικανοποιημένος με το αποτέλεσμα.

Ας επιστρέψουμε στο αρχικό άρθρο. Αναφέρουν ότι το html5 έχει ωριμάσει και ήδη υποστηρίζει τις περισσότερες από τις δυνατότητες του Flash. Προχωρώντας προς τα κάτω, βλέπουμε ότι η ίδια η Adobe βλέπει το Flash ως βασικό μέσο για την παροχή περιεχομένου υψηλής ποιότητας - παιχνίδια Ιστού και βίντεο υψηλής ποιότητας. Αλλά δεν υπάρχει καμία λέξη ότι σταματούν την υποστήριξη για το Flash.

Επιπλέον... Δηλώνουν ξεκάθαρα ότι εργάζονται σε συνεργασία με τη Microsoft και την Google για τη βελτίωση της συμβατότητας και της ασφάλειας του Flash Player. Και δεν ξέχασαν να προσθέσουν ότι συνεργάζονται στενά με το Facebook για να βελτιώσουν την αξιοπιστία και την ασφάλεια των παιχνιδιών στο Flash Player. Πού υπάρχει λοιπόν λέξη ότι εγκαταλείπουν το Flash;

Αν μιλάμε για την ανάπτυξη του Flash γενικά, ναι, έχει σταματήσει εδώ και πολύ καιρό. Γίνονται μόνο μικρές (αλλά σημαντικές) βελτιώσεις και διορθώνονται σφάλματα ασφαλείας. Είναι όμως πραγματικά τόσο κακό; Από την άποψή μου, το Flash έχει όλα όσα χρειάζεται. Φυσικά, θα ήθελα περισσότερα. Μα γιατί?

Για περισσότερα, θα πρέπει να πάτε για την αυτόνομη μορφή παιχνιδιών. Και υπάρχει το Adobe AIR (αν αναλογιστούμε το Flash). Αρνηση Υποστήριξη AdobeΤο AIR δεν είναι σταθερό. Έχω πληροφορίες για τα σχέδια για το 2016. Θα πεθάνει όμως το φλας του προγράμματος περιήγησης; Σίγουρα. Αλλά σίγουρα όχι αύριο.

Και για όσους θέλουν να λένε κλισέ ότι το Flash αδειάζει την μπαταρία, δείξτε μου πώς το φορτίζει το Canvas.

Αξίζει επίσης να σημειωθεί ότι το έργο Adobe Edge Animate δεν θα αναπτύσσεται πλέον ενεργά. Αλλά επειδή Είμαι κοντά στην ανάπτυξη του Flash Professional - σας διαβεβαιώνω ότι το Edge Animate δεν θα αναπτυχθεί καθόλου (εκτός κρίσιμα σφάλματα). Η απόφαση αυτή ελήφθη υπέρ του Adobe Flash Professional (future Animate CC).

Για να προετοιμάσετε δημιουργικά HTML για τοποθέτηση στο ADFOX, είναι σημαντικό να συμμορφώνεστε με τις απαιτήσεις για την εισαγωγή κώδικα που επεξεργάζεται ένα κλικ σε ένα banner και μετράει συμβάντα στο banner.
Κατά την ανάπτυξη κώδικα HTML, μπορείτε να χρησιμοποιήσετε τους επεξεργαστές για τους οποίους γράφτηκαν αυτές οι οδηγίες:
- Adobe Animate CC
- Google Web Designer.
- Adobe Edge Animate CC.

Απαιτήσεις για κώδικα HTML (για προγραμματιστές κώδικα)

Προετοιμάστε το έργο σας ικανοποιώντας τις ακόλουθες απαιτήσεις:

1. Ο μέγιστος επιτρεπόμενος αριθμός χαρακτήρων στον κώδικα HTML είναι 65.000.
2. Είναι προτιμότερο να τοποθετήσετε JavaScript και CSS μέσα στον κώδικα HTML του banner.
Εάν ο κώδικας HTML που προκύπτει υπερβαίνει τον μέγιστο επιτρεπόμενο αριθμό χαρακτήρων, τότε είναι απαραίτητο να μειώσετε τον κώδικα τοποθετώντας JavaScript και CSS σε ξεχωριστά αρχεία:
- αποθήκευση js και κώδικας cssσε ξεχωριστά αρχεία με την επέκταση .js ή .css.
3. Ένα έργο μπορεί να περιέχει μόνο ένα αρχείο με την επέκταση .html.
4. Ο μέγιστος επιτρεπόμενος αριθμός αρχείων σε ένα έργο είναι 50.
5. Επιτρεπόμενοι τύποι αρχείων στο έργο: css, js, html, gif, png, jpg, jpeg, svg, json, flv, mp4, ogv, ogg, webm, avi, swf, otf, ttf, abf, acfm, gdr, etx , eot, fnt, fon, mf, ttc, woff;
6. Μέγιστο μέγεθοςκάθε αρχείο (ισχύει και για αρχεία μέσα στο αρχείο):
- 300 Kb;
- 1MB για αρχεία βίντεο.
7. Τα ονόματα αρχείων πρέπει να περιέχουν μόνο αριθμούς ή γράμματα του αγγλικού αλφαβήτου και τον χαρακτήρα υπογράμμισης. Δεν επιτρέπεται η χρήση ρωσικών γραμμάτων, διαστημάτων, εισαγωγικών και ειδικών χαρακτήρων στο όνομα του αρχείου.
8. Δεν μπορείτε να χρησιμοποιήσετε ρωσικά γράμματα στα ονόματα των μεταβλητών και των αντικειμένων.
Η μόνη εξαίρεση είναι το κείμενο στο πανό.
9. Μορφή του τελικού έργου - φερμουάραρχείο.

Adobe Animate CC

1. Προετοιμασία συντάκτη.

Για να δημιουργήσετε ένα νέο έργο στο AdobeAnimate CC, επιλέξτε το έργο "HTML5 Canvas".

Ο κώδικας αυτού του προτύπου μπορεί να χρησιμοποιηθεί ως βάση κατά τη δημιουργία δημιουργικών στο πρόγραμμα επεξεργασίας.

Για να εφαρμόσετε ένα πρότυπο σε ένα έργο, στις ρυθμίσεις δημοσίευσης, επιλέξτε "Σύνθετες ρυθμίσεις δημοσίευσης -> Εισαγωγή νέου...".

Το πρότυπο περιέχει σενάριο adfox_HTML5.js

3. Κάντε κλικ στην επεξεργασία

Εάν το δημιουργικό σας περιλαμβάνει κυκλική κινούμενη εικόνα, χρησιμοποιήστε κωδικούς για κουμπιά μόνο από την ενότητα.

3.1 Για να κάνετε κλικ σε ολόκληρη την περιοχή του banner και να έχετε έναν σύνδεσμο για να μεταβείτε, προσθέστε τον ακόλουθο κώδικα στο πρώτο καρέ της κινούμενης εικόνας:

Canvas.style.cursor = "δείκτης"; canvas.addEventListener("κλικ", function() ( window.callClick(); ));

3.2 Για να προσθέσετε πολλά κουμπιά για μετακίνηση με διαφορετικούς συνδέσμους, προσθέστε ένα κύριο κουμπί για να κάνετε κλικ στο banner στο επάνω επίπεδο κινούμενης εικόνας, αντιστοιχίστε στο κουμπί ένα Όνομα παρουσίας και γράψτε τον κωδικό στο κουμπί:

This.btnMain.addEventListener("κλικ", συνάρτηση (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(); ); )) ;

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

This.btnLeft.addEventListener("κλικ", συνάρτηση (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(n); ); ) )

Οπου n

3.3

This.btnText.addEventListener("άνοδος του ποντικιού", function() ( window.callEvent(n); ));

Οπου το ποντίκι - συμβάν javascript, n- αριθμός συμβάντος από 1 έως 30 που πρέπει να ενεργοποιηθεί.

Χαρακτηριστικά δημιουργίας looping animation

Για να εφαρμόσετε την κίνηση επαναφοράς σε ένα δημιουργικό στο πρόγραμμα επεξεργασίας CC Animate:
- ορίστε την επιλογή "Loop Timeline" στις ρυθμίσεις δημοσίευσης.
- χρησιμοποιήστε τους κωδικούς για τα κουμπιά από αυτήν την ενότητα και οι κωδικοί για τα κανονικά κουμπιά από τις παραγράφους 3.1 και 3.2 πρέπει να αφαιρεθούν.

Κώδικας για ένα διαφημιστικό κείμενο με ένα κουμπί και κινούμενη εικόνα:

Εάν υπάρχουν πολλά κουμπιά, τότε στον κωδικό για την κλήση συμβάντων ADFOX, προσθέστε τον ακόλουθο κωδικό:

If (typeof(this.stopCycle) == "undefined") ( this.btnMain.addEventListener("click", συνάρτηση (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(); ; )); this.btnLeft.addEventListener("κλικ", συνάρτηση (e) ( var t = e.nativeEvent; if (t.which == 1 || t. κουμπί == 0) ( window.callClick(n); )); this.stopCycle = true; )

Οπου n- αριθμός συμβάντος από 1 έως 30 που πρέπει να ενεργοποιηθεί.

Χρησιμοποιώντας διαφανή κουμπιά

Τα διαφανή κουμπιά μπορούν να χρησιμοποιηθούν, για παράδειγμα, εάν χρειάζεται να κάνετε κλικ σε ολόκληρη την περιοχή του banner ή μόνο ένα μέρος. Για αυτούς, καθώς και για τα κανονικά κουμπιά, πρέπει να προστεθεί ένας κωδικός για την κλήση μιας μετάβασης ή ενός συμβάντος.

Τα κουμπιά στο Animate είναι σύμβολα που περιέχουν τέσσερα πλαίσια. Μπορείτε να αφήσετε τα τρία πρώτα κενά και να συμπληρώσετε μόνο το τελευταίο "Hit" προσθέτοντας περιεχόμενο (ένα γραφικό στοιχείο) σε αυτό μέσω Insert > Timeline > Keyframe.

Το περιεχόμενο του πλαισίου Hit είναι αόρατο, αλλά ορίζει την περιοχή του κουμπιού που ανταποκρίνεται σε ένα κλικ. Μπορείτε να προσθέσετε περιεχόμενο (ένα γραφικό στοιχείο) σε αυτό το πλαίσιο μέσω Εισαγωγή > Χρονολόγιο > Βασικό καρέ. Εάν τα υπόλοιπα καρέ παραμένουν άδεια ή αόρατα, το κουμπί μέσα χώρο εργασίαςεμφανίζεται διαφανές μπλε και έχει σχήμα όπως το περιεχόμενο που περιέχεται στο επόμενο πλαίσιο επίσκεψης. Όταν δημοσιεύετε το έργο σας, η διαφανής μπλε περιοχή δεν θα είναι ορατή.

Χαρακτηριστικό της υλοποίησης τεντώματος (λαστιχένιο) πανό

Για να απλώσετε το banner σε όλο το πλάτος του κοντέινερ στο οποίο θα βρίσκεται στον ιστότοπο, κάντε τις ρυθμίσεις: Επιλέξτε Αρχείο > Ρυθμίσεις δημοσίευσης.
Στην καρτέλα Βασικός, επιλέξτε Κάντε Responsive > Πλάτος, Ύψος ή και τα δύο.
Επιλέγω Κλίμακα για να γεμίσετε την ορατή περιοχήγια να δείτε την έξοδο σε λειτουργία πλήρους οθόνης.
Επιλέγοντας "Προσαρμογή σε προβολή" θα κλιμακωθεί το περιεχόμενο ώστε να καλύψει όλο τον διαθέσιμο χώρο στην οθόνη, διατηρώντας τον ίδιο λόγο διαστάσεων. Έτσι, εάν το Μέγιστο πλάτος έχει ήδη επιτευχθεί, τότε η περιοχή κατά το ύψος της οθόνης μπορεί να παραμείνει μη γεμάτη και το αντίστροφο.

Εάν δεν μπορείτε να επιτύχετε το επιθυμητό αποτέλεσμα χρησιμοποιώντας τις ρυθμίσεις του προγράμματος, χρησιμοποιήστε δέσμες ενεργειών.
Ακολουθούν παραδείγματα κωδικών:
Λήψη κώδικα για κλιμάκωση αναλογίας διαστάσεων.
Κατεβάστε τον κώδικα για κλιμάκωση χωρίς λόγο διαστάσεων.
Κατεβάστε τον κώδικα για τα στοιχεία τοποθέτησης, όπου an0..an4είναι το Instance Name των στοιχείων.

Δυνατότητες δημιουργίας banner με αυτόματη αναβοσβήνει

Εάν θέλετε να εμφανίσετε ένα banner από μια κατάσταση επέκτασης, τότε όταν προσθέτετε ένα banner στη διεπαφή, πρέπει να καθορίσετε την τιμή "ναι" στην παράμετρο "Αυτόματη επέκταση πάντα" ή "Ανάπτυξη κατά την προετοιμασία" και να προσθέσετε τον κωδικό στο Δημιουργικό HTML:

Window.global_exp_banner = this.exp_banner; window.global_main_banner = this.main_banner; window.global_exp_banner.visible = false; if (window.isBannerExpanded) ( window.global_exp_banner.visible = true; window.global_exp_banner.btnCollapse.visible = true; window.global_main_banner.visible = false; window.global_main_banner.btnExpand.visible. ορατό = ψευδές; window.global_exp_banner.btnCollapse.visible = ψευδές; window.global_main_banner.visible = αληθινό; window.global_main_banner.btnExpand.visible = true; ) window.global_main_banner.btnExpand.addEventner("thinkslick". )); window.global_exp_banner.btnCollapse.addEventListener("κλικ", collapseBanner.bind(this)); window.onBannerExpand = function() ( window.callEvent(2); window.global_exp_banner.visible = true; window.global_exp_banner.btnCollapse.visible = true; window.global_main_banner.visible = false; window.global_main_banner.btnE =false . = αλήθεια;)

5. Δημοσίευση του έργου.

Σπουδαίος! Κατά την προεπισκόπηση ενός έργου στο πρόγραμμα περιήγησης μέσω (Ctrl-Enter | Cmd-Enter)Οι τυχαίες τιμές της φόρμας προστίθενται σε συνδέσμους σε ονόματα αρχείων σε HTML ?1468231208369 . Τέτοιες τιμές πρέπει να εξαιρεθούν από το έργο κατά τη φόρτωσή του στο ADFOX.
Για να γίνει αυτό, το τελικό έργο στον επεξεργαστή πρέπει να δημοσιευτεί μέσω Αρχείο > Ρυθμίσεις δημοσίευσης > Δημοσίευση (Shift-Ctrl-F12 | Shift-Cmd-F12).

Κατά τη δημοσίευση ενός έργου, επιλέξτε ένα πρότυπο AdobeAnimate_Adfox_.html.

.φερμουάρ

Google Web Designer

Ο κώδικας αυτού του banner μπορεί να χρησιμοποιηθεί ως βάση κατά τη δημιουργία δημιουργικών στο πρόγραμμα επεξεργασίας.

Το πρότυπο περιέχει σενάριο adfox_HTML5.jsκαι ένα σύνολο παραμέτρων για τη σωστή λειτουργία των μεταβάσεων και της καταμέτρησης συμβάντων:
%reference%, %user1%, %eventN%, όπου N είναι ο αριθμός συμβάντος από το 1 έως το 30.

2. Κάντε κλικ στην επεξεργασία.

Όλα τα συμβάντα αντιστοιχίζονται σε συγκεκριμένα στοιχεία κινουμένων σχεδίων μέσω της καρτέλας Συμβάντα.

Το στοιχείο Interactive Area χρησιμοποιείται για την επίκληση ενεργειών.
Προσθέστε το και επιλέξτε ένα συμβάν "Διαδραστική περιοχή" - "Άγγιγμα/Κλικ"(ή "Πατήστε Περιοχή > Αγγίξτε/Κλικ" στην αγγλική έκδοση).

Στην καρτέλα "Προσαρμοσμένος κωδικός", καθορίστε μια κλήση στη λειτουργία κλικ.

2.1

CallClick();

2.2

CallClick(n);

Οπου n

2.3 Εάν χρειάζεται να ενεργοποιήσετε ένα συμβάν από μια κινούμενη εικόνα χωρίς μετάβαση, χρησιμοποιήστε τον ακόλουθο κώδικα:

CallEvent(n);

Οπου n- αριθμός του συμβάντος που πρέπει να κληθεί.

Έτσι ώστε το banner να εκτείνεται σε όλο το πλάτος του δοχείου στο οποίο θα βρίσκεται στην τοποθεσία, στον πίνακα ΙδιότητεςΓια τη θέση και τις διαστάσεις, καθορίστε ποσοστά αντί για εικονοστοιχεία.

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

4. Δημοσίευση του έργου.

Όταν προσθέτετε ένα banner στο ADFOX, ο διαχειριστής θα πρέπει να γνωρίζει την αντιστοιχία των κουμπιών και των αριθμών συμβάντων. Για κάθε συμβάν, ο διαχειριστής θα γράψει τον δικό του σύνδεσμο για πλοήγηση, ο οποίος στη συνέχεια θα μεταβιβαστεί στον κώδικα banner χρησιμοποιώντας μια μεταβλητή.

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

Adobe Edge Animate CC

Για να ξεκινήσετε, εκτελέστε το αρχείο με την επέκταση .ένααπό το αρχείο.

2. Κάντε κλικ στην επεξεργασία.

Όλα τα συμβάντα εκχωρούνται σε συγκεκριμένα στοιχεία κινουμένων σχεδίων μέσω της καρτέλας "Κώδικας".

Για να πλοηγηθείτε στο επιλεγμένο στοιχείο, πρέπει να επιλέξετε ένα συμβάν Κάντε κλικκαι γράψτε μια κλήση στη λειτουργία κλικ.

Στα κουμπιά πρέπει να εκχωρηθεί ένα Όνομα παρουσίας, για παράδειγμα: btnMain, btnRight.

2.1 Εάν χρησιμοποιείτε ένα κουμπί άλματος:

CallClick();

2.2 Εάν υπάρχουν πολλά κουμπιά μετάβασης:

CallClick(n);

Οπου n- αριθμός του συμβάντος που πρέπει να κληθεί.

CallEvent(n);

Οπου n- αριθμός του συμβάντος που πρέπει να κληθεί.

Χαρακτηριστικό της υλοποίησης τεντώματος (λαστιχένιο) πανό.

Προκειμένου το banner να εκτείνεται σε όλο το πλάτος του κοντέινερ στο οποίο θα βρίσκεται στον ιστότοπο, κατά την προετοιμασία του banner στο πρόγραμμα επεξεργασίας στον πίνακα Ιδιότητες, πρέπει να καθορίσετε ποσοστά αντί για pixel για τη θέση και το μέγεθος.

Υπάρχουν επίσης κουμπιά Scale Size και Scale Position για στοιχεία στον πίνακα Position and Size

4. Δημοσίευση του έργου.

Το έργο πρέπει να δημοσιευτεί με τις ακόλουθες ρυθμίσεις:

Για άτομα που θέλουν να βελτιώνονται συνεχώς, να μαθαίνουν κάτι και να μαθαίνουν συνεχώς κάτι νέο, φτιάξαμε ειδικά αυτήν την κατηγορία. Περιέχει αποκλειστικά εκπαιδευτικό, χρήσιμο περιεχόμενο που σίγουρα θα απολαύσετε. Ένας μεγάλος αριθμός βίντεο μπορεί ίσως να συναγωνιστεί ακόμη και την εκπαίδευση που μας δίνεται στο σχολείο, το κολέγιο ή το πανεπιστήμιο. Το μεγαλύτερο πράγμα για τα εκπαιδευτικά βίντεο είναι ότι προσπαθούν να δώσουν τις πιο πρόσφατες, πιο σχετικές πληροφορίες. Ο κόσμος γύρω μας στην εποχή της τεχνολογίας αλλάζει συνεχώς και οι έντυπες εκπαιδευτικές εκδόσεις απλά δεν έχουν χρόνο να παρέχουν τις πιο πρόσφατες πληροφορίες.

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

Για τους νέους που έχουν ήδη αποφοιτήσει από το σχολείο, σπουδάζουν ή δεν σπουδάζουν στο πανεπιστήμιο, υπάρχουν πολλά συναρπαστικά εκπαιδευτικά βίντεο. Μπορούν να τους βοηθήσουν να εμβαθύνουν τις γνώσεις τους για το επάγγελμα για το οποίο σπουδάζουν. Ή αποκτήστε ένα επάγγελμα, όπως προγραμματιστής, σχεδιαστής ιστοσελίδων, SEO optimizer κ.λπ. Αυτό το επάγγελμα δεν διδάσκεται ακόμη στα πανεπιστήμια, επομένως μπορείτε να γίνετε ειδικός σε αυτόν τον προηγμένο και σχετικό τομέα μόνο με την αυτοεκπαίδευση, στην οποία προσπαθούμε να βοηθήσουμε συλλέγοντας τα πιο χρήσιμα βίντεο.

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

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

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

Για περισσότερα από επτά χρόνια συνεργάζομαι εξ αποστάσεως με ξένους πελάτες από τις ΗΠΑ, τον Καναδά, την Αυστραλία, τη Γερμανία και άλλες χώρες. Σχεδιάζω γραφικούς πόρους και κινούμενα σχέδια για παιχνίδια Adobe Animate CC. Προηγουμένως είχε κληθεί ο συντάκτης Adobe Flash Professional CC.

Στο παλιό blog ξεκίνησα μια παρόμοια σειρά μαθημάτων, αλλά αντί να συνεχίσω εκεί, αποφάσισα να ξαναγράψω τα πάντα για να μοιραστώ μια νέα εμπειρία.

Γιατί χρειαζόμαστε άλλη μια σειρά μαθημάτων σχετικά με το σχέδιο στο Adobe Flash; Το κάνω πολλά χρόνια και πιστεύω ότι η εμπειρία μου μπορεί να είναι χρήσιμη για αρχάριους. Ειδικά για όσους δεν έχουν σχεδιάσει ποτέ με tablet γραφικών. Αν είστε καλοί στο να σχεδιάζετε σε χαρτί, αλλά δεν έχετε σχεδιάσει ποτέ σε υπολογιστή, τότε σίγουρα έχω κάτι να σας πω.

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

Επιλογή tablet γραφικών

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

Υπάρχουν πολλοί κατασκευαστές tablet γραφικών: Wacom, Genius, Huion. Έχω συναντήσει μόνο τα δύο πρώτα. Συνολικά, έχω ήδη δοκιμάσει τέσσερα tablet από την Wacom και ένα από την Genius όταν ξεκίνησα. Συνιστώ ανεπιφύλακτα το Wacom - είναι υψηλή ποιότηταγια μια λογική τιμή.

Αν δεν έχετε χρήματα, μην αγοράσετε το Genius, αποκτήστε το πιο προσιτό μικρό μεταχειρισμένο στυλό Wacom Bamboo. Χρησιμοποίησα σχεδόν το ίδιο, το Wacom Bamboo Pen&Touch S CTH-460. Δεν υπήρξαν κρίσιμα προβλήματα σε επτά χρόνια χρήσης, μια καλή συσκευή για αρχή. Εάν μπορείτε να εξοικονομήσετε περισσότερα χρήματα, τότε προτιμήστε το μεγαλύτερο μοντέλο. Χρησιμοποιώ Wacom Bamboo Fun Pen&Touch M CTH-670.

Τι σημαίνουν οι αριθμοί και τα γράμματα στα ονόματα των μοντέλων Wacom;

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

Wacom Bamboo Fun Pen&Touch M CTH -6 70

Μ— μέγεθος της περιοχής εργασίας. Υπάρχουν S - Small (small), M - Medium (medium), L - Large (large).
CTH- που σημαίνει η παράταξη. Υπάρχουν CTL και CTH - ερασιτεχνικά μοντέλα επίπεδο εισόδουμε προαιρετικά κουμπιά και επιφάνεια αφής, PTH - επαγγελματικά μοντέλα, DTH και DTK - επαγγελματικά μοντέλα με ενσωματωμένη οθόνη.
6 — μέγεθος της περιοχής εργασίας σε ίντσες. Υπάρχουν 4 - Small (small), 6 - Medium (medium), 8 - Large (large), καθώς και 13 και περισσότερα, αλλά αυτό ισχύει μόνο για tablet με ενσωματωμένη οθόνη. Μερικές φορές τα ηλεκτρονικά καταστήματα και οι διαφημίσεις δεν υποδεικνύουν το ευρετήριο γραμμάτων, τότε μπορείτε να χρησιμοποιήσετε το ψηφιακό για να κατανοήσετε τις διαστάσεις της συσκευής.
70 - γενιά και μοντέλο. Είναι σημαντικό να κατανοήσουμε ότι όσο μεγαλύτερος είναι αυτός ο αριθμός, τόσο νεότερη συσκευή. Για σύγκριση, το δικό μου παλιό tabletέχει τον δείκτη CTH-460, το σύγχρονο ανάλογο είναι CTH-490. Οι γενιές διαφέρουν κατά 10: 460, 470 και ούτω καθεξής.

Μέγεθος tablet γραφικών

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

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

Όταν εργάζεστε σε ένα tablet, η περιοχή εργασίας του προβάλλεται σε όλο το πλάτος της οθόνης. Επομένως, όσο μεγαλύτερο είναι το tablet, τόσο πιο ακριβείς μπορείτε να εφαρμόσετε πινελιές. Και αντίστροφα, όσο μεγαλύτερη είναι η οθόνη και όσο μικρότερο είναι το tablet, τόσο πιο δύσκολο και άβολο θα είναι να σχεδιάσετε. Από την εμπειρία, μπορώ να πω ότι μετά τη μετάβαση από το μέγεθος S στο M όταν εργάζομαι σε μια εξαιρετικά ευρεία οθόνη 29 ιντσών, η δουλειά μου έγινε 25-30% πιο άνετη. Θεωρώ ότι χρειάζεται λιγότερη προσπάθεια για να σχεδιάσετε ένα περίπλοκο περίγραμμα και η συνολική εμπειρία είναι πιο ομαλή και πιο ευχάριστη.

Τα μεγαλύτερα tablet γραφικών θα πρέπει να παρέχουν ένα ακόμα πιο άνετο περιβάλλον εργασίας, αλλά δεν έχω δουλέψει σε μοντέλα L, οπότε μπορώ μόνο να υποθέσω.

Διαφορές μεταξύ ερασιτεχνικών και επαγγελματικών tablet Wacom

Αγοράζοντας ένα επαγγελματικό μοντέλο, αποκτάτε μια ασύρματη συσκευή από πλαστικό υψηλότερης ποιότητας με 2048 επίπεδα ευαισθησίας πίεσης έναντι 1024 για φθηνότερα μοντέλα, όμορφο σχεδιασμό, πρόσθετα χειριστήρια με τη μορφή κουμπιών και δακτυλίου αφής. Είμαι απόλυτα ικανοποιημένος με τα νεότερα, ξεπερασμένα μοντέλα της σειράς Bamboo, τα οποία έχουν καταργηθεί. Η διαφορά κόστους μεταξύ της ερασιτεχνικής και της επαγγελματικής έκδοσης θα είναι υπερδιπλάσια. Ο πίνακας θα τα βάλει όλα σε τάξη:

Ρύθμιση Wacom Bamboo Pen & Touch M CTH-670

Πριν συνδέσετε τη συσκευή, πραγματοποιήστε λήψη προγραμμάτων οδήγησης από τον επίσημο ιστότοπο της Wacom.

Λίστα μοντέλων	Σύνδεσμος προγράμματος οδήγησης
Intuos CTL-4100/6100/4100WL/6100WL Intuos Pro PTH-451/651/660/851/860 Ένα CTL-471/671/472/672 Intuos CTL-480/490/680/690 Intuos CTH-480/490/680/690 Intuos 5 PTK-450/650 PTH-450/650/850 Intuos 4 PTK-440/640/840/1240/540WL	Windows macOS
Bamboo Pen&Touch CTH-460/470/471/660/661/670 Στυλό μπαμπού CTL-460/471	Windows macOS

Αφού συνδέσετε το tablet και εγκαταστήσετε τα προγράμματα οδήγησης, ξεκινήστε την εφαρμογή Προτιμήσεις Wacom, το οποίο μπορείτε να βρείτε μέσω Αναζήτηση στα Windows(Win + S) ή στον Πίνακα Ελέγχου.

Οι βασικές ρυθμίσεις των tablet της εταιρείας δεν διαφέρουν· τόσο τα ερασιτεχνικά όσο και τα επαγγελματικά μοντέλα έχουν διαμορφωθεί με παρόμοιο τρόπο.

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

Στην επόμενη καρτέλα ΣτυλόΒρίσκονται σημαντικές παράμετροι:

Συμβουλή Αίσθηση- ευαισθησία πίεσης. Αφήστε το στο κέντρο. Στην πορεία, θα καταλάβετε τι είδους σκληρότητα σας αρέσει και θα την προσαρμόσετε στο γούστο σας.
Παρακολούθηση— λειτουργία παρακολούθησης θέσης γραφίδας. Εγκαθιστώ Λειτουργία στυλό— η περιοχή εργασίας του tablet εκτείνεται για να γεμίσει ολόκληρη την οθόνη. Τρόπος Ποντίκιχρησιμοποιείται ως αντικατάσταση για ένα ποντίκι.
Οι υπόλοιπες ρυθμίσεις δεν είναι τόσο σημαντικές. Κουμπιά στυλόσας επιτρέπει να αντιστοιχίσετε μια ενέργεια στα κουμπιά της γραφίδας. Γόμα Feel— ευαισθησία του λάστιχου στο πίσω μέρος της γραφίδας. Δεν χρησιμοποιώ αυτήν τη δυνατότητα επειδή είναι πιο γρήγορο για μένα να αλλάζω χρησιμοποιώντας πλήκτρα πρόσβασης.

Στην ίδια καρτέλα στην ενότητα Παρακολούθησηπάτα το κουμπί Χαρτογράφηση...για να διαμορφώσετε την προβολή της περιοχής εργασίας του tablet στην οθόνη της οθόνης. Θα ανοίξει ένα παράθυρο Λεπτομέρειες λειτουργίας στυλό.

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

Στο κεφάλαιο Απολέπισηβεβαιωθείτε ότι έχετε επιλέξει το πλαίσιο δίπλα του Αναλογίες Δυνάμεωνέτσι ώστε η περιοχή εργασίας να μην τεντώνεται όταν προβάλλεται στην οθόνη. Σε αυτήν την περίπτωση, μέρος της περιοχής εργασίας του tablet δεν θα χρησιμοποιηθεί, αλλά θα έχουμε κανονικές αναλογίες 1 προς 1. Και αν σχεδιάσετε έναν κύκλο, θα εμφανίζεται στην οθόνη ως κύκλος και όχι ως επιμήκης έλλειψη.

Βεβαιωθείτε ότι έχετε επιλέξει το πλαίσιο δίπλα του Χρησιμοποιήστε το Windows Inkγια ευαισθησία στην πίεση στην εργασία.

Στην επόμενη καρτέλα Αγγίξτε Επιλογέςκαταργήστε την επιλογή του πλαισίου απέναντι Ενεργοποίηση εισαγωγής αφήςγια να αλλάξετε το tablet σε κανονική λειτουργία.

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

Animate CC ή Flash Professional CC;

Το Adobe Animate CC είναι μια αλλαγή επωνυμίας του Adobe Flash Professional CC· αρκετές καινοτομίες έχουν προστεθεί στο πρόγραμμα. Ακόμη και με το παλιό όνομα, κέρδισε τεράστια δημοτικότητα μεταξύ καλλιτεχνών, εμψυχωτών και προγραμματιστών indie παιχνιδιών. Οι αρχές του διανυσματικού σχεδιασμού σάς επιτρέπουν να δημιουργείτε sprites για οποιαδήποτε ανάλυση. Οποιαδήποτε έκδοση μπορείτε να πάρετε θα λειτουργήσει για σχέδιο. Τα εργαλεία σχεδίασης έχουν παραμείνει ίδια για πολλά χρόνια, με μικρές μόνο βελτιώσεις. Θα χρησιμοποιήσω το Adobe Animate CC, αλλά όλα όσα γράφονται θα ισχύουν και για παλαιότερες εκδόσεις του Adobe Flash Professional. Παρεμπιπτόντως, στο ΠρόσφαταΗ Adobe άλλαξε σε ένα μοντέλο μηνιαίας συνδρομής για πρόσβαση στα προϊόντα της αντί για δαπανηρή εφάπαξ άδεια χρήσης. Τώρα η τιμή είναι για χρησιμοποιώντας την AdobeΤο Animate CC είναι 20 $ το μήνα.

Πρώτη κυκλοφορία του Adobe Animate CC

Μετά τη λήψη, δημιουργήστε ένα νέο αρχείο και επιλέξτε τον τύπο Σενάριο δράσης 3.0. Στο ίδιο παράθυρο μπορείτε να καθορίσετε παραμέτρους σκηνής:

ΠλάτοςΚαι Υψος— πλάτος και ύψος της σκηνής σε pixel. Ας το θέσουμε σε 1920 x 1024, όπως η ανάλυση σε μια σύγχρονη οθόνη ή smartphone.
Μονάδες χάρακα— μονάδες μέτρησης, καθορισμένα εικονοστοιχεία.
Ρυθμός καρέ— αριθμός καρέ ανά δευτερόλεπτο, αφήστε 24.
Χρώμα του φόντου— χρώμα φόντου, σε γκρι.

Αυτές οι ρυθμίσεις μπορούν να αλλάξουν μετά τη δημιουργία του εγγράφου. Για να γίνει αυτό πρέπει να επιλέξετε ένα εργαλείο Εργαλείο επιλογής (πλήκτρο συντόμευσης V), ανοίξτε το παράθυρο Ιδιότητεςκαι επεκτείνετε την ενότητα Ιδιότητες. Εάν δεν μπορείτε να βρείτε αυτό το παράθυρο, χρησιμοποιήστε το μενού Παράθυρο → Ιδιότητεςή συνδυασμός Πλήκτρα Ctrl+ F3.

Ρύθμιση πλήκτρων συντόμευσης

Για να αυξήσετε την αποδοτικότητα της εργασίας σας, πρέπει να χρησιμοποιήσετε στο μέγιστο τα πλήκτρα πρόσβασης. Στα αρχικά στάδια, αυτό απαιτεί εξοικείωση και απομνημόνευση νέων συνδυασμών πλήκτρων, αλλά στο μέλλον παρέχει ένα σταθερό άλμα στην αποτελεσματικότητά σας. Έχω επαναπροσδιορίσει τα περισσότερα από τα πλήκτρα πρόσβασης στη δεξιά πλευρά του πληκτρολογίου. Γιατί στα δεξιά; Το γεγονός είναι ότι είμαι αριστερόχειρας και, κατά συνέπεια, με βολεύει περισσότερο. Εάν είστε δεξιόχειρας, τότε θα πρέπει να βρείτε το δικό σας σχέδιο. Επιπλέον, χρησιμοποιώ το Rapoo E9050 και το ασύρματο πληκτρολόγιο Apple, τα οποία είναι κατασκευασμένα με τη μορφή πληκτρολογίων φορητού υπολογιστή, οπότε αν χρησιμοποιείτε ένα πλήρους μεγέθους, τότε, πάλι, δουλέψτε σκληρά και δημιουργήστε το δικό σας σχέδιο - θα πληρώσει μακριά σε πολύ χρόνο εξοικονόμησης - και λάβετε υπόψη το πρόγραμμά μου, ως παράδειγμα.

Πάρτε την ιδέα: ομαδοποιήστε τις βασικές εντολές στη βολική πλευρά του πληκτρολογίου σας για να τις παρέχετε γρήγορη πρόσβασηχωρίς να αλλάζει συνεχώς τη θέση του χεριού. Τις περισσότερες φορές πρέπει να βρίσκεται σε ένα μέρος, μόνο τα δάχτυλά σας «περπατούν» σε μικρή ακτίνα, πατώντας κουμπιά. Φυσικά θα υπάρχουν ακόμα ομάδες που θα απαιτήσουν αλλαγή θέσης, αλλά αποτελούν συντριπτική μειοψηφία. Εδώ είναι το διάγραμμα μου:

Ομάδα	Περιγραφή	Παλιός συνδυασμός	Νέος συνδυασμός
Επιλογή όλων	Επιλέξτε όλα	Ctrl+A	Ctrl + A, O
Αποεπιλογή όλων	Κατάργηση επιλογής	Ctrl + Shift + A	Ctrl + Shift + A, P
Ξεκάνω	Ακύρωση ενέργειας	Ctrl+Z	Ctrl + Z, [, Z
Ξανακάνω	Επαναλάβετε τη δράση	Ctrl+Y	Ctrl + Y, ]
Ανίπταμαι διαγωνίως	Απολέπιση	Shift + Z, Z	Shift + Z, \
Μεγέθυνση	Μεγέθυνση εικόνας	Ctrl + =, Ctrl + Num =	Ctrl + =, Ctrl + Num =, =
Σμίκρυνση	Σμίκρυνση	Ctrl + =, Ctrl + Num =	Ctrl + -, Ctrl + Num -, -
Ισιώνω	Ισιώστε επιλεγμένες καμπύλες		9
Λείος	Ομαλές επιλεγμένες καμπύλες		0
Αναποδογυρίστε οριζόντια	Γυρίστε οριζόντια		φά
Αναστροφή κάθετη	Αναστροφή κάθετη		Shift + F
Τομή	Αποκοπή στο πρόχειρο	Ctrl+X	Ctrl + X, X
Διπλότυπο σύμβολο...	Σύμβολο κλώνου		Ctrl+D
Σύμβολο ανταλλαγής...	Αλλαγή συμβόλου		Ctrl + ]

Στις περισσότερες περιπτώσεις, οι νέοι συνδυασμοί δεν αντικαθιστούν τους παλιούς, αλλά τους συμπληρώνουν· εισάγονται αρκετές νέες εντολές. Πρέπει να το διαμορφώσετε μέσω του μενού Επεξεργασία → Συντομεύσεις πληκτρολογίου.... Στο πεδίο αναζήτησης, πληκτρολογήστε το όνομα της ομάδας, στη στήλη Συντομότερος τρόποςΚάντε κλικ στον κενό χώρο απέναντι από την εντολή που θέλετε και πατήστε το νέο συνδυασμό πλήκτρων.

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

Ρυθμίσεις βούρτσας

Βούρτσα(πλήκτρο συντόμευσης Β) - το εργαλείο πινέλου που χρησιμοποιείται περισσότερο κατά τη σχεδίαση. Οι ρυθμίσεις συγκεντρώνονται σε δύο παράθυρα:

Οι ρυθμίσεις του πινέλου ολοκληρώθηκαν, ας ζωγραφίσουμε κάτι.

Σχέδιο με ένα πινέλο

Επιλέξτε ένα κατάλληλο χρώμα χρησιμοποιώντας το παράθυρο Color (Ctrl + Shift + F9), επιλέξτε το Brush Tool (B) και ξεκινήστε με μια μεγάλη διαδρομή με λίγη δύναμη για να περιγράψετε το μελλοντικό σχήμα. Στη συνέχεια, χαράξτε το περίγραμμα που προκύπτει για να εξομαλύνετε όλες τις ανομοιομορφίες - το πινέλο είναι έτοιμο.

Λάβετε υπόψη ότι στο παραπάνω παράδειγμα χρησιμοποιήθηκαν μόνο τρεις πινελιές. Θα πρέπει να στοχεύσετε να κάνετε πινελιές μεσαίου μήκους, έτσι ώστε το χέρι σας να μην φεύγει από το tablet. Προσπαθήστε να κάνετε πολλές μικρές πινελιές λανθασμένα, καθώς το περίγραμμα που προκύπτει δεν θα είναι ομαλό και μεγάλο ποσόεπιπλέον πόντους.

Το Adobe Animate CC λειτουργεί βάσει διανυσματικών αρχών. Όλα τα αντικείμενα περιγράφονται μαθηματικά και μπορούν να κλιμακωθούν χωρίς απώλεια ποιότητας, σε αντίθεση με την ράστερ προσέγγιση. Αυτό μας επιτρέπει να χειριζόμαστε διανυσματικά αντικείμενα με τρόπο που δεν θα μπορούσαμε ποτέ να κάνουμε τόσο εύκολα σε ένα πρόγραμμα επεξεργασίας ράστερ. Μπορούμε να εξομαλύνουμε και να απλοποιήσουμε τα περιγράμματα, να ισιώσουν τις καμπύλες γραμμές, να αλλάξουμε αναλογίες και να παραμορφώσουμε γραφικά αντικείμενα χωρίς απώλεια ποιότητας. Κάθε διαδρομή μετατρέπεται αυτόματα σε μαθηματικές καμπύλες που μπορούμε να ρυθμίσουμε και να τροποποιήσουμε.

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

συμπέρασμα

Σήμερα έχουμε ρυθμίσει το Adobe Animate CC και είμαστε έτοιμοι να ξεκινήσουμε τη σχεδίαση. Εξασκηθείτε λίγο πριν συνεχίσουμε. Μάθετε να σχεδιάζετε απλά γεωμετρικά σχήματα χωρίς παραμόρφωση, δοκιμάστε διαφορετικά χρώματα και ρυθμίσεις πινέλου (πειραματιστείτε με την παράμετρο Smoothing).

Παρόμοια υλικά