Σχεδιάζοντας ορθογώνια στο Photoshop. Πώς να δημιουργήσετε αυθαίρετα σχήματα ή σχήματα στο Photoshop Ογκομετρικό ορθογώνιο στο Photoshop

Μόλις αφήσετε το κουμπί του ποντικιού σας, το Photoshop γεμίζει το σχήμα με το χρώμα ή τον τύπο γεμίσματος που επιλέξατε στη γραμμή επιλογών:



Μόλις αφήσετε το αριστερό κουμπί του ποντικιού, το Photoshop γεμίζει το σχήμα με ένα χρώμα ή άλλο προκαθορισμένο γέμισμα.

Αλλαγή του μεγέθους ενός σχήματος αφού το σχεδιάσετε

Αφού σχεδιάσετε το αρχικό σας σχήμα (στην περίπτωσή μας, ένα ορθογώνιο), οι τρέχουσες διαστάσεις του θα εμφανιστούν στα πεδία εισαγωγής «Πλάτος» (Π) και «Ύψος» (Υ) στον πίνακα επιλογών.
Εδώ βλέπουμε ότι το ορθογώνιο μου έχει πλάτος 464 pixel και ύψος 257 pixel:


Το ύψος και το πλάτος του σχήματος εμφανίζονται στα αντίστοιχα πεδία εισαγωγής της γραμμής επιλογών.

Εάν πρέπει να αλλάξετε το τελικό μέγεθος Σχήματα Photoshop(και αυτό λειτουργεί για όλα τα εργαλεία διανυσματικών σχημάτων, όχι μόνο για το Ορθογώνιο), απλώς εισαγάγετε το μέγεθος που θέλετε στα πεδία Πλάτος και/ή Ύψος. Για παράδειγμα, ας πούμε ότι ξαφνικά πρέπει να αλλάξω το πλάτος του ορθογωνίου στα 500 pixel. Το μόνο που έχω να κάνω είναι να εισάγω μια τιμή 500 px στο πεδίο Width στη γραμμή επιλογών. Εάν είναι απαραίτητο, μπορείτε να αλλάξετε το ύψος με τον ίδιο τρόπο.

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


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

Πώς να προκαθορίσετε το μέγεθος ενός σχήματος πριν το σχεδιάσετε

Εάν γνωρίζετε εκ των προτέρων το ακριβές πλάτος και ύψος του σχήματος που δημιουργείτε, το Photoshop έχει την επιλογή να δημιουργήσει το σχήμα σε καθορισμένες διαστάσεις.

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



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

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

Ακολουθούν μερικές απλές αλλά πολύ χρήσιμες συντομεύσεις πληκτρολογίου. Εάν πατήσετε παρατεταμένα το πλήκτρο Alt και σύρετε τον κέρσορα για να δημιουργήσετε ένα σχήμα, θα αρχίσετε να το σχεδιάζετε από το κέντρο και όχι από μια γωνία. Αυτός ο κανόνας λειτουργεί με οποιοδήποτε από τα εργαλεία σχήματος του Photoshop, όχι μόνο με το εργαλείο Rectangle. Αλλά όταν κατασκευάζετε μια φιγούρα από το κέντρο, ένα πράγμα πρέπει να λαμβάνεται υπόψη σημαντικό σημείο. Το πλήκτρο Alt πρέπει να κρατηθεί πατημένο μετάπώς ξεκινάτε να δημιουργείτε το σχήμα, δηλ. Μετά από αυτό, καθώς πατάτε το αριστερό κουμπί του ποντικιού και ξεκινάτε να σύρετε τον κέρσορα. Θα πρέπει επίσης να απελευθερώσετε το Alt Μετά από αυτό, καθώς αφήνετε το αριστερό κουμπί του ποντικιού, π.χ. αφού ολοκληρώσετε την κατασκευή του σχήματος:



Πατήστε παρατεταμένα το πλήκτρο Alt για να ξεκινήσετε τη δημιουργία του σχήματος από το κέντρο του. Ο κύκλος δείχνει το σημείο εκκίνησης για την κατασκευή του σχήματος.

Σχεδίαση τετραγώνων

Για να σχεδιάσετε ένα τέλειο τετράγωνο χρησιμοποιώντας το Rectangle Tool, κάντε κλικ στο εσωτερικό του εγγράφου για να ορίσετε το σημείο εκκίνησης και να ξεκινήσετε τη μεταφορά ως συνήθως. Μόλις αρχίσετε να σύρετε, πατήστε και κρατήστε πατημένο το πλήκτρο Shift. Αυτό θα κάνει το ορθογώνιο να μετατραπεί σε τετράγωνο. Και πάλι, αφήστε το Shift μόνο αφού αφήσετε το κουμπί του ποντικιού. Μπορείτε επίσης να συνδυάσετε τα πλήκτρα Shift και Alt για να δημιουργήσετε ένα τέλειο τετράγωνο από το κέντρο:

Πατήστε και κρατήστε πατημένο το πλήκτρο Shift ενώ σύρετε για να σχεδιάσετε ένα τετράγωνο.

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

Τα εργαλεία σχεδίασης σάς επιτρέπουν να δημιουργείτε και να επεξεργάζεστε διανυσματικά σχήματα. Διευκολύνουν τη δημιουργία διαφόρων στοιχείων για ιστοσελίδες.

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

Κάντε αριστερό κλικ στο εργαλείο -σχήματα- στη γραμμή εργαλείων, θα ανοίξει το παράθυρο επιλογής εργαλείου:

Εδώ είναι τα βασικά σχήματα που μπορούμε να χρησιμοποιήσουμε. Επιλέξτε οποιοδήποτε και δείτε τον πίνακα επιλογών:

Για οποιοδήποτε σχήμα μπορείτε να επιλέξετε:

  • λειτουργία σχεδίασης:
    • Στρώμα σχήματος. Το σχήμα δημιουργείται σε ξεχωριστό στρώμα. Ένα στρώμα σχήματος αποτελείται από ένα στρώμα πλήρωσης που ορίζει το χρώμα του σχήματος και μια συσχετισμένη διανυσματική μάσκα που ορίζει τα όρια του σχήματος. Το περίγραμμα ενός σχήματος είναι μια διαδρομή που εμφανίζεται στην καρτέλα Διαδρομές του πίνακα Επίπεδα.

    • Περιγράμματα. Αυτή η λειτουργία σάς επιτρέπει να σχεδιάζετε περιγράμματα σχημάτων που μπορούν να γεμιστούν ή να περιγραφούν με οποιοδήποτε χρώμα. Οι διαδρομές εμφανίζονται στην καρτέλα "Διαδρομές" του πίνακα "Επίπεδα".

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

  • στυλ και χρώμα της φιγούρας

  • ορίστε συγκεκριμένες παραμέτρους για αυτό το σχήμα

Σχεδιάζοντας ορθογώνια

Ας επιλέξουμε το πρώτο σχήμα - ένα ορθογώνιο. Στον πίνακα, επιλέξτε το επίπεδο λειτουργίας - σχήματος. Επιλέξτε ένα στυλ κάνοντας κλικ στο τρίγωνο στα δεξιά.

Επιλέξτε όποιο σας αρέσει. Παρεμπιπτόντως, εάν κάνετε κλικ στο τρίγωνο στον κύκλο (στα δεξιά), μπορείτε να επιλέξετε πρόσθετα στυλ στο μενού περιβάλλοντος που ανοίγει. Εάν δεν θέλετε να χρησιμοποιήσετε στυλ, επιλέξτε ένα λευκό τετράγωνο διαγραμμένο με μια κόκκινη γραμμή.

Τώρα μπορείτε να ορίσετε τις γεωμετρικές παραμέτρους:

  • Αυθαιρετώς- όπως ζωγραφίζεις, έτσι θα είναι.
  • τετράγωνο- όταν τεντώνετε το σχήμα με το ποντίκι, το πλάτος και το ύψος θα είναι πάντα τα ίδια.
  • Καθορισμένο μέγεθος- μπορείτε να ορίσετε το πλάτος και το ύψος του ορθογωνίου (σε cm) και να κάνετε κλικ στον καμβά. Θα εμφανιστεί ένα ορθογώνιο με τις καθορισμένες διαστάσεις.
  • Ορίστε αναλογίες- μπορείτε να ορίσετε πόσες φορές το πλάτος θα είναι μικρότερο (ή μεγαλύτερο) από το ύψος. Κατά το τέντωμα της φιγούρας, η αναλογία θα διατηρηθεί.
  • Από το κέντρο- σχεδιάζει ένα ορθογώνιο από το κέντρο.
  • Μεταβείτε στα Pixels- οι άκρες του ορθογωνίου κουμπώνονται στα όρια των εικονοστοιχείων.
Τώρα επιλέξτε -αυθαίρετα- και τεντώστε το παραλληλόγραμμό σας στον καμβά με το ποντίκι. Για παράδειγμα, αυτό πήρα όταν χρησιμοποιούσα τα στυλ Button, Glass Buttons και Web Styles.

Αρκετά χρήσιμο εργαλείογια να δημιουργήσετε κουμπιά και μενού για τις ιστοσελίδες σας, έτσι δεν είναι;

Σχεδιάστε ορθογώνια με στρογγυλεμένες γωνίες

Ας επιλέξουμε το δεύτερο σχήμα - ένα ορθογώνιο με στρογγυλεμένες γωνίες. Στον πίνακα, επιλέξτε τη λειτουργία - στρώμα σχήματος, ακτίνα γωνίας - για παράδειγμα, 15 και χρώμα (μπορείτε να το στυλίσετε όπως θέλετε Οι γεωμετρικές παράμετροι είναι οι ίδιες όπως για ένα ορθογώνιο).

Αυτό μου συνέβη διάφορους συνδυασμούςακτίνα και στυλ.

Γιατί όχι μπλοκ ειδήσεων και κουμπιά μενού;

Σχεδιάζοντας κύκλους

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

Να τι πήρα:

Σχέδιο πολυγώνων

Ας επιλέξουμε ένα σχήμα - ένα πολύγωνο. Στον πίνακα, επιλέξτε το επίπεδο λειτουργίας - σχήματος, τον αριθμό των πλευρών στην περιοχή από 3 έως 100 (για παράδειγμα, 3 για ένα τρίγωνο, 6 για ένα εξάγωνο), χρώμα και στυλ. Ας εξετάσουμε τις γεωμετρικές παραμέτρους:

  • Ακτίνα κύκλου- ακτίνα του πολυγώνου.
  • Ομαλές εξωτερικές γωνίες
  • Αστέρι- με μη επιλεγμένο το πλαίσιο ελέγχου, το πολύγωνο είναι κυρτό, με επιλεγμένο το πλαίσιο ελέγχου, το πολύγωνο είναι κοίλο.
  • Βάθος δοκού- αν το πολύγωνο είναι κοίλο, τότε οι κορυφές του φαίνεται να σχηματίζουν ακτίνες. Αυτή η παράμετρος δείχνει ποιο μέρος της ακτίνας του πολυγώνου θα καταλαμβάνεται από ακτίνες. Όσο υψηλότερο είναι το %, τόσο μεγαλύτερες και πιο έντονες είναι οι ακτίνες.
  • Ομαλές εξωτερικές γωνίες- με μη επιλεγμένο το πλαίσιο ελέγχου, οι γωνίες είναι ευκρινείς, με επιλεγμένο το πλαίσιο ελέγχου, οι γωνίες είναι στρογγυλεμένες.
Για παράδειγμα:

Το πρώτο εξάγωνο έχει ακτίνα 3 εκατοστά, τα υπόλοιπα κουτάκια είναι μη τσεκαρισμένα.

Το δεύτερο εξάγωνο έχει ακτίνα 3 cm, το πλαίσιο ελέγχου -αστέρι-, το βάθος των ακτίνων - 25%, τα υπόλοιπα πλαίσια ελέγχου δεν είναι επιλεγμένα.

Το τρίτο εξάγωνο έχει ακτίνα 3 cm, το βάθος των ακτίνων είναι 50%, όλα τα πλαίσια είναι τσεκαρισμένα.

Όλα έχουν ένα στυλ που εφαρμόζεται σε αυτά.

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

Ας επιλέξουμε σχήμα – γραμμές. Στον πίνακα, επιλέξτε τη λειτουργία - στρώμα σχήματος, πάχος γραμμής (σε pixel), χρώμα και στυλ. Ας εξετάσουμε τις γεωμετρικές παραμέτρους:

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

  • Αρχή- βέλος στην αρχή της γραμμής.
  • Τέλος- βέλος στο τέλος της γραμμής.
  • Πλάτος- αναλογίες του βέλους ως ποσοστό του πάχους της γραμμής (από 10% έως 1000%).
  • Μήκος- αναλογίες του βέλους ως ποσοστό του πάχους της γραμμής (από 10% έως 5000%).
  • Καμπυλότητα- καθορίζει τον βαθμό καμπυλότητας του ευρύτερου τμήματος του βέλους όπου συναντά τη γραμμή (από -50% έως +50%).
Για παράδειγμα:

Η πρώτη γραμμή έχει όλα τα πλαίσια ελέγχου μη επιλεγμένα, πλάτος - 500%, μήκος - 1000%, πάχος - 2 pixel.

Για τη δεύτερη γραμμή, όλα είναι ίδια, αλλά υπάρχει ένα σημάδι επιλογής στην -αρχή- και η καμπυλότητα είναι 5%.

Για την τρίτη γραμμή, όλα είναι ίδια, αλλά το -τέλος- είναι τσεκαρισμένο και το -αρχή- μη τσεκαρισμένο.

Η τέταρτη γραμμή έχει και τα δύο πλαίσια ελέγχου, πλάτος - 500%, μήκος - 1000%, καμπυλότητα - 15%, πάχος - 5 pixel.

Όλα έχουν ένα στυλ που εφαρμόζεται σε αυτά.

Ας ζωγραφίσουμε αυθαίρετα στοιχεία

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

Εάν κάνετε κλικ στο τρίγωνο στον κύκλο (στα δεξιά), μπορείτε να επιλέξετε επιπλέον σχήματα στο μενού περιβάλλοντος που ανοίγει.

Σχεδίαση πολλαπλών σχημάτων σε ένα στρώμα

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

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

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

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

Αποθήκευση των σχημάτων

Ας πούμε ότι μας άρεσε το τελευταίο σχήμα που δημιουργήσαμε και θέλουμε να το χρησιμοποιήσουμε στο μέλλον. Για να το κάνετε αυτό, πρέπει να το αποθηκεύσετε. Για αυτό το μενού Επεξεργασία -> Ορισμός προσαρμοσμένου σχήματος. Δώστε ένα όνομα στο νέο σχήμα.

Τώρα το σχήμα μας έχει εμφανιστεί στον αναπτυσσόμενο πίνακα επιλογής προσαρμοσμένου σχήματος.

Αυτό ολοκληρώνει το μάθημα. Την επόμενη φορά θα ασχοληθούμε με περιγράμματα και εικόνες ράστερ.

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

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

Ας ξεκινήσουμε με τα στοιχεία. Ας δημιουργήσουμε ένα νέο έγγραφο. Τα 1000 επί 1000 pixel θα είναι αρκετά.

Τώρα μεταβείτε στη γραμμή εργαλείων και αναζητήστε το εργαλείο ορθογωνίου.


Κρατήστε πατημένο το δεξί κουμπί του ποντικιού και σύρετε στην περιοχή εργασίας.



Το παραλληλόγραμμο είναι έτοιμο! Για να απαλλαγείτε από το λεπτό μαύρο περίγραμμα, ραστεροποιήστε το στρώμα. Θα βρείτε την ραστεροποίηση στο παράθυρο στρώσεων.


Τώρα ο δεύτερος τρόπος. Επιλεγμένη περιοχή.

Στον επάνω πίνακα, αναζητήστε την καρτέλα "Επίπεδα" και δημιουργήστε μια νέα.


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


Μετακινούμαστε στο πεδίο εργασίας κρατώντας πατημένο το δεξί κουμπί του ποντικιού.


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

Αναζητούμε το εργαλείο «Γέμισμα», το επιλέγουμε και κάνουμε κλικ στην επιλεγμένη περιοχή.



Και τώρα ο συνδυασμός πλήκτρων είναι ctrl+d και η επιλογή αφαιρείται! Το παραλληλόγραμμο είναι έτοιμο!



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


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


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


Πατήστε το συνδυασμό πλήκτρων ctrl+d για να αποεπιλέξετε και να απολαύσετε το αποτέλεσμα.

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


Έχουμε ήδη μάθει πώς να φτιάχνουμε ένα ορθογώνιο στο Photoshop. Ας μάθουμε πώς να το επεξεργαστούμε! Για παράδειγμα, ας προσπαθήσουμε να αλλάξουμε το χρώμα και το μέγεθος.


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

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

Υπήρχε ένα κίτρινο ορθογώνιο, αλλά έγινε πράσινο. Πολύ απλό, δεν νομίζεις;


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


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


Υπάρχουν πολλοί τρόποι για να αλλάξετε το χρώμα ενός ορθογωνίου. Αλλά μπορείτε εύκολα να περιοριστείτε σε δύο βασικά.

Τώρα ας μου μάθουμε το μέγεθος του ορθογωνίου.


Η αλλαγή μεγέθους ενός ορθογωνίου στο Photoshop είναι εξαιρετικά εύκολη. Επιλέξτε το εργαλείο Μετακίνηση και κάντε κλικ στο ορθογώνιο.



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

Σε αυτό το σεμινάριο θα δούμε τα βασικά της εργασίας με σχήματα και στρώματα σχημάτων Το πρόγραμμα Photoshop. Θα ξεκινήσουμε το μάθημά μας μαθαίνοντας τα πέντε βασικά εργαλεία που σας επιτρέπουν να σχεδιάζετε γεωμετρικά σχήματα, - «Ορθογώνιο», «Ορθογώνιο με στρογγυλεμένες γωνίες», «Έλλειψη», «Πολύγωνο» και «Γραμμή».

Στη συνέχεια, στο επόμενο μάθημα, θα δούμε πώς να σχεδιάζουμε περισσότερα σχήματα πολύπλοκο σχήμαχρησιμοποιώντας το εργαλείο Free Shape. Οι περισσότεροι πιστεύουν ότι το Photoshop χρησιμοποιείται μόνο για επεξεργασία εικόνας και αν τους ζητούσατε να σας προτείνουν ένα καλό επεξεργαστής γραφικών, τότε στις περισσότερες περιπτώσεις η απάντηση θα ήταν "Adobe Illustrator".

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

Το Photoshop διαθέτει έξι εργαλεία που σας επιτρέπουν να σχεδιάζετε σχήματα - Rectangle Tool, Rounded Rectangle Tool, Ellipse Tool, Polygon Tool, Line "(Line Tool) και "Custom Shape Tool". Βρίσκονται σε ένα σημείο στη γραμμή εργαλείων.

Από προεπιλογή, το εργαλείο Ορθογώνιο είναι ορατό στη γραμμή εργαλείων, αλλά αν κάνουμε κλικ στο εικονίδιο του εργαλείου και κρατήσουμε πατημένο το κουμπί του ποντικιού για μερικά δευτερόλεπτα, θα εμφανιστεί ένα αναδυόμενο μενού με μια λίστα με τα υπόλοιπα εργαλεία στην ομάδα Σχήματα από που μπορούμε να επιλέξουμε αυτό που χρειαζόμαστε:

Και τα έξι εργαλεία της ομάδας Shapes βρίσκονται σε ένα σημείο στη γραμμή εργαλείων

Εάν επιλέξατε πρώτα ένα εργαλείο στην ομάδα Σχήματα και μετά θέλετε να μεταβείτε σε άλλο, δεν χρειάζεται να επισκεφτείτε ξανά τον πίνακα Εργαλεία (αν και μπορείτε να το κάνετε αν θέλετε). Το Photoshop μας επιτρέπει να επιλέξουμε το εργαλείο που χρειαζόμαστε από τη γραμμή Επιλογών στο επάνω μέρος της οθόνης, όπου παρουσιάζονται και τα έξι εργαλεία. Για παράδειγμα, στον πίνακα Εργαλεία, θα επιλέξω το Εργαλείο Ορθογώνιο:

Επιλέγοντας το Rectangle Tool

Μόλις επιλέξετε το Rectangle Tool, εμφανίζονται έξι εικονίδια στη γραμμή επιλογών, που αντιπροσωπεύουν τα διαφορετικά εργαλεία στην ομάδα Shapes. Τα εργαλεία είναι διατεταγμένα από αριστερά προς τα δεξιά με την ίδια σειρά που εμφανίζονται στη γραμμή εργαλείων, επομένως βλέπουμε ξανά τα εργαλεία Ορθογώνιο, Στρογγυλεμένο Ορθογώνιο, Έλλειψη, Πολύγωνο, Γραμμή και Ελεύθερη Μορφή. Για να επιλέξετε το εργαλείο που θέλετε, απλώς κάντε κλικ σε ένα από τα εικονίδια:

Και τα έξι εργαλεία Shapes μπορούν να επιλεγούν απευθείας από τον πίνακα Επιλογές (αφού επιλεγεί ένα από αυτά στον πίνακα Εργαλεία)

Επιλέγοντας την επιλογή Shape Layer

Πριν ξεκινήσουμε να σχεδιάζουμε σχήματα, πρέπει να πούμε στο Photoshop τι είδους σχήμα θέλουμε να σχεδιάσουμε και σε αυτήν την περίπτωσηΔεν εννοώ «ορθογώνιο» ή «κύκλο» με σωματότυπο. Στην πραγματικότητα, το Photoshop μας επιτρέπει να σχεδιάσουμε τα σχήματα των τριών ΔΙΑΦΟΡΕΤΙΚΟΙ ΤΥΠΟΙ- διανυσματικά σχήματα, περιγράμματα και σχήματα pixel.

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

Για να σχεδιάσετε διανυσματικά σχήματα, επιλέξτε την επιλογή Επίπεδα σχήματος στον πίνακα ρυθμίσεων. Αυτό είναι το πρώτο από τα τρία εικονίδια, που βρίσκονται προς την αριστερή άκρη (το μεσαίο εικονίδιο είναι η επιλογή Διαδρομές και το δεξί είναι η επιλογή Συμπλήρωση εικονοστοιχείων):

Για να σχεδιάσετε διανυσματικά σχήματα, επιλέξτε την επιλογή «Επίπεδο σχήματος».

Επιλέγοντας ένα χρώμα για ένα σχήμα

Αφού επιλέξουμε την επιλογή Shape Layer, πρέπει να επιλέξουμε ένα χρώμα για το σχήμα μας. Θα το κάνουμε αυτό κάνοντας κλικ στο εικονίδιο δείγματος χρωμάτων που βρίσκεται στα δεξιά της λέξης "Χρώμα" στον πίνακα ρυθμίσεων:

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

Αυτή η ενέργεια θα ανοίξει χρωματική παλέτα, όπου μπορούμε να επιλέξουμε το επιθυμητό χρώμα. Στην περίπτωσή μου, θα επιλέξω κόκκινο. Μόλις επιλέξετε ένα χρώμα, κάντε κλικ στο OK για να κλείσετε την παλέτα χρωμάτων:

Στην παλέτα χρωμάτων, επιλέξτε ένα χρώμα για το σχήμα

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

Ορθογώνιο εργαλείο

Όπως ίσως μαντέψατε από το όνομα, το Rectangle Tool μας επιτρέπει να σχεδιάζουμε ορθογώνια σχήματα τεσσάρων όψεων. Απλώς κάντε κλικ στο παράθυρο του εγγράφου για να ορίσετε το σημείο εκκίνησης του σχήματος και, στη συνέχεια, ενώ κρατάτε πατημένο το κουμπί του ποντικιού, σύρετε τον κέρσορα του ποντικιού διαγώνια για να ολοκληρώσετε τη σχεδίαση του σχήματος. Καθώς μετακινείτε τον κέρσορα, θα δείτε τα λεπτά περιγράμματα του μελλοντικού σχήματος:

Σύρετε τον κέρσορα για να σχεδιάσετε ένα ορθογώνιο σχήμα. Καθώς μετακινείτε τον κέρσορα, θα εμφανιστεί το περίγραμμα του σχήματος

Όταν είστε ευχαριστημένοι με το αποτέλεσμα, αφήστε το κουμπί του ποντικιού και το πρόγραμμα θα γεμίσει αμέσως το σχήμα με το χρώμα που επιλέξατε στον πίνακα ρυθμίσεων:

Το πρόγραμμα θα γεμίσει το σχήμα με χρώμα μόλις αφήσετε το κουμπί του ποντικιού

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

Εάν χρειάζεται να σχεδιάσετε ένα ορθογώνιο (ή άλλο σχήμα) από το κέντρο και όχι από μια γωνία, τοποθετήστε τον κέρσορα στο παράθυρο του εγγράφου για να ορίσετε το κέντρο του μελλοντικού ορθογωνίου και, ενώ κρατάτε πατημένο το κουμπί του ποντικιού, αρχίστε να σύρετε τον κέρσορα και σχεδιάζοντας το σχήμα ως συνήθως. Ενώ το κάνετε αυτό, πατήστε το πλήκτρο Alt (Win) / Option (Mac) και συνεχίστε να το κρατάτε πατημένο καθώς μετακινείτε τον κέρσορα. Πατώντας αυτό το πλήκτρο λέει στο πρόγραμμα να σχεδιάσει το σχήμα από το κέντρο. Αυτή η τεχνική λειτουργεί με όλα τα εργαλεία Shape, όχι μόνο με το εργαλείο Rectangle:

Για να σχεδιάσετε ένα σχήμα από το κέντρο, κρατήστε πατημένο το Alt (Win) / Option (Mac) καθώς μετακινείτε τον κέρσορα

Σχεδίαση τετραγώνων

Μπορούμε επίσης να σχεδιάσουμε τετράγωνα χρησιμοποιώντας το εργαλείο Ορθογώνιο. Για να σχεδιάσετε ένα τετράγωνο, τοποθετήστε τον κέρσορα στο παράθυρο του εγγράφου και αρχίστε να το σύρετε, σχεδιάζοντας ένα ορθογώνιο σχήμα. Μόλις ξεκινήσετε να το κάνετε αυτό, πατήστε το πλήκτρο Shift και συνεχίστε να το κρατάτε πατημένο καθώς μετακινείτε τον κέρσορα. Πατώντας το πλήκτρο Shift θα μετατραπεί το σχήμα σε τετράγωνο, ανεξάρτητα από την κατεύθυνση που μετακινείτε τον κέρσορα. Μπορείτε επίσης να προσθέσετε ένα πάτημα πλήκτρων Alt (Win) / Option (Mac) για να σχεδιάσετε το τετράγωνο από το κέντρο (έτσι πατάτε παρατεταμένα Shift+Alt (Win) / Shift+Option (Mac)):

Για να σχεδιάσετε ένα τετράγωνο, ενώ χρησιμοποιείτε το Rectangle Tool, πατήστε και κρατήστε πατημένο το πλήκτρο Shift

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

Το πρόγραμμα περιμένει πάντα να αφήσετε το κουμπί του ποντικιού και μόνο τότε γεμίζει το σχήμα με χρώμα

Επιλογές εργαλείων ομάδας σχημάτων

Αν κοιτάξετε στον πίνακα Επιλογές, θα δείτε ένα μικρό βέλος με κατεύθυνση προς τα δεξιά από τα έξι εικονίδια εργαλείων της ομάδας σχήματα. Κάνοντας κλικ σε αυτό το βέλος θα ανοίξει μια λίστα με πρόσθετες επιλογές για το επιλεγμένο εργαλείο ομάδας Σχημάτων. Για παράδειγμα, όταν επιλέγετε το Rectangle Tool, κάνοντας κλικ στο βέλος θα ανοίξει ένα μενού με επιλογές για το Rectangle Tool. Με εξαίρεση τα εργαλεία Polygon και Line, τα οποία θα εξετάσουμε αργότερα, δεν θα χρησιμοποιείτε αυτό το μενού πολύ συχνά, επειδή έχουμε ήδη μάθει πώς να επιλέγουμε βασικές επιλογές χρησιμοποιώντας συντομεύσεις πληκτρολογίου και μεμονωμένα πλήκτρα.

Για παράδειγμα, η επιλογή Unconstrained είναι επιλεγμένη από προεπιλογή και είναι υπεύθυνη για την κανονική λειτουργία του εργαλείου Rectangle, επιτρέποντάς μας να σχεδιάζουμε ορθογώνια σχήματα οποιουδήποτε μεγέθους και με οποιονδήποτε λόγο διαστάσεων. Η επιλογή Square μας επιτρέπει να σχεδιάσουμε τετράγωνα, αλλά μπορούμε να το κάνουμε απλά πατώντας και κρατώντας πατημένο το πλήκτρο Shift καθώς μετακινούμε τον κέρσορα. Η επιλογή From Center είναι υπεύθυνη για τη σχεδίαση του σχήματος από το κέντρο, αλλά και πάλι, μπορούμε να το κάνουμε πατώντας και κρατώντας πατημένο το πλήκτρο Alt (Win) / Option (Mac):

Κάντε κλικ στο μικρό βέλος για να δείτε περισσότερες επιλογές για το Rectangle Tool

Στρώμα σχήματος

Πριν προχωρήσουμε στην υπόλοιπη ομάδα Σχήματα, ας ρίξουμε μια ματιά στον πίνακα Επίπεδα. Όπως θυμάστε, στην αρχή του μαθήματος μάθαμε ότι για να σχεδιάσετε διανυσματικά σχήματα στο Photoshop, πρέπει να επιλέξετε την επιλογή "Επίπεδο σχήματος" στον πίνακα "Επιλογές". Και τώρα που σχεδίασα το σχήμα, μπορούμε να δούμε ότι έχει εμφανιστεί ένα στρώμα σχήματος στον πίνακα Layers (ένα στρώμα τύπου Shape), το οποίο το πρόγραμμα ονόμασε "Shape 1". Κάθε νέο διανυσματικό σχήμα που σχεδιάζουμε θα τοποθετηθεί στο δικό του στρώμα, το οποίο φαίνεται διαφορετικό από ένα κανονικό επίπεδο pixel. Στην αριστερή πλευρά του στρώματος υπάρχει ένα εικονίδιο δείγματος χρώματος, το οποίο εμφανίζει το τρέχον χρώμα πλήρωσης του σχήματός μας και στα δεξιά του εικονιδίου χρώματος είναι μια μικρογραφία διανυσματικής μάσκας:

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

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

Για να αλλάξετε το τρέχον χρώμα ενός σχήματος, κάντε διπλό κλικ στο εικονίδιο δείγματος χρωμάτων

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

Επιλέξτε διαφορετικό χρώμα από την παλέτα χρωμάτων

Είναι αρκετά εύκολο να επιστρέψετε και να αλλάξετε το χρώμα του σχήματος ανά πάσα στιγμή.

Στα δεξιά του εικονιδίου δείγματος χρωμάτων στο επίπεδο σχήματος υπάρχει μια μικρογραφία διανυσματικής μάσκας. Η λευκή περιοχή στη μικρογραφία αντιπροσωπεύει τη φιγούρα μας. Οι διανυσματικές μάσκες είναι παρόμοιες με τις κανονικές μάσκες στρώσης στο ότι καλύπτουν εν μέρει ένα στρώμα, αφήνοντας ορισμένες περιοχές ορατές. Με άλλα λόγια, όταν σχεδιάζουμε ένα διανυσματικό σχήμα, το πρόγραμμα στην πραγματικότητα γεμίζει ολόκληρο το στρώμα με το επιλεγμένο χρώμα, αλλά η μάσκα εμφανίζει μόνο το χρώμα μέσα στην περιοχή σχήματος, ενώ το χρώμα στην υπόλοιπη περιοχή του στρώματος είναι κρυμμένο. Όταν εργάζεστε με τα εργαλεία της ομάδας "Σχήματα", δεν είναι, φυσικά, καθόλου απαραίτητο να γνωρίζετε πώς λειτουργεί μια διανυσματική μάσκα, αλλά είναι πάντα ωραίο να κατανοείτε πώς λειτουργούν τα εργαλεία. Η γκρίζα περιοχή γύρω από το σχήμα στη μικρογραφία της διανυσματικής μάσκας αντιπροσωπεύει την περιοχή στο στρώμα όπου το χρώμα δεν είναι ορατό, ενώ η λευκή περιοχή στη μικρογραφία αντιπροσωπεύει την περιοχή του στρώματος με χρώμα:

Η λευκή περιοχή στη διανυσματική μάσκα αντιπροσωπεύει την περιοχή στο στρώμα όπου το χρώμα είναι ορατό

Για να μας διευκολύνει να δούμε πώς το Photoshop αποδίδει ένα διανυσματικό σχήμα, μπορούμε να απενεργοποιήσουμε προσωρινά τις διανυσματικές μάσκες πατώντας και κρατώντας πατημένο το πλήκτρο Shift ενώ κάνουμε κλικ στη μικρογραφία της μάσκας διανύσματος:

Κρατήστε πατημένο το πλήκτρο Shift και κάντε κλικ στη διανυσματική μάσκα για να την απενεργοποιήσετε

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

Αφού απενεργοποιήσετε τη διανυσματική μάσκα, μπορείτε να δείτε ότι ολόκληρο το στρώμα είναι γεμάτο με χρώμα

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

Έγγραφο μετά την εκ νέου ενεργοποίηση της διανυσματικής μάσκας

Τώρα που μάθαμε για τα επίπεδα σχήματος, ας δούμε άλλα σχήματα που μπορείτε να σχεδιάσετε στο Photoshop χρησιμοποιώντας τα εργαλεία της ομάδας Shapes.

Στρογγυλεμένο ορθογώνιο εργαλείο

Το εργαλείο Rounded Rectangle είναι πολύ παρόμοιο με το Rectangle Tool εκτός από το ότι μας επιτρέπει να σχεδιάζουμε στρογγυλεμένα ορθογώνια. Προσαρμόζουμε τον βαθμό στρογγυλοποίησης των γωνιών χρησιμοποιώντας την επιλογή Radius στον πίνακα ρυθμίσεων. Όσο μεγαλύτερη είναι η τιμή της ακτίνας που εισάγουμε, τόσο πιο στρογγυλεμένες γίνονται οι γωνίες. Στην περίπτωσή μου, θα εισαγάγω μια τιμή Radius 50 pixel:

Χρησιμοποιήστε την επιλογή Radius για να προσδιορίσετε τον βαθμό στρογγυλοποίησης των γωνιών

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

Σύρετε τον κέρσορα για να σχεδιάσετε ένα στρογγυλεμένο ορθογώνιο αφού εισαγάγετε μια τιμή ακτίνας στη γραμμή επιλογών

Όταν αφήσετε το κουμπί του ποντικιού σας, το Photoshop θα ολοκληρώσει τη σχεδίαση του σχήματος και θα το γεμίσει με χρώμα:

Όταν αφήσετε το κουμπί του ποντικιού, το σχήμα θα γεμίσει με χρώμα

Παρακάτω είναι ένα άλλο ορθογώνιο με την ακτίνα ρυθμισμένη στα 150 pixel. Αυτή η τιμήτόσο μεγάλο (για αυτό το ποσοστό, εν πάση περιπτώσει) που το αριστερό και σωστη πλευρατα ορθογώνια έχουν σχήμα καμπύλης:

Πως μεγαλύτερη αξίαακτίνα, τόσο πιο στρογγυλές είναι οι γωνίες

Και εδώ είναι ένα ορθογώνιο με μικρή τιμή ακτίνας 10 εικονοστοιχείων, το οποίο μόνο ελαφρώς στρογγυλεύει τις γωνίες του σχήματος:

Μια μικρή τιμή ακτίνας στρογγυλεύει λιγότερο τις γωνίες

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

Όλα τα παραπάνω σημαίνουν ότι η σχεδίαση στρογγυλεμένων ορθογωνίων είναι ουσιαστικά θέμα δοκιμής και λάθους. Εάν δεν σας αρέσουν οι στρογγυλεμένες γωνίες του σχήματός σας αφού το σχεδιάσετε, πατήστε Ctrl+Z (Win) / Command+Z (Mac) για να το αναιρέσετε γρήγορα και, στη συνέχεια, εισαγάγετε μια νέα τιμή ακτίνας στη γραμμή Επιλογών και ξεκινήστε σχεδιάζοντας ξανά το ορθογώνιο.

Ακριβώς όπως το Rectangle Tool, μπορείτε να χρησιμοποιήσετε το Rounded Rectangle Tool για να σχεδιάσετε στρογγυλεμένα τετράγωνα. Απλώς πατήστε και κρατήστε πατημένο το πλήκτρο Shift μόλις αρχίσετε να σχεδιάζετε το σχήμα και το στρογγυλεμένο ορθογώνιο θα πάρει το σχήμα στρογγυλεμένου τετραγώνου. Πατήστε παρατεταμένα Alt (Win) / Option (Mac) για να σχεδιάσετε το σχήμα από το κέντρο.

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

Τα εργαλεία Rectangle και Rounded Rectangle έχουν τις ίδιες προηγμένες επιλογές

Εργαλείο έλλειψης

Το εργαλείο Ellipse μας επιτρέπει να σχεδιάζουμε ελλείψεις και κύκλους. Ακριβώς όπως με τα εργαλεία Rectangle και Rounded Rectangle, κάντε κλικ στο παράθυρο του εγγράφου για να ορίσετε το σημείο εκκίνησης του σχήματος και, στη συνέχεια, ενώ κρατάτε πατημένο το κουμπί του ποντικιού, σύρετε τον κέρσορα του ποντικιού για να ολοκληρώσετε τη σχεδίαση του σχήματος:

Σχεδιάζοντας μια έλλειψη χρησιμοποιώντας το εργαλείο Ellipse

Αφήστε το κουμπί του ποντικιού για να ολοκληρώσετε τη σχεδίαση του σχήματος και να το γεμίσετε με χρώμα:

Έλληςγεμίσειχρώμα

Πατήστε και κρατήστε πατημένο το πλήκτρο Shift μόλις αρχίσετε να εργάζεστε με το εργαλείο Ellipse για τέλεια σχεδίαση λείος κύκλος. Πατώντας Alt (Win) / Option (Mac) θα σας επιτρέψει να σχεδιάσετε το σχήμα από το κέντρο:

Ξεκινήστε να σχεδιάζετε και, στη συνέχεια, προσθέστε πλήκτρα Shift για να δημιουργήσετε έναν απόλυτα ομοιόμορφο κύκλο

Κάνοντας κλικ στο μικρό βέλος στη γραμμή Επιλογών θα ανοίξουν οι επιλογές του εργαλείου Ellipse, οι οποίες είναι παρόμοιες με τα εργαλεία Rectangle και Rounded Rectangle. Η μόνη διαφορά είναι ότι η επιλογή εργαλείου Ellipse σάς επιτρέπει να σχεδιάζετε κύκλους αντί για τετράγωνα:

Το εργαλείο Ellipse έχει σχεδόν τις ίδιες επιλογές με τα εργαλεία Rectangle και Rounded Rectangle.

Εργαλείο Polygon

Το Polygon Tool είναι πιο ενδιαφέρον για εμάς όσον αφορά την ικανότητά του να σχεδιάζει σχήματα. Ενώ με το εργαλείο Rectangle μπορούμε να σχεδιάσουμε μόνο τετράπλευρα ορθογώνια, το εργαλείο Polygon μας επιτρέπει να σχεδιάσουμε πολύγωνα με όσες πλευρές θέλουμε. Στη συνέχεια θα δούμε πώς μπορείτε ακόμη και να σχεδιάσετε αστέρια χρησιμοποιώντας αυτό το εργαλείο.

Καθορίστε τον αριθμό των πλευρών που χρειάζεστε για το πολύγωνο στο πλαίσιο επιλογής Sides στον πίνακα ρυθμίσεων. Η προεπιλεγμένη τιμή για τις πλευρές είναι 5, αλλά μπορείτε να εισαγάγετε οποιονδήποτε αριθμό από το 3 έως το 100:

Χρησιμοποιήστε την επιλογή Sides για να πείτε στο Photoshop πόσες πλευρές θα έχει το πολυγωνικό σας σχήμα

Μόλις καθορίσετε τον αριθμό των πλευρών, τοποθετήστε τον κέρσορα στο παράθυρο του εγγράφου και αρχίστε να σύρετε για να σχεδιάσετε ένα πολυγωνικό σχήμα. Το Photoshop σχεδιάζει πάντα πολυγωνικά σχήματα από το κέντρο, επομένως δεν χρειάζεται να κρατάτε πατημένο το πλήκτρο Alt (Win) / Option (Mac). Πατώντας και κρατώντας πατημένο το πλήκτρο Shift αφού αρχίσετε να σχεδιάζετε ένα πολύγωνο, θα μπορείτε να περιορίσετε τον αριθμό των γωνιών για το σχήμα σας και να το τοποθετήσετε ακριβώς όπως θέλετε στην οθόνη:

Το εργαλείο Πολύγωνο είναι απαραίτητο όταν χρειάζεται να σχεδιάσουμε ένα σχήμα διαφορετικό από ένα τετράπλευρο

Καθορίζοντας τον αριθμό των πλευρών ίσο με 3, μπορούμε εύκολα να σχεδιάσουμε ένα τρίγωνο:

Ένα απλό τρίγωνο που σχεδιάζεται με το εργαλείο Πολύγωνο

Εδώ είναι ένα πολύγωνο με 12 πλευρές:

ΠολύγωνοΜεδώδεκακόμματα

Σχεδιάζοντας αστέρια με το εργαλείο Πολύγωνο

Για να σχεδιάσετε ένα αστέρι χρησιμοποιώντας το εργαλείο Πολύγωνο, κάντε κλικ στο μικρό βέλος στη γραμμή επιλογών για να ανοίξετε τη λίστα με τις επιλογές του εργαλείου Πολύγωνο και επιλέξτε την επιλογή Αστέρι:

Από τη λίστα επιλογών για το εργαλείο Πολύγωνο, επιλέξτε "Αστέρι"

Αφού επιλέξετε την επιλογή "Αστέρι", κάντε κλικ με το ποντίκι στο παράθυρο του εγγράφου και σύρετε τον κέρσορα για να σχεδιάσετε ένα αστέρι. Η επιλογή Πλευρές στον πίνακα ρυθμίσεων καθορίζει τον αριθμό των σημείων στο αστέρι. Έτσι, εάν η προεπιλεγμένη τιμή είναι πέντε, θα λάβουμε ένα πεντάκτινο αστέρι: Και τέλος, θα δούμε το Line Tool, το οποίο είναι το τελευταίο εργαλείο στην ομάδα Geometric Shapes. Μας επιτρέπει να σχεδιάζουμε ευθείες γραμμές και βέλη. Ορίστε το επιθυμητό πάχος γραμμής σε pixel εισάγοντας μια τιμή στο πλαίσιο παραμέτρου Βάρος στον πίνακα ρυθμίσεων. Στην περίπτωσή μου, θα εισαγάγω μια τιμή 16 pixel:

Χρησιμοποιήστε την επιλογή Πάχος για να προσδιορίσετε το πάχος της γραμμής

Στη συνέχεια, κάντε κλικ στο παράθυρο του εγγράφου και σύρετε τον κέρσορα για να σχεδιάσετε μια γραμμή. Μόλις αρχίσετε να σχεδιάζετε μια γραμμή, πατήστε και κρατήστε πατημένο το πλήκτρο Shift για να περιορίσετε την κατεύθυνση που μπορεί να κινηθεί ο κέρσορας. Αυτό θα σας επιτρέψει να σχεδιάσετε εύκολα οριζόντιες ή κάθετες γραμμές:

Κρατήστε πατημένο το κλειδίΒάρδια για τη χάραξη οριζόντιων ή κάθετων γραμμών

Για να ορίσετε βέλη στα άκρα της γραμμής, κάντε κλικ στο εικονίδιο με το μικρό βέλος στον πίνακα ρυθμίσεων για να επιλέξετε τις επιλογές Αιχμές βέλους. Το Photoshop μας επιτρέπει να προσθέτουμε βέλη στην αρχή μιας γραμμής, στο τέλος ή και στα δύο άκρα ταυτόχρονα. Εάν θέλετε να έχετε ένα βέλος προς την κατεύθυνση προς την οποία σχεδιάζετε τη γραμμή, που είναι πιο λογικό, επιλέξτε την επιλογή Τέλος. Βεβαιωθείτε ότι έχετε ενεργοποιήσει αυτήν την επιλογή πριν ξεκινήσετε να σχεδιάζετε τη γραμμή, καθώς το πρόγραμμα δεν θα μας επιτρέψει να επιστρέψουμε και να ορίσουμε το βέλος μετά τη χάραξη της γραμμής:

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

Παρακάτω είναι μια γραμμή παρόμοια με την προηγούμενη γραμμή που σχεδίασα, αλλά με ένα βέλος στο τέλος:

Το Line Tool διευκολύνει τη σχεδίαση βελών

Εάν το προεπιλεγμένο μέγεθος βέλους δεν σας ταιριάζει, μπορείτε να το αλλάξετε χρησιμοποιώντας τις παραμέτρους Width και Length. Μπορούμε επίσης να προσθέσουμε μια κάμψη στο βέλος χρησιμοποιώντας την παράμετρο Concavity. Από προεπιλογή, η τιμή αυτής της παραμέτρου είναι 0%. Θα το αυξήσω στο 50%:

Αυξήστε την τιμή Curvature για να αλλάξετε το σχήμα του βέλους

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

Το βέλος με καμπυλότητα ορίστηκε στο 50%

Απόκρυψη του περιγράμματος γύρω από ένα σχήμα

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

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

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

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

Μετάφραση: Ksenia Rudenko

Πρόγραμμα Adobe Photoshopχρησιμοποιείται ευρέως για την εργασία με εικόνες, παρέχοντας ένα πραγματικά ευρύ φάσμα δυνατοτήτων. Οι περισσότεροι χρήστες χρησιμοποιούν το Photoshop για ρετουσάρισμα φωτογραφιών, αλλά, επιπλέον, το πρόγραμμα σάς επιτρέπει να δημιουργείτε: σχέδια, πίνακες, γραφικά - διαφόρων βαθμών πολυπλοκότητας. Το Photoshop έχει πολλά εργαλεία σχεδιασμένα για τη δημιουργία σχεδίων. Το πρώτο βήμα είναι να μάθετε πώς να σχεδιάζετε απλά στοιχεία όπως τρίγωνα, γραμμές, ελλείψεις και άλλα, καθώς χρησιμοποιούνται πολύ συχνά κατά τη δημιουργία διαφόρων τύπων σχεδίων. Σε αυτό το άρθρο θα ρίξουμε μια πιο προσεκτική ματιά στον τρόπο σχεδίασης απλών σχημάτων στο Photoshop. Ας το καταλάβουμε. Πηγαίνω!

Ας κατανοήσουμε τα βασικά των γραφικών υπολογιστή

Με το Adobe Photoshop ανοιχτό, κοιτάξτε τον πίνακα Εργαλεία. Για να μεταβείτε στα σχήματα, κάντε κλικ στο εικονίδιο του ορθογωνίου. Στο αναδυόμενο παράθυρο θα δείτε τα ακόλουθα εργαλεία:

  • "Ορθογώνιο παραλληλόγραμμο";
  • "Ορθογώνιο με στρογγυλεμένες γωνίες".
  • "Ελλειψη";
  • "Πολύγωνο";
  • "Γραμμή";
  • «Μια αυθαίρετη φιγούρα».

Ο επεξεργαστής προσφέρει πολλές κλασικές και δωρεάν φόρμες

Υπάρχουν τρεις τρόποι σχεδίασης συνολικά:

  1. Δημιουργείται ένα νέο σχήμα, για το οποίο μπορείτε να φτιάξετε ένα στρώμα πλήρωσης ή μια διανυσματική μάσκα.
  2. Δημιουργείται ένα περίγραμμα της φιγούρας και βάφεται με κάποιο χρώμα.
  3. Λειτουργία pixel. Σε αυτή την περίπτωση, οι εικόνες είναι ράστερ και όχι διανυσματικές.

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

Δεν υπάρχει τίποτα πιο εύκολο από το να χαράξεις μια γραμμή. Για αυτό χρησιμοποιείται το ομώνυμο εργαλείο.

Για έναν κύκλο, χρησιμοποιήστε το πλήκτρο Shift ή το μενού πρόσθετων ρυθμίσεων

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

Σχεδιάζουμε μια όμορφη σύνθεση χρησιμοποιώντας τυπικά εργαλεία

Τώρα ας καταλάβουμε πώς να σχεδιάσουμε ένα τρίγωνο στο Photoshop. Σε αυτή την περίπτωση, όλα δεν είναι τόσο προφανή, αλλά ταυτόχρονα δεν είναι καθόλου πιο περίπλοκα. Το μόνο που χρειάζεται να κάνετε είναι να επιλέξετε «Πολύγωνα» και στο μικρό παράθυρο «Πλάγια» να ορίσετε τον αριθμό των γωνιών. Κατά συνέπεια, για να λάβετε ένα τρίγωνο, εισαγάγετε τον αριθμό "3". Τότε όλα γίνονται ακριβώς όπως και στις προηγούμενες περιπτώσεις. Χρησιμοποιώντας το εργαλείο Πολύγωνο, μπορείτε να δημιουργήσετε ένα σχήμα με οποιονδήποτε αριθμό γωνιών. Αν χρειαστεί να πάρετε ορθογώνιο τρίγωνο, σχεδιάστε ένα τετράγωνο και μετά κόψτε το μισό διαγώνια.

Τα βέλη στην αρχή ή στο τέλος μπορούν να οριστούν στις ιδιότητες του εργαλείου

Ας δούμε πώς να σχεδιάσετε ένα βέλος στο Photoshop. Υπάρχουν δύο τρόποι για να γίνει αυτό. Το πρώτο είναι ότι πρέπει να επιλέξετε το εργαλείο "Γραμμή" και, στη συνέχεια, στο παράθυρο παραμέτρων σημειώστε σε ποια πλευρά της γραμμής θα βρίσκεται το βέλος (στην αρχή ή στο τέλος), στη συνέχεια πρέπει να ορίσετε το πάχος του βέλους σε pixel. Τοποθετήστε τον κέρσορα στο επιθυμητό σημείο και αρχίστε να τεντώνετε τη γραμμή με το ποντίκι. Η δεύτερη μέθοδος είναι να επιλέξετε "Προσαρμοσμένο σχήμα". Στον επάνω πίνακα υπάρχει ένας πίνακας με πρότυπα, ανάμεσά τους υπάρχει ένα βέλος.

Πρότυπα που περιλαμβάνονται στο βασικό πακέτο εφαρμογών

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