Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble

Anastasis

Moderators
  • Content Count

    304
  • Joined

  • Last visited

  • Days Won

    2
  • Feedback

    N/A

Everything posted by Anastasis

  1. Βήμα 1 Πληκτρολογήστε D και Χ για να έχετε . Δημιουργήστε μία νέα εικόνα (File -> New) με αυτά τα χαρακτηριστικά (κατά προτίμηση) Width: 600 Height: 500 Mode: RGB Color Contents: Baclground color Επιλέξτε για foreground χρώμα ένα σκούρο γκρι. (εδώ το #9a9a9a). Με το Type Tool γράψτε όποια λέξη θέλετε και πατήστε το πάνω δεξιά για επικύρωση. (εδώ έγραψα το γράμμα C με Αrial Black στα 500pt.) Βήμα 2 Πληκτρολογήστε D και Χ (και πάλι) για να προκύψει . Κάντε διπλό click στο layer του κειμένου. Χωρίς να αλλάξετε καμμία ρύθμιση ενεργοποιήστε τα Inner Shadow Inner Glow Bevel and Emboss Contour Gradient Overlay Και πατήστε ΟΚ. Βήμα 3 Δημιουργήστε ένα νέο layer και μετακινήστε το ("σέρνοντάς" το) κάτω από το layer του κειμένου. Μεταβείτε στο layer του κειμένου κάνοντας click πάνω του και έπειτα πατήστε Ctrl+E ή Layer -> Merge Down. Βήμα 4 Πηγαίνετε λοιπόν Image -> Adjustments -> Curves και φτιάξτε τις καμπύλες όπως τις βλέπετε εδώ: Πηγαίνοντας στο Image -> Adjustments -> Hue / Saturation και αλλάζοντας το slider του Hue (αφού ενεργοποιήσετε το Colorize) θα έχετε κάτι τέτοιο. ! Ιδέα ! Μπορείτε να κάνετε και μια εικόνα να αχνοφαίνεται πάνω από το χρωμιομένο κείμενο, σαν ανάκλαση. Βάλτε την εικόνα σας σαν νέο layer πάνω από το layer του κειμένου. Βάλτε σαν blending option: Soft Light και χαμηλώστε το opacity όσο για να σας βολεύει (εδώ 33%).
  2. Στο βοήθημα αυτό θα επιδιορθώσουμε μία εικόνα από την αλλοίωση του χρόνου και έπειτα θα την χρωματίσουμε. Πρώτα χρησιμοποιώντας το Clone Stamp Tool θα αφαιρέσουμε τις "γραντζουνιές" της εικόνας. Είναι μία αρκετά επίπονη και απαιτεί υπομονή για να πετύχουμε το στόχο μας. Ξεκινώντας από μία περιοχή με χαλασμένα pixels κάνουμε αρκετό zoom in και έχοντας επιλεγμένο το πιο πάνω εργαλείο πατάμε σε μία διπλανή περιοχή με "υγειή" pixels έχοντας πατημένο μαζί το πλήκτρο ALT. Με αυτό τον τρόπο "κλέβουμε" τα pixels αυτά και έπειτα με μία μικρή βούρτσα από τις ιδιότητες 5 στο μέγεθος βάφουμε την χαλασμένη περιοχή. Προσέχουμε πάντα το χρώμα των pixels να ταιριάζει απόλυτα. Αυτό μπορούμε να το επιτύχουμε κάνοντας zoom in σε επίπεδο pixel. Αν όλα πάνε καλά θα έχουμε αυτό: Έχοντας τελειώσει με την "βρωμοδουλειά" ξεκινάμε τον χρωματισμό της εικόνας. Με το πολυγωνικό λάσσο επιλέγουμε γύρω γύρω την γραβάτα και πατάμε CTRL + U Τσεκάρουμε την επιλογή Colorize και βάζουμε: Hue:216 Saturation:25 Lighness:-4 Με τον ίδιο τρόπο προχωράμε στο πρόσωπο βάζοντας: Hue:28 Saturation:18 Lighness:-12 Μαλλιά Hue:25 Saturation:20 Lighness:-6 Μάτια Hue:205 Saturation:24 Lighness:-24 Σακάκι Hue:32 Saturation:50 Lighness:-9 Background Hue:196 Saturation:25 Lighness:0 Καλή επιτυχία.
  3. 1.Ανοίγουμε όλες πάμε στο File> Scripts> Load files into stack. Θα ανοίξει ενά παράθυρο "Load Layers". Θα ανοίξουμε όλες τις εικόνες πηγαίνοντας στο File>Open και τις επιλέγουμε όλες κρατώντας πατημένο το Ctrl και κλικάροντας τις. 2.Mετά πάμε στο Window>Layers και ανοίγει το παράθυρο Layers 3.Σέρνουμε (drag and drop) τα layers έτσι ώστε να είναι με τη σειρά που θέλουμε απο πάνω προς τα κάτω. 4.Μετά πάμε Window>Animation ανοίγει το παράθυρο Animation και ανοίγουμε και το παράθυρο Layers όπως είπαμε πριν. 5.Στο παράθυρο animation μας βγάζει σαν πρώτο frame την πρώτη εικόνα που βάλαμε 6.Μετά πατάμε Duplicate selected frames(με το σημαδάκι) 7.Για κάθε νεο frame επιλέγουμε ποιο layer θα βάλουμε πατώντας το μάτι δίπλα στο layer. (αφήνουμε το μάτι ενεργό δίπλα στη 2η εικόνα που έχει σειρά και όλα τα άλλα τα απενεργοποιούμε) 8.Kάνουμε το ίδιο για κάθε εικόνα μέχρι να το συμπληρώσουμε τελείως. 9.Πατάμε play, το ελέγχουμε 10.Αν μας αρέσει το αποθηκεύουμε πηγαίνοντας File>Save for web and devices και στο παράθυρο που ανοίγει πατάμε Save. Kαι αυτό ήταν!! Έχουμε αυτό το αποτέλεσμα: Ελπίζω να πλήρει τις προυποθέσεις για tutorial γιατί κουράστηκα πολύ για να το φτιάξω!
  4. Ανοίγουμε την εικόνα μας στο Photoshop και πηγαίνουμε στα φίλτρα (Filter->Extract…Alt+Ctrl+X) Τώρα στο Extract επιλέγουμε τον μαρκαδόρο (photo.1) ρυθμίζουμε το μέγεθος του μαρκαδόρου (photo.2) ανάλογα με της διαστάσεις της εικόνας ,κάνουμε και ένα κλικ στο Smart Highlighting (photo.3) .αρχίζουμε τώρα να ζωγραφίζουμε το περίγραμμα από αυτό που θέλουμε να κάνουμε extract, Το ζουμ και το χεράκι θα μας φανούν πολύ χρήσιμα όποτε μην φοβάστε να τα επιλέξετε ,αν πάλι κάναμε κάποιο λαθάκι επιλέγουμε την γόμα και το διορθώνουμε Αφού τελειώσαμε επιλέγουμε τον «κουβά» (photo.1)και κάνουμε κλικ μέσα στην περιοχή που θέλουμε να πάρουμε (photo.2) Τέλος κλικ στο οκ (photo.3) Στην περίπτωση που έγινε μπλε όλη η εικόνα και όχι μόνο η περιοχή που θέλουμε σημαίνει ότι κάπου αφήσαμε ένα κενό κάνουμε κλικ πάλι στην εικόνα για να φύγει το μπλε και διορθώνουμε το λαθάκι Αν όλα πήγαν καλά θα πάρουμε αυτό για αποτέλεσμα , ίσος χρειαστεί λίγο διόρθωμα ακόμα αν χρειαστεί το κάνουμε με την γόμα η με το history brush Δεν έμεινε τίποτα άλλο από το να ανοίξουμε την άλλη εικόνα όπου θέλουμε να κάνουμε μοντάζ και να σύρουμε επάνω της αυτήν που κάναμε extract ελπίζω να φανεί χρήσιμο
  5. Για να δούμε πως μπορούμε να μετατρέψουμε μια κανονική φωτογραφία (2D) σε 3D stereo. Βέβαια θα χρειαστεί να φτιάξουμε και ένα ζευγάρι γυαλιά. Το σχέδιο και οδηγίες μπορείτε να τα βρείτε εδώ. http://stereo.gsfc.nasa.gov/classroom/glasses.shtml Ζελατίνες μπορείτε να βρείτε σε είδη συσκευασίας. Ανοίγουμε τη φωτογραφία μας στο PS. Εδώ επέλεξα μια εύκολη φωτο... Αυτό που πρέπει να φτιάξουμε πρώτα είναι το depth map. Με κάποιο εργαλείο επιλογής, επιλέγουμε το θέμα (ή τα θέματα) που είναι πιο μπροστά. Πηγαίνουμε στην παλέτα των channels και πατάμε το κουμπί “load selection as channel”. Μόλις δημιουργήσαμε ένα Alpha channel με την επιλογή μας να έχει γεμίσει με άσπρο. Πατάμε ctrl+D για να αποεπιλέξουμε και κάνουμε κλικ στο εικονίδιο RGB για να βλέπουμε πάλι την εικόνα μας. Φτιάχνουμε μια νέα επιλογή με το θέμα (ή θέματα) που βρίσκονται πιο πίσω από τα πρώτο θέμα μας. Με φορτωμένη την νέα μας επιλογή, πάμε πάλι στα channels και κάνουμε κλικ στο Alpha channel. Από τα εργαλεία διαλέγουμε για foreground color ένα ανοιχτό γκρι και πατάμε Alt+Backspace για να γεμίσουμε την επιλογή μας με το foreground color. Αποεπιλέγουμε πάλι και πατάμε πάλι RGB για να βλέπουμε την εικόνα. Φτιάχνουμε τώρα άλλη μια επιλογή με το πίσω θέμα μας. Με φορτωμένη την επιλογή, πάμε πάλι στα channels και κάνουμε κλικ στο Alpha channel. Από τα εργαλεία διαλέγουμε για foreground color ένα πιο σκούρο γκρι και γεμίζουμε πάλι. Αποεπιλέγουμε και πηγαίνουμε Filter->Blur->Gaussian Blur και βάζουμε ένα ποσοστό ώστε να «μαλακώσουν» οι άκρες. Μόλις φτιάξαμε ένα depth map. Τώρα πρέπει να το σώσουμε. Με πατημένο το ctrl κάνουμε κλικ επάνω στο Alpha channel για να το επιλέξουμε όλο και πατάμε ctrl+C για να το αντιγράψουμε. Πατάμε πάλι RGB και γυρνάμε στην παλέτα των layers. Πατάμε Ctrl+V για να επικολλήσουμε το Alpha channel σαν layer. Τώρα πάμε File->save as και αποθηκεύουμε το αρχείο σε μορφή PSD με κάποιο όνομα της αρέσκειας μας. Αν το σώσουμε σε άλλη μορφή, δεν θα πετύχουμε τίποτα… Αφού το σώσαμε λοιπόν, μπορούμε τώρα να διαγράψουμε το layer με το depth map. Πάμε για ακόμα μια φορά στην παλέτα των channels. Κάνουμε κλικ στο Red channel και πηγαίνουμε Filter->Distort->Displace. Στο παράθυρο που ανοίγει , στο Horizontal scale βάζουμε μια αρνητική τιμή ανάλογα με το μέγεθος της φωτο μας. Εδώ έβαλα -5. Στο Vertical scale βάζουμε 0. Επίσης επιλέγουμε stretch to fit και Repeat edge pixels και πατάμε OK. Ανοίγει ένα άλλο παράθυρο όπου από εδώ θα πάμε να ανοίξουμε το αρχείο PSD που σώσαμε νωρίτερα. Ακολουθάμε τα ιδία βήματα για το green και blue channel μόνο που εδώ θα βάλουμε στο Horizontal scale, την ίδια τιμή με το red channel, αλλά θετική! Με αυτό τον τρόπο βγάλαμε offset τα χρωματικά κανάλια της φωτογραφίας μας. Πατάμε τώρα RGB, φοράμε τα γυαλιά μας και βλέπουμε ότι δημιουργήσαμε την ψευδαίσθηση του βάθους. Εδώ να αναφέρω ότι ίσως χρειαστεί να παίξουμε με τις τιμές του Displace αν δεν έχουμε πετύχει το επιθυμητό αποτέλεσμα. Απαραίτητη σημείωση: Πρέπει να έχουμε στο νου μας ότι τα αντικείμενα που βρίσκονται πιο μπροστά πρέπει να βάφονται άσπρα. Όσο πηγαίνουμε πιο πίσω, θα πρέπει να βάφονται με πιο σκούρους τόνους του γκρι. Καλή συνέχεια!
  6. Ας φτιαξουμε και ενα πανευκολο περιγραμμα για να βαλουμε τις ψηφιακες φωτογραφιες μας ωστε να τις αναδειξουμε. Ενα σωστο περιγραμμα δινει αλλη οπτικη σε μια φωτογραφια. Λοιπον, ανοιγουμε μια φωτογραφια απο το αρχειο μας, εγω ανοιγω αυτην: Μετα παμε Image>Canvas Size (Alt+Ctrl+C) και θα μας ανοιξει ενα παραθυρο οπως το παρακατω: Εκει βλεπουμε στο Current size τις διαστασεις της φωτογραφιας μας που εχουμε και απο κατω στο New size θα βαλουμε εμεις τις τιμες που θελουμε. Καταρχην αλλαζουμε τα cm που ειναι απο προεπιλογη σε pixels π.χ. στο Width και θα αλλαξει αυτοματα και στο Height. Βαζουμε την τιμη 20 στο Width και 20 στο Height. (Η τιμη θα ειναι παντα η ιδια και στα 2) Αφηνουμε το Relative τσεκαρισμενο οπως ειναι, το Anchor στο κεντρο και στο Canvas extension color βαζουμε μαυρο χρωμα #000000. Παταμε Οκ και λογικα θα εχουμε την πιο κατω φωτογραφια. Παμε να βαλουμε και μια λευκη γραμμουλα για να σπασει η μαυριλα. Παμε παλι Image>Canvas Size (Alt+Ctrl+C) και στις τιμες δινουμε 6 Pixel και αντι για μαυρο χρωμα δινουμε λευκο #ffffff. Τα υπολοιπα ως εχουν. Βαλαμε λοιπον και το λευκο περιγραμμα στην φωτογραφια μας. Και τελος παμε για αλλη μια φορα Image>Canvas Size (Alt+Ctrl+C) και στις τιμες δινουμε 60 Pixel και για χρωμα παλι μαυρο #000000. Τα υπολοιπα ως εχουν. Και εχουμε ενα ομορφο αποτελεσμα που αναδυκνειει την φωτογραφια μας. - Σημ. Οι τιμες που εδωσα εγω ειναι καλες για τις διαστασεις της συγκεκριμενης φωτογραφιας, οποτε αναλογα βαζουμε και τις σωστες τιμες. Εαν θελουμε μπορουμε να φτιαξουμε και ενα Action εαν θελουμε να βαλουμε το ιδιο πλαισιο σε πολλες φωτογραφιες μαζι. *** Σε καποιο αλλο βοηθημα θα ασχοληθουμε πιο πολυ με το Canvas Size, με το Anchor και τις ιδιοτητες του.
  7. Πανω στην αυπνια μου και μιας και παιζω με κατι φωτογραφιες μου ειπα να γραψω ενα βοηθημα για το πως θα κανουμε μια φωτο να φαινεται παλια αλλα σε σεπια κατασταση. Λοιπον, ανοιγουμε την φωτογραφια που θελουμε να τροποποιησουμε, εγω θα πειραξω αυτην εδω: Παμε και κανουμε Duplicate το αρχικο layer ειτε συρωντας το layer πανω στο κουμπακι Create New Layer, ειτε παταμε επανω στο layer και με δεξι κλικ παμε και κανουμε duplicate. Οτι και να κανουμε το ιδιο θα ειναι το αποτελεσμα. Μετα απο αυτο, μενουμε στην παλετα με τα layers Που βρισκομαστε και παταμε το κουμπακι που ονομαζεται Create new fill or adjustment layer. Και απο το αναδυομενο παραθυρο εμεις επιλεγουμε Hue/Saturation. Εκει φροντιζουμε να πατησουμε το colorize και να δωσουμε τις παρακατω τιμες. Παταμε οκ και βαζουμε το Blending Mode απο Normal σε Color. Bλεπουμε το αποτελεσμα ειναι μια σεπια κατασταση στην φωτογραφια μας. Μετα παμε παλι στο ιδιο κουμπακι Create new fill or adjustment layer και επιλεγουμε αυτην την φορα το Brightness / Contrast για να δωσουμε ενα ωραιο τονισμο στην φωτογραφια. Στην δικη μου εδωσα τις πιο κατω τιμες. Παταμε οκ και βαζουμε το Blending Mode του layer απο Normal σε Soft Light. Εδω πρεπει να πω οτι οι πιο πανω τιμες που εχω δωσει στο Hue/Saturation και στο Brightness/Contrast ειναι τιμες που αφορουν την συγκεκριμενη φωτογραφια και μου καθησαν εμενα περισσοτερο στο ματι. Εσεις θα πρεπει να πειραματιστειτε με αναλογες τιμες που θα αφορουν την δικη σας φωτο, αλλα δεν θα ειστε και πολυ μακρια. Λοιπον μετα καλο ειναι να εχουμε το αποτελεσμα μας μεχρι τωρα σε ενα μονο του layer οποτε πατωντας το [ b]Alt[/b] παμε Layer>Merge Visible ή παταμε Alt + Ctrl + Shift + E. Τοτε θα δουμε το αποτελεσμα μας σε ενα νεο layer επανω. Να βαλουμε και λιγες γραμμουλες επανω ε? Κακουχιες που ειχε περασει αυτη η φωτο τοσα χρονια στο μπαουλο της γιαγιας Οπως ειμαστε λοιπον στην παλετα των layers παταμε κατω δεξια το κουμπακι που λεει Create New Layer. Mετα παμε στην εγαλειοθηκη μας και διαλεγουμε τον κουβα μας –Paint Bucket Tool (G)- και με επιλεγμε το μαυρο χρωμα κανουμε κλικ μεσα στην φωτογραφια μας και την κανουμε ολη μαυρη. Μετα παμε Filter>Texture>Grain και βαζουμε τις γραμμουλες μας. Εγω εδω εχω βαλει Intensity : 71 , Contrast : 83 και Grain Type: Vertical (μην ξαναλεω τα ιδια με τις τιμες ε?) Παταμε οκ και βαζουμε το Blending Mode του layer απο Normal σε Soft Light. Το αποτελεσμα θα ειναι παρα πολυ ομορφο και πιστευω να σας αρεσει. Βαζουμε και ενα περισγραμμα στην φωτογραφια μας για να δειξει καλυτερα και τελειωσαμε.
  8. Σ'αυτό το tutorial, θα μάθεται πως μπορείται να φτιάξεται μια ωραία υπογραφή (signature) με την αγαπημένη σας εικόνα προσθέτοντας ένα κείμενο σαυτήν. Εγώ εδώ χρησιμοποιώ μια εικόνα απ'την ταινία American History X, με τον πρωταγωνιστή "Derek" (φοβερή ταινία, προτείνω να την δείτe). (αν και καλύτερο βγαίνει σε εικόνες με anime ) Ανοίγουμε στο photoshop την εικόνα που θέλουμε. Πατάμε το πλήκτρο D (ώστε το foreground color να γίνει μαύρο και το background άσπρο).Παίρνουμε το Rectangular Marquee Tool (M) και διαλέγουμε ένα κομμάτι απτην εικόνα (εκεί που θέλουμε να μπεί το κείμενο) αρκετό ώστε να χωρέσει το κείμενο που πρόκειται να βάλουμε. Εγώ επέλεξα όλο το κάτω μέρος της εικόνας. Χωρίς να αφήσουμε την επιλογή μας, πατάμε δεξί κλικ πάνω της και επιλέγουμε "Fill". Στις ρυθμίσεις βάζουμε "Use: Background Color, Mode: Normal, Opacity: 45%, Preserve Transparency: Checked" και πατάμε ok. Χωρίς να αφήσουμε την επιλογή, πατάμε πάνω απο την επιλογή μας δεξί κλικ, και επιλέγουμε "Stroke". Στις ρυθμίσεις βάζουμε "Width: 1px, Color: #000000, Location: Outside, Mode: Normal, Opacity: 100%" και πατάμε ok. Έχουμε σχεδόν τελειώσει. Το μόνο που μένει είναι το κείμενο, στην περιοχή όπου είχαμε επιλέξει πριν. Προσθέτουμε το κείμενο με το Type Tool (T). Το αποτέλεσμα: Άλλα δείγματα: Hope u enjoy
  9. Έχουμε δει πως στα γυαλιά καθρέφτης γίνεται αντανάκλαση, φαίνεται κάποιες φορές το πρόσωπο του άλλου, φαίνεται η φωτογραφική ή και το φλας ακόμα, κάποιες φορές αυτό δεν μας αρέσει, καιρός να το αλλάξουμε Ανοίγουμε την φωτογραφία που θέλουμε να επεξεργαστούμε..Εγώ επέλεξα αυτή Ανοίγουμε και μια δεύτερη εικόνα η οποία θα μπει στα γυαλιά..Εγώ επέλεξα αυτή Λοιπόν προσθέτουμε την δεύτερη εικόνα μέσα στην εικόνα με την κοπέλα, προσέχουμε να βάλουμε την εικόνα στα σημεία που θέλουμε να φαίνονεται στα γυαλιά. Κάνουμε Disable το δεύτερο Layer. Κάνουμε ζοομ στα γυαλιά, παίρνουμε το Magnetic Lasso και επιλέγουμε μόνο τα γυαλιά. Για να επιλέξουμε μαζί και τα 2 αφού έχουμε επιλέξει το πρώτο έχουμε πατημένο το Shift και επιλέγουμε και το δεύτερο. Πάμε Select>Feather και δίνουμε τιμή 2. Ανοίγουμε το Layer που είχαμε κάνει Disable και έχουμε αυτό. Χωρίς να αφήσουμε το επιλεγμένο Layer παμε Layer>Layer Mask>Reveal Selection. Και έχουμε αυτό... Κάνουμε καινούργιο Layer Shift+Ctrl+N χωρίς να αφήσουμε τα επιλεγμένα γυαλιά. Επιλέγουμε το Gradient Tool με μαύρο χρώμα το Foreground και ιδιότητα Foreground to Transparent. Kαι το τραβάμε από εδώ... Και έχουμε αυτό... Φυσικά μπορούμε να το συνεχίσουμε λίγο ακόμα, πάμε Layer>Flatten Image. Διπλασιάζουμε το Layer και πάμε Filter>Blur>Gaussian Blur και δίνουμε την τιμή 5 και επιλέγουμε το Layer ως Overlay και έχουμε αυτό. Ευχαριστώ.
  10. Ανοίγουμε την εικόνα που θέλουμε. Επιλέγουμε Image-->Canvas size και βάζουμε στο Height 604 και τσεκάρουμε το πάνω βελάκι στο Anchor για να πάει το γραφικό μας στο πάνω μέρος. Σύρουμε το layer που έχουμε πάνω στο εικονίδιο new layer για να δημιουργήσουμε ένα αντίγραφό του Επιλέγουμε Edit-->Tranform-->Flip Vertical και σύρουμε το γραφικό του πάνω layer ακριβώς κάτω από το αρχικό. Έχοντας επιλεγμένο το πάνω layer πατάμε Layer-->Add layer mask-->Reveal all για να ενεργοποιήσουμε την μάσκα Έπειτα επιλέγουμε το Gradient tool που βρίσκεται εκεί που είναι ο κουβάς. Πατάμε το πλήκτρο D για να επαναφέρουμε τα χρώματα Έπειτα σύρουμε από εκεί που ξεκινάει ο σταυρός έως το μέσο του κάτω layer Λογικά πρέπει να έχουμε το παρακάτω αποτέλεσμα: Καλή επιτυχία
  11. Wrapping Objects με το Displacement Maps. 1. Πρώτα απ'όλα κατεβάστε αυτή την εικόνα Rock Texture ( ή βάλτε όποιο άλλο texture θέλετε) και ανοίξτε την στο photoshop. 2. Διαλέγετε τα Channels Pallete (δίπλα απο τα layers pallete) & διαλέγουμε το Red Channel -> δεξί κλικ πάνω του και duplicate channel και στο παράθυρο που θα μας βγάλει διαλέγουμε Destination σε νέο Document & Οk. 3. Oπότε μας ανοίγει ένα νέο document με το red channel που διαλέξαμε πριν, του προσθέτουμε λίγο Blur Πηγαινοντας Βlur-> Gaussian Blur=& δίνουμε τιμή 0,7 & ok. Oπότε έχουμε αυτό: 4. To σώζουμε σαν psd με ότι όνομα θέλετε αρκεί να θυμόσαστε που & με τι όνομα το σώσατε. 5. Γυρνάμε πίσω στο προηγούμενο document μας και γυρνάμε πίσω στα layers pallete. 6. Διαλέγουμε το Type Tool & γράφουμε ότι θέλουμε (με λίγο μεγάλα γράμματα για να φαινετε καλύτερα), & έχουμε κάτι τέτοιο: 7. Κάνουμε Rasterize αυτό το Layer & πάμε Filter -> Distort -> Displace δινουμε τις παρακάτω ρυθμίσεις: (μπορείτε αντί για 5 στις τιμές να δώσετε παραπάνω) τώρα βλέπουμε ότι μας ζητάει να διαλέξουμε το displacement map που δημιουργήσαμε προηγουμένως διαλέξτε το .psd που σώσατε πριν και ανοίξτε το. 8. Τώρα αλλάζουμε τα blendings options από normal σε Overlay και δίνουμε & λίγο Inner Shadow: Layer -> Layer Style -> Inner Shadow το αφήνουμε όπως έιναι & ok. 9. Kάνουμε duplicate το Layer και μειώνουμε το opacity στο 30% και το αποτέλεσμα είναι αυτό.:
  12. Κάντε τις εικόνες σας να φαίνονται όπως του Τσεκεβάρα.. Ανοίγουμε την εικόνα που θα χρησιμοποιήσουμε, εγώ χρησιμοποίησα αυτή.. Πάμε Image>Adjustments>Threshold... Αμέσως μετά επιλέγουμε Filter>Blur>Gaussian Blur Πάμε Image>Adjustments>Curves... Και τέλος, Image>Adjustments>Gradient Map... Ευχαριστώ... Και έχουμε...
  13. Στο Photoshop μπορούμε να φτιάξουμε Batch αρχεία, δηλαδή αρχεία που περιέχουν μια σειρά από ενέργειες (Actions) οι οποίες μπορούν μετά να εφαρμοστούν σε ένα ολόκληρο Directory με φωτογραφίες. Θα σας πω τώρα πως να φτιάξετε ένα Set Εντολών ώστε να μετατρέψουμε τις φωτογραφίες που κατεβάσαμε απο την ψηφιακή μηχανή μας σε πλάτος π.χ 1280 pixel. (Μπορούμε να φτιάξουμε και άλλα μετά για άλλες διαστάσεις ... π.χ 1024, 800 κ.τ.λ. 1ον πατάμε F9 και εμφανίζεται ένα παραθυράκι (εάν δεν είναι ήδη ενεργοποιημένο)... Πατάμε την καρτέλα που λέει Actions ... Εκεί θα δούμε το Set Default Actions.atn του Photoshop... (Τα αρχεία Actions του Photoshop έχουν Extension "atn") Μπορoύμε να βάλουμε και εκεί ένα νέο Action, αλλά μπορούμε να φτιάξουμε και το δικό μας Set... Ας φτιάξουμε ένα δικό μας... Στο παραθυράκι αυτό πάνω δεξιά βλέπουμε ένα βελάκι μέσα σε ένα κυκλάκι... Πάμε εκεί και ανοίγει ένα παράθυρο με εντολές... Πάμε στην εντολή New Set ... Δίνουμε εδώ ενα όνομα που θέλουμε (π.χ. My Actions) ... Βλέπουμε ότι στο παράθυρο δημιουργήθηκε το νέο Set... Πατάμε πάνω στο όνομα του Set για να το επιλέξουμε ... Το βελάκι που είναι αριστερά από το όνομα του SET άμα κοιτάει δεξιά το SET είναι κλειστό, άμα πατήσουμε πάνω του ανοίγει το SET και μας δείχνει τα Actions που περιέχει... Ξαναπατάμε το βελάκι για να κλείσει το SET... Είμαστε έτοιμοι να δημιουργήσουμε το Actions που θέλουμε ... Είμαστε πάνω στο SET My Actions... Πάμε ξανά στο βελάκι πάνω δεξιά και επιλέγουμε την εντολή New Action ... Ανοίγει ένα παραθυράκι και βάζουμε το πως θέλουμε να λέγεται το Actions που θα φτάξουμε.. Εδώ π.χ θα βάλουμε Resize With to 1280 Πατάμε Οκ... Αμέσως βλέπουμε ότι στο κάτω μέρος του παράθυρου αυτού ενεργοποιήθηκε το REC ΠΡΟΣΟΧΗ - Από εδώ και μέχρι να πατήσουμε το STOP το Photoshop καταγράφει τις λειτουργίες που κάνουμε... Εαν κάνουμε κάτι λάθος, πατάμε STOP, μετά επιλέγεις αυτό το Action, ξαναπάμε στο βελάκι πάνω δεξιά και κάνουμε Delete... ΠΡΟΣΟΧΗ - Μην έχουμε επιλέξει το SET γιατί θα σβήσουμε όλο το SET... Οπότε ξαναπάμε στο βήμα New Action... (Ενεργοποιημένο το REC).. 1ον Πάμε File - Open και ανοίγουμε την πρώτη φωτογραφία απο τις φωτογραφίες που θέλουμε να κάνουμε Resize το Πλάτος στα 1280 ... 2ον Πάμε Image - Image Size και βάζουμε With 1280 (Εδώ θα πρέπει να είναι τσεκαρισμένα το Constrain Proportions και στο Resample Image to Bicubic) - Πατάμε οκ, κάνει το Resize... 3ον Παμε File - Save As - και επιλέγουμε το Format που θέλουμε ... (Π.χ Jpg με Quality 7 και Baseline Standard) - Παταμε Οκ ... 4ον Κλείνουμε την Φωτογραφία μας. 5ον Στο σημείο αυτό παταμε το STOP στο παράθυρο με τα Actions ... Οπως μπορούμε να δούμε το Action μας δημιουργήθηκε και εάν πατήσουμε το βελάκι δίπλα στο όνομα του, μπορούμε να δούμε τις ενέργειες που κάναμε και τι παραμέτρους είχαμε βάλει σε κάθε ενέργεια μας... ---------------------------------------------------------- Πάμε τώρα να κάνουμε το Photoshop να κάνει αυτό το SET Εντολών σε όλο το Directory με τις φωτογραφίες μας. Για σιγουριά, και για να μην χαλάσουμε κάτι στις Original Φωτογραφίες δημιουργούμε κάπου 2 βοηθητικά Directories Π.χ Temp_1 Και Temp_2 (Εγώ πάντα κρατάω και τις αρχικές φωτογραφίες). 1ον Κάνουμε Copy (Οχι Move) τις Original φωτογραφίες στο Directory Temp_1 2ον Πάμε στο Photoshop στο Μενού File - Automate - Batch ... Ανοίγει ένα παράθυρο... - Στο Set επιλέγουμε το My Actions - Στο Action επιλέγουμε το Resize With to 1280 - Στο Source επιλέγουμε Folder - Choose - Πάμε στο directory Temp_1 που είναι οι φωτογραφίες που κάναμε Copy... - Ενεργοποιημένο τo Override Action "Open" ... - Στο Destination επιλέγουμε Folder - Choose - Πάμε στο Directory Temp_2 όπου το Photoshop θα βάλει τις φωτογραφίες που θα κάνει Resize... - Ενεργοποιημένο το Override Action "Save As" Πατάς OK και βλέπoυμε το Photoshop να μας φτιάχνει όλο το Directory! Με αυτό τον τρόπο μπορούμε να φτιάξουμε πολύπλοκα Actions... Ετσι γλυτώνουμε χρόνο και αυξάνουμε την Παραγωγικότητα μας!!
  14. H γομα (Eraser Tool) βρισκεται στην αριστερη πλευρα της εργαλειοθηκης μας παρεα με τα δυο αλλα συγγενικα εργαλεια (Background Eraser Tool & Magic Eraser Tool) η οποια ουσιαστικα χρησιμοποιειται για να σβηνει pixels σε μια εικονα αφηνοντας μια διαφανεια. Αναλυτικοτερα, επιλεγοντας το Eraser Tool μας ανοιγει μια οριζοντια toolbar με καποιες επιλογες τις οποιες εχω αριθμησει για καλυτερη επεξηγηση. 1. Η πρωτη επιλογη μας δειχνει το εργαλειο που εχουμε επιλεξει και πατωντας το βελακι μας βγαινει ενα pop-up παραθυρο που μας δειχνει τα presets που εχουμε φτιαξει γι'αυτο το εργαλειο. Στο συγκεκριμενο εργαλειο δεν εχω καποια presets και γι'αυτο γραφει: No Tool Presets Defined for Current Tool. Μπορουμε πολυ ευκολα να δημιουργησουμε δικες μας προεπιλεγμενες γομες απο το κουμπακι "Create new tool preset". Το μαρκαρισμενο κατω αριστερα κουτακι "Current Tool Only" δειχνει οτι βλεπουμε μονο τα presets του συγκεκριμενου εργαλειου. Εαν ξεμαρκαρουμε την επιλογη θα δουμε ολα τα εργαλεια με τα presets που εχουμε φτιαξει γι'αυτα. 2. Στην δευτερη επιλογη μας (Brush) εχουμε την δυνατοτητα να ορισουμε το μεγεθος ή το σχημα της γομας μας. Μπορουμε επισης απο το Brush Palette να διαμορφωσουμε την γομα αναλογα με τις αναγκες μας. (σε διαφορα styles, Hardness κτλ.) Οπως και στην πρωτη επιλογη ετσι κι εδω μας δινεται η δυνατοτητα να δημιουργησουμε δικα μας presets. 3. Η τριτη μας επιλογη ειναι το Mode. Εδω εχουμε την δυνατοτητα να διαλεξουμε τον τυπο της γομας μας δηλ. μεταξυ: - Brush η οποια αφηνει ενα απαλο τελειωμα / σβησιμο στις ακρες τις, - Pencil με πιο σκληρο και αποτομο σβησιμο στις ακρες και - Block το οποιο δεν ειναι τιποτα αλλο παρα μια τετραγωνη γομα συγκεκριμενων διαστασεων. Στην επιλογη Block απενεργοποιουνται ολες οι αλλες επιλογες Brushes, Opacity κτλ. εκτος απο την 7η επιλογη Erase to History που θα δουμε παρακατω. 4. Στην τεταρτη επιλογη μας το Opacity εχουμε την επιλογη να προσδιορισουμε την αδιαφανεια που θα αφηνει η γομα στο περασμα της. Για να διευκρινησουμε καλυτερα σκεφτειτε οτι στο 100% Opacity η γομα σβηνει τελειως τα pixels σε μια εικονα απο οποιο σημειο περασει απο πανω χωρις να αφηνει υπολειματα. Στο 0% δεν σβηνει τιποτα και οποιοδηποτε αλλο ποσοστο ορισουμε τοτε θα αφησει πισω της μια αδιαφανεια. Την τιμη του Opacity την δινουμε πατωντας πρωτα στο βελακι και μετα με την μπαρα κυλησης οριζουμε το ποσοστο αδιαφανειας. 5. Στην πεμπτη επιλογη εχουμε το Flow. Το Flow βασικα οριζει το ποσοστο ροης σβησιματος και αναλογα την ταχυτητα με την οποια θα γινει το σβησιμο. Οσο πιο χαμηλο ειναι το ποσοστο του flow τοσο πιο αερινο θα ειναι και το σβησιμο της βουρτσας μας. Το Flow λειτουργει μονο οταν το Mode ειναι στο Brush και το ποσοστο ροης οριζεται με την μπαρα κυλησης οπως και στο Opacity. 6. Η επομενη επιλογη μας ειναι το Airbrush. Εδω μας δινεται η δυνατοτητα να σβησουμε μερος της εικονας μας με βουρτσα που λειτουργει ως αερογραφος. Κατι σαν σπρεϋ χρωματος. Χρησιμευει πολυ σε στυλιστικες διαθεσεις καθως δινει ενα πολυ απαλο τελειωμα, ειτε σβηνουμε μια επιλογη ειτε ζωγραφιζουμε. Προσεχουμε ομως πως το χρησιμοποιουμε διοτι οσο παταμε το αριστερο κουμπι στο ποντικι μας και "αερογραφουμε" εστω και να μην κουνησουμε τον κερσορα καθολου, αυτο συνεχιζει να αφαιρει/προσθετει χρωμα. Το Airbrush λειτουργει μονο οταν το Mode ειναι στο Brush. 7. Εβδομη και τελευταια επιλογη στην οριζοντια μπαρα εργαλειων μας ειναι το Erase to History. Μεχρι τωρα ειδαμε οτι με την γομα σε διαφορες μορφες, το μονο που καναμε ηταν να σβησουμε μερος απο την εικονα μας. Οταν λοιπον εχουμε τσεκαρει την επιλογη Erase to History, η γομα λειτουργει διαφορετικα και αντι να σβηνει μερος της εικονας, μας επαναφερει στην κατασταση που θελουμε δηλωνοντας την στην History Palette. Ουσιαστικα η γομα μας, λειτουργει σαν paintbrush αλλα αντι να προσθετει καποια pixel (χρωματα), τα αφαιρει οπως ειδαμε αναλυτικα πιο πανω. - Basic Tip: Οταν το κουμπι Lock Transparent pixels ειναι ενεργοποιημενο σε καποιο layer τοτε η γομα μας αντι να σβηνει pixels, προσθετει χρωμα ιδιο με αυτο που εχουμε ως background στην παλετα χρωματων μας. Το ιδιο συμβαινει εαν χρησιμοποιησουμε την γομα και στο background layer μας. Αυτα τα ολιγα για το Eraser Tool που ειναι απο τα πιο κυρια εργαλεια στην εργαλειοθηκη μας.
  15. Το δευτερο εργαλειο στην σειρα των Eraser Tools ειναι το Background Eraser Tool. Shortcut (συντομευση) - Shift + E Ενα πολυ χρησιμο εργαλειο το οποιο βασικα σβηνει, αφηνοντας μια διαφανεια, το χρωμα που εχουμε επιλεξει και αφηνει ανεπαφα τα υπολοιπα διαφορετικα χρωματα που υπαρχουν κατω απο την βουρτσα μας (γομα). Για να καταλαβετε τι εννοω, καντε το παρακατω παραδειγμα. Ανοιγουμε μια εικονα (φροντιζουμε να εχει τουλαχιστον καποιον εντονο διχρωματικο σημειο επανω) και την κανουμε duplicate - δεξι κλικ επανω στο layer και Duplicate Layer...Ζουμαρουμε καλα εκει που θελουμε να αφαιρεσουμε το κομματι μας. Διαλεγουμε το Background Eraser Tool απο την εργαλειοθηκη μας και απο το brush διαλεγουμε καποια βουρτσα με μεγαλη διαμετρο και την τοποθετουμε εκει που θελουμε να σβησουμε. Λοιπον στην μεση που ειναι ο σταυρος μας δειχνει το Pixel που θα παρει ως δειγμα η γομα μας για να σβησει. Απο κει και περα θα διαγραψει οτι υπαρχει μεσα στον κυκλο αλλα βαση του δειγματος του σταυρου, θα διαγραψει τα παρομοια pixel, ιδιου η κοντινου χρωματικου ευρους. Αυτο φυσικα εξαρταται απο το ποσοστο ανοχης (Tolerance) το οποιο θα δουμε παρακατω. Μετα την διαγραφη οπως φαινεται και στο παραδειγμα το εργαλειο μας εσβησε τις αποχρωσεις του μπλε χρωματος (εκει που πηραμε δειγμα με τον σταυρο) και αφησε ανεπαφα τα διαφορετικου ευρους pixel που υπηρχαν μεσα στον κυκλο της βουρτσας μας. Ελπιζω να πηραμε περιπου μια ιδεα του πολυ χρησιμου εργαλειου. Αναλυτικοτερα, οπως και στο Eraser Tool ετσι και εδω επιλεγοντας το Background Eraser Tool μας ανοιγει μια οριζοντια toolbar με καποιες επιλογες τις οποιες εχω αριθμησει για καλυτερη επεξηγηση. 1. Η πρωτη επιλογη μας δειχνει το εργαλειο που εχουμε επιλεξει και πατωντας το βελακι μας βγαινει ενα pop-up παραθυρο που μας δειχνει τα presets που εχουμε φτιαξει γι'αυτο το εργαλειο. Εδω εχω καποιο δικο μου εργαλειο με συγκεκριμενες διαστασεις που εχω αποθηκευσει και το οποιο εαν θελω να το επαναφερω απλα κανω κλικ επανω του. Μπορουμε πολυ ευκολα να δημιουργησουμε δικες μας προεπιλεγμενες γομες απο το κουμπακι Create new tool preset. Το τσεκαρισμενο κατω αριστερα κουτακι Current Tool Only δειχνει οτι βλεπουμε μονο τα presets του συγκεκριμενου εργαλειου. Εαν ξεμαρκαρουμε την επιλογη θα δουμε ολα τα εργαλεια με τα presets που εχουμε φτιαξει γι'αυτα. 2. Στην δευτερη επιλογη μας (Brush) εχουμε την δυνατοτητα να ορισουμε το μεγεθος ή το σχημα της γομας μας οπως και πολλα αλλα που βλεπουμε στην παρακατω εικονα μας. Την διαμετρο, την σκληροτητα στις ακρες της βουρτσας, την αραιωση -η οποια καλο ειναι να ειναι απο το 25% και κατω για να μην αφηνει κενα σβησιματος- οπως και την γωνια και κυκλικοτητα της βουρτας μας. Πιο κατω υπαρχει και το Size και Tolerance στα οποια εχουμε την δυνατοτητα να ορισουμε εαν η βουρτσα μας θα λειτουργησει με Pen Pressure ή Stylus Wheel. Αναλυτικοτερα για τις βουρτσες θα ασχοληθουμε σε αλλο βοηθημα. Καλο ειναι να πειραματιστουμε λιγο με διαφορετικες τιμες που θα δωσουμε για την βουρτσα μας ωστε να μπορεσουμε να διαλεξουμε την καταλληλη για καθε περισταση. 3. Στην τριτη μας επιλογη βρισκουμε τα Limits. Τα Limits καθοριζουν το που θα γινει το σβησιμο των pixel. Πατωντας το βελακι μας δινονται 3 επιλογες: - Discontiguous: (μη συνεχομενο), το οποιο διαγραφει ολα τα χρωματικα pixel που βρισκονται στον κυκλο ιδια με το χρωματικο pixel που πηρε ως δειγμα ο σταυρος ειτε ειναι γειτονικα τα pixel ειτε οχι. Πχ. Εδω βλεπουμε οτι ο σταυρος πηρε ως δειγμα το κοκκινο χρωμα και εσβησε οτι υπηρχε μεσα στον κυκλο που αφορουσε το συγκεκριμενο χρωμα. - Contiguous: (συνεχομενο), το οποιο διαγραφει μονο τα γειτονικα χρωματικα pixel που βρισκονται στον κυκλο τα οποια εχουν ιδιο χρωματικο ευρος με το χρωματικο pixel που πηρε ως δειγμα ο σταυρος. Πχ. Εδω βλεπουμε οτι ο σταυρος πηρε παλι ως δειγμα το κοκκινο χρωμα διαγραφοντας μονο ενα μερος (κοκκινου χρωματος) ασχετα εαν μεσα στον κυκλο της βουρτσας μας υπηρχαν και αλλα ιδια χρωματικα Pixel τα οποια εμειναν ανεπαφα καθως δεν ηταν γειτονικα. - Find Edges: (ευρεση οριων), το οποιο διαγραφει γειτονικα χρωματικα pixel που βρισκονται στον κυκλο τα οποια εχουν ιδιο χρωματικο ευρος με το χρωματικο pixel που πηρε ως δειγμα ο σταυρος αλλα διατηρει τα ορια μεγαλης αντιθεσης χρωματικων pixel. Tip: Το Find Edges ειναι καταλληλο για να απομονωσουμε με λεπτομερεια τα μαλλια σε μια εικονα απο το background. Πχ. Εδω βλεπουμε οτι ο σταυρος πηρε ως δειγμα την μεσαια αποχρωση του πορτοκαλι διαγραφοντας τελειως το χρωμα αυτο οπως και διαγραφισαν και παρομοια χρωματικα pixel των αλλων αποχρωσεων του πορτοκαλι. H επιλογη Find Edges διατηρησε το πρασινο χρωμα καθως εχει χρωματικα εχει μεγαλη αντιθεση με τα υπολοιπα χρωματα. Εδω στο παραδειγμα εχω δωσει και δυο διαφορετικες τιμες για το Tolerance το οποιο θα δουμε αμεσως μετα. 4. Στην τεταρτη επιλογη μας βρισκουμε το Tolerance. Εδω μπορουμε να δωσουμε το ποσοστο ανοχης (Tolerance) στο χρωματικο pixel που θελουμε να διαγραψουμε. Οσο πιο χαμηλο ειναι το ποσοστο αυτο τοσο τα διαγραφομενα pixel θα εχουν μεγαλυτερη συγγενικοτητα με το χρωματικο pixel που εχει παρει ως δειγμα ο σταυρος μας. Οσο μεγαλυτερο ειναι το ποσοστο, τοτε και οι διαγραφομενες αποχρωσεις θα ειναι περισσοτερες σε σχεση με το χρωματικο pixel που εχει παρει ως δειγμα ο σταυρος μας Τo ποσοστο ανοχης το δινουμε πατωντας πρωτα στο βελακι και μετα με την μπαρα κυλησης το οριζουμε. 5. Στην πεμπτη επιλογη βρισκουμε το Protect Foreground Color. Εαν εχουμε μαρκαρει αυτην την επιλογη τοτε του εχουμε δηλωσει οτι το foreground color που εχουμε ορισει στην παλετα χρωματων μας δεν θα μπορει να διαγραφει καθως το εχουμε προστατευσει. 6. Εκτη και τελευταια επιλογη στην γραμμη εργαλειων εχουμε το Sampling. To Sampling (δειγματοληψια) οριζει το χρωματικο pixel που θα διαγραφει. Οι επιλογες εδω ειναι τρεις: - Continuous: (συνεχης), η οποια διαγραφει χρωματικα pixel καθως σερνουμε τον δειγματοληπτικο σταυρο επανω απο την επιφανεια που σβηνουμε. Φυσικα σε συναρτηση με το ποσοστο ανοχης (Tolerance) παιρνει συνεχως δειγματα και σβηνει αναλογα. - Once: (μια φορα), η οποια επιλογη διαγραφει το χρωματικο Pixel και τα χρωματικα ομοια του (αναλογα το Tolerance) που πηρε σαν δειγμα ο σταυρος κατα το πρωτο πατημα στο ποντικι μας. Οταν θελουμε να διαγραψουμε μονο ενα χρωμα τοτε βαζουμε το ποσοστο στο Tolerance στο 1%. - Background Swatch: (δειγμα απο το φοντο), το οποιο διαγραφει μονο χρωματικα pixel που ειναι ομοια με το τρεχων background color το οποιο το δηλωνουμε οπουδηποτε και αν κλικαρουμε. Ενα πανισχυρο εργαλειο για να απομονωνουμε αντικειμενα απο το background που για να μας βοηθησει θα πρεπει να πειραματιστουμε αρκετα με διαφορες επιλογες ωστε να εχουμε οσο το δυνατον καλυτερα αποτελεσματα. Some Tips: * Συνηθως καλυτερα δουλευουμε με μεγαλη διαμετρο βουρτας. * Καλυτερα τον δειγματοληπτικο σταυρο να τον κραταμε μακρια απο το σημειο που θελουμε να κρατησουμε ανεπαφο. *Πολλες φορες πιστευουμε οτι εχουμε κανει καλο ξακρισμα αλλα εαν βαλουμε ενα λευκο background πισω απο το αντικειμενο μας θα απογοητευτουμε. Εκει θα χρειαστει να συνεχισουμε το καθαρισμα. *Καθως περναει ο δειγματοληπτικος σταυρος πανω απο διαφορα σημεια της εινονας μας τοτε τα χρωματικα pixel αποτυπωνονται στο background color palette μας. * Το Background Eraser Tool χρησιμοποιειται για να διαγραφει σε διαφανεια μερος απο ενα ενεργο layer. Δεν μπορει να μας δωσει διαφανεια σε background layer και αν το χρησιμοποιησουμε ετσι τοτε αυτοματα το background layer θα γινει ενα κανονικο layer. Στο επομενο βοηθημα θα ασχοληθουμε με το Magic Eraser Tool, ενα ακομα πολυ χρησιμο εργαλειο.
  16. Για να συνεχίσουμε με τα εργαλεία και την προσπάθεια του e-times Rectangle Marquee Tool Τα εργαλεία επιλογής στο photoshop είναι από τα πιο σημαντικά εργαλεία αφού με βάση αυτά μπορούμε να επεξεργαζόμαστε κομμάτια της εικόνας μας και όχι μόνο. Το εργαλείο επιλογής Rectangle Marquee Tool (ορθογώνιο) είναι αυτό που θα αναλύσουμε παρακάτω. Έχοντας ένα έγγραφο ανοιχτό θα δούμε όλες τις πιθανές λεπτομέρειες αυτού του εργαλείου. Για να επιλέξουμε ένα μέρος της εικόνας δημιουργούμε ένα νοητό ορθογώνιο στην περιοχή που θέλουμε. Αν θέλουμε η επιλογή μας να είναι τέλειο τετράγωνο πατάμε το πλήκτρο shift και έπειτα σύρουμε προς την κατεύθυνση που θέλουμε. Αν θέλουμε να δημιουργήσουμε μία επιλογή ξεκινώντας από το κέντρο του ορθογωνίου τότε πατάμε το πλήκτρο Alt και έπειτα σύρουμε προς τα έξω, ενώ αν θέλουμε αυτό το ορθογώνιο να είναι και τέλειο τετράγωνο πατάμε μαζί τα πλήκτρα Alt + Shift και έπειτα σύρουμε. Περνάμε σε λίγο πιο περίπλοκες εφαρμογές του εργαλείου. Αν θέλουμε να προσθέσουμε μία νέα επιλογή σε μία υπάρχουσα τότε αφού έχουμε δημιουργήσει την πρώτη μας επιλογή πατάμε το πλήκτρο shift για να δημιουργήσουμε την δεύτερη και πάει λέγοντας. Εάν η νέα επιλογή δεν εφάπτεται με την πρώτη τότε δημιουργείται ένα νέο ορθογώνιο. Εάν όμως εφάπτεται τότε προστίθεται η νέα μας επιλογή στην παλαιά και έχουμε ένα νέο σχήμα. Το ακριβώς αντίθετο είναι όταν θέλουμε να αφαιρέσουμε μία επιλογή από μία ήδη υπάρχουσα. Αυτό γίνεται αν κάνοντας την νέα επιλογή έχουμε πατημένο το πλήκτρο Alt. Σε αυτή την περίπτωση η νέα μας επιλογή πρέπει να εφάπτεται με την αρχική αν θέλουμε να έχουμε αποτέλεσμα. Αυτά τα δύο γίνονται αν έχουμε πατήσει το αντίστοιχο κουμπάκι από της ιδιότητες του εργαλείου. 2ο και 3ο Το 4ο κουμπάκι από τις ιδιότητες χρησιμεύει όταν θέλουμε να κάνουμε τομή σε μία υπάρχουσα επιλογή. Δηλαδή να κρατήσουμε μόνο ότι επιλέξουμε την δεύτερη φορά. Η επιλογή feather τώρα: Αν βάλουμε μία τιμή feather τότε το εργαλείο επιλογής θα αλλοιώσει τα pixels τα οποία βρίσκονται στα άκρα της επιλογής. Αυτό που θα συμβεί το βλέπουμε στην παρακάτω εικόνα με feather 10 pixels. Για να δημιουργήσουμε μία επιλογή με συγκεκριμένες τιμές ύψους και πλάτους επιλέγουμε από τις ιδιότητες του εργαλείου στο style--fixed size. Έπειτα βάζουμε τις τιμές pixels που θέλουμε και απλά κάνουμε κλικ μέσα στην εικόνα. Όταν έχουμε κάνει μία επιλογή και βάλουμε το δείκτη του ποντικιού μέσα σε αυτή τότε μετατρέπεται σε βελάκι. Αυτό σημαίνει ότι μπορούμε να μετακινήσουμε την επιλογή μας χωρίς να αλλάξουμε εργαλείο. Αν μετακινήσουμε έχοντας πατημένο το πλήκτρο CTRL τότε η επιλογή μας αποκόπτεται από την κυρίως εικόνα. Εάν κρατήσουμε πατημένα τα πλήκτρα Alt + Ctrl τότε η επιλογή μας αντιγράφεται . Άλλες εντολές σχετικά με τις επιλογές είναι: Inverse. Χρησιμοποιείται όταν θέλουμε να επιλέξουμε το υπόλοιπο έγγραφο εκτός της επιλογής μας. Βρίσκεται στο μενού Select--Inverse. Εναλλακτικά μπορούμε να πατήσουμε τα πλήκτρα Ctrl + Shift + i Deselect. Για να αποεπιλέξουμε μία περιοχή. Από το μενού Select--Deselect ή Ctrl+D Expand. Για να επεκτείνουμε την επιλογή μας προς τα έξω και από τις 4 πλευρές. Μενού --Modify--Expand και βάζουμε πόσα pixels θέλουμε. Contract. Για να μειώσουμε την επιλογή μας προς τα μέσα και από τις 4 πλευρές. Μενού --Modify--Contract και βάζουμε πόσα pixels θέλουμε.
  17. To Magic Wand Tool (Μαγικο Ραβδι) ειναι ενα ακομα ενδιαφερον και χρησιμο εργαλειο που το βρισκουμε στην δεξια πλευρα της εργαλειοθηκης μας. Shortcut (συντομευση) – W (στο πληκτρολογιο) Η λειτουργια του ειναι απλη, χρησιμοποιοντας το πανω σε μια εικονα δημιουργει μια επιλογη με pixel ιδια ή παρομοια (γειτονικα ή μή) με το pixel που πατησαμε επανω του με το μαγικο ραβδι. Το ποσα ιδια γειτονικα ή οχι ή την χρωματικη διαβαθμηση των παρομοιων pixel θα την καθορισουμε με την οριζοντια μπαρα που βλεπουμε αμεσως μετα και την εχω αριθμησει για μπορουμε να περιηγηθουμε καλυτερα. Πιο αναλυτικα λοιπον: 1. Η πρωτη επιλογη μας δειχνει το εργαλειο που εχουμε επιλεξει και πατωντας το βελακι μας βγαινει ενα pop-up παραθυρο που μας δειχνει τα presets που εχουμε φτιαξει γι’αυτο το εργαλειο. Στο συγκεκριμενο εργαλειο δεν εχω καποια presets και γι’αυτο λεει: No Tool Presets Defined for Current Tool. Μπορουμε πολυ ευκολα να δημιουργησουμε δικες μας προεπιλεγμενες γομες απο το κουμπακι Create new tool preset. Το τσεκαρισμενο κατω αριστερα κουτακι Current Tool Only δειχνει οτι βλεπουμε μονο τα presets του συγκεκριμενου εργαλειου. Εαν ξετσεκαρουμε την επιλογη θα δουμε ολα τα εργαλεια με τα presets που εχουμε φτιαξει γι’αυτα. 2. H δευτερη εδω επιλογη μας εχει 4 υποεπιλογες. - New Selection (Νεα Επιλογη) Εχοντας επιλεγμενο το πρωτο πλαισιο δηλωνουμε οτι θελουμε να κανουμε μια νεα επιλογη με το εργαλειο μας. - Add to Selection (Προσθηκη στην Επιλογη) Επιλεγοντας το δευτερο πλαισιο δηλωνουμε οτι μετα απο μια επιλογη που εχουμε κανει μπορουμε να κανουμε και αλλες ιδιου ή διαφορετικου χρωματικου ευρους προσθηκε επιλογων χωρις να χασουμε καποια απο τις προηγουμενες επιλογες μας. - Subtract from Selection (Αφαιρεση απο Επιλογη) Στο τριτο πλαισιο δηλωνουμε οτι σε μια ηδη επιλεγμενη περιοχη θελουμε να αφαιρεσουμε μερος της επιλογης αυτης και απλα παταμε μεσα στην επιλεγμενη περιοχη. Μπορουμε ακομα να πατησουμε Alt+κλικ στην επιλεγμενη περιοχη. - Intersect with Selection (Τομη με Επιλογη) Επιλεγοντας το τελευταιο πλαισιο δηλωνουμε οτι σε μια περιοχη που εχουμε ηδη επιλεξει πατωντας επανω δημιουργουμε μια νεα επιλογη επικαλυπτωντας την τρεχουσα. 3.Τριτη επιλογη εδω εχουμε το Tolerance. Η τιμη ανοχης (Tolerance) μας δινει την ευκολια να αλλαξουμε την χρωματικη διαβαθμιση στα pixel που θα επιλεξουμε με το εργαλειο μας. Οι τιμες που μπορουμε να δωσουμε εδω ειναι απο 0 – 255, και καθως δεν υπαρχει μπαρα κυλησης, τοτε δινουμε την τιμη αριθμητικα. Εαν θελουμε να επιλεξουμε μονο ενα χρωμα τοτε καταχωρουμε την τιμη 0 στο πλαισιο του Tolerance. Αναλογα την τιμη που θα δωσουμε στο Tolerance, αναλογη θα ειναι και επιλογη που θα εχει κανει το Μαγικο ραβδι. Οσο πιο χαμηλη ειναι η τιμη αυτη τοσο μικροτερο θα ειναι το ευρος των χρωματικων διαβαθμισεων που θα εχουν επιλεγει, οπως και το αντιθετο. 4. Tεταρτη επιλογη ειναι το Anti-aliased. Οταν εχουμε μαρκαρισμενο το Anti-aliased τα ορια της επιλογης μας ειναι πιο εξομαλυμενα. Εαν οχι τοτε τα ορια ειναι πιο «σκληρα». 5. Στην πεμπτη επιλογη εχουμε το Contiguous. Οταν μαρκαρουμε την επιλογη αυτη του δηλωνουμε να επιλεγει τις χρωματικες διαβαθμισεις που αφορουν μονο γειτονικα χρωματικα pixel που βρισκονται στην εικονα μας τα οποια εχουν ιδιο χρωματικο ευρος με το πρωτο χρωματικο pixel που επιλεξαμε στην αρχη. Απενεργοποιωντας την επιλογη αυτη τοτε οι επιλογες μας θα γινουν σε ολοκληρη την εικονα ανεξαρτητα εαν τα χρωματα συνορευουν ή οχι. 6. Εκτη και τελευταια επιλογη εχουμε το Use All Layers. Mε ενεργοποιημενη την επιλογη αυτη παιρνουμε δειγμα χρωματος απο ολες τις στρωσεις (layers) που δουλευουμε δημιουργωντας την επιλογη μας στο ενεργο layer μας και επανω σε αυτο να κανουμε την επεξεργασια μας. Μπορει φυσικα να επεξεργαστουμε και αλλα Layer στα σημεια που υπαρχει η επιλογη μας. Εαν δεν ενεργοποιησουμε το Use All Layers τοτε το Μαγικο ραβδι θα παρει δειγμα μονο απο το ενεργο μας Layer. Το Μαγικο ραβδι ειναι ενα εργαλειο με παρομοιο τροπο χρησης με το Magic Eraser Tool οπως εχουμε ξαναπει. Στο εργαλειο αυτο μπορουμε να χρησιμοποιησουμε και καποιες αλλες επιλογες οπως ειναι το Grow, Similar & Feather. Grow (αναπτυξη) Η επιλογη αυτη βρισκεται στο Select>Grow και βασικα μεγαλωνει τα ορια μιας επιλογης που εχουμε κανει σε συναρτηση με το πεδιο ανοχης (Tolerance) που ειδαμε πιο πανω. Την επιλογη αυτη την παταμε οσες φορες θελουμε και καλο ειναι να χρησιμοποιουμε εδω χαμηλη τιμη Tolerance. Για πιο γρηγορα μπορουμε να πατησουμε δεξι κλικ πανω στην φωτογραφια και να επιλεξουμε το Grow. Similar (παρομοια) Η επιλογη αυτη βρισκεται στο Select>Similar και χρησιμοποιειται εκει που εχουμε κανει ηδη την επιλογη μας να βρισκει και τις υπολοιπες μη γειτονικες περιοχες ιδιου ή παρομοιου χρωματος σε συναρτηση φυσικα με το πεδιο ανοχης Tolerance. Ειναι κατι σαν το Contiguous που ειδαμε πιο πανω. Για πιο γρηγορα μπορουμε να πατησουμε δεξι κλικ πανω στην φωτογραφια και να επιλεξουμε το Similar. Feather Η επιλογη αυτη βρισκεται στο Select>Feather και ουσιαστικα μοιαζει με το Anti-aliased που ειδαμε πιο πανω και η οποια μας επιτρεπει να καθορισουμε το οριο απαλοτητας / σβησιματος του χρωματικου Pixel στην επιλογη μας. Για πιο γρηγορα μπορουμε να πατησουμε δεξι κλικ πανω στην φωτογραφια και να επιλεξουμε το Feather. Some Tips: * Πολυ χρησιμο εργαλειο για να το χρησιμοποιουμε σε εικονες με αντικειμενα χωρις να εχουν πολλες χρωματικες διαβαθμισεις. Οπως σε κειμενα μονοχρωματικα τα οποια μπορουμε να τα σωσουμε ως Channel απο το Select>Save Selection… και στο popup παρθυρακι που θα εμφανιστει θα καθορισουμε την ονομασια του. * Οπως και στα αλλα εργαλεια επιλογης ετσι κι εδω μπορουμε να χρησιμοποιησουμε την επιλογη Expand ή Contract οι οποιες επεκτεινουν ή συρικνωνουν τα ορια επιλογης μας βαση του αριθμου των pixel που θα δωσουμε εμεις. Και οι δυο επιλογες βρισκονται στο Select>Modify> Expand ή Contract. * Για φωτογραφιες με μεγαλη χρωματικη διαβαθιση καλυτερα ειναι να χρησιμοποιουμε το Color Range που θα δουμε σε καποιο αλλο βοηθημα. * Για να σβησουμε χρωματικα pixel απο μια επιλογη που εχουμε κανει παταμε το πληκτρο delete και τα αφαιρει αμεσως. * Μια επιλογη που εχουμε κανει με το εργαλειο μας μπορουμε να την αποεπιλεξουμε απο το Edit>Undo Magic Wand ή Select>Deselect ή δεξι κλικ στην φωτογραφια μας και deselect. Οπως με ολα τα εργαλεια μας ετσι και με αυτο, πρεπει να πειραματιστουμε αρκετα για να το κανουμε «κτημα» μας. Αυτα για το Magic Wand Tool. Ευχομαι να σας καλυψα κατα το μεγιστο δυνατον.
  18. Παρακάτω θα περιγράψουμε ορισμένα πράγματα που βλέπουμε στο Photoshop αλλά δεν ξέρουμε τι είναι. Τι είναι το Photoshop. Το Photoshop είναι ένα πρόγραμμα κατασκευής bitmap γραφικών και επεξεργασίας εικόνας. Με το Photoshop μπορούμε να επέμβουμε ώστε να διορθώσουμε μία φωτογραφία, να της αλλάξουμε το χρώμα και γενικά να την επεξεργαστούμε. Επίσης μπορούμε να δημιουργήσουμε γραφικά τύπου bitmap. Vector γραφικά Τα Vector γραφικά ή αλλιώς διανυσματικά δημιουργούνται από προγράμματα όπως το Illuistrator και το Corel Draw. Είναι γραφικά τα οποία αποτελούνται από γραμμές και καμπύλες οι οποίες είναι βασισμένες σε μαθηματικούς τύπους. Οι τύποι αυτοί κρατούν πληροφορίες για το μέγεθος, το περίγραμμα ή το χρώμα του γραφικού. Αυτό έχει ως αποτέλεσμα, όταν αλλάξετε μία από αυτές τις ιδιότητες το πρόγραμμα θα ξανασχεδιάσει το γραφικό με τα νέα δεδομένα από την αρχή, που σημαίνει όι δεν θα χάσετε την παραμικρή λεπτομέρεια του σχεδίου σας. Bitmap γραφικά Τα Bitmap γραφικά ή αλλιώς Raster δημιουργούνται από το Photoshop και αποτελούνται από μία ομάδα μικρών τετραγώνων, τα pixels. Με τον τρόπο αυτό έχετε την δυνατότητα μετά από συνεχόμενες μεγεθύνσεις σε κάποιο σημείο του γραφικού να παρέμβετε σε επίπεδο ενός pixel για να τροποποιήσετε την εικόνα σας στην παραμικρή λεπτομέρεια. Ανάλυση εικόνας (Image Resolution) Στην ανάλυση καθορίζεται η ποιότητα της εικόνας κατά την εμφάνιση ή την εκτύπωση. Με τον όρο ανάλυση, εννοούμε την απόσταση των pixels μέσα στην εικόνα και την οποία την μετράμε σε ppi (pixel per inch). Πχ αν μία εικόνα έχει ανάλυση 72ppi σημαίνει ότι περιέχει 72 Χ 72=5184 pixels ανά τετραγωνική ίντσα. Συνεπώς όσο μεγαλύτερη ανάλυση έχει η εικόνα, τόσο περισσότερα pixels θα την απαρτίζουν με αποτέλεσμα την μεγαλύτερη ευκρίνεια και ποιότητά της. Το μειονέκτημα είναι ότι όσο μεγαλύτερη ανάλυση έχει μία εικόνα καταλαμβάνει περισσότερο χώρο στον δίσκο σε ΜΒ. Βάθος χρώματος (Color Depth) Βάθος χρώματος ορίζεται ο αριθμός των πληροφοριών χρώματος σε bits που είναι αποθηκευμένες σε ένα pixel. Μεγαλύτερο βάθος χρώματος σημαίνει περισσότερες πληροφορίες χρώματος άρα μεγαλύτερη χρωματική ακρίβεια. Χρώμα (Color) Ο άνθρωπος αντιλαμβάνεται τα χρώματα ανάλογα με το μήκος κύματος του φωτός που τα φωτίζει. Το φως που περιέχει όλο το χρωματικό φάσμα εμφανίζεται σαν λευκό ενώ η απουσία του φωτός εμφανίζει το μαύρο. Χρωματικά μοντέλα HSB Hue (Απόχρωση) είναι το φως που αντανακλάται σε ένα αντικείμενο Saturation (Κορεσμός) είναι η ένταση του χρώματος και μετριέται σε αποχρώσεις του γκρι. Brightness (Φωτεινότητα) είναι ο φωτισμός του χρώματος και μετριέται από 0% μαύρο έως 100% λευκό. RGB Το μοντέλο αυτό καλύπτει ένα τεράστιο χρωματικό φάσμα με την ανάμειξη των τριών βασικών χρωμάτων Red (Κόκκινο), Green (Πράσινο) και Blue (Μπλε) CMYK Τα βασικά χρώματα αυτού του μοντέλου είναι τα Cyan (Κυανό), Magenta (Ματζέντα), Yellow (Κίτρινο) και Black (Μαύρο). Χρησιμοποήται όταν θέλουμε να κάνουμε εκτύπωση και ονομάζεται και τετραχρωμία. Αρχεία Photoshop Αρχεία με κατάληξη .psd είναι τα αρχεία που δημιουργεί το Photoshop και περιέχουν όλες τις πληροφορίες κατα την διάρκεια της επεξεργασίας (Layers, Channels, Masks). Αποθηκεύοντας σε αυτή την μορφή μπορούμε να επαναφέρουμε το αρχείο στην μορφή που ήταν πριν το κλείσουμε. Αυτό έχει σαν συνέπεια τον μεγάλο όγκο του αρχείου σε ΜΒ καθώς δεν έχει υποστεί καμμία συμπίεση.
  19. Η καρτέλα Common σας επιτρέπει να χρησιμοποιείτε τις πιο συνηθισμένες εργασίες για την σελίδα σας. Αυτές είναι: Υπερσύνδεσμοι, email Υπερσύνδεσμοι, Άγκυρες, Πίνακες, Επίπεδα, Εικόνες, κ.α Χρησιμοποιώντας την καρτέλα Layout μπορούμε να δούμε την προβολή της σελίδας μας και τους πίνακες που έχουμε χρησιμοποιήσει με διαφορετική μορφή Η καρτέλα Text χρησιμοποιείται για την μορφοποίηση του κειμένου Η καρτέλα Tables χρησιμοποιείται για επιλογές που αφορούν τους πίνακες και τις επιλογές τους Η καρτέλα Frames χρησιμοποιείται για επιλογές που αφορούν τα πλαίσια και τις επιλογές τους Η καρτέλα Forms χρησιμοποιείται για επιλογές που αφορούν τις φόρμες και τις επιλογές τους H καρτέλα Templates χρησιμοποιείται για επιλογές που αφορούν τα Templates και τις επιλογές τους Η καρτέλα Characters χρησιμοποιείται για επιλογές που αφορούν την εισαγωγή κάποιων χαρακτήρων Η καρτέλα Media χρησιμοποιείται για επιλογές που αφορούν την εισαγωγή κάποιων εξωτερικών πρόσθετων Η καρτέλα Head χρησιμοποιείται για επιλογές που αφορούν την εισαγωγή εντολών στην περιοχή Head Η καρτέλα Script χρησιμοποιείται για επιλογές που αφορούν την εισαγωγή script στην σελίδα μας Η καρτέλα Application χρησιμοποιείται για επιλογές που αφορούν την εισαγωγή κάποιων συμπεριφορών στον Server
  20. To Παράθυρο Page Properties βρίσκεται στο μενού modify και περιλαμβάνει γενικές εντολές διαμόρφωσης της σελίδας. Παρακάτω θα αναλύσουμε όλες αυτές τις εντολές. 1. Ορίζουμε τον τίτλο που θα εμφανίζεται στην μπάρα τίτλου του browser. 2. Ορίζουμε την εικόνα που θα τοποθετηθεί ως φόντο στη σελίδα μας. Αν είναι μικρότερη τότε θα εμφανίζεται σε παράθεση. 3. Ορίζουμε το χρώμα που θα μπει ως φόντο στη σελίδα μας. 4. Ορίζουμε το χρώμα του κειμένου στη σελίδα μας. 5. Ορίζουμε το χρώμα που θα έχει το κείμενο που είναι σύνδεσμος. 6. Ορίζουμε το χρώμα του συνδέσμου που έχει ήδη επισκεφθεί. 7. Ορίζουμε το χρώμα του συνδέσμου που είναι ενεργός. 8. Ορίζουμε το αριστερό και πάνω περιθώριο της σελίδας. 9. Ορίζουμε το πλάτος και το ύψος της σελίδας. 10. Ορίζουμε την κωδικοποίηση της γλώσσας που θα χρησιμοποιηθεί. 11. Ορίζουμε μία εικόνα που θα μπει στο φόντο αλλά μόνο μία φορά. 12. Ορίζουμε την φωτεινότητα αυτής της εικόνας. Παρ. Οι επιλογές 1 και 4 μπορούν να αλλάξουν ανά πάσα στιγμή μέσα από τη σελίδα.
  21. Τα styles μας επιτρέπουν να εφαρμόσουμε μία ιδιότητα ή μία ομάδα ιδιοτήτων σε ένα ή πολλά αντικείμενα σε μία ή περισσότερες σελίδες. Έτσι κάθε φορά που θα αλλάζουμε μία από αυτές τις ιδιότητες στο style θα αλλάζει ανάλογα και το αντικέιμενο που έχει εφαρμοστεί το style. Styles μπορούν να εφαρμοστούν σε κείμενο, εικόνες, πίνακες, επίπεδα κ.α. Κάθε style δημιουργεί ένα αρχείο με κατάληξη .css. Στο εικονίδιο με το σύμβολο + πατάμε για να μας ανοίξει το παράθυρο δημιουργίας style. Στο πεδίο Name δίνουμε το όνομα του style μέσα στο Dreamweaver και πατάμε το ΟΚ. Έπειτα ανοίγει το παράθυρο αποθήκευσης του style στο δίσκο μας. Μετά εμφανίζεται το επόμενο παράθυρο. Εδώ μπορούμε να ορίσουμε τις ιδιότητες για κάθε αντικείμενο. Επειδή είναι πάρα πολλές δεν θα τις αναλύσουμε μία μία. Μέτα από όλες αυτές τις κινήσεις το panel έχει γίνει πλέον: Το μόνο που έχουμε να κάνουμε είναι να επιλέξουμε το κείμενο μας (στο συγκεκριμένο παράδειγμα) και να κάνουμε κλικ στο style .Text. Το κείμενο μας θα πάρει όλες τις ιδιότητες που έχουμε ορίσει σ’ αυτό. Μπορούμε να εισάγουμε το style σε άλλη σελίδα με το πρώτο κουμπί, να το επεξεργαστούμε με το τρίτο κουμπί ή να το διαγράψουμε με το τέταρτο κουμπί.
  22. Τα Behaviors είναι κάποια έτοιμα scripts που μας δίνει το Dreamweaver ώστε να τα χρησιμοποιήσουμε στις σελίδες μας. Τα Behaviors μπορούν να χρησιμοποιηθούν ως μεμονομένα ή πάνω σε κάποιο αντικείμενο. Το παράθυρο των behaviors είναι το παρακάτω: Πατώντας το κουμπί + μας εμφανίζεται η παρακάτω λίστα από behaviors: Call Javascript: Καλεί ένα javascript που θέλουμε να χρησιμοποιήσουμε. Change Property: Αλλάζει τις ιδιότητες σε ένα αντικείμενο. Check Browser: Ελέγχει την συμβατότητα με τον browser. Check Plugin: Ελέγχει κάποιο plugin που έχουμε χρησιμοποιήσει. Control Shockwave or Flash: Παίρνει τον έλεγχο για κάποιες ταινίες Shockwave ή Flash. Drag Layer: Μας δίνει τη δυνατότητα να κάνουμε κάποιο layer μετακινήσιμο. Go to URL: Οδηγεί σε μία τοποθεσία στο Internet. Hide Pop-Up Menu: Κρύβει ένα Pop-Up Menu Jump Menu: Δημιουργεί ένα Jump Menu Jump Menu Go: Δημιουργεί ένα Jump Menu με το κουμπί Go δίπλα. Open Browser Window: Ανοίγει ένα παράθυρο του browser με τις ιδιότητες που θα του θέσουμε εμείς. Play Sound: Παίζει έναν ήχο Popup Message: Βγάζει ένα παράθυρο μηνύματος. Preload images: Φορτώνει τις εικόνες στο παρασκήνιο. Set Navigation Bar Image: Επιλογές για την Navigation Bar Set Text: Θέτει κείμενο στην Status Bar, σε ένα layer, σε ένα frame ή σε ένα text field. Show Pop-Up Menu: Εμφανίζει ένα Pop-Up Menu. Show-Hide Layers: Επιλογές εμφάνισης και απόκρυψης των layers. Swap Image: Εναλλαγή εικόνων Swap Image Restore: Επαναφορά της εναλλαγής των εικόνων. Validate Form: Επικύρωση μίας φόρμας. Εάν θέλουμε να επεξεργαστούμε κάποιο Behavior κάνουμε διπλό κλικ πάνω του, ενώ αν θέλουμε να αφαιρέσουμε πατάμε στο κουμπί -. Οι συμεριφορές ενεργοποιούνται όταν επιλέξουμε πότε θα εκτελείται η κάθε συμπεριφορά. Αυτό ονομάζεται Action και είναι πχ: Όταν γίνεται κλικ(onclick), όταν γίνεται διπλό κλικ(ondbclick), όταν παιρνάει ο δείκτης του ποντικιου από πάνω(onmouseover), όταν ο δείκτης του ποντικιου φεύγει από πάνω(onmouseout), όταν φορτώνει η σελίδα(onload) κ.α.
  23. Τα επίπεδα είναι υποδοχείς αντικειμένων που σας επιτρέπουν να τα τοποθετήσετε όπου θέλετε εσείς. 1.Ορίζουμε το όνομα του επιπέδου σε περίπτωση που θέλουμε να χρησιμοποιήσουμε μία συμπεριφορά Behavior. 2.Ορίζουμε τιμή ακριβείας σε pixels της τοποθέτησης του επιπέδου στη σελίδα. Από αριστερά και από πάνω. 3.Ορίζουμε το μέγεθος του επιπέδου. 4.Ορίζουμε τη σειρά στοίβαξης των επιπέδων εφόσον αυτά αλληλοκαλύπτονται. Μεγαλύτερος αριθμός σημαίνει ότι το επίπεδο βρίσκεται επάνω. 5.Ορίζουμε μία εικόνα που μπαίνει ως φόντο. 6.Ορίζουμε την ορατότητα του επιπέδου. •Visible:Ορατό όταν φορτώνεται η σελίδα •Hidden: Αόρατο όταν φορτώνεται η σελίδα •Inherit: Κληρονομημένο, όταν το επίπεδο βρίσκεται μέσα σε ένα άλλο επίπεδο τότε κληρονομεί και την ορατότητα του πατρικού του επιπέδου. 7.Ορίζουμε το χρώμα φόντου. 8.Ορίζουμε σημάνσεις που αφορούν τους επεξεργαστές ιστοσελίδων (Browsers). 9.Ορίζουμε την υπερχείλιση των αντικειμένων του επιπέδου όταν αυτά είναι μεγαλύτερα. •Visible: Αναπτύσσει το επίπεδο προς τα αριστερά και προς τα κάτω ώστε να εμφανίζεται ότι υπάρχει στο επίπεδο •Hidden: Κρατάει το τρέχον μέγεθος του επιπέδου ώστε τα περιεχόμενα να μην εμφανίζονται αν είναι μεγαλύτερα του επιπέδου •Scroll: Εμφανίζει μπάρα κύλισης ανεξάρτητα αν το περιεχόμενο είναι μεγαλύτερο του επιπέδου •Auto: Εμφανίζει μπάρα κύλισης μόνο όταν τα περιεχόμενα υπερχειλίζουν το μέγεθος του επιπέδου. 10.Ορίζουμε με συντεταγμένες ένα συγκεκριμένο σημείο του επιπέδου που θέλουμε να εμφανίσουμε. Μπορούμε επίσης να ορίσουμε τα επίπεδα να μην αλληλοκαλύπτονται με την εντολή Prevent overlaps που βρίσκεται στην παλέτα των επιπέδων στο μενού Window – Layers. Επίσης μπορούμε εάν θέλουμε να σχεδιάσουμε ένα περίπλοκο πίνακα, να χρησιμοποιήσουμε επίπεδα για να το κάνουμε και έπειτα αφού τα επιλέξουμε όλα να χρησιμοποιήσουμε την εντολή από το μενού Modify – Convert – Layers to Table ή και το αντίστροφο.
  24. Σ’ αυτή την ενότητα θα αναλύσουμε όλες τις ιδιότητες της εικόνας στο Dreamweaver . Για να εισάγουμε μία εικόνα η εντολή βρίσκεται στο μενού insert-image. Η εικόνα εισάγεται εκεί που βρίσκεται ο κέρσορας. Οι τύποι των εικόνων που μπορούμε να χρησιμοποιήσουμε είναι: • Η μορφή GIF είναι για εικόνες που έχουν περιορισμένο αριθμό χρωμάτων και είναι συνήθως γραφικά σχέδια. • Η μορφή JPG είναι για φωτογραφικές εικόνες που χρειάζονται να αποικονίζουν μεγάλο αριθμό χρωμάτων. 1. Bλέπουμε το μέγεθος της εικόνας σε kilobytes. 2. Oρίζουμε το όνομα της εικόνας. 3. Καθορίζουμε τις διαστάσεις της εικόνας. 4. Βλέπουμε από ποιο σημείο του δίσκου προέρχεται η εικόνα. 5. Ορίζουμε το σύνδεσμο που θα έχει η επιλεγμένη εικόνα. 6. Καθορίζουμε το εναλλακτικό κείμενο της εικόνας. Το εναλλακτικό κείμενο είναι το κείμενο που εμφανίζεται αν αφήσουμε το δείκτη πάνω σε μία εικόνα για λίγα δευτερόλεπτα. 7. Επεξεργασία της εικόνας με κάποιο προεπιλεγμένο πρόγραμμα. 8. Επαναφορά της εικόνας στην αρχική της κατάσταση. 9. Όνομα χάρτη εικόνας. (Θα το αναλύσουμε παρακάτω) 10. Εργαλεία χάρτη εικόνας. (Θα το αναλύσουμε παρακάτω) 11. Περιθώρια της εικόνας από τα γειτονικά αντικείμενα. 12. Ορίζουμε το πλαίσιο που θα ανοίγει ο σύνδεσμος. Αυτό θα το δούμε αναλυτικά σε επόμενο κεφάλαιο. Για την ώρα λέμε ότι η επιλογή blank ανοίγει το σύνδεσμο σε νέο παράθυρο του browser. 13. Φορτώνει – συνήθως την ίδια – μία εικόνα πολύ χαμηλής ανάλυσης στην ίδια θέση. 14. Βάζει περίγραμμα στην εικόνα. 15. Εικονίδια στοίχησης. 16. Εντολές στοίχισης σε σχέση με άλλα αντικείμενα. (συνήθως κείμενο) Χάρτης εικόνας / Image map Ο χάρτης εικόνας είναι η επιλογή για να μπορέσουμε να κάνουμε σύνδεσμο ένα μέρος της εικόνας και όχι ολόκληρη. Δηλαδή μπορούμε να ορίσουμε μία ορθογώνια ή κυκλική ή ακανόνιστη περιοχή με τα εργαλεία στο νούμερο 10 των ιδιοτήτων και κατόπιν να δώσουμε μία διεύθυνση ανακατεύθυνσης. Έτσι πατώντας ο χρήστης στην συγκεκριμένη περιοχή θα κατευθύνεται στη νέα διεύθυνση. Το βελάκι χρησιμοποιήται για να μετακινήσουμε αυτές τις περιοχές μέσα στην εικόνα. Αν θέλουμε μπορούμε να δώσουμε και όνομα στον χάρτη στο νούμερο 9 των ιδιοτήτων. Εναλλασόμενες εικόνες / Rollover images Οι εναλασσόμενες εικόνες είναι όταν ο δείκτης του ποντικιού πηγαίνει πάνω από μία εικόνα τότε αυτή αλλάζει σε μία άλλη, ενώ όταν απομακρύνεται γίνεται επαναφόρα της αρχικής. Αυτό δημιουργεί την αίσθηση της κίνησης. Συνήθως χρησιμοποιήται σε γραφικά “κουμπιά”. Η εντολή εισαγωγής βρίσκεται στο μενού insert-interactive images-rollover images. 1. Ονομασία της εικόνας. 2. Εισάγουμε την εικόνα που θέλουμε να φαίνεται πρώτη. 3. Εισάγουμε την εικόνα που θέλουμε να φαίνεται κατά την εναλλαγή. 4. Η επιλογή αυτή όταν είναι τσεκαρισμένη – προτείνεται – ο browser φωρτόνει τις εικόνες rollover στο παρασκήνιο. 5. Καθορίζουμε το εναλλακτικό κείμενο της εικόνας. Το εναλλακτικό κείμενο είναι το κείμενο που εμφανίζεται αν αφήσουμε το δείκτη πάνω σε μία εικόνα για λίγα δευτερόλεπτα. 6. Εισάγουμε μία διεύθυνση για να κάνουμε την εικόνα σύνδεσμο.
  25. Οι πίνακες στο Dreamweaver δίνουν την δυνατότητα λογικής παράστασης δεδομένων σε στήλες και γραμμές. Επιτρέπουν στο σχεδιαστή της ιστοσελίδας να ελέγχει που θα εμφανίζονται τα αντικείμενα πάνω στη σελίδα. Η εντολή εισαγωγής του πίνακα βρίσκεται στο μενού insert – table. 1. Εισάγουμε τον αριθμό των γραμμών του πίνακα. 2. Εισάγουμε τον αριθμό των στηλών του πίνακα. 3. Απόσταση ανάμεσα σε ένα αντικείμενο μέσα σε ένα κελί και στο περίγραμμα του κελιού 4. Απόσταση μεταξύ των κελιών 5. Πλάτος του πίνακα είτε σε pixels είτε σε %. 6. Περίγραμμα του πίνακα. Επιλογή / Select • Για να επιλέξουμε ένα πίνακα μπορούμε να: Τοποθετήσουμε τον δείκτη σε μία από τις εξωτερικές πλευρές μέχρι να μετατραπεί σε σταυρό. Μετά κάνουμε κλικ. Να κάνουμε κλικ σε μία από τις εσωτερικές πλευρές του πίνακα. Να κάνουμε κλικ στον επιλογέα σήμανσης του πίνακα στη λέξη table. • Για να επιλέξουμε ένα κελί αρκεί να κάνουμε κλικ μέσα σ’ αυτό • Για να επιλέξουμε μία ολόκληρη γραμμή ή στήλη τοποθετούμε τον δείκτη αριστερά της γραμμής ή πάνω από τη στήλη μέχρι να γίνει ένα μαυρο συμπαγές βέλος αντίστοιχα. Μετά κάνουμε κλικ. Ένας άλλος τρόπος είναι να πατήσουμε στο πρώτο καλί που θέλουμε και μετά να σύρουμε το ποντίκι έχοντας πατημένο το κουμπί μέχρι εκεί που θέλουμε. • Για να επιλέξουμε μεμονωμένα μη γειτονικά κελιά πατάμε στο πρώτο και μετά εχοντας πατημένο το πλήκτρο Ctrl επιλέγουμε και τα υπόλοιπα. Ιδιότητες πίνακα / Table properties 1. Όνομα του πίνακα (προαιρετικό). 2. Αριθμός γραμμών και στηλών του πίνακα. 3. Διαστάσεις του πίνακα. 4. Απόσταση ανάμεσα σε ένα αντικείμενο μέσα σε ένα κελί και στο περίγραμμα του κελιού. 5. Απόσταση μεταξύ των κελιών. 6. Στοίχηση του πίνακα. 7. Περίγραμμα του πίνακα. 8. Επιλογές μετατροπής διαστάσεων του πίνακα. 9. Χρώμα φόντου του πίνακα. 10. Χρώμα περιγράμματος του πίνακα. 11. Εικόνα φόντου του πίνακα. Ιδιότητες κελιού / Cell properties 1. Επιλογές ένωσης και διαίρεσης κελιών. Όταν είναι επιλεγμένο ένα κελί είναι ενεργοποιημένη η επιλογή διαίρεσης ενώ όταν είναι παραπάνω από ένα κελί είναι ενεργοποιημένη η επιλογή ένωσης. 2. Στοίχιση των αντικειμένων μέσα στο κελί. 3. Διαστάσεις κελιού. 4. Δεν επιτρέπει την αναδίπλωση του κειμένουμετά το τέλος των ορίων του πίνακα. 5. Μετατρέπει το κείμενο μέσα στο κελί σε επικεφαλίδα. 6. Εικόνα φόντου του κελιού. 7. Χρώμα φόντου του κελιού. 8. Χρώμα περιγράμματος του κελιού. Προσθήκη κελιών Για να προσθέσουμε γραμμές ή στήλες πατάμε μέσα στο κελί και κάνουμε δεξί κλικ. Κατόπιν επιλέγουμε από το μενού table – insert rows ή insert columns. Ως προεπιλογή τις γραμμές τις τοποθετεί πάνω και τις στήλες αριστερά. Μπορούμε επίσης από το προηγούμενο πτυσσόμενο μενού να επιλέξουμε insert rows or columns ώστε να του ορίσουμε εμείς που θα τοποθετήσει τα κελιά. Διαγραφή κελιών Για να διαγράψουμε γραμμές ή στήλες πατάμε μέσα στο κελί και κάνουμε δεξί κλικ. Κατόπιν επιλέγουμε από το μενού table – delete rows ή delete columns για να διαγράψουμε τα κελιά. Άλλες εντολές πίνακα Για να μεγαλώσουμε τις διαστάσεις ενός κελιού πατά σε μία από τις 4 πλευρές του και σύρουμε ανάλογα. Από το μενού Command επιλέγουμε Format table για να μορφοποιήσουμε ένα πίνακα με έτοιμα πρότυπα. Από το μενού Command επιλέγουμε Sort table για να ταξινομήσουμε τα περιεχόμενα ενός πίνακα.
×