Σελίδα 1 από 2

Πως να φτιάξετε μπάρες υπογραφής με το GIMP

ΔημοσίευσηΔημοσιεύτηκε: 28 Ιούλ 2009, 16:58
από filippos.xf
Σε αυτόν τον οδηγό θα δούμε πως μπορούμε να φτιάξουμε μπάρες υπογραφής (signature userbars).
Ορίστε η μπάρα (userbar) που έφτιαξα εγώ ακολουθώντας τα βήματα παρακάτω:

Εικόνα
Κώδικας: Επιλογή όλων
[URL=http://ubuntu-gr.org/][IMG]http://img18.imageshack.us/img18/7126/myfirstsigbar.png[/IMG][/URL]

Κώδικας: Επιλογή όλων
http://img18.imageshack.us/img18/7126/myfirstsigbar.png


1) Ανοίγουμε το GIMP και πατάμε στο Αρχείο > Νέο ή Ctrl + N
δίνουμε τις διαστάσεις 350 πλάτος x 19 ύψος σε εικονιστοιχεία.

Εικόνα

2) Πηγαίνουμε στην εργαλειοθήκη και επιλέγουμε το εργαλείο μείξης.
Διαλέξτε χρώμα προσκηνίου και παρασκηνίου.
Λίγο πιο κάτω στην Ανάμιξη και στην Διαβάθμιση διαλέξτε FG σε BG (RGB)

3) Όταν ρυθμίσετε πρώτα αυτές τις επιλογές, με το εργαλείο μείξης κρατήστε πατημένο το αριστερό κλικ στο ποντίκι και τραβήξτε την γραμμή ίσια ως την άλλη μεριά.
Πρέπει να δείχνει κάπως έτσι:

Εικόνα

Τώρα αφήστε το αριστερό κλικ από το ποντίκι, και τα χρώματα που επιλέξατε εφαρμόστηκαν επάνω στην μπάρα σε κλίση.
Δείτε πως εμφανίζετε η δικιά μου μπάρα με την κλίση:

Εικόνα

4. Αφού έγινε η κλίση σας, επιλέξτε το εργαλείο κουβά γεμίσματος.
Και μετά λίγο ποιο κάτω στους τύπους γεμίσματος επιλέξτε για Pattern fill την επιλογή Scanlines.
Στην επηρεαζόμενη περιοχή διαλέξτε γέμισμα ολόκληρης επιλογής.
Τώρα αν θέλετε μπορείτε να βάλετε τα scanlines κατευθείαν στην userbar, εγώ μείωσα και την ορατότητα (Αδιαφάνεια) στο 50%. Δεν είναι αναγκαστικό να αλλάξετε την αδιαφάνεια και αν την αλλάξετε βάλτε όσο πιστεύετε ότι θα ταιριάζει καλύτερα στην userbar σας. Αν δεν ξέρετε πως να φτιάξετε Scanlines και δεν υπάρχει αυτή η επιλογή στο Pattern fill δείτε πως μπορείτε να φτιάξετε εδώ.
Τώρα η userbar πρέπει να φαίνεται έτσι:

Εικόνα

5. Τα scanlines σας πραγματοποιήθηκαν.
Κάντε προσθήκη νέα στρώση, δώστε της ότι όνομα θέλετε.
Επιλέξτε εργαλείο ελλειψοειδής επιλογής.

Εικόνα

Τώρα κάντε έναν ελλειψοειδή κύκλο στο πάνω μέρος της userbar σας, κρατήστε πατημένο το αριστερό κλικ και τραβήξτε τον κύκλο ως την άλλη μεριά.
Προσπαθήστε να το κάνετε καλά, δίχως να καλύψετε μεγάλο μέρος της μπάρας (userbar).
Όταν θα φαίνεται ότι το κάνατε καλά και σας αρέσει σταματήστε να πατάτε το αριστερό κλικ και δείτε το αποτέλεσμα.
Η δικιά μου φαίνεται έτσι:

Εικόνα

Τώρα διαλέξτε το εργαλείο κουβά γεμίσματος, το λευκό χρώμα, FG color FIll και γέμισμα ολόκληρης περιοχής.
Εγώ ρύθμισα την αδιαφάνεια στο 20%, ρυθμίστε το και εσείς όπως νομίζεται ότι θα φαίνεται καλύτερα.
Γεμίστε την επιλεγμένη περιοχή με το λευκό χρώμα.
Μετά πηγαίνετε στο μενού -> Επιλογή -> επιλογή|Τίποτα
Δείτε πως έγινε η εικόνα:

Εικόνα

6. Τώρα θα βάλουμε κείμενο.
Για γραμματοσειρά επιλέξτε Visitor.
Αν δεν την έχετε τότε μπορείτε να την κατεβάσετε από εδώ, και να την κάνετε εγκατάσταση στον υπολογιστή σας. Σώστε την μπάρα (userbar) με ονομασία GIMP xcf στην επιφάνεια εργασίας και κλείστε το GIMP. Δείτε πως μπορείτε να την κάνετε εγκατάσταση εδώ. Εφόσον την κάνατε εγκατάσταση και τώρα είναι περασμένη στο σύστημα σας, ξανά ανοίξτε το GIMP και την μπάρα σας.
Η γραμματοσειρά Visitor είναι περασμένη στο πρόγραμμα.
Τώρα επιλέξτε το εργαλείο κειμένου και βάλτε την γραμματοσειρά Visitor, βάλτε και μέγεθος 10 px.
Θα πρέπει να έχετε διαλέξει διαφορετικό χρώμα από αυτά που υπάρχουν ήδη στην μπάρα σας.
Κάντε κλικ όπου θέλετε να προσθέσετε το κείμενο, μετά πληκτρολογήστε μέσα και πατήστε κλείσιμο.
Η εικόνα τώρα φαίνεται έτσι:

Εικόνα

7. Αν θέλετε να βάλετε εικόνα στην μπάρα σας διαβάστε και αυτό το βήμα.
Αν δεν θέλετε μπορείτε να προσπεράσετε αυτό το βήμα.

Πηγαίνετε στο μενού -> Αρχείο -> Άνοιγμα (ανοίξτε την εικόνα που θέλετε).
Θα εμφανιστεί σε νέο παράθυρο.
Τώρα επιλέξτε τι θέλετε από την εικόνα με το εργαλείο ελεύθερης επιλογής.
Όταν το κάνετε αντιγράψτε το μέρος από την εικόνα και κάντε το επικόλληση στην μπάρα σας σε νέα στρώση.
Μπορείτε να μετακινήσετε την εικόνα σας και να την τοποθετήσετε εκεί που επιθυμητέ.
My signature bar now looks like this with the image on the background layer:
Η μπάρα μου (userbar) τώρα με την εικόνα φαίνεται έτσι:

Εικόνα

8. Σε αυτό το βήμα θα δούμε πως μπορείτε να προσθέσετε περίγραμμα στην μπάρα, αλλά αν δεν θέλετε μην βάζετε.
Σώστε την εικόνα σας με ότι ονομασία θέλετε αλλά στο τέλος της ονομασίας βάλτε .png.
Για παράδειγμα ubuntugruserbar.png και επιλέξτε "Flatten image" και αποθήκευση.
Κλείστε το GIMP, επιλέξτε την μπάρα σας και κάντε -> δεξί κλικ -> Άνοιγμα με -> GIMP
Αφού ανοίξει κάντε μεγέθυνση 800% και επιλέξτε το εργαλείο μολυβιού (pencil tool) με το χρώμα που θέλετε να έχει το περίγραμμα.
Διαλέξτε Circle(01).
Και αρχίστε να ζωγραφίζετε το περίγραμμα προσεκτικά.
Κρατήστε πατημένο το πλήκτρο shift από την μια μεριά μέχρι την άλλη για να κάνετε τις γραμμές.

Αυτό ήταν. :D
Μόλις φτιάξατε την πρώτη σας μπάρα υπογραφής.

ΣΗΜΕΙΩΣΕΙΣ:
  • Αν προσέξω κάτι που ξέχασα θα επεξεργαστώ τον οδηγό για να τον συμπληρώσω.
  • Ευχαριστώ το μέλος της κοινότητας kon_nos που αφιέρωσε χρόνο για να με βοηθήσει.
  • Ο οδηγός είναι αφιερωμένος στην Ελληνική κοινότητα Ubuntu-gr. :)

Re: Πως να φτιάξετε μπάρες υπογραφής με το GIMP

ΔημοσίευσηΔημοσιεύτηκε: 28 Ιούλ 2009, 21:15
από @ntonius
Πολύ ωραίος οδηγός Φίλιππε
Μπράβο ;) :thumbup:

Re: Πως να φτιάξετε μπάρες υπογραφής με το GIMP

ΔημοσίευσηΔημοσιεύτηκε: 28 Ιούλ 2009, 21:29
από filippos.xf
Να σε καλά @ntonius, ευχαριστώ. :)

Re: Πως να φτιάξετε μπάρες υπογραφής με το GIMP

ΔημοσίευσηΔημοσιεύτηκε: 28 Ιούλ 2009, 21:32
από malos
Μπράβο Φίλιππε! Και το ήθελα κάτι τέτοιο. ;)

Re: Πως να φτιάξετε μπάρες υπογραφής με το GIMP

ΔημοσίευσηΔημοσιεύτηκε: 28 Ιούλ 2009, 21:44
από filippos.xf
:)

Και μην ξεχάσετε, αν οι μπάρες που φτιάξατε ή σκοπεύεται να φτιάξετε είναι για Ubuntu ή την κοινότητα Ubuntu-gr... κάντε τις ποστ εδώ userbars.
Φυσικά μπορείτε να τις βάλετε και σε άλλες ιστοσελίδες, φόρουμ κτλ.


Re: Πως να φτιάξετε μπάρες υπογραφής με το GIMP

ΔημοσίευσηΔημοσιεύτηκε: 28 Ιούλ 2009, 21:47
από Phantomas
Ωραίος οδηγός!! Αποτέλεσμα: Εικόνα :P :P

Re: Πως να φτιάξετε μπάρες υπογραφής με το GIMP

ΔημοσίευσηΔημοσιεύτηκε: 28 Ιούλ 2009, 21:57
από filippos.xf
@Phantomas εσύ σίγουρα έκανες κάτι διαφορετικό σε σχέση με τα βήματα στον οδηγό. :P
Αν θέλεις πες τι διαφορετικό έκανες και πάει έτσι πάνω κάτω η εικόνα... για όσους ενδιαφέρονται. ;)

Re: Πως να φτιάξετε μπάρες υπογραφής με το GIMP

ΔημοσίευσηΔημοσιεύτηκε: 28 Ιούλ 2009, 22:05
από Phantomas
Δεν πάει πάνω κάτω :P Μόνο κάτω πάει .... Ε απλά έκανα πολλά layers το κάθε ένα με την εικόνα σε διαφορετικό σημείο (πιο πάνω ή πιο κάτω και στο ίδιο σημείο X) και το αποθήκευσα ως gif animation.... nothing more, nothing less Εικόνα

Και btw ξέχασα να εφαρμόσω ένα βήμα από τον οδηγό σου... αυτό με την ελλειψοειδή επιλογή και το άσπρισμα :think:

Re: Πως να φτιάξετε μπάρες υπογραφής με το GIMP

ΔημοσίευσηΔημοσιεύτηκε: 28 Ιούλ 2009, 22:09
από filippos.xf
Off topic:
χαχα ωραίο εικονίδιο έβαλες στο τέλος της δεύτερης σειράς... Εικόνα
Εντάξει όπως θέλει την κάνει κάποιος την μπάρα του, απλά αν έκανες και αυτά τα βήματα που ξέχασες πιστεύω θα ήταν ακόμα πιο ωραία η μπάρα σου. ;)

Re: Πως να φτιάξετε μπάρες υπογραφής με το GIMP

ΔημοσίευσηΔημοσιεύτηκε: 28 Ιούλ 2009, 23:13
από vagrale13
Πολυ καλο Φιλλιπε!! :thumbup:
Παλυ καλα που εφτιαξες οδηγο και δεν καθομε να πειραματιστω,για το τι και πως :P :P

filippos.xf έγραψε:Φυσικά μπορείτε να τις βάλετε και σε άλλες ιστοσελίδες, φόρουμ κτλ.

Off topic:
Δυστιχως αν προσπαθησουμε να κανουμε κατι τετοιο,θα υπαρξει προβλημα με πολυ forum :thumbdown: