10+ δωρεάν πρόσθετα Photoshop για σχεδιαστές ιστοσελίδων
Η χρήση των επεκτάσεων του Photoshop αυξάνει σημαντικά την ικανότητά του να σας βοηθήσει να σχεδιάσετε, να παραμερίσετε τη ροή εργασίας σας και να κάνετε πιο παραγωγικούς. Μπορείτε να χρησιμοποιήσετε μια προσθήκη Photoshop στο επιταχύνετε επαναλαμβανόμενες ή κουραστική αποστολή όπως:
- δημιουργούν μεγάλες σκιές
- εξαγωγή των επιπέδων του Photoshop
- μετατρέψτε το PSD σε CSS3
- μετατρέψτε το κείμενο του Photoshop στο SVG
- να δημιουργήσετε προδιαγραφές σχεδιασμού στο Photoshop
- μετατρέψτε το σπερμομορφικό σχέδιο σε επίπεδη σχεδίαση
Υπάρχουν πολλές άλλες επεκτάσεις Photoshop εκεί έξω, και σε αυτή τη λίστα υπάρχουν 12 φοβερότερες που σας βοηθούν διαχειριστείτε τα επίπεδα, τα χρώματα, τους οδηγούς σας κι αλλα, για να μειώσετε το φόρτο εργασίας σας και να σας βοηθήσει να εστιάσετε περισσότερο σε αυτό που απαιτεί την προσοχή σας. Εάν γνωρίζετε περισσότερα πρόσθετα ή επεκτάσεις του Photoshop, ενημερώστε μας στα σχόλια.
1. Hexy
Το Hexy σας παρέχει έναν πιο γρήγορο τρόπο αποκτήστε κωδικό χρώματος Hex και RGB. Με αυτό το πρόσθετο, μπορείτε να χρησιμοποιήσετε το εργαλείο σταγονόμετρου και απλά κάντε κλικ στο χρώμα της εικόνας που θέλετε να παραλάβετε και η Hexy αντιγράφει αυτόματα το χρώμα στο πρόχειρο για σας. Με αυτόν τον τρόπο μπορείτε να το επικολλήσετε αμέσως για να το χρησιμοποιήσετε στο CSS. Είναι ένα πρακτικό εργαλείο για την επιλογή χρωμάτων.
Συμβατότητα: Photoshop CC 2014
2. Μέγεθος μεγέθους
Το SizeMark σας επιτρέπει να κάνετε προσθέστε ετικέτες ενός μεγέθους αντικειμένου ή την απόσταση μεταξύ κάθε αντικειμένου χρησιμοποιώντας ένα εργαλείο Marquee. Το SizeMark αποθηκεύει κάθε ετικέτα που δημιουργήθηκε σε ένα νέο επίπεδο, ώστε να μπορείτε να το προσαρμόσετε όποιο τρόπο χρειάζεστε π.χ. αλλάζοντας το χρώμα ή ρυθμίζοντας τη θέση του. Είναι σημαντικό όταν χρειάζεται να μεταφράσετε το PSD σε λειτουργικό ιστότοπο.
Συμβατότητα: Photoshop CC 2014
3. Pictura
Χρειάζεται να εισαγάγετε εικόνες στο σχέδιό σας; Θα πρέπει να εγκαταστήσετε το Pictura. Pictura σας επιτρέπει να αναζητήσετε και να προσθέσετε εικόνες στο Photoshop σας άνετα χωρίς να αφήσετε το χώρο εργασίας σας. Όταν εγκατασταθεί, η Pictura θα προσθέσει ένα νέο πίνακα, στο οποίο μπορείτε να αναζητήσετε οποιαδήποτε εικόνα σε οποιαδήποτε Άδεια χρειάζεστε, και στη συνέχεια να την τοποθετήσετε στο σχέδιό σας αμέσως.
Συμβατότητα: Photoshop CC 2014
4. Φούρνος
Ο φούρνος είναι ένα καταπληκτικό plugin που σας βοηθά να διαχειριστείτε καλύτερα τα περιουσιακά σας στοιχεία. Η γεννήτρια του Photoshop μας επιτρέπει να εξάγουμε εικόνες σε πραγματικό χρόνο, αλλά θα πρέπει να μετονομάσετε όλα τα επίπεδα, προκειμένου να δημιουργήσετε σωστά την εικόνα και με το σωστό όνομα. Φούρνος εξαλείφει αυτή την ταλαιπωρία.
Συμβατότητα: Photoshop CC και CC 2014
5. Μελάνη
Η μετατροπή του PSD σε λειτουργικό ιστότοπο είναι πάντα μια δύσκολη διαδικασία. Υπάρχουν πολλές λεπτομέρειες για να εξετάσετε, όπως στυλ επιπέδων, μέγεθος γραμματοσειράς, οικογένεια γραμματοσειρών που χρησιμοποιείται, μέγεθος στοιχείου και θέση έναντι άλλων στοιχείων. Το μελάνι θα σας βοηθήσει δημιουργούν αυτές τις πληροφορίες εύκολα.
6. LayerCraft
Το LayerCraft είναι ένα plugin του Photoshop που σας επιτρέπει να κάνετε στρώματα εξαγωγής σε πολλαπλή κλίμακα. Μπορείτε να εξάγετε εικόνες σε @ 1x
, @ 2x
και ακόμα @ 3x
(που απαιτείται στις συσκευές iOS με οθόνη αμφιβληστροειδούς), ή mdpi
και xhdpi
για αντρόιντ. Αν η καθημερινή σας δουλειά είναι δημιουργία διεπαφών για κινητά, αυτό είναι το εργαλείο που σας εξοικονομεί πολύ χρόνο.
Συμβατότητα: Photoshop CC και CC 2014
7. Συνθέτης
Ο συνθέτης βελτιώνει τη λειτουργία του Photoshop Layer Comps. Αντί να έχετε πολλά ξεχωριστά αρχεία για να αποθηκεύσετε κάθε αναθεώρηση του σχεδίου, το Layer Comps σάς επιτρέπει να τα αποθηκεύετε και να τα διαχειρίζεστε όλα σε ένα μόνο αρχείο. Το Layer Comps λειτουργεί παρόμοια με ένα Smart Object. Ο καθένας μπορεί να περιέχει μερικές ιδιότητες όπως στυλ επιπέδων και τρόπους ανάμειξης. Ο συνθέτης, στην περίπτωση αυτή, παρέχει το ο πιο εύκολος τρόπος για να ενημερώσετε αυτά τα στυλ με ένα μόνο κλικ.
Συμβατότητα: Photoshop CS5, CS6 και CC
8. Velositey
Η ταχύτητα είναι μια επέκταση που μπορεί να σας βοηθήσει να φτιάξετε πρωτότυπο σχεδιασμό ιστοσελίδων γρήγορα. Το Velocitey έρχεται με μια χούφτα προκαθορισμένων προτύπων συμπεριλαμβανομένου του πλέγματος. Έρχεται επίσης με κοινά σύμβολα τοποθεσίας για την επικεφαλίδα του ιστότοπου, το περιεχόμενο και το υποσέλιδο. Μπορείτε να προσθέσετε όλα αυτά τα στοιχεία μόνο με ένα κλικ. Είναι κυριολεκτικά μια εξοικονόμηση χρόνου (και είναι δωρεάν).
Συμβατότητα: Photoshop CS6, CC, CC 2014
9. Διπλασιαστής
Το Dupliklicator παρέχει τον ταχύτερο τρόπο διπλά επίπεδα ή ομάδες του Photoshop. Μπορείτε να καθορίσετε τον αριθμό των αντιγράφων που θέλετε και στη συνέχεια να ορίσετε την κατακόρυφη και οριζόντια απόσταση του διπλότυπου στρώματος.
Συμβατότητα: Photoshop CC και CC 2014
10. QuickGuide
Το QuickGuide σας βοηθάει να σχεδιάσετε οδηγίες στο Photoshop. Αυτό το plugin παρέχει 12 προεπιλογές για την εύκολη προσθήκη οδηγών στη μία πλευρά, σε δύο γειτονικές πλευρές ή σε όλες τις πλευρές κάθε αντικειμένου. Άλλες λειτουργίες που περιλαμβάνει περιλαμβάνουν εναλλαγή οδηγών ασφάλισης και ορατότητα, διαγραφή ολόκληρων οδηγών ή επιλεγμένων οδηγών και οδηγών επικόλλησης.
Συμβατότητα: Photoshop CC 2014
11. Lorem Ipsum Generator
Η γεννήτρια Lorem Ipsum θα δημιουργούν τυχαίες λέξεις ή φράσεις. Αντί να χρειάζεται να το αντιγράψετε από κάποιο άλλο μέρος, μπορείτε να δημιουργήσετε το Lorem Ipsum απευθείας από το χώρο εργασίας του Photoshop. Δύο επιλογές παρέχονται για να προσαρμόσετε την έξοδο. Αυτό το πρόσθετο είναι επίσης διαθέσιμο για Illustrator, InDesign και Dreamweaver.
Συμβατότητα: Photoshop CS5, CS6 και CC
12. Lorem Picsum
Lorem Picsum παράγει τυχαίες εικόνες και όχι κείμενο. Η παρεχόμενη εικόνα προέρχεται από δημοφιλείς ταινίες και τηλεοπτικές εκπομπές όπως Futurama, Ρίο, Οι Σίμπσονς, Ψάχνοντας τον Νέμο, και ΠΑΝΩ.
Συμβατότητα: Photoshop CS6 και CC