Πώς σχεδιάζω διαγράμματα με το Photoshop;

...

Χρησιμοποιήστε το Rectangular Marquee Tool για να προσθέσετε ευθείες, τετράγωνες γραμμές.

Πίστωση εικόνας: Η εικόνα είναι ευγενική προσφορά της Adobe.

Είτε θέλετε να σχεδιάσετε ένα οργανόγραμμα, ένα infographic ή ένα διάγραμμα ροής, το Adobe Photoshop CC έχει όλα όσα χρειάζεστε. Προσθέστε τις δικές σας εικόνες σε ένα γράφημα ή χρησιμοποιήστε οποιοδήποτε από τα σχήματα που παρέχονται ήδη για να δημιουργήσετε οπτικές αναπαραστάσεις για το κοινό σας. Ξεκινήστε πρώτα με τα αντικείμενα και τις ετικέτες. Μόλις τα τοποθετήσετε, προσθέστε βέλη ή γραμμές για να τα συνδέσετε.

Σχεδιάζοντας ένα βασικό διάγραμμα

Βήμα 1

...

Νέο παράθυρο του Photoshop με την προεπιλογή χαρτιού των ΗΠΑ.

Πίστωση εικόνας: Η εικόνα είναι ευγενική προσφορά της Adobe.

Εκκινήστε το Photoshop και επιλέξτε το κατάλληλο μέγεθος για το διάγραμμά σας. Εάν το εκτυπώνετε, επιλέξτε "Χαρτί ΗΠΑ" από το μενού Προεπιλογή. Εάν θέλετε έναν οριζόντιο καμβά αντί για κατακόρυφο, απλώς αλλάξτε τις τιμές "8,5" και "11" στα πεδία Ύψος και Πλάτος πριν κάνετε κλικ στο "OK".

Το βίντεο της ημέρας

Βήμα 2

...

Ένα ορθογώνιο που σχεδιάστηκε με το εργαλείο Rounded Rectangle.

Πίστωση εικόνας: Η εικόνα είναι ευγενική προσφορά της Adobe.

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

Βήμα 3

...

Ένα ορθογώνιο με εσωτερική λοξότμηση και σκιά.

Πίστωση εικόνας: Η εικόνα είναι ευγενική προσφορά της Adobe.

Επιλέξτε "Layer Styles" από το μενού Layer και επιλέξτε ένα ή περισσότερα στυλ που θα εφαρμόσετε στο σχήμα σας. Προσθέστε ένα στυλ Drop Shadow για να κάνετε το σχήμα να φαίνεται να επιπλέει στην οθόνη. Για να προσθέσετε μια λοξότμηση γύρω από το περίγραμμα του σχήματος, επιλέξτε "Bevel & Emboss" και επιλέξτε "Inner Bevel" από το μενού Style.

Βήμα 4

...

Μια εξωτερική λοξότμηση εφαρμόζεται στο κείμενο.

Πίστωση εικόνας: Η εικόνα είναι ευγενική προσφορά της Adobe.

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

Βήμα 5

...

Ομαδοποιήστε τα επίπεδα για να τα μετακινήσετε και να τα αντιγράψετε γρήγορα.

Πίστωση εικόνας: Η εικόνα είναι ευγενική προσφορά της Adobe.

Ομαδοποιήστε το πλαίσιο κειμένου και το σχήμα φόντου για να διευκολύνετε τη μετακίνησή τους. Επιλέξτε το επίπεδο κειμένου και το επίπεδο σχήματος στον πίνακα "Επίπεδα" κάνοντας κλικ σε αυτά με Ctrl και, στη συνέχεια, επιλέξτε "Επίπεδα ομάδας" από το μενού "Επίπεδα". Για να μετακινήσετε και τα δύο επίπεδα μαζί, επιλέξτε το φάκελο. Σύροντας το φάκελο στο εικονίδιο "Νέο επίπεδο" στο κάτω μέρος του πίνακα "Επίπεδα" αντιγράφει το κείμενο και το σχήμα φόντου. Για να επεξεργαστείτε κάθε επίπεδο ξεχωριστά, ανοίξτε το φάκελο και επιλέξτε το κατάλληλο επίπεδο.

Βήμα 6

...

Το μενού Shapes του Photoshop.

Πίστωση εικόνας: Η εικόνα είναι ευγενική προσφορά της Adobe.

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

Βήμα 7

...

Ένα βέλος ανάμεσα σε δύο ορθογώνια.

Πίστωση εικόνας: Η εικόνα είναι ευγενική προσφορά της Adobe.

Επιλέξτε "Ελεύθερος μετασχηματισμός" από το μενού "Επεξεργασία" για να αλλάξετε το μέγεθος ή να περιστρέψετε το βέλος όπως απαιτείται. Κρατώντας πατημένο το πλήκτρο "Shift" ενώ σύρετε τη γωνία του βέλους θα περιοριστεί η αναλογία διαστάσεων. Για να περιστρέψετε το σχήμα, τοποθετήστε το δείκτη του ποντικιού έξω από τη γωνία μέχρι ο δρομέας να γίνει καμπύλο βέλος και, στη συνέχεια, σύρετέ τον.

Βήμα 8

...

Ένα ορθογώνιο φόντου με λοξότμητη άκρη και εφαρμοσμένη υφή.

Πίστωση εικόνας: Η εικόνα είναι ευγενική προσφορά της Adobe.

Προσθέστε ένα σχήμα φόντου στο διάγραμμά σας εάν θέλετε. Για να κάνετε το φόντο οπτικά ενδιαφέρον, δοκιμάστε να προσθέσετε μια εσωτερική λοξότμηση σε αυτό και, στη συνέχεια, επιλέξτε την επιλογή "Υφή" στο αριστερό μενού του παραθύρου Στυλ επιπέδου, κάτω από το "Φάλτσο και ανάγλυφο".

Σχεδιάζοντας γραμμές σε ένα διάγραμμα

Βήμα 1

...

Οι οδηγοί ευθυγράμμισης εμφανίζονται όταν μετακινείτε ένα αντικείμενο.

Πίστωση εικόνας: Η εικόνα είναι ευγενική προσφορά της Adobe.

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

Βήμα 2

...

Η επιλογή Stroke κάτω από το μενού Επεξεργασία.

Πίστωση εικόνας: Η εικόνα είναι ευγενική προσφορά της Adobe.

Προσθέστε ένα νέο επίπεδο στον καμβά κάνοντας κλικ στο κουμπί "Νέο επίπεδο" στο κάτω μέρος του πίνακα επιπέδου. Επιλέξτε το "Rectangular Marquee Tool" στην Εργαλειοθήκη για να προσθέσετε ευθείες, τετράγωνες γραμμές στο διάγραμμα. Σύρετε το εργαλείο στον καμβά και, στη συνέχεια, επιλέξτε "Περιγραφή" από το μενού Επεξεργασία.

Βήμα 3

...

Εφαρμογή μιας διαδρομής στο Εργαλείο Ορθογώνιας Μαρκίζας.

Πίστωση εικόνας: Η εικόνα είναι ευγενική προσφορά της Adobe.

Εισαγάγετε ένα πλάτος, σε pixel, για το πάχος της γραμμής στο παράθυρο Stroke. Κάντε κλικ στο εικονίδιο "Χρώμα" και επιλέξτε ένα χρώμα για τη γραμμή και, στη συνέχεια, κάντε κλικ στο "OK" για να κλείσετε κάθε παράθυρο. Το εργαλείο μαρκίζας είναι πλέον ένα ορθογώνιο.

Βήμα 4

...

Αντικείμενα που συνδέονται με ευθείες, τετράγωνες γραμμές.

Πίστωση εικόνας: Η εικόνα είναι ευγενική προσφορά της Adobe.

Επιλέξτε το "Eraser Tool" για να διαγράψετε τα μέρη του ορθογωνίου που δεν χρειάζεστε. Επαναλάβετε αυτή τη διαδικασία με το Rectangular Marquee Tool για να σχεδιάσετε όσες γραμμές χρειάζεστε.

Βήμα 5

...

Διάγραμμα κτιρίου με εξόδους πυρκαγιάς.

Πίστωση εικόνας: Η εικόνα είναι ευγενική προσφορά της Adobe.

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