Πώς να εφαρμόσετε τη διαφάνεια σε SVG
Μάθετε πώς να εφαρμόζετε τη διαφάνεια στα γραφικά SVG στο Illustrator. Εξερευνήστε πώς να εξάγετε SVG με διαφανές φόντο και να εφαρμόσετε εφέ διαφάνειας.
Το Adobe Edge Animate είναι ένα πρόγραμμα λογισμικού που μπορείτε να χρησιμοποιήσετε με τις νέες λειτουργίες Dreamweaver CC που επιτρέπει σε σχεδιαστές που είναι εξοικειωμένοι με τη διεπαφή Flash να δημιουργούν κινούμενα σχέδια και στη συνέχεια να τα εξάγουν ως ομαδικά αρχεία .oam που είναι εύκολο να εισαχθούν στις ιστοσελίδες σας. Από τότε που το εξαιρετικά δημοφιλές iPhone και iPad της Apple αρνήθηκαν να υποστηρίξουν το Flash, η Adobe εργάζεται για την παροχή εναλλακτικών λύσεων στους σχεδιαστές ιστοσελίδων.
Τα αρχεία .oam περιέχουν τις εικόνες και τον κώδικα JavaScript, HTML5 και CSS που χρησιμοποιεί το Dreamweaver για να εμφανίσει την κινούμενη εικόνα στην ιστοσελίδα σας. Για να προσθέσετε τα αρχεία .oam σε μια σελίδα στο Dreamweaver, ακολουθήστε τα παρακάτω βήματα:
Κάντε κλικ στο σημείο όπου θέλετε να εμφανίζεται το αρχείο Edge Animate στην ιστοσελίδα σας.
Εάν ο πίνακας Εισαγωγή δεν είναι ήδη ανοιχτός, επιλέξτε Παράθυρο→ Εισαγωγή. Στη συνέχεια, χρησιμοποιήστε την αναπτυσσόμενη λίστα για να επιλέξετε τον πίνακα πολυμέσων.
Στην αναπτυσσόμενη λίστα Media, επιλέξτε την επιλογή Edge Animate Composition.
Μπορείτε επίσης να επιλέξετε Insert→ Media→ Edge Animate Composition ή να πατήσετε Ctrl+Alt+Shift+E. Εμφανίζεται το πλαίσιο διαλόγου Select Edge Animate Package.
Περιηγηθείτε για να εντοπίσετε το αρχείο πακέτου Edge Animate που θέλετε να εισαγάγετε στη σελίδα σας, επιλέξτε το αρχείο και κάντε κλικ στο OK.
Εάν έχετε ενεργοποιήσει τις επιλογές προσβασιμότητας, θα σας ζητηθεί να προσθέσετε εναλλακτικό κείμενο για να περιγράψετε το αρχείο Edge Animate. Εισαγάγετε μια περιγραφή του αρχείου και κάντε κλικ στο OK.
Το παράθυρο διαλόγου κλείνει και το αρχείο Edge Animate εισάγεται στο έγγραφό σας. Το Dreamweaver αντιγράφει επίσης τα απαραίτητα αρχεία jQuery, CSS, HTML και εικόνας στον ριζικό φάκελο του ιστότοπού σας.
Κάντε κλικ στο κουμπί Ζωντανή προβολή στο επάνω μέρος του χώρου εργασίας για να προβάλετε την κινούμενη εικόνα.
(Σε αντίθεση με το Flash, δεν υπάρχει κουμπί για αναπαραγωγή της κινούμενης εικόνας για να δείτε αν λειτουργεί.) Σημειώστε την εκτενή λίστα αρχείων που παρατίθεται δίπλα στο κουμπί Πηγαίος κώδικας πάνω από τη σχεδίαση της σελίδας.
Το Dreamweaver περιλαμβάνει μόνο μερικές επιλογές στο Property inspector για την τροποποίηση των κινούμενων εικόνων Edge στις ιστοσελίδες σας. Μπορείτε να αντιστοιχίσετε ένα στυλ κλάσης στο αρχείο Edge Animate, αλλά δεν θα πρέπει να προσαρμόσετε το ύψος ή το πλάτος της κινούμενης εικόνας με τα παράθυρα διαλόγου στο Property inspector, εκτός εάν είστε ειδικός στη μη αυτόματη επεξεργασία των αρχείων CSS, jQuery και HTML.
Μάθετε πώς να εφαρμόζετε τη διαφάνεια στα γραφικά SVG στο Illustrator. Εξερευνήστε πώς να εξάγετε SVG με διαφανές φόντο και να εφαρμόσετε εφέ διαφάνειας.
Αφού εισαγάγετε τις εικόνες σας στο Adobe XD, δεν έχετε μεγάλο έλεγχο επεξεργασίας, αλλά μπορείτε να αλλάξετε το μέγεθος και να περιστρέψετε τις εικόνες όπως θα κάνατε με οποιοδήποτε άλλο σχήμα. Μπορείτε επίσης να στρογγυλοποιήσετε εύκολα τις γωνίες μιας εισαγόμενης εικόνας χρησιμοποιώντας τα γραφικά στοιχεία γωνίας. Απόκρυψη των εικόνων σας Ορίζοντας ένα κλειστό σχήμα […]
Όταν έχετε κείμενο στο έργο σας Adobe XD, μπορείτε να αρχίσετε να αλλάζετε τις ιδιότητες κειμένου. Αυτές οι ιδιότητες περιλαμβάνουν Οικογένεια γραμματοσειράς, Μέγεθος γραμματοσειράς, Βάρος γραμματοσειράς, Ευθυγράμμιση, Διάστιχο χαρακτήρων (πυρήνωση και παρακολούθηση), Διάστιχο γραμμής (προπορευόμενο), Γέμισμα, Περιθώριο (εγκεφαλικό επεισόδιο), Σκιά (σκιά πτώσης) και Θάμπωμα φόντου. Ας εξετάσουμε λοιπόν πώς εφαρμόζονται αυτές οι ιδιότητες. Σχετικά με την αναγνωσιμότητα και τη γραμματοσειρά […]
Όπως και στο Adobe Illustrator, οι πίνακες γραφικών του Photoshop παρέχουν τη δυνατότητα δημιουργίας ξεχωριστών σελίδων ή οθονών σε ένα έγγραφο. Αυτό μπορεί να είναι ιδιαίτερα χρήσιμο εάν κατασκευάζετε οθόνες για μια εφαρμογή για κινητά ή ένα μικρό φυλλάδιο. Μπορείτε να σκεφτείτε ένα artboard ως έναν ειδικό τύπο ομάδας επιπέδων που δημιουργείται χρησιμοποιώντας τον πίνακα Layers. Το […]
Πολλά από τα εργαλεία που βρίσκετε στον πίνακα Εργαλεία InDesign χρησιμοποιούνται για τη σχεδίαση γραμμών και σχημάτων σε μια σελίδα, επομένως έχετε πολλούς διαφορετικούς τρόπους δημιουργίας ενδιαφέροντων σχεδίων για τις δημοσιεύσεις σας. Μπορείτε να δημιουργήσετε οτιδήποτε, από βασικά σχήματα μέχρι περίπλοκα σχέδια μέσα στο InDesign, αντί να χρειάζεται να χρησιμοποιήσετε ένα πρόγραμμα σχεδίασης όπως […]
Η αναδίπλωση κειμένου στο Adobe Illustrator CC δεν είναι ακριβώς το ίδιο με το τύλιγμα ενός δώρου — είναι πιο εύκολο! Μια αναδίπλωση κειμένου αναγκάζει το κείμενο να αναδιπλωθεί γύρω από ένα γραφικό, όπως φαίνεται σε αυτό το σχήμα. Αυτή η δυνατότητα μπορεί να προσθέσει λίγη δημιουργικότητα σε οποιοδήποτε κομμάτι. Το γραφικό αναγκάζει το κείμενο να τυλιχτεί γύρω του. Πρώτα, δημιουργήστε […]
Όταν σχεδιάζετε στο Adobe Illustrator CC, συχνά χρειάζεστε ένα σχήμα για να έχει ακριβές μέγεθος (για παράδειγμα, 2 x 3 ίντσες). Αφού δημιουργήσετε ένα σχήμα, ο καλύτερος τρόπος για να αλλάξετε το μέγεθός του σε ακριβείς μετρήσεις είναι να χρησιμοποιήσετε τον πίνακα Transform, που φαίνεται σε αυτό το σχήμα. Επιλέξτε το αντικείμενο και, στη συνέχεια, επιλέξτε Παράθυρο→ Μετατροπή σε […]
Μπορείτε να χρησιμοποιήσετε το InDesign για να δημιουργήσετε και να τροποποιήσετε γραφικά με κώδικα QR. Οι κωδικοί QR είναι μια μορφή γραμμικού κώδικα που μπορεί να αποθηκεύσει πληροφορίες όπως λέξεις, αριθμούς, διευθύνσεις URL ή άλλες μορφές δεδομένων. Ο χρήστης σαρώνει τον κωδικό QR χρησιμοποιώντας την κάμερα και το λογισμικό του σε μια συσκευή, όπως ένα smartphone, και το λογισμικό χρησιμοποιεί […]
Μπορεί να υπάρξει κάποια στιγμή που χρειάζεστε μια νέα φωτογραφία για να φαίνεστε παλιά. Το Photoshop CS6 σας καλύπτει. Η ασπρόμαυρη φωτογραφία είναι ένα νεότερο φαινόμενο από ό,τι φαντάζεστε. Οι δαγκεροτυπίες και άλλες πρώιμες φωτογραφίες είχαν συχνά έναν καφέ ή γαλαζωπό τόνο. Μπορείτε να δημιουργήσετε δικά σας αριστουργήματα σε τόνους σέπια. Οι τονισμένες εικόνες μπορούν να δημιουργήσουν […]
Χρησιμοποιώντας τη δυνατότητα Live Paint στο Adobe Creative Suite 5 (Adobe CS5) Illustrator, μπορείτε να δημιουργήσετε την εικόνα που θέλετε και να συμπληρώσετε περιοχές με χρώμα. Ο κάδος Live Paint εντοπίζει αυτόματα περιοχές που αποτελούνται από ανεξάρτητες διασταυρούμενες διαδρομές και τις γεμίζει ανάλογα. Η βαφή σε μια δεδομένη περιοχή παραμένει ζωντανή και ρέει αυτόματα εάν υπάρχει […]