Ψηφιακή τέχνη Μέρος Α. Από τα γραφικά δύο διαστάσεων στον τρισδιάστατο διδραστικό χώρο.

Transcript

1 Μάθηµα Πολυµέσων, Υπερµέσων και Βίντεο-τέχνης - ΑΣΚΤ - Διδάσκουσα: Νεφέλη Δηµητριάδη, Δρ. Ψηφιακή τέχνη Μέρος Α. Από τα γραφικά δύο διαστάσεων στον τρισδιάστατο διδραστικό χώρο. Έργο ψηφιακής τέχνης «( ) αν η σύλληψη του έργου, διαµέσου των δυνατοτήτων του ηλεκτρονικού υπολογιστή, επιτυγχάνει ένα αποτέλεσµα το οποίο δεν θα ήταν δυνατό µε κάποιο άλλο µέσο» (DIGITAL ART, Wolf Lieser, 2009) γλώσσα του µέσου (Η γλώσσα των νέων µέσων, LEV MANOVICH, MIT 2001 έκδοση στα ελληνικά ΑΣΚΤ Επιστηµονική επιµέλεια: Μ. Σαντοριναίος) περιέχει τα µετα-χαρακτηριστικά του µέσου (πχ. σκαναρισµένη φωτογραφία vs εικόνα από webcam η οποία προβάλλεται σε πραγµατικό χρόνο µέσω δικτύου σε διαφορετικά µέρη του κόσµου) «Ο υπολογιστής, ο κύριος φορέας των νέων μέσων και γενικά του ψηφιακού πολιτισμού, δεν είναι απλά ένα νέο μηχάνημα, αλλά ένας νέος τρόπος οργάνωσης της σκέψης.» Μ. Σαντοριναίος, Σημείωμα του επιστημονικού επιμελητή, Η γλώσσα των νέων μέσων, LEV MANOVICH, ΑΣΚΤ, 2016)

2 Μάθηµα Πολυµέσων, Υπερµέσων και Βίντεο-τέχνης - ΑΣΚΤ - Διδάσκουσα: Νεφέλη Δηµητριάδη, Δρ. Ψηφιακή τέχνη DIGITAL ART Ψηφιακή εικόνα DIGITAL IMAGE Ψηφιακή κινούμενη εικόνα DIGITAL ANIMATION Ψηφιακή τρισδιάστατη εικόνα DIGITAL 3D IMAGE Ψηφιακά παιχνίδια DIGITAL 3D GAMES REAL-TIME 3D IMAGE Εικονική Πραγματικότητα VIRTUAL REALITY Τέχνη στο διαδίκτυο - Εικονικοί πολυχρηστικοί κόσμοι στο διαδίκτυο INTERNET ART VIRTUAL MULTIUSER NET-BASED WORLDS Εργαλεία Ψηφιακή επεξεργασία εικόνας: Adobe Photoshop Ψηφιακά παιχνίδια με 3D & 2D γραφικά: UNITY 3D

3 Ψηφιακή εικόνα DIGITAL IMAGE η οποία προκύπτει προγραμματιστικά / computahonal / ή με σχεδιασμό μέσα σε λογισμικό γραφικού σχεδιασμούς - αναπαράστασης / digital graphics environment Πρώτες ψηφιακές εικόνες Georg Nees

4 Ivan Sutherland Sketchpad, Αισθητική της ψηφιακής εικόνας γραφικά Η/Υ. Yoshiyuki Abe Animation IX program Mutator - 4

5 Manfred-Mohr-1970

6 Vera Molnar 60-70

7 Mark Wilson

8 Animation µε Η/Υ- 2D Herbert Franke Elektronischer Einstein (Picture Processing) h{ps:// watch?v=ronns3g2cq0 8

9 Animation µε Η/Υ- 2D Steina and Woody Vasulka Noisefields h{ps:// watch?v=wbn00mgqurk 9

10 CTG computer technique group Japan Masao Komura, Makato Ohtake

11 Laurence Gartel Digital COLLAGE 11

12 Laurence Gartel Digital COLLAGE 12

13 Victor Acevedo 13

14 Μάθηµα Πολυµέσων, Υπερµέσων και Βίντεο-τέχνης - ΑΣΚΤ - Διδάσκουσα: Νεφέλη Δηµητριάδη, Δρ. Ψηφιακή εικόνα Βασικές έννοιες: Η ψηφιακή επεξεργασία της ακίνητης εικόνας, είτε πρόκειται για την επεξεργασία ψηφιακής φωτογραφίας, ή ψηφιακής αναλογικής φωτογραφίας ή σκαναρισμένης εικόνας ή εξ ολοκλήρου ψηφιακά γραφικά, λαμβάνει χώρα σε λογισμικά επεξεργασία εικόνας, τα οποία είτε εμπεριέχουν επεξεργαστή για διανυσματικά γραφικά (vector) ή όχι. Οι ψηφιακές εικόνες αποθηκεύονται στον υπολογιστή ως ένα πλέγμα εικονικών στοιχείων τα οποία ονομάζονται pixels και τα οποία εμπεριέχουν όλην την πληροφορία η οποία αφορά στο χρώμα και στην φωτεινότητα της εικόνας. Τα λογισμικά επεξεργασίας ψηφιακής εικόνας επιτρέπουν την επεξεργασία των pixels με την βοήθεια εξεζητημένων αλγορίθμων. Λογισμικά που επεξεργάζονται διανυσματικά γραφικά (vector) αντί για τα pixels χρησιμοποιούνται για να δημιουργήσουν ή να μετατρέψουν διανυσματικές εικόνες οι οποίες αποθηκεύονται ως περιγραφές γραμμών, καμπύλες Bézier και κείμενο. (Adobe Illustrator, CorelDRAW, Inkscape κ.ά.) Ένα από τα πλέον διαδεδομένα και καταξιωμένα λογισμικά στον χώρο της επεξεργασίας της ψηφιακής εικόνας το οποίο όμως δεν επεξεργάζεται εικόνες vector, είναι το Adobe Photoshop. Εργαλεία Ψηφιακή επεξεργασία εικόνας: Adobe Photoshop

15 Μάθηµα Πολυµέσων, Υπερµέσων και Βίντεο-τέχνης - ΑΣΚΤ - Διδάσκουσα: Νεφέλη Δηµητριάδη, Δρ. Ψηφιακή εικόνα Ψηφιακή επεξεργασία εικόνας: Adobe Photoshop Μπορούμε να μετατρέψουμε αναλογικές εικόνες από σκάνερ ή άλλα περιφερειακά, σε ψηφιακές εικόνες ή φωτογραφίες, να μετατρέψουμε αρχεία εικόνας (αλλαγή του τρόπου συμπίεσης μιας εικόνας από τον ένα τύπο στον άλλο) αλλά και κυρίως να τις επεξεργαστούμε ψηφιακά, καθώς επίσης και να παράγουμε δικές μας εξ ολοκλήρου ψηφιακές εικόνες. Μπορούμε να επεξεργαστούμε γραφικά και χρωματικά μια εικόνα, να τμηματοποιήσουμε την εικόνα, να επιλέξουμε ένα μέρος της αλλά και να επεξεργαστούμε το περιεχόμενό της αλλάζοντας τις χρωματικές ισορροπίες, δίνοντας νέους χρωματισμούς, προσθέτοντας ειδικά φίλτρα κτλ. Επίσης έχουμε την δυνατότητα να δουλεύουμε με διαφάνειες καθώς και να εξάγουμε συγκεκριμένα είδη αρχείων τα οποία διατηρούν την διαφάνεια ώστε να μπορούμε έπειτα να τα χρησιμοποιήσουμε για σύνθεση εικόνων ή για περαιτέρω επεξεργασία σε άλλα λογισμικά τα οποία ανοίγουν τα αρχεία αυτά αναγνωρίζοντας την διαφάνεια (όπως π.χ. για να χρησιμοποιήσουμε μια εικόνα γραφικών τίτλου με διαφάνεια πάνω από ένα βίντεο ή για την δημιουργία υφής με διαφάνεια στον τρισδιάστατο χώρο με το Unity).

16 Μάθηµα Πολυµέσων, Υπερµέσων και Βίντεο-τέχνης - ΑΣΚΤ - Διδάσκουσα: Νεφέλη Δηµητριάδη, Δρ. Ψηφιακή εικόνα Ψηφιακή επεξεργασία εικόνας: Adobe Photoshop Προσομοίωση περιβάλλοντος ζωγραφικής (πινέλα, μουσαμάδες, παλέτες κτλ.) Μπάρα γενικού Μενού, εργαλεία σχεδιασμού, μουσαμάς (CANVAS) + floa ng windows (pale{es) File > New (filename / size / επιλογή Grayscale ή RGB ή CMYK (αν πάει για εκτύπωση) τύπος αρχείου (συμπίεσης) Save as Window > Show Color επιλογή χρώματος Filters ΦΙΛΤΡΑ Image size - ΜΕΓΕΘΟΣ ΕΙΚΟΝΑΣ Canvas Size -ΜΕΓΕΘΟΣ ΜΟΥΣΑΜΑ Layers - ΕΠΙΠΕΔΑ Εργαλεία σχεδίασης: Επιλογή SELECT (RECTAGULAR, LASSO TOOL οποιοδήποτε σχήμα Ctrl Key > πολύγωνο) Αντιγραφή COPY (PASTE) EDIT MENU Γόμα ERASING (DEL / BACKSPACE) χρώμα που ορίσατε ως background color Κοπή CROP

17 Μάθηµα Πολυµέσων, Υπερµέσων και Βίντεο-τέχνης - ΑΣΚΤ - Διδάσκουσα: Νεφέλη Δηµητριάδη, Δρ. Ψηφιακή εικόνα Ψηφιακή επεξεργασία εικόνας: Adobe Photoshop Σταγονόμετρο eyedropper tool - Κλίκ > το χρώμα γίνεται το νέο ενεργό χρώμα στην τρέχουσα εικόνα. Op ons > Sample Size (μέγεθος δείγματος αν θα είναι από ένα πίξελ ή ο μέσος όρος από μια ομάδα πίξελ) Ανάκλαση οριζόντια/κάθετη / flip HORIZONTAL/VERTICAL ROTATE CANVAS MENU IMAGE MENU TRANSFORM EDIT MENU Μεγένθυση/ σμίκρυνση SCALE TRANSFORM MENU EDIT MENU Περιστροφή ROTATE CANVAS IMAGE MENU Γέμισμα περιοχής AREA FILL BUCKET TOOL (opacity-ποσοστό χρώματος / tolerance- βαθμός επέκτασης / contents πόσα και ποιά στρώματα της εικόνας θα χρωματιστούν) OPTIONS BRUSHES Γραμμή LINE / Πινέλο BRUSH / Αερογράφος AIRBRUSH / Μολύβι PENCIL ΜΑΓΙΚΟ ΡΑΒΔΙ MAGIC WAND ΜΟΥΤΖΟΥΡΩΜΑ SMUDGE / θολωμα - BLUR / οξυνση - SHARPEN ΦΩΤΙΣΜΟΣ dodge / ΚΑΨΙΜΟ burn / ΣΠΟΓΓΟΣ - sponge ΚΕΙΜΕΝΟ text

18 Μάθηµα Πολυµέσων, Υπερµέσων και Βίντεο-τέχνης - ΑΣΚΤ - Διδάσκουσα: Νεφέλη Δηµητριάδη, Δρ. Ψηφιακή εικόνα Ψηφιακή επεξεργασία εικόνας: Adobe Photoshop Για να δημιουργήσουμε μια εικόνα με διαφάνεια θα πρέπει να έχουμε επιλέξει να έχει διαφανές υπόστρωμα (δηλ. background: Transparent) και να την αποθηκεύσουμε σε μορφή.psd,.png ή σε κάποιον άλλο αντίστοιχο τύπο αρχείου στον οποίο διατηρείται η διαφάνεια. Οι τύποι αρχείων δηλώνουν επίσης τους τρόπους συμπίεσης της εικόνας για αυτό και είναι σημαντικό να επιλέξουμε τον τύπου που αντιστοιχεί στις απαιτήσεις του έργου το οποίο δουλεύουμε, όπως και οι διαστάσεις και η ανάλυση της εικόνας (image size - resolu on) και καλύτερα είναι να σώζουμε το αρχικό μας αρχείο στην υψηλότερη μορφή κι ύστερα να το μετατρέπουμε σε άλλους τύπους που μπορεί να εξυπηρετούν καλύτερα τους στόχους μας (π.χ. αν πρόκειται να δημοσιεύσουμε την εικόνα στο διαδίκτυο κτλ.).

19 Μάθηµα Πολυµέσων, Υπερµέσων και Βίντεο-τέχνης - ΑΣΚΤ - Διδάσκουσα: Νεφέλη Δηµητριάδη, Δρ. Ψηφιακή εικόνα ΘΕΜΑ ΕΡΓΑΣΤΗΡΙΟΥ Α: Δημιουργήστε μια νέα από δύο αντίθετες (θεματικά ή χρωματικά ή συνθετικά) εικόνες αξιοποιώντας καλλιτεχνικά την δυνατότητα επιλογής μέρους της εικόνας σε συνδυασμό με την δυνατότητα επεξεργασίας της εικόνας σε διαφανές υπόστρωμα κάνοντας χρήση των κατάλληλων εργαλείων επιλογής και επεξεργασίας του Adobe Photoshop. File > New ΣΟΣ επιλέγω μέγεθος εικόνας μεγαλύτερο από εκείνων των εικόνων τις οποίες θα χρησιμοποιήσω ως πρωτογενές υλικό ή μικραίνω το μέγεθος των εικόνων τις οποίες θα χρησιμοποιήσω. Width: XXX Pixels, Height: YYY Pixels - Background Contents: Transparent Εργαλεία επιλογής μέρους εικόνας και επεξεργασίας στοιχείων εικόνας πάνω στο διαφανές υπόστρωμα : βασικό έργαλείο επιλογής Magic Wand Tool (W) Γόμα (Erase Tool E) Marquee Tool (M) ορθογώνιο, κυκλικό κτλ.