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

...το μέρος για να ξεκινήσετε!

Συντονιστής: adem1

Κανόνες Δ. Συζήτησης
Παρακαλώ να επιλέξετε, με προσοχή, την άδεια που θέλετε να έχουν οι οδηγοί που συγγράφετε.
Πληροφορίες για τις άδειες μπορείτε να βρείτε εδώ.
Άμα επιθυμείτε κάποια άλλη άδεια επικοινωνήστε με κάποιο Διαχειριστή είτε Συντονιστή.

Σημαντικό είναι να χρησιμοποιήσετε την υπηρεσία http://imagebin.ubuntu-gr.org για τις εικόνες.

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

Δημοσίευσηαπό filippos.xf » 28 Ιούλ 2009, 16:58

Σε αυτόν τον οδηγό θα δούμε πως μπορούμε να φτιάξουμε μπάρες υπογραφής (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. :)
Τελευταία επεξεργασία από filippos.xf και 28 Ιούλ 2009, 21:26, έχει επεξεργασθεί 2 φορά/ες συνολικά
filippos.xf
superbTUX
superbTUX
 
Δημοσιεύσεις: 2866
Εγγραφή: 14 Μαρ 2009, 04:58
Εκτύπωση

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

Δημοσίευσηαπό @ntonius » 28 Ιούλ 2009, 21:15

Πολύ ωραίος οδηγός Φίλιππε
Μπράβο ;) :thumbup:
Γνώσεις ⇛ Linux: Μέτρια ┃ Προγραμματισμός: Όχι ┃ Αγγλικά: Πολύ Καλά
Λειτουργικό : Ubuntu 12.10 Quantal Quetzal
Προδιαγραφές ⇛ AMD Phenom II X2 555 3,2Ghz │Gigabyte GA-880GM-UD2H │ 4GB (1333MHz) │
│ Asus Radeon 5750 Formula (1GB) │ Samsung TFT 17" │

Oδηγίες προς νεοεισερχόμενους
Οδηγοί - How to - Tutorials
Αντιμετώπιση προβλημάτων
Εγκατάσταση codec και εφαρμογών πολυμέσων
Άβαταρ μέλους
@ntonius
babeTUX
babeTUX
 
Δημοσιεύσεις: 110
Εγγραφή: 21 Μάιος 2009, 09:55
Εκτύπωση

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

Δημοσίευσηαπό filippos.xf » 28 Ιούλ 2009, 21:29

Να σε καλά @ntonius, ευχαριστώ. :)
filippos.xf
superbTUX
superbTUX
 
Δημοσιεύσεις: 2866
Εγγραφή: 14 Μαρ 2009, 04:58
Εκτύπωση

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

Δημοσίευσηαπό malos » 28 Ιούλ 2009, 21:32

Μπράβο Φίλιππε! Και το ήθελα κάτι τέτοιο. ;)
Επεξεργαστής: AMD Ryzen 9 5900x
Μνήμη Gskill 16gb (2X8gb), 3200 mh, CL 14
Μητρική: Asrock X570 phantom gaming X
Τροφοδοτικό: Corsair 850 platinum
Δίσκος: SSD Corsair MP600 (1 TB)
Άβαταρ μέλους
malos
saintTUX
saintTUX
 
Δημοσιεύσεις: 1221
Εγγραφή: 02 Νοέμ 2008, 12:00
Εκτύπωση

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

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

:)

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

filippos.xf
superbTUX
superbTUX
 
Δημοσιεύσεις: 2866
Εγγραφή: 14 Μαρ 2009, 04:58
Εκτύπωση

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

Δημοσίευσηαπό Phantomas » 28 Ιούλ 2009, 21:47

Ωραίος οδηγός!! Αποτέλεσμα: Εικόνα :P :P
Άβαταρ μέλους
Phantomas
punkTUX
punkTUX
 
Δημοσιεύσεις: 156
Εγγραφή: 28 Ιούλ 2008, 15:57
IRC: Phantomas
Εκτύπωση

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

Δημοσίευσηαπό filippos.xf » 28 Ιούλ 2009, 21:57

@Phantomas εσύ σίγουρα έκανες κάτι διαφορετικό σε σχέση με τα βήματα στον οδηγό. :P
Αν θέλεις πες τι διαφορετικό έκανες και πάει έτσι πάνω κάτω η εικόνα... για όσους ενδιαφέρονται. ;)
filippos.xf
superbTUX
superbTUX
 
Δημοσιεύσεις: 2866
Εγγραφή: 14 Μαρ 2009, 04:58
Εκτύπωση

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

Δημοσίευσηαπό Phantomas » 28 Ιούλ 2009, 22:05

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

Και btw ξέχασα να εφαρμόσω ένα βήμα από τον οδηγό σου... αυτό με την ελλειψοειδή επιλογή και το άσπρισμα :think:
Άβαταρ μέλους
Phantomas
punkTUX
punkTUX
 
Δημοσιεύσεις: 156
Εγγραφή: 28 Ιούλ 2008, 15:57
IRC: Phantomas
Εκτύπωση

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

Δημοσίευσηαπό filippos.xf » 28 Ιούλ 2009, 22:09

Off topic:
χαχα ωραίο εικονίδιο έβαλες στο τέλος της δεύτερης σειράς... Εικόνα
Εντάξει όπως θέλει την κάνει κάποιος την μπάρα του, απλά αν έκανες και αυτά τα βήματα που ξέχασες πιστεύω θα ήταν ακόμα πιο ωραία η μπάρα σου. ;)
Τελευταία επεξεργασία από filippos.xf και 29 Ιούλ 2009, 05:08, έχει επεξεργασθεί 1 φορά/ες συνολικά
filippos.xf
superbTUX
superbTUX
 
Δημοσιεύσεις: 2866
Εγγραφή: 14 Μαρ 2009, 04:58
Εκτύπωση

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

Δημοσίευσηαπό vagrale13 » 28 Ιούλ 2009, 23:13

Πολυ καλο Φιλλιπε!! :thumbup:
Παλυ καλα που εφτιαξες οδηγο και δεν καθομε να πειραματιστω,για το τι και πως :P :P

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

Off topic:
Δυστιχως αν προσπαθησουμε να κανουμε κατι τετοιο,θα υπαρξει προβλημα με πολυ forum :thumbdown:
Desktop 1: Mint 13 Maya i386 / Ubuntu 14.10 Utopic Unicorn i386 (development branch)
CPU: AMD ATHLON II X2 215 │ RAM: 4026Mb │ Graphics Card: GeForce 210 512MB │ LG W2243S : 1920 x 1080
Desktop 2: Ubuntu 12.04 LTS Precise Pangoli i386
AMD Athlon 64 X2 5800+ │ 1024Mb │ nForce 7600 256MB (onboard) | 1024 x 768
Laptop : Sony Vaio VGN-N11m : Ubuntu 14.04Lts Trusty Tahr i386 (Mate desktop)


*Οδηγοί - How to - Tutorials σε Κατηγορίες
*Oδηγίες προς νεοεισερχόμενους σε forum ή linux
Άβαταρ μέλους
vagrale13
Freedom
Freedom
 
Δημοσιεύσεις: 7107
Εγγραφή: 04 Απρ 2009, 19:29
Τοποθεσία: κάπου εδώ μέσα στο net :P
Launchpad: vagrale
IRC: vagrale13
Εκτύπωση

Επόμενο

Επιστροφή στο Οδηγοί - How to - Tutorials