λογισμικό

* Γνώση Υπολογιστών >> λογισμικό >> Adobe Illustrator

Πώς να σχεδιάσει ιστοσελίδες στο Illustrator

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

1 Δημιουργήστε ένα νέο έγγραφο στο Adobe Illustrator . Ρυθμίστε το πλάτος 960 pixels και να ρυθμίσετε το "Color Mode" σε " RGB ". Δώστε το έγγραφό σας ένα όνομα και κάντε κλικ στο "OK". 2

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

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

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

Δημιουργήστε τα γραφικά στοιχεία της ιστοσελίδας σας , όπως λογότυπα , εικόνες και κείμενο μακέτες χρησιμοποιώντας την παλέτα εργαλείων της Adobe Illustrator . Χρησιμοποιήστε τις κατευθυντήριες γραμμές όταν τοποθετείτε γραφικά στοιχεία σας στην ιστοσελίδα . Μόλις ολοκληρώσετε τη δημιουργία της οπτικής εμφάνισης της ιστοσελίδας σας , αποθηκεύστε την εργασία σας .
Η 6

Επιλέξτε " Οδηγοί " από το μενού "Προβολή" και κάντε κλικ στο " Διαγραφή οδηγών " για να διαγράψετε όλα τα οδηγούς στον υπολογιστή σας οθόνη . Θα χρειαστεί να δημιουργήσετε νέο οδηγοί για να σώσει τα επιμέρους στοιχεία του σας mock -up για χρήση στο web .
Η 7

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

Επιλέξτε " φέτα " από το μενού " Αντικείμενο " και κάντε κλικ στο " Δημιουργία από οδηγούς . " Οι αριθμοί θα εμφανίζονται στα πλαίσια που δημιουργήσατε ? Αυτά τα κουτιά είναι γραφικές " φέτες " που μπορούν να αποθηκευτούν ως μεμονωμένες εικόνες για χρήση σε μια ιστοσελίδα . Επιλέξτε "Αποθήκευση για web & συσκευές " από το μενού "Αρχείο " για να ανοίξετε ένα νέο παράθυρο διαλόγου .
Η

9 Κάντε κλικ στο "Slice Select Tool " στο "Αποθήκευση για web & συσκευές " παράθυρο. Επιλέξτε τις φέτες που θέλετε να εξάγετε κάνοντας κλικ πάνω τους στο παράθυρο προβολής . Ρυθμίστε το "Τύπος εικόνας " για να " JPEG " και κάντε κλικ στο κουμπί " Αποθήκευση " για να αποθηκεύσετε τις φέτες σας ως μεμονωμένες εικόνες .
Η

10 Επαναλάβετε τα βήματα 6 έως 9 για να δημιουργήσετε μεμονωμένες εικόνες από όλα τα γραφικά στοιχεία της ιστοσελίδας σας σελίδα . Μόλις έχετε τα γραφικά στοιχεία που αποθηκεύονται , την εισαγωγή τους σε ένα πρόγραμμα σχεδιασμού ιστοσελίδων , όπως το Adobe Dreamweaver .
Η
εικόνων

Συναφής σύστασή

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα