Εργασία με Artboards στο Photoshop CC

Όπως και στο Adobe Illustrator, οι πίνακες γραφικών του Photoshop παρέχουν τη δυνατότητα δημιουργίας ξεχωριστών σελίδων ή οθονών σε ένα έγγραφο. Αυτό μπορεί να είναι ιδιαίτερα χρήσιμο εάν κατασκευάζετε οθόνες για μια εφαρμογή για κινητά ή ένα μικρό φυλλάδιο.

Μπορείτε να σκεφτείτε έναν πίνακα γραφικών ως έναν ειδικό τύπο ομάδας επιπέδων που δημιουργήθηκε χρησιμοποιώντας τον πίνακα "Επίπεδα". Η λειτουργικότητά του μπορεί να μην είναι τόσο διαισθητική στο Photoshop όσο στο Adobe Illustrator, αλλά με λίγη εξάσκηση θα πρέπει να το καταφέρετε. Ακολουθήστε αυτά τα βήματα για να δείτε πώς μπορείτε να φτιάξετε πίνακες τέχνης μόνοι σας:

Σε αυτό το παράδειγμα, δημιουργείται ένα νέο έγγραφο χρησιμοποιώντας το έγγραφο έναρξης του iPhone 6. Εάν ξεκινάτε ένα νέο έγγραφο με το παλιό παράθυρο Νέο έγγραφο, δημιουργήστε ένα νέο αρχείο με αυτές τις διαστάσεις: 750 πλάτος x 1334 ύψος.

Δημιουργήστε ένα έγγραφο στο μέγεθος του iPhone 6.

Εάν δημιουργήσατε το νέο σας έγγραφο με το αρχείο έναρξης του iPhone 6, βλέπετε ήδη έναν πίνακα γραφικών στον πίνακα Επίπεδα.

Το πλαίσιο Επίπεδα με ένα Artboard που έχει ήδη δημιουργηθεί.

Εάν δεν βλέπετε έναν πίνακα γραφικών, δημιουργήστε έναν τώρα επιλέγοντας Νέος πίνακας τέχνης από το μενού του πίνακα επιπέδων.

Μπορείτε να προσθέσετε το δικό σας Artboard χρησιμοποιώντας το μενού του πίνακα Layers.

Κατά τη δημιουργία πινάκων τέχνης, μπορείτε να επιλέξετε από μια μεγάλη ποικιλία προκαθορισμένων μεγεθών ή να ορίσετε το δικό σας προσαρμοσμένο μέγεθος πίνακα γραφικών.

Επιλέξτε File→ Place Embedded και μεταβείτε στο φάκελο Book03-Photoshop. Κάντε διπλό κλικ για να επιλέξετε την εικόνα με το όνομα water_sky ή επιλέξτε την εικόνα και πατήστε Τοποθέτηση.

Όταν η εικόνα εμφανιστεί στον πίνακα τέχνης, πιάστε μία από τις γωνιακές λαβές, κρατήστε πατημένο το πλήκτρο Shift και κάντε κλικ και σύρετε προς τα έξω για να κλιμακώσετε την εικόνα και να γεμίσετε ολόκληρο τον πίνακα τέχνης. Όταν η εικόνα έχει μέγεθος και τοποθετηθεί, επιλέξτε το πλαίσιο ελέγχου Υποβολή στη γραμμή Επιλογών ή πατήστε το πλήκτρο Enter για να επιβεβαιώσετε την τοποθέτηση της εικόνας.

Τοποθετήστε μια εικόνα και τεντώστε την ώστε να ταιριάζει σε ολόκληρο το γραφικό.

Στη συνέχεια, προσθέτετε ένα επίπεδο κειμένου.

Επιλέξτε το εργαλείο Τύπος και κάντε κλικ και σύρετε στο artboard για να δημιουργήσετε μια περιοχή κειμένου και να προσθέσετε ένα νέο επίπεδο κειμένου.

Πληκτρολογήστε το κείμενο, ΝΕΡΟ & ΟΥΡΑΝΟΣ. Χρησιμοποιώντας τα στοιχεία ελέγχου στη γραμμή επιλογών, ορίστε τον τύπο στις ακόλουθες ιδιότητες:

• Γραμματοσειρά: Myriad Pro Bold
• Μέγεθος: 110 pt
• Χρώμα: Λευκό

Επιλέξτε το κουμπί Commit στη γραμμή Επιλογών αφού ορίσετε τον τύπο σας.

Προσθέστε ένα επίπεδο κειμένου στο artboard σας.

Μπορείτε να πατήσετε Ctrl+Return (Windows) ή ⌘ +Return (Mac) για να δεσμεύσετε επίσης ένα επίπεδο τύπου.

Έτσι, όπως βλέπετε, εργάζεστε με τα Artboards όπως θα εργάζεστε με οποιοδήποτε άλλο έγγραφο του Photoshop. Η διαφορά έρχεται στο επόμενο βήμα, όπου θα βρείτε πώς να προσθέσετε επιπλέον πίνακες τέχνης στο αρχείο σας.

Προσθήκη πρόσθετων πινάκων τέχνης

Μπορείτε επίσης να δημιουργήσετε επιπλέον πίνακες τέχνης. Ίσως θέλετε να δημιουργήσετε μια εφαρμογή για κινητά με πολλές οθόνες στο Photoshop ή απλά θέλετε να δημιουργήσετε πολλές εκδόσεις μιας οθόνης. Για αυτές τις οδηγίες, συνεχίζετε με το έργο που ξεκίνησε παραπάνω.

Κάντε κλικ στο εργαλείο Μετακίνηση και επιλέξτε το κρυφό εργαλείο Artboard.

Χρησιμοποιήστε το εργαλείο Artboard για να χειριστείτε τους πίνακες τέχνης και να δημιουργήσετε περισσότερα.

Τα εικονίδια με το σύμβολο συν εμφανίζονται σε όλες τις πλευρές του γραφικού πίνακα. Μπορείτε να κάνετε κλικ σε αυτά τα εικονίδια με το σύμβολο συν για να προσθέσετε επιπλέον πίνακες τέχνης.

Κάντε κλικ στο εικονίδιο με το σύμβολο συν στα δεξιά του υπάρχοντος πίνακα γραφικών σας για να δείτε ότι προστέθηκε ένας νέος κενός πίνακας γραφικών.

Προσθέστε έναν κενό πίνακα γραφικών κάνοντας κλικ στο εικονίδιο με το σύμβολο συν.

Ρίξτε μια ματιά στον πίνακα Επίπεδα. Βεβαιωθείτε ότι, όπως και τα επίπεδα, το νεότερο artboard εμφανίζεται πάνω από το επιλεγμένο επίπεδο.

Μπορείτε επίσης να χρησιμοποιήσετε το εργαλείο Artboard για να δημιουργήσετε τον δικό σας πίνακα γραφικών προσαρμοσμένου μεγέθους. Κάντε αυτό κάνοντας κλικ και σύροντας με το εργαλείο artboard στον καμβά του Photoshop. Από τη γραμμή επιλογών εργαλείων, επιλέξτε ένα προκαθορισμένο μέγεθος από το αναδυόμενο μενού Μέγεθος ή απλώς αφήστε το στο προσαρμοσμένο μέγεθος.

Ονομασία των πινάκων τέχνης σας

Προτού αυτό το αρχείο γίνει πιο περίπλοκο, θα ήταν συνετό να ονομάσουμε τους πίνακες τέχνης. Αυτό γίνεται στον πίνακα Layers.

Επιλέξτε τον αρχικό πίνακα γραφικών (Artboard 1) και κάντε διπλό κλικ στο όνομα του artboard. Όταν το πλαίσιο κειμένου είναι ενεργό, πληκτρολογήστε το όνομα Αρχική σελίδα.

Κάντε διπλό κλικ στο όνομα Artboard 2 στον πίνακα Layers και ονομάστε αυτό το επίπεδο Beach.

Προσθήκη περιεχομένου στο δεύτερο artboard

Τώρα, προσθέστε μια εικόνα και λίγο κείμενο στον δεύτερο πίνακα γραφικών:

Κάντε κλικ στο εργαλείο Artboard και επιστρέψτε το στο εργαλείο Μετακίνηση.

Βεβαιωθείτε ότι το Artboard Beach είναι επιλεγμένο στον πίνακα Layers και επιλέξτε File→ Place Embedded. Μεταβείτε στο φάκελο Book03_Photoshop και επιλέξτε την εικόνα με το όνομα Παραλία και πατήστε Place. Η εικόνα προστίθεται στο δεύτερο artboard.

Όπως και με την τελευταία εικόνα που τοποθετήσατε, κρατήστε πατημένο το πλήκτρο Shift και σύρετε το Shift σε ένα γωνιακό σημείο για να αυξήσετε αναλογικά την εικόνα και να γεμίσετε την οθόνη.

Με ενεργό το εργαλείο Μετακίνηση, κάντε κλικ και σύρετε την εικόνα. Λάβετε υπόψη ότι, παρόλο που βρίσκεται στο ίδιο έγγραφο, δεν επικαλύπτεται ή παρεμβαίνει σε έργα τέχνης σε άλλους πίνακες τέχνης.

Κλωνοποίηση από το ένα artboard στο άλλο

Τώρα, κλωνοποιήστε το κείμενο από τον πίνακα γραφικών Home στον πίνακα τέχνης Beach:

Με το εργαλείο Μετακίνησης ακόμα επιλεγμένο, κάντε κλικ με Ctrl (Windows) ή ⌘ -κλικ (Mac) στο κείμενο WATER & SKY στον πίνακα γραφικών της Αρχικής σελίδας. Αυτό ενεργοποιεί αυτό το στρώμα.

Κρατήστε πατημένο το πλήκτρο Alt (Windows) ή Option (Mac) και κάντε κλικ και σύρετε το κείμενο από το ένα artboard στο άλλο.

Εάν κρατήσετε πατημένο το πλήκτρο Shift ενώ σύρετε, η εικόνα θα παραμείνει ευθυγραμμισμένη.

Μεταβείτε στο artboard και κάντε διπλό κλικ στο πρόσφατα κλωνοποιημένο κείμενο για να ενεργοποιήσετε την περιοχή κειμένου και πληκτρολογήστε FUN BEACHES.

Ένα αρχείο Photoshop με δύο πίνακες τέχνης.

Μετακίνηση στοιχείων από το ένα artboard στο άλλο

Για να μετακινήσετε ένα στοιχείο από το ένα artboard στο άλλο, απλώς σύρετε τα στοιχεία από το ένα artboard στο άλλο. Όταν μετακινείτε ένα στοιχείο μεταξύ πινάκων γραφικών, το Photoshop προσπαθεί να το τοποθετήσει στην ίδια θέση σε σχέση με την αρχή του χάρακα που βρίσκεται στην επάνω αριστερή γωνία των πινάκων τέχνης.

Εξαγωγή των πινάκων τέχνης σας

Μπορείτε να αποθηκεύσετε το αρχείο σας ως αρχείο Photoshop για να διατηρήσετε επίπεδα, αλλά σε αυτό το παράδειγμα θα εξαγάγετε το αρχείο ως PDF δύο σελίδων. Εναλλακτικά, χρησιμοποιήστε τη λειτουργία Αρχείο→ Εξαγωγή για να εξάγετε τους πίνακες τέχνης σας ως PNG, JPEG, PDF και άλλα.