Πώς να σχεδιάσετε έναν ιστότοπο στο Photoshop

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

Πώς να σχεδιάσετε έναν ιστότοπο στο Photoshop
Πώς να σχεδιάσετε έναν ιστότοπο στο Photoshop

Βίντεο: Πώς να σχεδιάσετε έναν ιστότοπο στο Photoshop

Βίντεο: Πώς να σχεδιάσετε έναν ιστότοπο στο Photoshop
Βίντεο: UX/UI design - Ας σχεδιάσουμε ένα wireframe 2024, Νοέμβριος
Anonim

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

Πώς να σχεδιάσετε έναν ιστότοπο στο photoshop
Πώς να σχεδιάσετε έναν ιστότοπο στο photoshop

Οδηγίες

Βήμα 1

Ξεκινήστε το photoshop και δημιουργήστε ένα νέο έγγραφο. Για να το κάνετε αυτό, πατήστε το συνδυασμό πλήκτρων Ctrl + N. Στη συνέχεια, επιλέξτε τη λειτουργία "Gradient" και συμπληρώστε το έγγραφο με οποιονδήποτε συνδυασμό χρωμάτων. Το κύριο πράγμα είναι ότι η κατεύθυνση του γεμίσματος είναι από πάνω προς τα κάτω. Μπορείτε πάντα να ορίσετε επιπλέον χρώματα αργότερα. Απλώς δημιουργήστε ένα νέο στρώμα και χρησιμοποιήστε μια βούρτσα για να βάψετε στο φόντο. Για να αποφύγετε τη σύγχυση αργότερα, μετονομάστε το επίπεδο που μόλις δημιουργήσατε σε Color.

Βήμα 2

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

Βήμα 3

Έχοντας επιτύχει αυτό που θέλετε, ρυθμίστε τη λειτουργία Διαφορά στην καρτέλα Blending Mode. Δοκιμάστε διαφορετικές τιμές αδιαφάνειας.

Βήμα 4

Προετοιμάστε ένα φόντο για το όνομα του ιστότοπου και άλλες επεξηγηματικές λεζάντες. Χρησιμοποιώντας το εργαλείο στρογγυλεμένου ορθογωνίου (U) σε ένα νέο επίπεδο, επιλέξτε το μαύρο σχήμα, στο στοιχείο Layer Style ενεργοποιήστε τη λειτουργία Drop Shadow. Ρυθμίστε τη διαφάνεια του επιπέδου.

Βήμα 5

Για περαιτέρω εργασία, θα χρειαστείτε ομάδες επιπέδων, οπότε ενώ κρατάτε πατημένο το πλήκτρο Ctrl, πατήστε τα κουμπιά Ctrl + G στο πληκτρολόγιό σας. Επιλέξτε όλα τα επίπεδα που έχουν δημιουργηθεί μέχρι στιγμής και αντιστοιχίστε τα στην ομάδα φόντου. Πρέπει επίσης να δημιουργήσετε δύο ακόμη ένθετες ομάδες. Η κύρια ομάδα μπορεί να ονομαστεί Home και η εσωτερική - Logo.

Βήμα 6

Γράψτε το κείμενο για την κεφαλίδα του ιστότοπου. Κάντε κλικ στο Type Tool και δημιουργήστε μια επιγραφή σε ένα νέο επίπεδο που δημιουργήθηκε στην ομάδα Logo. Δοκιμάστε διαφορετικές τιμές για τις παραμέτρους Layer Style. Στη συνέχεια, δημιουργήστε ένα άλλο επίπεδο και εμφανίστε τις πληροφορίες κειμένου σε οποιοδήποτε κατάλληλο χρώμα.

Βήμα 7

Δημιουργήστε σημαντικά κουμπιά για συγκεκριμένο ιστότοπο, όπως σύνδεση και σύνδεση. Αυτό απαιτεί μια ομάδα επιπέδων, την οποία μπορείτε να το ονομάσετε.

Βήμα 8

Χρησιμοποιήστε το Rectangular Marquee Tool και έπειτα το Gradient Tool για να γεμίσετε την επιλεγμένη περιοχή του εγγράφου από κάτω προς τα πάνω με μια κλίση από πυκνή έως διαφανή.

Συνιστάται: