Δεν είναι πολύ δύσκολο να δημιουργήσετε ένα πρότυπο ιστότοπου στο Photoshop. Το πρότυπο περιλαμβάνει μενού, φόρμες αναζήτησης, γραφικά, ίσως κάποιο κείμενο για παράδειγμα. Ο ίδιος ο ιστότοπος θα έχει ήδη προγραμματιστεί βάσει αυτού.
Οδηγίες
Βήμα 1
Ξεκινήστε να διαμορφώνετε το πρότυπο του ιστότοπού σας στο Photoshop δημιουργώντας ένα νέο έγγραφο με μέγεθος 1020 έως 1020 pic. Κάντε το φόντο λευκό. Ορίστε το χρώμα προσκηνίου σε # c5e0dd και το χρώμα φόντου σε # ece5cf.
Βήμα 2
Πάρτε το εργαλείο Gradient και επιλέξτε τον πρώτο τύπο πλήρωσης στον πίνακα ρυθμίσεων. Σύρετε μια γραμμή ντεγκραντέ στο άσπρο πεδίο από πάνω προς τα κάτω.
Βήμα 3
Πιάστε το εργαλείο κειμένου, γράψτε τον τίτλο του ιστότοπού σας στην επάνω δεξιά γωνία, έτσι ώστε να ευθυγραμμίζεται με τη φόρμα αναζήτησης, η οποία θα βρίσκεται στην επάνω αριστερή γωνία. Ορίστε το μέγεθος της γραμματοσειράς, για παράδειγμα, 12.
Βήμα 4
Για να δημιουργήσετε το σχήμα αναζήτησης, επιλέξτε το εργαλείο ορθογωνίου και σχεδιάστε ένα λευκό ορθογώνιο στην επάνω δεξιά γωνία. Εφαρμόστε τις ακόλουθες ρυθμίσεις επιπέδου: Εσωτερική σκιά - Λειτουργία ανάμειξης - Πολλαπλασιασμός, Χρώμα - # a2b7b1, Αδιαφάνεια - 43, Γωνία - 90, Απόσταση - 0, Τσοκ - 0, Μέγεθος - 10.
Βήμα 5
Χρησιμοποιήστε το εργαλείο κειμένου για να δημιουργήσετε ένα απαλό κείμενο μέσα σε αυτό το σχήμα.
Βήμα 6
Επιλέξτε το εργαλείο στρογγυλεμένου ορθογωνίου και δημιουργήστε ένα κουμπί μέσα στο σχήμα αναζήτησης στα δεξιά του. Εφαρμόστε τα ακόλουθα στυλ επιπέδων: Επικάλυψη διαβάθμισης - Λειτουργία ανάμειξης - Κανονική, Αδιαφάνεια - 100, Διαβάθμιση από σκοτάδι σε φως (χρώματα από # 754f39 έως # a1704f), Στυλ - Γραμμική, Γωνία - 90, Κλίμακα - 59.
Βήμα 7
Χρησιμοποιήστε το εργαλείο κειμένου για να γράψετε "go" ή κάτι παρόμοιο σε αυτό το κουμπί.
Βήμα 8
Για να δημιουργήσετε την πλοήγηση, πάρτε το εργαλείο στρογγυλεμένου ορθογωνίου και σχεδιάστε ένα μακρύ ορθογώνιο κάτω από τον τίτλο και το σχήμα αναζήτησης. Εφαρμόστε τα ακόλουθα στυλ επιπέδων: Επικάλυψη διαβάθμισης - Λειτουργία ανάμειξης - Κανονική, Αδιαφάνεια - 100, Διαβάθμιση από σκοτάδι σε φως (χρώματα από # 76503e έως # a46ecd), Στυλ - Γραμμική, Γωνία - 90, Κλίμακα - 59; Stroke Structure - 1, Position - Inside, Blend Mode - Normal, Opacity - 100, Fill Type - Color, Color # 9F6038.
Βήμα 9
Πάρτε το εργαλείο στρογγυλεμένου ορθογωνίου και σχεδιάστε ένα μικρό ορθογώνιο στην αριστερή πλευρά της γραμμής πλοήγησης. Εφαρμόστε τα ακόλουθα στυλ επιπέδων: Εσωτερική σκιά - Λειτουργία ανάμειξης - Πολλαπλασιασμός, Αδιαφάνεια - 75, Γωνία - 90, Απόσταση - 1, Τσοκ - 0, Μέγεθος - 8; Επικάλυψη διαβάθμισης - Λειτουργία ανάμειξης - Κανονική, αδιαφάνεια - 100, Διαβάθμιση από σκοτάδι σε φως (χρώματα από # 76503c έως # a46e4d), Στυλ - Γραμμικό, Γωνία - 90, Κλίμακα - 59; Κτύπημα - Δομή - 1, Θέση - Μέσα, Λειτουργία ανάμειξης - Κανονική, Αδιαφάνεια - 100, Τύπος πλήρωσης - Χρώμα, Χρώμα # 8f6347.
Βήμα 10
Προσθέστε ετικέτες στη γραμμή πλοήγησης.
