σας έχω υποσχεθεί από καιρό κάποια tutorial για μωσαϊκά.
Κατά καιρούς έχω γράψει κάποια αλλά θα ήταν σίγουρα χρήσιμο να τα μαζέψω σε ένα χώρο, ένα thread κλπ, ώστε να είναι πιο εύκολο να τα μελετήσει κάποιος με μια σειρά.
Υπόσχομαι επίσης, στο μέτρο που ο χρόνος μου το επιτρέπει, να σας γράψω πέρα από πράξη και θεωρία. Μιας και για να δημιουργήσει κανείς μωσαϊκά ή συνθετικές εικόνες γενικότερα, είναι χρήσιμο να κατανοήσει τι αυτές σημαίνουν.
Έτσι θα δημιουργήσω δύο ειδών κείμενα και thread:
a. Mozaix Theory: Με θεωρία για την ψηφιογραφική ανάλυση των σχημάτων και εικονικών ενοτήτων.
b. Mozaix Praxis: Με χειροπιαστές τεχνικές δημιουργίας μωσαϊκών με διάφορα μέσα και εργαλεία.
c. Μozaix History: Το παρελθόν είναι γεμάτο από θεωρία και πράξη. Ως γνωστόν η θεωρία είναι συμπυκνωμένη πράξη από το παρελθόν που κεφαλαιοποιείται και δημιουργεί πεπατημένες οδούς.
Από τα αρχαία μωσαϊκά, μέχρι την μηχανική τέχνη, οι συνθετική εικόνα ήταν ένα πάθος που μοιράστηκαν πολλοί άνθρωποι, πολιτισμοί κλπ. Η μελέτη της ιστορίας τους δίνει κατευθύνσεις, ιδέες και υποστήριξη.
Μια εξήγηση της λέξης Mozaix που χρησιμοποιώ.
Είναι ίσως περίεργο, ξεπερασμένο, "απαράδεκτο" ή ό,τι άλλο όμως ο όρος "photomosaic" ανήκει στον Robert Silvers και στην εταιρεία του Runaway Technologies. Ο Ρόμπερτ δημιούργησε ένα από τα πρώτα σύγχρονα λογισμικά για δημιουργία μωσαϊκών από φωτογραφίες όταν ήταν φοιτητής στο ΜΙΤ τη δεκαετία του 90. Φυσικά, ούτε ο πρώτος που έκανε κάτι τέτοιο ήταν, ούτε ο μόνος. Όμως αυτός κατοχύρωσε τον όρο photomosaics και - καλώς ή κακώς - του ανήκει Έτσι έχω καθιερώσει ένα "ας πούμε δικό μου όρο" τον Mozaix για να μην έχω κάποιο νομικό πρόβλημα, όπως πολλοί είχαν στο παρελθόν. Κουφό, αλλά έτσι είναι.
Ξεκινάω αυτό το πρώτο (ας πούμε) post της σειράς με ό,τι με ρωτάτε πιο συχνά. Παρότι θα έπρεπε να έχω ίσως ξεκινήσει με τη θεωρία και την ιστορία, γνωρίζω καλά (και από προσωπική πείρα) πως για να γοητευτείς από κάτι, χρειάζεται να "λερώσεις τα χέρια σου" με αυτό. Δύσκολα κάποιος έχει την υπομονή να μελετήσει ιστορία και θεωρία, πριν πάρει δύναμη και θάρρος από την πράξη. Έτσι, κλείνω γρήγορα αυτή την εισαγωγή, μιας και είμαι σίγουρος πως οι περισσότεροι θα την προσπεράσετε και θα πάτε στο tutorial. Ταυτόχρονα όμως είμαι σίγουρος, πως όποιος "κολλήσει το μικρόβιο" θα αναζητήσει επίμονα στη θεωρία και την ιστορία τη βοήθεια, που αρχικά πίστευε πως βρίσκεται σε τεχνικές.
Αφού λοιπόν όλοι ξέρουμε Adobe Photoshop, ιδού το πρώτο tutorial στο δημοφιλές αυτό πρόγραμμα. H τεχνική αυτή μάλιστα θα μας βοηθήσει να κατανοήσουμε την πρώτη και βασική έννοια των μωσαϊκών. Πως δηλαδή αποτελούνται από εικόνες (ψηφίδες), ο χρωματικός (ή τονικός) μέσος όρος των οποίων ταιριάζει με αυτόν των μερών (κομματιών - tiles) των εικόνων.
Ας ξεκινήσουμε:
Α. ΕΠΙΛΟΓΗ ΕΙΚΟΝΑΣ:
Αρχικά χρειαζόμαστε μια καθαρή εικόνα. Μια εικόνα με ένα απλό και ευδιάκριτο θέμα. Αυτό είναι το πρώτο που πρέπει κανείς να θυμάται. Εφόσον τα μωσαϊκά είναι στην ουσία χαμηλότερης ανάλυσης εικόνες (διότι οι ψηφίδες τους είναι μεγάλες), χρειαζόμαστε θέματα που θα μπορούσαν να είναι κατανοητά σε χαμηλές αναλύσεις.
Β. ΥΠΟΛΟΓΙΣΜΟΣ ΜΕΓΕΘΩΝ (ΠΡΟΣΟΧΗ ΕΔΩ!!!)
Ειδικά για τα Mozaix στο Adobe Photoshop χρειάζεται κανείς κάποια βασική αριθμητική. Το πηλίκο της διαίρεσης των διαστάσεων της εικόνας με τις διαστάσεις των ψηφίδων πρέπει να είναι μηδενικό. Να έχουμε δηλαδή εικόνες που τα μεγέθη τους διαιρούνται ΑΚΕΡΑΙΑ με τα μεγέθη των ψηφίδων.
Παράδειγμα:
Αν οι ψηφίδες μας είναι διαστάσεων 32 x 32 pixel χρειαζόμαστε μια εικόνα που τόσο το ύψος, όσο και το πλάτος της θα διαιρούνται ακέραια με το 32.
Μην προσπεράσετε αυτό το βήμα, διότι η τεχνική δεν θα δουλέψει.
Μετατρέψτε τις εικόνες σας, μέσω καδραρίσματος (Crop), μεγέθυνσης - σμίκρυνσης (Image Size) κλπ σε ένα αρχείο με διαστάσεις ακέραια πολλαπλάσιες με των ψηφίδων σας.
Στην προκειμένη περίπτωση "crop-αρα" τη φώτο αυτή του φίλου μου του Φώτη (artech) σε ένα αρχείο 1280 x 1280 pixel.
1280 / 32 = 40
=======
Από πειράματα με αναλύσεις έχω καταλήξει πως μια απλή εικόνα, όπως ένα πρόσωπο, ένα χέρι κλπ, χρειάζεται τουλάχιστον 20 - 25 ψηφίδες σε κάθε αράδα και στήλη της (οριζόντια και κάθετα).
40 είναι ένας καλός αριθμός που θα μας δίνει ευδιάκριτες ψηφίδες και ευδιάκριτη συνολική εικόνα. Ανεβάζοντας τον αριθμό των ψηφίδων αυξάνουμε την ευκρίνεια των εικόνων, αλλά μειώνουμε εκείνη των ψηφίδων.
Σε αυτή την τεχνική με το τονικό μέσο όρο η ισορροπία ανάμεσα στην ευκρίνεια ψηφίδων και συνολικής εικόνας είναι εξαιρετικά κριτική.
Σε άλλες πιο σύνθετες τεχνικές, όπου οι ψηφίδες επιλέγονται με βάση ΚΑΙ το σχήμα του μέρους της γενικότερης εικόνας, τα πράγματα είναι πιο βολικά. Η τεχνολογία αυτή όμως είναι πιο σύνθετη και θα την αφήσουμε για επόμενο tutorial.
========
C. ΔΗΜΙΟΥΡΓΙΑ ΨΗΦΙΔΩΝ
Η δημιουργία των ψηφίδων είναι ένα επίσης πολύ σημαντικό βήμα.
Στην παρούσα τεχνική δουλέψαμε ως εξής.
Αρχικά ορίσαμε στα Preferences του Adobe Photoshop στο υπομενού Guides, Grid and Slices το Gridline every 32 pixel (όσα και το μέγεθος των ψηφίδων μας).
Ορίσαμε και 8 Subdivision (υποδιαιρέσεις) στο βασικό grid, ώστε να δουλεύουμε εύκολα με μισά των μισών κλπ.
Αφού δημιουργήσαμε ένα αρχείο διαστάσεων πλάτους [6 x 32] = 192 x [1 x 32] = 32 pixel αρχίσαμε να τοποθετούμε σε μια λογική σειρά τις ψηφίδες μας. Επιλέξαμε να δουλέψουμε με γράμματα. Συγκεκριμένα με τα γράμματα του ονόματος του Φώτη. Προσθέσαμε και μια παύλα (-), μιας και χρειαζόμαστε και ένα ακόμη πιο ανοικτό τόνο.
Για να ελέγξουμε τον τονικό μέσο όρο κάθε ψηφίδας χρησιμοποιούμε το φίλτρο Filter->Blur->Average. Επιλέγουμε κάθε κελί 32 x 32 pixel και εφαρμόζουμε το φίλτρο αυτό που μας δίνει ένα τονικό μέσο όρο.
Βλέπετε πως έχουμε δημιουργήσει μια σχετικά αρμονική τονική σκάλα 6 τόνων. Αν φυσικά κάτι δεν πάει καλά, θα πρέπει να μεγαλώσουμε ή να μικρύνουμε τη σχέση μαύρου με λευκό σε κάθε μας ψηφίδα.
Επόμενο βήμα μας είναι να αποθηκεύσουμε τις ψηφίδες μας σε Pattern.
Για να το πετύχουμε χρησιμοποιούμε την εντολή Edit->Define Pattern.
Kαι δίνουμε σε κάθε μία ψηφίδα ένα όνομα (Pattern 1, Pattern 2 κλπ).
Πλέον είμαστε έτοιμοι να περάσουμε στο επόμενο βήμα, που είναι ο διαχωρισμός της εικόνας μας σε 7 τόνους.
Γιατί 7;
Μα διότι θα χρησιμοποιήσουμε τους 6 των ψηφίδων μας συν το απόλυτο ΛΕΥΚΟ.
D. ΕΠΕΞΕΡΓΑΣΙΑ ΚΑΙ ΒΕΛΤΙΣΤΟΠΟΙΗΣΗ ΕΙΚΟΝΑΣ
Αυτή είναι η βασική μας εικόνα:
Αρχικά τη μετατρέπουμε σε Grayscale μέσω της εντολής Image->Mode->Grayscale.
Ύστερα αφαιρούμε το φόντο, πίσω από το Φώτη και το κάνουμε λευκό.
Έχουμε δημιουργήσει ένα Path το όποιο γεμίζουμε με το Edit->Fill με λευκό χρώμα.
Επόμενο βήμα μας είναι να δώσουμε στην εικόνα μας περισσότερο contrast (αντίθεση). Θέλουμε το σχέδιο της εικόνας να είναι ευδιάκριτο και σαφές. Έτσι χρησιμοποιώντας την εντολή Image->Adjustment->Levels (ή όποια άλλη ανάλογη) δίνουμε σχέδιο στην εικόνα μας.
Ε. ΜΕΤΑΤΡΟΠΗ ΤΗΣ ΕΙΚΟΝΑΣ ΣΕ ΜΩΣΑΪΚΟ.
Θα μετατρέψουμε τώρα την εικόνα μας σε ένα αρχικό μωσαϊκό από μεγάλα pixel. Χρησιμοποιούμε, όπως μπορούσατε να φανταστείτε, το φίλτρο Filter->Pixelate->Mosaic.
Φυσικά, το Cell Size ορίζεται στα 32 pixel. Το μέγεθος δηλαδή των ψηφίδων.
F. ΔΙΑΧΩΡΙΣΜΟΣ ΤΟΝΩΝ:
Προχωράμε τώρα στο διαχωρισμό της εικόνας σε 7 τόνους. Γιατί 7;
Μα γιατί έχουμε 6 τόνους (ψηφίδες) συν 1 λευκό.
Πώς θα το πραγματοποιήσουμε;
Μα απλά με την εντολή Image->Adjustment->Posterize. Φυσικά, στο πεδίο Levels ορίζουμε το 7.
G. ΑΠΟΘΗΚΕΥΣΗ ΤΟΝΩΝ:
Aυτό που χρειάζεται να κάνουμε τώρα είναι να αποθηκεύσουμε τους 7 μας τόνους σε Alpha Channel, ώστε να τα χρησιμοποιήσουμε στη συνέχεια για να τα γεμίσουμε με τις ψηφίδες (pattern).
Για την επιλογή όλων των περιοχών της εικόνας μας που καλύπτονται από τον ίδιο τόνο χρησιμοποιούμε την εντολή Select->Color Range.
Στο πεδίο Fuzziness δίνουμε την τιμή 0, εφόσον θέλουμε να επιλεχθούν με ακρίβεια οι τόνοι μας. ΠΡΟΣΟΧΗ! Κάθε άλλη τιμή θα καταστήσει την τεχνική προβληματική!
Στη συνέχεια αποθηκεύουμε την ενεργή επιλογή σε ένα νέο Alpha Channel, μέσω της εντολής Select->Save Selection ή απλά πατώντας το αντίστοιχο εικονίδιο στο pop menu Channels.
Eπαναλαμβάνουμε το παραπάνω βήμα για όλους τους 7 τόνους και καταλήγουμε να έχουμε φυσικά 7 Alpha Channel με αποθηκευμένες όλες τις περιοχές της εικόνας μας.
H. ΤΟΠΟΘΕΤΗΣΗ ΤΩΝ ΨΗΦΙΔΩΝ:
Πλέον μπορούμε να ξεκινήσουμε το πιο διασκεδαστικό κομμάτι της τεχνικής. Αυτό του γεμίσματος των 7 περιοχών με τις αντίστοιχες ψηφίδες.
Η πρώτη φυσικά περιοχή, τα λευκά, προσπερνάτε.
Ενεργοποιούμε λοιπόν την επιλογή του καναλιού Alpha 2 μέσω της εντολής Select->Load Selection ή απλά με Command και κλικ πάνω στο εικονίδιο του καναλιού.
Ύστερα από το μενού Edit καλούμε την εντολή Fill.
Στο πεδίο Content: Use επιλέγουμε το Pattern και από το υπομενού Custom Pattern επιλέγουμε το πρώτο από τα pattern - ψηφίδες μας, την παύλα.
Συνεχίζουμε με τον ίδιο τρόπο με το κανάλι Alpha 3 και το Pattern 2, το Ι...
...και βέβαια με όλα τα υπόλοιπα κανάλια και pattern.
'Oπως βλέπετε το πρώτο σας TextMozaic δημιουργήθηκε!
Aν θέλετε να πειραματιστείτε με την ίδια ακριβώς εικόνα και τα pattern που χρησιμοποιώ σε αυτό το tutorial θα τα βρείτε εδώ:
http://www.tsevis.com/vcdc/pstextzaix/Fotis4Mozaix.zip
________________________________________________
ΠΑΡΑΛΛΑΓΕΣ:
1. Φυσικά, αν είστε πιο υπομονετικοί, μπορείτε να δημιουργήσετε μέχρι 256 τόνους στο Photoshop, εφόσον τόσους υποστηρίζει το Posterize. Πιστέψτε με όμως πως και 8 και 10 και 16 δημιουργούν εξαιρετικά αποτελέσματα.
2. Μια ακόμη παραλλαγή είναι να εφαρμόσετε την ίδια τεχνική σε ένα ένα τα κανάλια μια CMYK ή RGB εικόνας.
Απομονώστε τα κανάλια μια CMYK ή RGB εικόνας μέσω της εντολής Split Channel από το pop up μενού Channels κι ύστερα τρέξτε την τεχνική σε ένα ένα από αυτά.
To αποτέλεσμα θα σας δικαιώσει!
Τώρα εσείς - ως έξυπνα παιδιά και γνώστες των γραφικών τεχνών - μπορείτε να σκεφτείτε και άπειρες άλλες παραλλαγές. Χρησιμοποιήστε την περιστροφή (Rotate) των ψηφίδων σε +90, -90 και 180 μοίρες και τοποθετήστε ψηφίδες σε διαφορετική γωνία για κάθε κανάλι.
Χρησιμοποιήστε εικόνες με μεγαλύτερη ή μικρότερη ανάλυση σε διαφορετικές περιοχές, ανάλογα με το θέμα σας.
Οι πιο υπομονετικοί, μπορείτε να δημιουργήσετε έγχρωμες ψηφίδες και να τις τοποθετήσετε σε έγχρωμες εικόνες.
Φυσικά, το Adobe Photoshop ΔΕΝ είναι το πιο κατάλληλο εργαλείο για αυτή τη δουλειά. Μπορεί όμως να μας βοηθήσουμε μερικά εξαιρετικά Mozaix. Ειδικά αν έχουμε κάτι να πούμε με αυτά.
Λέξεις - ψηφίδες, σύμβολα - ψηφίδες, λογότυπα - ψηφίδες... Οι συνθετικές εικόνες είναι μια λογική κατάσταση. Είναι ο μέσος δρόμος ανάμεσα στον φυσικό ψηφιογραφικό και τον λογικό ανισματικό κόσμο.
Καλή διασκέδαση!
Χ.
Υ.Γ. Εννοείται πως ευχαρίστως να δημοσιεύσετε εδώ ή αλλού ό,τι φτιάξετε.
