Ψάχνεις ιδέες για κάτι πιο δημιουργικό και εντυπωσιακό για την εμφάνιση του blog σου; Ένας ωραίος τρόπος να δημιουργήσεις πρωτότυπες εικόνες και γραφικά που θα εντυπωσιάσουν το κοινό σου είναι να χρησιμοποιήσεις το Mask Effect.
Στο σημερινό tutorial θα δούμε πως μπορούμε να δημιουργήσουμε το Mask Effect σε εικόνα ή κείμενο. ‘Ποιος ήρθε;;’ θα αναρωτιέσαι και με το δίκιο σου. Θα προσπαθήσω να το εξηγήσω όσο πιο απλά και κατανοητά γίνεται.
Στο web design με τον όρο ‘Mask’ εννοούμε την δημιουργία στρωμάτων (Layers) για να καλύψουμε κάποιο κομμάτι μιας εικόνας ή κάποιο γραφικό στοιχείο. Γιατί το κάνουμε αυτό; Το αποτέλεσμα που προσφέρει το Mask Effect είναι η δημιουργία πρωτότυπων και εντυπωσιακών εφέ.
Το γνωστό – και αγαπημένο – πρόγραμμα επεξεργασίας εικόνας CANVA δίνει τα εργαλεία. Εγώ θα σου πω πως μπορείς να τα χρησιμοποιήσεις για να πετύχεις πχ. ασπρόμαυρο φόντο με έγχρωμες λεπτομέρειες (φωτό κάτω).
Που μπορείς να το χρησιμοποιήσεις: Παντού! Σε εξώφυλλα ή posts για τα social media, quotes, Pinterest pins κλπ. Μπορείς να ‘παίξεις’ με εικόνα, κείμενο ή συνδυασμό και των δύο. Sky is the limit!
🔔 Μιλάμε πάντα για την ΔΩΡΕΑΝ έκδοση του CANVA.
Σε αυτό το tutorial θα σου δείξω πως να χρησιμοποιήσεις το Mask Effect πρώτα στα Frames και παρακάτω στο κείμενο (Text) του CANVA.
<p class="has-text-align-center" style="font-size:25px;line-height:1.5" value="<amp-fit-text layout="fixed-height" min-font-size="6" max-font-size="72" height="80"><strong><span style="color:#008080;" class="has-inline-color">👉 <span style="text-decoration:underline;">Mask Effect στα Frames του Canva</span></span></strong>Βήμα 1: Ανοίγουμε ένα αρχείο στο Canva, πχ. facebook post (940 x 788).
Βήμα 2: Πάμε ‘Photos’ (αριστερό μενού) και επιλέγουμε μια φωτογραφία για φόντο, ή στο ‘Uploads’, αν θέλεις κάποια δική σου.
Σιγουρέψου οτι η εικόνα είναι στο κέντρο (Position –> Center).
Σύρε την από τις άκρες να είναι πάνω και κάτω (όχι δεξιά-αριστερά) ακριβώς ίσο με το template που χρησιμοποιείς.
Σ.Σ.1: Μην κάνεις όλη την εικόνα φόντο με το δεξί κλικ (set image as background), γιατί δεν θα μπορείς να την διαχειριστείς μετά.
Σ.Σ.2: Αν θέλεις το αποτέλεσμα να σου βγει μεγάλες διαστάσεις, επέλεξε μεγαλύτερο template (πχ. presentation, calendar, Pinterest Pin).
Βήμα 3A: Πηγαίνεις ‘Elements’ –> ‘Frames’ –> επιλέγεις το frame που θέλεις.
Βρες το σημείο που θέλεις να τονίσεις. Συνήθως είναι στο κέντρο ή τα πιο έντονα χρώματα, αλλά εξαρτάται κι από την εικόνα.
Μεγάλωσε ή μίκρυνε το frame όσο θέλεις.
Σιγουρέψου ξανά ότι βρίσκεται στο κέντρο.
Extra Tip: Επίλεξε για το φόντο σου εικόνα που να μην έχει – στο κέντρο τουλάχιστον – λευκά σημεία, γιατί το αποτέλεσμα θα βγει κάπως έτσι…
Βήμα 4A: Για να τονίσεις περισσότερο το σημείο που θέλεις, πρέπει να γίνει πιο ‘άτονο’ το πίσω. Επίλεξε το φόντο σου και πήγαινε στο ‘Adjust’ (μενού πάνω αριστερά).
Αναλόγως την εικόνα που έχεις πάντα, μπορείς είτε να μειώσεις το Saturation, ώστε να ‘ατονίσουν’ τα χρώματα ή να γίνει και ασπρόμαυρη (που είναι και προτιμότερο, γιατί η αντίθεση θα είναι πιο εντυπωσιακή) είτε να θολώσεις (blur) την εικόνα.
Θα πρέπει να έχεις κάτι τέτοιο!
Βημα 5A: Ξαναπηγαίνεις στο ‘Photos’ και επιλέγεις την ίδια εικόνα και την σέρνεις στο frame.
Διπλό κλικ στο frame (ή crop πάνω) και μεγέθυνε την εικόνα ΑΚΡΙΒΩΣ στις ίδιες διαστάσεις με το φόντο σου. Πρέπει να ταιριάξει τέλεια.. για ευνόητους λόγους.
Extra Tip: Αν στο αποτέλεσμα δεν υπάρχει μεγάλη αντίθεση στα χρώματα, αύξησε λίγο την φωτεινότητα (brightness) του φόντου πάνω στο ‘Adjust’.
Έτοιμο! Θα πρέπει να έχεις κάτι τέτοιο!
👉 Mask Effect σε Κείμενο (Text) του Canva
Πάμε τώρα πίσω στο Βήμα 3 και αντί για Frame πάμε να κάνουμε το ίδιο με κείμενο (Text).
Τα δύο πρώτα βήματα παραμένουν ίδια.
Βημα 3Β: Πηγαίνεις ‘Elements’ και πατάς στην αναζήτηση ‘letter frame’. Επιλέγεις τα γράμματα που θέλεις.
Extra Tip: Αν θέλεις να μειώσεις το μέγεθος σε όλα τα γράμματα μαζί, πάτησε στο φόντο σου και πάτησε πάνω δεξιά στο μενού το ‘Lock’. Έτσι θα μπορείς να επιλέξεις όλα τα γράμματα μαζί, χωρίς να επιλεχτεί και το φόντο. Εναλλακτικά, επίλεξε τα όλα και κρατώντας πατημένο το Shift κάνε αριστερό κλικ για να ξε-επιλέξεις το φόντο (ή ότι άλλο δεν θέλεις να μετακινηθεί).
Σ.Σ. Αν θέλεις να τονίσεις σημείο που δεν είναι στο κέντρο της εικόνας (πχ. τα έντονα χρώματα της εικόνας βρίσκονται πιο δεξιά/αριστερά/πάνω/κάτω), ΠΡΙΝ ΣΥΝΕΧΙΣΕΙΣ ΣΤΟ ΒΗΜΑ 4Β, μετακίνησε το φόντο σου όπως το χρειάζεσαι (μεγέθυνση, σμίκρυνση, περικοπή). Πρόσεχε να μην ξεφύγεις στις διαστάσεις που θέλεις να έχει το τελικό αποτέλεσμα.
Βήμα 4B: Αφού τα έχεις βάλει στη σειρά, επίλεξε τα όλα και πάτησε πάνω δεξιά ‘Group’ για να τα κεντράρει μετά σωστά (Εικόνα 6).
Μετά ‘Position’ –> ‘Center’ & ‘Middle’ για να μπουν στο τέλειο κέντρο (Εικόνα 7).
Βήμα 5B: Ξαναπηγαίνεις στο ‘Photos’ και επιλέγεις την ίδια εικόνα και την σέρνεις στο κάθε γράμμα ξεχωριστά.
Βήμα 6Β: Κάνε διπλό κλικ στο κάθε γράμμα για να φέρεις την εικόνα στις ίδιες διαστάσεις με το φόντο (Βλέπε Εικόνα 3 πάνω).
Extra Tip: Αν στο αποτέλεσμα δεν υπάρχει μεγάλη αντίθεση στα χρώματα, αύξησε λίγο την φωτεινότητα (brightness) του φόντου πάνω στο ‘Adjust’.
Έτοιμο! Θα πρέπει να έχεις κάτι τέτοιο!
<p class="has-text-align-justify" value="<amp-fit-text layout="fixed-height" min-font-size="6" max-font-size="72" height="80"><strong><span class="has-inline-color has-black-color">Πώς σου φάνηκε η ανάρτηση μου; Θα χαρώ να δω σχόλιο σου παρακάτω!</span></strong>❓Ανακάλυψε περισσότερα έξυπνα Canva Tips πατώντας εδώ!
Σχετικά άρθρα:
✔ 5 κρυμμένα μυστικά του Canva που πρέπει να γνωρίζεις!
✔ 5 έξυπνα Canva Tips που ίσως δεν γνωρίζεις!
✔ 4 τρόποι να φτιάξεις λεπτές γραμμές (dividers) | Canva Tutorial
✔ Πως να βάλεις background μέσα σε κείμενο | Canva Tutorial
👉 Μην παραλείψεις να κάνεις εγγραφή στο Newsletter μου για να μείνεις ενημερωμένος, αλλά και να με ακολουθήσεις σε Facebook, Instagram και Pinterest!
My Little Curious Blog 
8 σκέψεις σχετικά με το “Πως να δημιουργήσεις Mask Effect | Canva Tutorial”