Πώς να φτιάξετε κουμπιά για έναν ιστότοπο στο Photoshop

Πίνακας περιεχομένων:

Πώς να φτιάξετε κουμπιά για έναν ιστότοπο στο Photoshop
Πώς να φτιάξετε κουμπιά για έναν ιστότοπο στο Photoshop

Βίντεο: Πώς να φτιάξετε κουμπιά για έναν ιστότοπο στο Photoshop

Βίντεο: Πώς να φτιάξετε κουμπιά για έναν ιστότοπο στο Photoshop
Βίντεο: ΠΩΣ ΝΑ: Δημιουργία Logo, Μαθήμα Photoshop | NeoGadget 2024, Ενδέχεται
Anonim

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

Πώς να φτιάξετε κουμπιά για έναν ιστότοπο στο Photoshop
Πώς να φτιάξετε κουμπιά για έναν ιστότοπο στο Photoshop

Οδηγίες

Βήμα 1

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

Βήμα 2

Κάντε δεξί κλικ στο ορθογώνιο επίπεδο και επιλέξτε την επιλογή Rasterize Layer και, στη συνέχεια, στο κέντρο της επιλογής, κάντε ξανά κλικ και επιλέξτε την επιλογή Layer via Cut από το μενού περιβάλλοντος για να αντιγράψετε την επιλογή σε ένα νέο επίπεδο.

Βήμα 3

Ανοίξτε το μενού ρυθμίσεων επιπέδου και στην καρτέλα Drop Shadow ρυθμίστε τη λειτουργία ανάμειξης σε Normal, την αδιαφάνεια στο 23% και την απόσταση στα 3 pixel. Στην καρτέλα Επικάλυψη χρώματος, ορίστε το επιθυμητό χρώμα με τη λειτουργία ανάμειξης Κανονική και διαφάνεια στο 100%. Πρέπει να έχετε μια δίχρωμη εικόνα.

Βήμα 4

Επιλέξτε το Elliptical Marquee Tool από την εργαλειοθήκη ξανά και σχεδιάστε έναν κύκλο μέσα στην αριστερή επιλογή χρώματος. Κάντε κλικ στο Διαγραφή. Μετά από αυτό μεταφέρετε την επιλογή σε ένα νέο στρώμα και γεμίστε την με οποιοδήποτε χρώμα.

Βήμα 5

Ανοίξτε ξανά το μενού Layer Style και προσαρμόστε την καρτέλα Gradient Overlay σε χρώματα που ταιριάζουν στο συνδυασμό χρωμάτων του ιστότοπού σας. Ρυθμίστε το ακτινικό στυλ στην κλίση. Στη συνέχεια, στην καρτέλα Εγκεφαλικό επεισόδιο, ορίστε το βάρος διαδρομής σε 2 εικονοστοιχεία, την εξωτερική θέση της διαδρομής και την αδιαφάνεια στο 30%. Επιλέξτε ένα ντεγκραντέ γεμίσματος για την διαδρομή. Κάντε κλικ στο OK.

Βήμα 6

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

Βήμα 7

Στη συνέχεια, επιλέξτε το επίπεδο με το κύριο μέρος του κουμπιού και στο μενού Layer Style ορίστε την παράμετρο Inner Shadow με τη λειτουργία Multiply Blending και την αδιαφάνεια 33%. Ορίστε μια γραμμική κλίση με αδιαφάνεια 25%. Το κουμπί σας είναι έτοιμο - το μόνο που μένει είναι να προσθέσετε μια επιγραφή σε αυτό.

Συνιστάται: