Ψηφιακή τέχνη DIGITAL ART

Transcript

1 Μάθηµα Πολυµέσων, Υπερµέσων και Βίντεο-τέχνης - ΑΣΚΤ - Διδάσκουσα: Νεφέλη Δηµητριάδη, Δρ. Ψηφιακή τέχνη 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

2 Ε π α ν ά λ η ψ η εξοικείωση με περιβάλλον ανάπτυξης του UNITY.

3 Επιζωγράφιση της «γής» (terrain) με τις κατάλληλες ΥΦΕΣ (textures) Επεξεργασία υφών (Photoshop) για επιζωγράφιση της «γής» (terrain) Texture import sejngs Inspector (Unity) Ø Πολύ καλή οργάνωση για άμεση χρήση και δημιουργία φακέλου με επαναχρησιμοποιήσιμες υφές για διάφορα έργα Ø ΠΡΟΣΟΧΗ - Επιλογή μεγέθους από το στάδιο της φωτογράφισης + ανάλυσης εικόνας (ο αριθμός πίξελ εικόνας σε τί διαστάσεις αντιστοιχεί στον χώρο 1x1 ίδια μεγέθη φωτογραφιών για κάθε υφή πχ. σταθερό σημείο αναφοράς σε όλες τις φωτογραφίες) Ø 1 υφή για το σύνολο του εδάφους (βασικό συστατικό) Ø Επιπλέον υφές πχ. χόρτα (μικρότερο πινέλο στην 2 η κ.ο.κ.) Ø Ενότητα στην αισθητική των υφών (ρεαλισμός εικαστικότητα κτλ.) Ø Αποφυγή του sling effect περίμετρος εικόνας στο Photoshop ίδια δηλ. Copypaste + rotate (versal/ horizontal) πιξελ περιμέτρου ακριβώς τα ίδια. Δημιουργία pawern που να είναι ανεπαίσθητο και όμορφο (πχ. σφαιρικά μοτίβα, φιλικά στο μάτι + προσθήκη άλλων υφών με μικρότερα πινέλα)

4 Επιζωγράφιση της «γής» (terrain) με τις κατάλληλες ΥΦΕΣ (textures)

5 Επανάληψη: Terrain - Import Heightmaps Lights Cookies Physics Terrain από Heightmap στο Unity 3d Ø Εικόνα πχ. gran canyon heightmap Ø RAW file > Photoshop SOS - merge layers Image mode greyscale Ø UNITY terrain sengs (terrain tools) Ø Heightmap resoluson ίδια με εικόνας + 1 Ø Import RAW file Ø Width height της εικόνας Μαύρο βάθος - γκρεμοί Άσπρο ύψος κορυφές Γκρί - πλαγιές

6 Spot Light Cookie Standard Assets->Light Cookies. Φωτισµοί Δημιοργία δικού μας: 1. Δημιουργία cookie texture στο Photoshop. (greyscale μαύρο για σκοτάδι, άσπρο για φώς, προσοχή οι άκρες να είναι μαύρες (για να μην «ξεφεύγει» από εκεί το φώς) 2. Texture Inspector > αντί για Repeat Wrap mode -> Clamp 3. Επιλέγουμε την Texture Import Sejngs in the Inspector. Enable Border Mipmaps Enable Build Alpha From Grayscale Set the Texture Format to Alpha 8 Bit

7 Skybox Camera: Component > Rendering > Skybox

8 Skybox Δημιουργία CUBEMAP από Texture

9 Skybox Sphere Map (spherical) Fog color > Lighsng window. Επίσης χρησιμοποιούνται για τις αντανακλάσεις του περιβάλλοντος / Reflecsons

10 Material Shaders Textures Material : Shaders + Textures + παράμετροι (χρωματικό snt κτλ.) Shaders: μικρά σκρίπ τα οποία περιέχουν τους μαθηματικούς υπολογισμούς και τους αλγορίθμους που ορίζουν πως θα υπολογίζεται εξάγεται (rendered) το κάθε πίξελ με βάση το input από τα φώτα και την διάταξη του υλικού. Textures: τοποθετείται μέσα στο υλικό - βασικό χρώμα υλικού (albedo)/ άλλες υφές πχ. για άλλες όψεις της επιφάνειας του υλικού όπως η ανακλαστικότητα ή το πόσο τραχύ είναι κτλ. Built-in Shaders Standard Shader FX: Lighsng - εφέ γυαλιού GUI - UI: user interface graphics. Mobile: Απλοποιημένος shader για κινητές συσκευές. Nature: Για δέντρα και έδαφος (terrain). Parscles: εφέ συστημάτων σωματιδίων (Parscle system). Skybox. Toon: για στυλ Cartoon. Unlit: για να μην λαμβάνει υπόψη του φωτισμό και φωτοσκιάσεις. Legacy: μεγάλη συλλογή παλαίοτερων shaders (ενυπάρχουν στον Standard Shader)

11 Physically Based Shading (PBS) Unity Standard Shader Diffus, Specular, Bumped Specular, Reflecsve Rendering mode. Albedo Color. (alpha value = transparency) Specular φωτεινές γυαλιστερές αντανακλάσεις Metallic Smoothness Normal map ειδική υφή που επιτρέπει να προσθέσουμε λεπτομέρειες ως γεωμετρία πχ. βίδες

12

13 Heightmap

14 Emission ένταση φωτός που εκπέμπεται (ακόμα και σε σκοτεινά σημεία της σκηνής) Secondary maps & detail mask δεύτερη υφή πάνω από την βασική (για λεπτομέρειες) Fresner effect - + smooth / - rough

15 Physics στο UNITY τοποθέτηση αντικειμένων με φυσικές ιδιότητες στον χώρο Σχέσεις ιεραρχίας ParenLng Τα «παιδιά» «κληρονομούν» ιδιότητες transform από τον «γονέα» Με την έννοια ότι οι τιμές των ιδιοτήτων transform του «παιδιού» γίνονται σχετικές αλλάζουν σε αναλογία με αυτές του γονέα. Τοποθέτηση ΕΝΟΣ rigid body τον γονέα κάθε ιεραρχίας

16 τοποθέτηση αντικειμένων με φυσικές ιδιότητες στον χώρο

17

18

19

20

21

22