GIMP: Δημιουργήστε ένα παλμικό μετρητή από το μηδέν

Αυτό το άρθρο έχει ληφθεί (και τροποποιηθεί) με βάση το αρχική πηγή, το ιστολόγιο του Hyuuga_Neji και αργότερα αναπαράχθηκε στο ΕΥΡΩ.

Γεια σε όσους αφιερώνουν χρόνο για να μας διαβάσουν, χθες συζητήσαμε παρακολούθηση εύρους ζώνης και δημιουργούμε (όπως πάντα) μια επιλεγμένη εικόνα με περιεχόμενο που δημιουργήσαμε από εμάς. Λόγω της εικόνας που κάποιος μας πλησίασε μέσω email και μας ζήτησε να του δείξουμε πώς να δημιουργήσει αυτό που θα μπορούσε να είναι παλμικός μετρητής, φαινόταν σαν μια υπέροχη ιδέα, οπότε σήμερα θα δείξουμε πώς να το δημιουργήσουμε χρησιμοποιώντας δωρεάν λογισμικό και πιο συγκεκριμένα: GIMP.

Η ιδέα της δημιουργίας ενός παλμικού μετρητή μάλλον ήρθε σε εμάς για να προσπαθήσουμε να αντικατοπτρίσουμε ότι επρόκειτο να μετρήσουμε κάτι ψηφιακά, έτσι βασικά επιλέξαμε ένα σχήμα και «δημιουργήσαμε» τον υποτιθέμενο μετρητή από αυτό. Τα βήματα για να πετύχετε κάτι τέτοιο τα αφήνουμε παρακάτω

Δημιουργία του βασικού σχήματος με το GIMP

Το πρώτο βήμα μετά το άνοιγμα του Πρόγραμμα χειριστή εικόνας GNU (Το GIMP για το ακρωνύμιο στα Αγγλικά) είναι να δημιουργήσει μια νέα εικόνα.

Ας πάμε λοιπόν στο μενού Αρχείο » Nuevo ή εάν, όπως μας, σας αρέσουν οι συνδυασμοί πλήκτρων, απλώς χρησιμοποιήστε το CTRL + N. Επιλέγουμε το μέγεθος που θέλουν αλλά για να τους δείξουμε θα χρησιμοποιήσουμε 640 × 400 pixel που δεν είναι ούτε μεγάλα ούτε μικρά.

Επιλέγουμε ένα χρώμα που θέλουμε κάνοντας κλικ στο κουτί χρώματος και επιλέγοντας αυτό που προτιμούμε και μετά σύροντας το χρώμα από το πλαίσιο στο παράθυρο της εικόνας. Μόλις γίνει αυτό, δημιουργούμε ένα νέο επίπεδο με διαφάνεια (συνιστάται η εργασία με στρώματα να επιταχύνει την πιθανή διαδικασία διόρθωσης χωρίς να χάσει όλη την εργασία). Για να δημιουργήσουμε ένα νέο επίπεδο, κάνουμε κλικ στο ενσωματωμένο επίπεδο στο οποίο έχει ένα σύμβολο προσθήκης ή πατήστε SHIFT + CTRL + N έτσι ώστε να έχουμε κάτι τέτοιο:

Επίπεδα GIMP

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

Σχήμα GIMP

Σχήμα GIMP

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

Δημιουργία του σώματος της ομάδας

Δημιουργούμε ξανά ένα νέο στρώμα, αλλά αυτή τη φορά δεν χρειάζεται να δημιουργήσουμε μια περιφέρεια, αλλά θα χρησιμοποιήσουμε το βασικό σχήμα και από αυτό θα δημιουργήσουμε τι θα ήταν το σώμα ή η άκρη του εξοπλισμού. Για να το κάνουμε αυτό κάνουμε δεξί κλικ στο επίπεδο με το βασικό σχήμα και κοιτάζουμε στο αναδυόμενο μενού για την επιλογή «Alpha to Selection».

Αφού επιλέξαμε το βασικό σχήμα επιστρέφουμε στο νέο στρώμα που είχαμε δημιουργήσει, αλλά πριν το γεμίσουμε με χρώμα πηγαίνουμε στο μενού Επιλέξτε και χρησιμοποιούμε την επιλογή του Shrink o Μαζεύω με τιμή 1 pixel. Επιλέγουμε το χρώμα που θέλουμε για το νέο στρώμα και γεμίζουμε.

Μέχρι στιγμής έχουμε το βασικό σχήμα σε σκούρο χρώμα και ένα άλλο στρώμα με το σώμα της ομάδας σε άλλο χρώμα (κατά προτίμηση σε χρώμα αντίθεσης με το φόντο). Βρισκόμαστε στο στρώμα του βασικού σχήματος και πρόκειται Φίλτρο » Θολούρα » Γκάους θαμπάδα με τιμή 5 pixel και έχουμε ήδη το εφέ σκιάς, το αποτέλεσμα θα πρέπει να είναι λίγο πολύ αυτό:

Σχήμα GIMP

Δημιουργία του εσωτερικού της ομάδας

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

Για να δημιουργήσουμε το εσωτερικό δημιουργούμε ένα νέο επίπεδο και επιστρέφουμε με την ίδια λειτουργία του Άλφα στην επιλογή μόνο τώρα χρησιμοποιούμε το επίπεδο άκρης της ομάδας. Επιστρέφουμε στο νέο επίπεδο και στο μενού Επιλέξτε » Μαζεύω Χρησιμοποιούμε μέγεθος περίπου 5 pixel και μετά ψάχνουμε για το χρώμα που θα χρησιμοποιήσουμε για το φόντο της οθόνης του υπολογιστή.

Συμπληρώνουμε το χρώμα και συνεχίζουμε να δημιουργούμε ποια θα είναι η κλίμακα του εξοπλισμού που στη "γλώσσα GIMP" δεν υπερβαίνει το πλέγμα. Δημιουργούμε ένα νέο επίπεδο και θα το κάνουμε Filtros » Εκτέλεση » πρότυπο » Ρέιτζλα Επιλέγουμε ένα χρώμα (κατά προτίμηση πράσινο) που έρχεται σε αντίθεση με το φόντο του εξοπλισμού και εφαρμόζουμε το εφέ.

Πλέγμα GIMP

Δημιουργούμε ένα γέμισμα σαν πλέγμα, αλλά αυτό καλύπτει ολόκληρο το επίπεδο, οπότε πρέπει να το κόψουμε έτσι ώστε να βρίσκεται μόνο στο εσωτερικό της οθόνης του υπολογιστή.

Για να κόψετε το πλέγμα επιστρέφουμε με το Άλφα στην επιλογή χρησιμοποιώντας ως βάση το στρώμα του φόντου του εξοπλισμού (αυτό που βάζουμε στο πράσινο) και μετά θα το χρησιμοποιήσουμε Επιλέξτε » Αντιστροφή επιλογής ή αν πατήσουμε CTRL + I Μόλις γίνει αυτό, πατάμε το πλήκτρο ΔΙΑΓΡΑΦΗ και voila ... το πλέγμα ταιριάζει στην υποτιθέμενη οθόνη μας.

Πλέγμα GIMP

Για να βελτιώσουμε την προσαρμογή αλλάζουμε τη λειτουργία επιπέδου του πλέγματος από Κανονικός a αξία και μειώσαμε την αδιαφάνεια στο 40% για να αφαιρέσουμε λίγο "δύναμη".

Πλέγμα GIMP

Η οθόνη της ομάδας μας

Στην υποτιθέμενη ομάδα μας θα μετρήσουμε τους παλμούς προσομοιώνοντας τις ταινίες όπου δείχνουν τη θέση των ασθενών μέσω μιας γραμμής, οπότε δημιουργούμε τη γραμμή μέτρησης με το αντίστοιχο αποτέλεσμα. Για να δημιουργήσουμε μια γραμμή θα χρησιμοποιήσουμε το εργαλείο Διαδρομές και τότε θα δημιουργήσουμε τη γραμμή από το μονοπάτι που δημιουργήσαμε.

Αρχικά επιλέγουμε το χρώμα που θέλουμε για τη Διαδρομή. Επιλέγουμε το εργαλείο Διαδρομή και εντοπίζουμε το σχήμα που θέλουμε να το δώσουμε.

Διαδρομή GIMP

Μόλις το σχήμα θέλουμε να δώσουμε το Διαδρομή τότε συνεχίζουμε να χρησιμοποιούμε τις επιλογές εργαλείου για να δημιουργήσουμε μια γραμμή σε ολόκληρη τη διαδρομή που ορίζουμε

Διαδρομή GIMP

Τι θα ήταν λίγο πολύ σαν αυτό:

Διαδρομή GIMP

Μόλις σχεδιάζεται η διαδρομή, αντιγράφουμε το στρώμα της γραμμής (το οποίο κατά προτίμηση χρησιμοποιούμε με ένα χρώμα που ξεχωρίζει στην οθόνη μας) στο επίπεδο παρακάτω, φτιάχνουμε ένα Φίλτρο » Θολούρα » Γκάους θαμπάδα και συνεχίζουμε να δουλεύουμε πάνω στο επίπεδο γραμμής παραπάνω.

Για να δώσουμε ένα αδιαφανές αποτέλεσμα στο Pulse δημιουργούμε μια μάσκα στρώματος (κάντε δεξί κλικ στο επίπεδο » Προσθέστε μάσκα επιπέδουκαι επιλέγουμε τις προεπιλεγμένες τιμές χρώματος (D). Αυτό θα βάλει ένα άσπρο κουτί δίπλα στο στρώμα μας.

Αργότερα αλλάζουμε τα χρώματα Foreground (White) και Background (Black), κάντε δεξί κλικ στο νέο επίπεδο και επιλέξτε Εμφάνιση μάσκας επιπέδου. Αυτό θα μας αφήσει άδειους, αλλά μην ανησυχείτε. Επιλέγουμε το Εργαλείο διαβάθμισης (πρέπει να έχουμε την επιλογή Διπλή κλίση) και σχεδιάζουμε μια γραμμή και την εφαρμόζουμε από το κέντρο του στρώματος οριζόντια από το επίπεδο.

Κλίση GIMP

Καταργούμε την επιλογή Εμφάνιση μάσκας επιπέδου. Αν κοιτάξουμε το διάλογο επιπέδων θα δούμε κάτι σαν αυτό:

Επίπεδα GIMP

Κάνοντας αυτό βλέπουμε ότι η κορυφαία μας γραμμή επανεμφανίζεται και το αποτέλεσμα είναι αρκετά καλό.

Διαδρομή GIMP

Παρατηρήστε ότι τώρα οι άκρες της γραμμής έχουν ένα είδος κλίσης, σαν να εξασθενίζουν. Αυτό φυσικά μπορεί να είναι πολύ καλύτερο.

Το ακρυλικό καπάκι του κιτ

Όπως αναφέραμε στην αρχή, θα δημιουργήσουμε την ψευδαίσθηση ότι έχει ένα διαφανές ακρυλικό στρώμα, το οποίο δίνει την έννοια του όγκου στην ομάδα, οπότε θα χρειαστούμε στιλπνό στρώμα για να προσομοιώσουμε το ακρυλικό καθώς και την αντίστοιχη εσωτερική του σκιά.

Για να επιτύχουμε την εσωτερική σκιά δημιουργούμε ένα νέο στρώμα και κάνουμε το βήμα Άλφα στην επιλογή Χρησιμοποιώντας το επίπεδο στο κάτω μέρος της οθόνης, στη συνέχεια επιστρέφουμε στο νέο επίπεδο και συρρικνούμε (Επιλέξτε »Συρρίκνωση) με την τιμή 1 pixel.

Μόλις η επιλογή συρρικνωθεί, τη γεμίζουμε με μαύρο. Αργότερα, στο ίδιο στρώμα μαύρου χρώματος, κάνουμε το βήμα Άλφα στην επιλογή και επιστρέφουμε στην επιλογή »Συρρίκνωση αυτή τη φορά με τιμή 2 pixel. Θα δείτε ότι έχουμε έναν μαύρο κύκλο αριστερά, εφαρμόζουμε ένα Φίλτρο » Θολούρα » Γκάους θαμπάδα με την τιμή 5 με την οποία αποκτούμε κάτι τέτοιο:

GIMP Edge

Είναι καιρός να δημιουργήσουμε το ακρυλικό καπάκι για το οποίο δημιουργούμε ένα νέο στρώμα και κάνουμε το ίδιο βήμα Άλφα έως Επιλογή χρησιμοποιώντας το επίπεδο φόντου οθόνης ως βάση.

Επιλέγουμε το εργαλείο Υποβαθμισμένη βάζοντας το λευκό χρώμα πάνω από το μαύρο, και στις επιλογές επιλέγουμε ένα σχήμα Γραμμικός και μια κλίση από Αντιμετωπίζοντας τη Διαφάνεια, τότε το εφαρμόζουμε από πάνω προς τα κάτω προσπαθώντας να έχουμε ένα όσο το δυνατόν πιο κάθετο σχήμα:

GIMP Crystal

Για να δώσουμε μια καλύτερη εμφάνιση, θα μειώσουμε το μέγεθος του στρώματος glitter για να το κάνουμε μικρότερο και να το κάνουμε να μοιάζει με μια ακρυλική σφαίρα, η οποία ολοκληρώνει το σεμινάριό μας με το πλήρες αποτέλεσμα:

GIMP Crystal

Μέχρι στιγμής το μέτριο σεμινάριό μας, ελπίζουμε να ενθουσιαστείτε και να το κάνετε.


Αφήστε το σχόλιό σας

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία σημειώνονται με *

*

*

  1. Υπεύθυνος για τα δεδομένα: Miguel Ángel Gatón
  2. Σκοπός των δεδομένων: Έλεγχος SPAM, διαχείριση σχολίων.
  3. Νομιμοποίηση: Η συγκατάθεσή σας
  4. Κοινοποίηση των δεδομένων: Τα δεδομένα δεν θα κοινοποιούνται σε τρίτους, εκτός από νομική υποχρέωση.
  5. Αποθήκευση δεδομένων: Βάση δεδομένων που φιλοξενείται από τα δίκτυα Occentus (ΕΕ)
  6. Δικαιώματα: Ανά πάσα στιγμή μπορείτε να περιορίσετε, να ανακτήσετε και να διαγράψετε τις πληροφορίες σας.

  1.   όθεν dijo

    Πολύ ενδιαφέρον άρθρο. Όταν μπορώ, θα το κάνω. 🙂
    PS: Ονομάζεται ηλεκτροκαρδιογράφημα.

    1.    Ανδρέας dijo

      Ήξερα ότι ονομάζονται παλμογράφοι.
      Τα ηλεκτροκαρδιογραφήματα είναι μια εφαρμογή του παλμογράφου που χρησιμοποιείται για την απεικόνιση της εργασίας της καρδιάς, οπότε έχουν το "καρδιο" στο μεταξύ.
      Αλλά οι παλμογράφοι μπορούν να έχουν χιλιάδες εφαρμογές στη σεισμολογία, την ηλεκτρονική, τον ήχο κ.λπ.

  2.   Ed dijo

    Η μητέρα μου * o *
    Τι καλό σεμινάριο, μου δίνει μια ιδέα για πολλά άλλα πράγματα 😀
    Ευχαριστώ Elav !!!

  3.   The_Mastersok dijo

    Πολύ καλό σεμινάριο ...
    συγχαρητήρια

  4.   eliotime3000 dijo

    Καλό δάσκαλο. Μου θυμίζει πολλά όσα έκανα με τους CorelDraw και Illustrator με αυτά τα εικονίδια.

  5.   Hyuuga_Neji dijo

    Καλό… αλλά παρόλο που δεν σχολιάζω πολλά (και αφιερώνω περισσότερο χρόνο στο GUTL) έχω επίσης έναν λογαριασμό εδώ στο DesdeLinux. Βλέπω ότι ακολουθήσατε το σεμινάριο γιατί στο πρωτότυπο δεν έβαλα τη διεπαφή των μοτίβων πλέγματος ή κάτι παρόμοιο αλλά με τον δικό σας τρόπο φαίνεται πολύ καλύτερο γιατί είναι πιο επεξηγημένο και μπορεί να γίνει κατανοητό καλύτερα.

    1.    Έλαβ dijo

      Ναι, είναι αλήθεια ότι έχετε λογαριασμό εδώ ^. ^

  6.   λουκάνικο dijo

    πολύ καλά

  7.   patodx dijo

    Με αυτές τις δημοσιεύσεις, είναι κάτι παραπάνω από σαφές για μένα που μπορώ να κάνω χωρίς phtoshop ..

    Σας ευχαριστώ ..

    1.    eliotime3000 dijo

      Ακόμα δεν έχω αποσπαστεί από το Illustrator ή το InDesign.

      1.    Έλαβ dijo

        Και κανείς δεν νοιάζεται για το πρόβλημά σας 😛 Πάρτε το καυσόξυλο και το eliotime3000 στη φωτιά !!! XD

  8.   Εμανουέλ Ακούνια dijo

    Πολύ καλό σεμινάριο, σίγουρα το GIMP είναι ένα εξαιρετικό εργαλείο.

    Ένα ερώτημα: ποιο θέμα χρησιμοποιείτε στο σύστημα linux σας, είναι υπέροχο, θα ήθελα να το λάβω παρακαλώ.

    Ευχαριστώ και χαιρετισμούς…

    1.    Έλαβ dijo

      KDE με Oxygen .. δηλαδή, από προεπιλογή. Αυτό που συμβαίνει είναι ότι τα χρώματα αλλάζουν και επιλέγω το σχήμα που ονομάζεται Chrome 😀

      1.    Εμανουέλ Ακούνια dijo

        Τέλεια, απλώς μια ερώτηση, πώς να το εγκαταστήσω στο Ubuntu 14.04 χρησιμοποιώντας το Flashback Session, έχω ήδη εγκαταστήσει το oxygen-gtk 2 και 3 στο κέντρο λογισμικού, αλλά δεν έχω διακόσμηση παραθύρου: - / μόνο το θέμα gtk αλλά δεν αλλάζει τα κουμπιά τίτλου .

        Χαιρετισμούς.

        1.    Έλαβ dijo

          Είναι ότι το οξυγόνο προέρχεται από την KDE. Υπάρχουν θέματα που μπορούν να μιμηθούν, αλλά δεν θα είναι ποτέ το ίδιο .. 🙁

  9.   Τέντελ dijo

    Δεν θα ήταν ευκολότερο να το κάνετε αυτό στο Inkscape; Κερδίσατε επίσης το πλεονέκτημα ότι μπορείτε να κλιμακώσετε το τελικό αποτέλεσμα κατά βούληση.

    1.    κυνηγός dijo

      Ακριβώς, δεν είναι να υποτιμάς τον Gimp, αλλά το Inkscape είναι το κατάλληλο εργαλείο για αυτό.

    2.    Hyuuga_Neji dijo

      Για να ειμαι ειλικρινης…. Στη ζωή μου έχω ανοίξει το inkscape, οπότε δεν θα ήξερα αν είναι ευκολότερο ή όχι. Είναι αλήθεια για την κλιμάκωση του αποτελέσματος, αλλά δεν έχω ιδέα πώς λειτουργεί με διανυσματικό τρόπο, επομένως συνεχίζω να κολλάω με το GIMP xD

    3.    Έλαβ dijo

      Θα το έκανα στο Inkscape, αλλά η ανάρτηση δεν είναι πραγματικά δική μου. Επίσης, έμαθα μερικά πράγματα με το GIMP που δεν ήξερα 😀

      1.    Hyuuga_Neji dijo

        Τότε θα ήθελα κάποιος να κάνει κάτι τέτοιο στο inkscape για να τα συγκρίνει, δηλαδή το βάρος, την ευκρίνεια κ.λπ. της δημιουργίας στο inkscape και το gimp ... και αν δεν είναι πάρα πολύ να σας ζητήσω να βάλετε ένα βήμα προς βήμα φροντιστήριο για το πώς να το κάνετε για να δείτε εάν ένα παίρνει κάτι xD.

  10.   Λιχέρ dijo

    Πρέπει να το δοκιμάσω, ευχαριστώ πολύ, είναι πολύ καλό 😀