Στο Photoshop, μπορείτε να δημιουργήσετε μια διάταξη ιστότοπου, σύμφωνα με την οποία έχει ήδη δημιουργηθεί σε html. Αυτή η διαδικασία είναι σχετικά απλή.
Απαραίτητη
Πρόγραμμα Adobe Photoshop
Οδηγίες
Βήμα 1
Ανοίξτε το Photoshop και δημιουργήστε ένα έγγραφο 1020 x 1200 pic σε αυτό. Ορίστε το χρώμα φόντου σε # a8a995. Εάν ο ιστότοπος είναι αφιερωμένος σε μια εταιρεία, τότε μπορείτε να τοποθετήσετε το λογότυπό του πάνω αριστερά στη γραμμή πλοήγησης. Αφήστε λίγο χώρο στα δεξιά για συνδέσμους για πλοήγηση στον ιστότοπο.
Βήμα 2
Πάρτε το Rectangle Tool και δημιουργήστε ένα ορθογώνιο 80 με 54 pic στη γραμμή πλοήγησης του ιστότοπου. Θα δείξει το ενεργό στοιχείο μενού στην πλοήγηση του ιστότοπου.
Βήμα 3
Μεταβείτε στο μενού Layer-Layer Style, επιλέξτε το πλαίσιο ελέγχου Color Overlay, χρώμα # ADAE9E, Opacity - 100% και το πλαίσιο ελέγχου Stroke, Μέγεθος - 1 px, Θέση - Εξωτερικό, Αδιαφάνεια - 100%, χρώμα # CED0BB.
Βήμα 4
Στην κορυφή του ορθογωνίου που έχετε ήδη, προσθέστε μια άλλη εικόνα 71x50, βάψτε το με # cfbe28. Μεταβείτε στο μενού Layer-Layer Style, ορίστε τις ακόλουθες παραμέτρους για αυτό το ορθογώνιο: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Εσωτερική σκιά: Λειτουργία ανάμειξης - Πολλαπλασιασμός, χρώμα # 000000, Αδιαφάνεια - 27%, Γωνία - 90, Απόσταση - 1, Τσοκ - 0, Μέγεθος - 18; Εγκεφαλικό επεισόδιο: Μέγεθος - 1, Θέση - Εξωτερικό, Αδιαφάνεια - 100, Τύπος πλήρωσης - Χρώμα, Χρώμα # D6C72C.
Βήμα 5
Προσθέστε σκιά για συνδέσμους που βρίσκονται στη γραμμή πλοήγησης. Για να το κάνετε αυτό, επιλέξτε το επίπεδο με το κείμενο αυτών των συνδέσμων, μεταβείτε στο μενού Layer-Layer Style και ορίστε τις ακόλουθες παραμέτρους: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Distance - 1, Spread - 0, Size - 1. Επαναλάβετε αυτά τα βήματα για κάθε επίπεδο που θα περιέχει το κείμενο των συνδέσμων.
Βήμα 6
Τώρα πρέπει να κάνετε ένα εισαγωγικό μέρος του προτύπου. Επιλέξτε το Rectangle Tool και δημιουργήστε ένα ορθογώνιο κάτω από το λογότυπο, γεμίστε το με λευκό, μειώστε την αδιαφάνεια στο 20%.
Βήμα 7
Επιλέξτε το Εργαλείο έλλειψης και δημιουργήστε ένα οβάλ κάτω από αυτό το ορθογώνιο. Μεταβείτε στο Φίλτρο> Blur> Gaussian Blur και ορίστε το Radius σε 7, 8.
Βήμα 8
Πάρτε το Rectangular Marque Tool και επιλέξτε το κάτω μέρος του ορθογωνίου και το θολή οβάλ. Διέγραψε το.
Βήμα 9
Μετά από αυτό, εισαγάγετε το κείμενο στο κουμπί ορθογωνίου. Δημιουργήστε μια γραμμή ακριβώς πάνω από αυτήν με τις ακόλουθες παραμέτρους: 866 επί 1 pic.
