Χάρη στο GIMP^(P) ή το πρόγραμμα χειρισμού G NU I mage M , δεν ήταν ποτέ πιο εύκολο και οικονομικό να δημιουργήσετε μικρογραφίες με επική εμφάνιση και λογότυπα υψηλής ποιότητας. Το GIMP^(GIMP) είναι μια δωρεάν στη χρήση απάντηση ανοιχτού κώδικα σε συντάκτες εικόνων που αναζητούν μια εναλλακτική λύση στο Adobe Photoshop . Είναι επίσης αρκετά φιλικό προς τους αρχάριους και έχει μια ακμάζουσα κοινότητα γεμάτη με συμβουλές και κόλπα που θα σας βοηθήσουν να δημιουργήσετε τις αλλαγές και τις αναθεωρήσεις που απαιτεί η εικόνα σας.

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

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

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

Κατεβάστε και εγκαταστήστε το GIMP^{(Download and Install GIMP)}

• Μεταβείτε στον ιστότοπο του προγραμματιστή^{(developer’s website)} και επιλέξτε τη λήψη σας. Θα ξεκινήσει η λήψη του αρχείου. Αφήστε να περάσουν μερικά δευτερόλεπτα μέχρι να επιχειρήσετε την εγκατάσταση.
• Εκτελέστε το αρχείο που λάβατε πρόσφατα. Μόλις ανοίξει το πρόγραμμα εγκατάστασης, κάντε κλικ στο κουμπί Εγκατάσταση^{(Install )} για να εγκαταστήσετε το gimp στον προεπιλεγμένο φάκελο.
  • Για να αλλάξετε τις ρυθμίσεις εγκατάστασης και τα πρόσθετα, κάντε κλικ στην επιλογή Προσαρμογή^{(Customize )} .
• Ακολουθήστε όλες τις οδηγίες εγκατάστασης όπως παρουσιάζονται. Μπορεί να χρειαστούν αρκετά λεπτά για να εγκατασταθεί πλήρως το GIMP .
• Αφού ολοκληρωθεί η εγκατάσταση, μπορείτε να αρχίσετε να χρησιμοποιείτε το GIMP .

Χρήση του GIMP: Learning the Basics^{(Using GIMP: Learning The Basics)}

Ξεκινήστε τα παρακάτω βήματα κάνοντας το GIMP να ξεκινήσει και να τραβήξει επάνω σε ένα κενό παράθυρο καμβά. Θα χρησιμοποιήσουμε την ίδια εικόνα σε κάθε ενότητα.

Image Scaling/Resizing

• Κάντε κλικ^(Click) στην καρτέλα "Αρχείο" και εισαγάγετε την εικόνα σας επιλέγοντας Άνοιγμα…^(Open…) (CTRL + O)

• Αφού φορτωθεί η εικόνα, κάντε κλικ στην καρτέλα «Εικόνα» και επιλέξτε Κλίμακα εικόνας^{(Scale Image)} από το αναπτυσσόμενο μενού.

• Θα εμφανιστεί ένα πλαίσιο διαλόγου για την ενεργοποίηση των επεξεργασιών.

• Κλιμακώστε/αλλάξτε το μέγεθος της εικόνας σας χρησιμοποιώντας τις επιλογές που παρέχονται.
  • Προσαρμόστε την εικόνα κατά πλάτος και ύψος ή την ανάλυση X, Y.
  • Οι τροποποιήσεις μπορούν να γίνουν με pixel, τοις εκατό, εκατοστά κ.λπ.
  • Κατανοήστε ότι η αύξηση της εικόνας μπορεί να έχει ως αποτέλεσμα μια εικόνα με πιο εικονοστοιχεία.
• Αφού προσαρμοστούν οι παράμετροι, κάντε κλικ στο Scale για να συνεχίσετε.

Μείωση μεγέθους αρχείου^{(File Size Reduction)}

• Κάντε κλικ στην καρτέλα "Αρχείο" και επιλέξτε Εξαγωγή ως…^{(Export As… )} (Shift + CTRL + E)

• Επιλέξτε ένα όνομα και μια τοποθεσία όπου θέλετε να αποθηκεύσετε το αρχείο.

• Κάντε κλικ^(Click) στο '+' δίπλα στο Select File Type (By Extension) για να ανοίξετε μια λίστα τύπων αρχείων για αποθήκευση ως. Προτιμάται ένας τύπος αρχείου με απώλειες όπως jpg ή png.

• Στη συνέχεια, κάντε κλικ στο κουμπί Εξαγωγή^{(Export )} για να εμφανιστεί ένα νέο παράθυρο επιλογών.

• Όσο λιγότερα πράγματα αποθηκεύονται, τόσο μικρότερο είναι το μέγεθος του αρχείου εικόνας.
  • Βεβαιωθείτε ότι το επίπεδο συμπίεσης^{(Compression)} έχει οριστεί στο ' 9 ' για το μικρότερο μέγεθος.
• Αφού αποφασίσετε ποια στοιχεία της εικόνας θέλετε να αποθηκευτούν, κάντε κλικ στην επιλογή Εξαγωγή^(Export) .

Περικοπή εικόνας^{(Image Cropping)}

• Μεταβείτε στην καρτέλα "Εργαλεία" και επιλέξτε Transform Tools > Crop (Shift + C)

• Μπορείτε επίσης να επιλέξετε το Εργαλείο περικοπής^{(Crop Tool)} κάνοντας κλικ στο εικονίδιο του στο Έγγραφο εργαλείων^{(Tool Doc)} κοντά στο επάνω αριστερό μέρος της διεπαφής.
  

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

• Μπορείτε να προσαρμόσετε την περιοχή χρησιμοποιώντας τις γωνίες του πλαισίου είτε συρρικνώνοντας είτε επεκτείνοντάς τις σύροντας το κουμπί του ποντικιού.
• Αφού έχετε την εικόνα όπως θέλετε, κάντε αριστερό κλικ σε αυτήν, πατήστε Enter ή πατήστε Shift + C ταυτόχρονα για να περικόψετε στην επιλογή σας.

Περιστροφή εικόνας^{(Image Rotation)}

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

• Στην καρτέλα "Αρχείο", επιλέξτε Άνοιγμα ως επίπεδα…^{(Open As Layers…)} (CTRL + ALT + O)

• Επιλέξτε το επίπεδο που θέλετε να προσθέσετε στην εικόνα, σε αυτήν την περίπτωση θα χρησιμοποιήσουμε ένα βέλος και κάντε κλικ στο Άνοιγμα^(Open) .
• Θα δείτε το νέο στρώμα τοποθετημένο πάνω από την τρέχουσα εικόνα. Για να δείτε πώς στοιβάζονται τα επίπεδα, το παράθυρο του επιπέδου βρίσκεται στα δεξιά.

• Με το νέο επίπεδο επισημασμένο, επιστρέψτε στα Εργαλεία μετασχηματισμού^{(Transform Tools)} και επιλέξτε Περιστροφή^(Rotate) . Μπορείτε επίσης να βρείτε το εικονίδιο Rotate Tool στο Tool Doc .

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

• Εάν γνωρίζετε τη γωνία περιστροφής που θέλετε να εφαρμόσετε, μπορείτε να εισαγάγετε τις τιμές στα παρεχόμενα πλαίσια. Εάν όχι, μπορείτε να επιλέξετε να χρησιμοποιήσετε τη γραμμή ολίσθησης ακριβώς κάτω από το πλαίσιο με την ένδειξη « Γωνία^(Angle) » ή να περιστρέψετε την εικόνα μόνοι σας χρησιμοποιώντας το αριστερό κλικ του ποντικιού σας και σύρετε.
  • Η χρήση των ακριβών τιμών παρέχει πιο ακριβή αποτελέσματα, πιο γρήγορα.
• Μόλις τα αποτελέσματα είναι της αρεσκείας σας, κάντε κλικ στην Περιστροφή^(Rotate) .

Σχεδιάζοντας μια μικρογραφία^{(Designing a Thumbnail)}

Σε αυτήν την ενότητα, θα σας δείξουμε πώς δημιουργήσαμε τη μικρογραφία για αυτό το άρθρο χρησιμοποιώντας το GIMP . Μέρη αυτού του σεμιναρίου θα χρησιμοποιήσουν ορισμένα από τα εργαλεία που χρησιμοποιούνται στην εκμάθηση των βασικών^{(Learning the Basics)} . 

Πριν ξεκινήσουμε, είναι καλύτερο να συγκεντρώσουμε όποιες εικόνες μπορεί να χρειαστείτε. Επειδή η μικρογραφία έχει παραμείνει απλή, το μόνο επίπεδο εικόνας που θα χρειαστεί είναι το λογότυπο GIMP , που αποκτήθηκε μέσω της ^(GIMP)Wikipedia .

Μόλις γίνει λήψη και αποθήκευση στον υπολογιστή σας, μπορούμε να ξεκινήσουμε.

• Ανοίξτε την καρτέλα "Αρχείο" και επιλέξτε Νέο…^(New…) (CTRL + N)
  • Αυτό θα ανοίξει ένα παράθυρο " Δημιουργία^(Create) νέας εικόνας" όπου μπορείτε να επιλέξετε από ένα προ-δημιουργημένο πρότυπο^(Template) ή να αποφασίσετε για το μέγεθος της εικόνας με μη αυτόματο τρόπο.

• Οι μικρογραφίες μας δεν είναι ποτέ μεγαλύτερες από 680 εικονοστοιχεία πλάτους, επομένως θα ορίσουμε το μέγεθος της εικόνας μας ως τέτοιο. Όσο για το ύψος, θα το κρατήσουμε στα 400 px.
• Αφού οριστούν οι διαστάσεις, κάντε κλικ στο OK^(OK) .
• Τώρα θα πρέπει να κοιτάμε έναν κενό (λευκό) καμβά. Μπορείτε να επιλέξετε να χρωματίσετε το φόντο όπως θέλετε χρησιμοποιώντας το Εργαλείο πλήρωσης κάδου^{(Bucket Fill Tool)} στο Έγγραφο εργαλείων^{(Tool Doc)} , αλλά προς το παρόν, θα το διατηρήσουμε λευκό.
• Το καλύτερο που έχετε να κάνετε είναι να προσθέσετε το πρόσθετο επίπεδο σας τώρα, με αυτόν τον τρόπο μόλις αρχίσουμε να προσθέτουμε το κείμενο, θα μπορούμε να το προσαρμόσουμε έτσι ώστε να μην αποκλείει την εικόνα. Έτσι, ανοίξτε την καρτέλα "Αρχείο" και αυτή τη φορά επιλέξτε Open As Layers… όπως ακριβώς κάναμε για το βέλος κατά την Περιστροφή εικόνας^{(Image Rotation)} . Επιλέξτε το λογότυπο GIMP που κατεβάσατε νωρίτερα και κάντε κλικ στο Άνοιγμα^(Open) .
• Η εικόνα στρώσης είναι 1200 x 1200, η ​​οποία είναι πολύ μεγάλη για την κύρια εικόνα μας στα 680 x 400. Θα χρειαστεί να την μειώσουμε. Εάν ακολουθήσετε τις οδηγίες που απεικονίζονται παραπάνω, προσαρμόστε το πλάτος και το ύψος της εικόνας στα 200 px.
• Στη συνέχεια, μπορούμε να σύρουμε την εικόνα στο πλάι, έτσι ώστε να είναι έξω από το δρόμο για το κείμενό μας μέχρι να χρειαστεί να την επανατοποθετήσουμε.

• Ακολουθεί το κείμενο. Θα χρησιμοποιήσουμε την εντολή συντόμευσης και θα πατήσουμε το πλήκτρο ' T ' στο πληκτρολόγιό σας για να επιλέξετε το Εργαλείο κειμένου^{(Text Tool)} . Τώρα, κάντε αριστερό κλικ στην ωραία λευκή περιοχή της εικόνας και ξεκινήστε να πληκτρολογείτε τον τίτλο σας.

• Μόλις πληκτρολογηθούν όλα, επισημάνετε το κείμενο ( CTRL + A ) και επιλέξτε τη γραμματοσειρά που θέλετε να χρησιμοποιήσετε. Χρησιμοποιήσαμε τη γραμματοσειρά Bauhaus 93 , η οποία δεν είναι τυπική γραμματοσειρά. Το GIMP^(GIMP) θα λάβει όλες τις γραμματοσειρές που βρίσκονται στο φάκελο Γραμματοσειρά των Windows^{(Windows Font)} και θα τις προσθέσει στη βιβλιοθήκη των επιλογών του. Μπορείτε να προσθέσετε επιπλέον γραμματοσειρές κατεβάζοντάς τες από τοποθεσίες όπως το DaFont^(DaFont) και το Google Fonts^{(Google Fonts)} και μετακινώντας τις στον φάκελο Γραμματοσειρά των Windows^{(Windows Font)} .
• Στη συνέχεια, προσαρμόστε το μέγεθος των γραμμάτων έτσι ώστε να ταιριάζει καλά στην εικόνα, αλλά να μην καταλαμβάνει πολύ χώρο. Καταλήξαμε στα 100 px.
• Μόλις γίνουν οι προσαρμογές κειμένου, μπορείτε να μετακινήσετε το πλαίσιο κειμένου για να χωρέσει στο σημείο που το χρειάζεστε, αλλάζοντάς το στο Εργαλείο μετακίνησης^{(Move Tool)} . Μπορείτε να το κάνετε αυτό εύκολα κάνοντας κλικ σε μια περιοχή της εικόνας που δεν είναι το κείμενο και κάνοντας κλικ στο ' M '.

• Επιλέξτε το επίπεδο κειμένου στο παράθυρο στα δεξιά, κάντε δεξί κλικ σε αυτό και από τη λίστα επιλέξτε Alpha to Selection . Αυτό θα προσθέσει ένα κινούμενο περίγραμμα στο κείμενο της εικόνας.

• Στη συνέχεια, θα χρειαστεί να προσθέσουμε ένα επιπλέον στρώμα. Για να το κάνετε αυτό, στο ίδιο παράθυρο δεξιά, εντοπίστε και κάντε κλικ στο κουμπί Δημιουργία νέου επιπέδου^{(Create a New Layer)} . Αυτό θα ανοίξει το παράθυρο για τη δημιουργία ενός νέου επιπέδου. Μην ανησυχείτε για τα περισσότερα από αυτά που υπάρχουν εδώ, αυτό είναι για ένα πιο προηγμένο σεμινάριο. Προς το παρόν, απλώς βεβαιωθείτε ότι η ενότητα "Γέμισμα με:" έχει Διαφάνεια^{(Transparency )} στο αναπτυσσόμενο μενού και κάντε κλικ στο OK^(OK) .

• Δημιουργείται ένα νέο επίπεδο που αντικατοπτρίζει το κείμενο που είχατε εφαρμόσει το Alpha στην επιλογή^(Selection) . Θα πρέπει να είναι το επιλεγμένο επίπεδο από προεπιλογή. Τώρα θα προσθέσουμε ένα περίγραμμα γύρω από το κείμενο.
• Κάντε κλικ στην καρτέλα "Επιλογή" και επιλέξτε Ανάπτυξη^(Grow) . Στο πλαίσιο επιλογής που εμφανίζεται, ορίστε την τιμή σε ' 2 ' και κάντε κλικ στο OK^(OK) .

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

• Click Shift + B για να επιλέξετε το Εργαλείο πλήρωσης κάδου^{(Bucket Fill Tool)} και, στη συνέχεια, κάντε κλικ στο κύριο τετράγωνο χρώματος για να ανοίξετε τις επιλογές χρώματος. Μπορείτε να επιλέξετε από μερικές προεπιλεγμένες επιλογές ή να δημιουργήσετε τις δικές σας. Καταλήξαμε σε μια απόχρωση του μπλε με τη σημείωση HTML 1b56ff.

• Εάν τυχαίνει να γνωρίζετε λίγα πράγματα για το CSS , μπορείτε να χρησιμοποιήσετε τους χρωματικούς κωδικούς σε αυτό το πλαίσιο.
• Σύρετε^(Drag) τον κέρσορα πάνω από την αόρατη περιοχή κειμένου που επισημαίνεται από το κινούμενο περίγραμμα και κάντε αριστερό κλικ για να το γεμίσετε με χρώμα.

• Κάντε κλικ^(Click) στην περιοχή όπου ήταν το εικονίδιο Eye για να αποκαλύψετε ξανά το αρχικό κείμενο. Στη συνέχεια, σύρετε το αρχικό κείμενο πάνω από το έγχρωμο στρώμα στο παράθυρο του επιπέδου.
• Κάντε δεξί κλικ στο ανώτερο επίπεδο και επιλέξτε Συγχώνευση κάτω^{(Merge Down)} . Η εικόνα θα πρέπει τώρα να μοιάζει με αυτό:

• Τώρα θα προσθέσουμε λίγη σκιά στο κείμενο. Κάντε κλικ^(Click) στην καρτέλα "Φίλτρα", επιλέξτε Light and Shadow > Drop Shadow (Legacy)…
• Στο αναδυόμενο παράθυρο, επιλέξτε την πρόσβαση x,y της σκιάς, την ακτίνα και την αδιαφάνεια.

• Για τη μικρογραφία επιλέξαμε το ' 8 ' τόσο στο X όσο και στο Y, το ' 20 ' στην ακτίνα θαμπώματος και ρυθμίσαμε την αδιαφάνεια στο ' 100 '.
  • Θα μπορούσατε να αλλάξετε το χρώμα της σκιάς για να την κάνετε πιο ορατή στο φόντο, ας πούμε, για παράδειγμα, εάν το φόντο σας ήταν μαύρο, θα ήταν καλύτερα να επιλέξετε ένα πιο φωτεινό χρώμα. Ωστόσο, δεδομένου ότι το φόντο μας είναι λευκό, το μαύρο είναι μια χαρά.
  • Για να αποφύγετε μια μετατόπιση στην εικόνα, καταργήστε την επιλογή του πλαισίου με την ένδειξη Να επιτρέπεται η αλλαγή μεγέθους^{(Allow resizing)} πριν πατήσετε OK .
• Συγχωνεύστε το^{(Merge Down)} επίπεδο Drop Shadow πάνω από το επίπεδο κειμένου σας.
• Καρτέλα "Επιλογή" > Κανένα^(None) (Shift + CTRL + A)
• Δεν είναι απαραίτητο, αλλά αποφασίσαμε να προσθέσουμε μια σκιά στο λογότυπο GIMP . Εάν επιλέξετε να το κάνετε, οι οδηγίες είναι οι ίδιες. Εκτός από αυτό, επιλέξτε το επίπεδο λογότυπου GIMP και μετακινήστε το στη θέση που θέλετε στη μικρογραφία.
• Στο τέλος, εάν αισθάνεστε ότι το λευκό φόντο δεν είναι επαρκές, μπορείτε να επισημάνετε το επίπεδο φόντου^(Background) , να επιλέξετε το εργαλείο πλήρωσης κάδου^{(Bucket Fill Tool)} και να προχωρήσετε στην προσθήκη λίγου χρώματος. Επιλέξαμε ένα διακριτικό γκρι για να μην πνίξουμε τη σκίαση. Το τελικό προϊόν πρέπει να μοιάζει με αυτό:

• Τώρα, το μόνο που χρειάζεται είναι να κάνετε Εξαγωγή ως^{(Export As)} και να το αποθηκεύσετε στην τοποθεσία που προτιμάτε.

Χρήση GIMP: Πρόσθετη βοήθεια^{(Using GIMP: Additional Help)}

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

Μπορείτε να ξεκινήσετε από την ενότητα επίσημων οδηγών GIMP,^{(official GIMP tutorials section)} αλλά προτιμώ να αναζητώ ακριβώς αυτό που ψάχνω χρησιμοποιώντας το YouTube^(YouTube) .

Το GIMP^(GIMP) διαθέτει επίσης μια μεγάλη κοινότητα χρηστών διασκορπισμένη στο διαδίκτυο που περιλαμβάνει ένα subreddit , ανεπίσημες πλατφόρμες συζήτησης όπως τα φόρουμ^{(GIMP Forums)} GIMP και το GIMP Chat , ερωτήσεις με ετικέτα^{(tagged questions)} στην ενότητα Γραφιστικής σχεδίασης^{(Graphic Design)} του StackExchange και κανάλια κοινωνικών μέσων όπως η ομάδα χρηστών Google Plus GIMP^{(GIMP users)} .

The Beginner’s Guide To Using GIMP

Thanks to GIMP, or the GNU Image Manipulation Program, it’s never been easier and more affordable to create epic looking thumbnails and high-quality logos. GIMP is a free to use, open-source answer to image editors looking for an Adobe Photoshop alternative. It’s also quite beginner friendly and has a thriving community filled with tips and tricks to help produce the alterations and revisions that your image requires.

GIMP provides plenty of tools and resources to take any image and add your own professional touch. Those in web design, graphic artists, and amateur photographers will find that GIMP is a great program that can easily accommodate their image enhancing needs. The same can also be said for those just starting out in image manipulation fields.

For beginners, especially when it comes to dealing with new interfaces, your adventure into using GIMP can seem daunting. When the edits you want are minimal, something along the lines of cropping or resizing an image shouldn’t require that you jump through hoops. By taking the time to learn the foundations and where to look for specific things, it won’t take long to realize why GIMP is a great investment.

Once we’ve downloaded and installed the GIMP program, we’ll look into basic editing, while helping navigating the interface, and walk you through how to create a thumbnail like the one used for this article. We’ll also provide a few resources you can use to find advanced help for future GIMP projects.

Download and Install GIMP

• Navigate to the developer’s website and select your download. The file will begin downloading. Allow a few seconds to pass until attempting to install.
• Run the recently downloaded file. Once the installer opens, click the Install button to have gimp installed to the default folder.
  • To change installation settings and add-ons, click Customize instead.
• Follow all installation instructions as they’re presented. It may take several minutes for GIMP to be fully installed.
• After installation is complete, you can begin using GIMP.

Using GIMP: Learning The Basics

Begin the steps below by having GIMP launched and pulled up to a blank canvas window. We’ll use the same image throughout each section.

Image Scaling/Resizing

• Click the “File” tab and import your image by selecting Open… (CTRL + O)

• After the image loads in, click the “Image” tab and select Scale Image from the drop-down menu.

• A dialog box will appear to enable edits.

• Scale/Resize your image using the options provided.
  • Adjust the image by width and height or the X, Y resolution.
  • Modifications can be made by pixels, percent, centimeters, etc.
  • Understand that making the image larger can result in a more pixelated image.
• Once parameters have been adjusted, click Scale to proceed.

File Size Reduction

• Click the “File” tab and select Export As… (Shift + CTRL + E)

• Choose a name and location for where you’d like to save the file.

• Click the ‘+’ next to Select File Type (By Extension) to open a list of file types to save it as. A lossy file type such as jpg or png is preferred.

• Next, click the Export button to have a new window of options pop-up.

• The less things saved, the smaller the size of the image file.
  • Ensure that the Compression level is set to ‘9’ for the smallest size.
• Once you’ve decided which elements of the image you’d like saved, click Export.

Image Cropping

• Navigate to the “Tools” tab and select Transform Tools > Crop (Shift + C)

• You can also select the Crop Tool by clicking on its icon in the Tool Doc near the top-left of the interface.
  

• Next, holding down the left-mouse button, drag your cursor across the area you want to make as your final image.
• Once settled, all parts of the image outside of the part you selected, will darken while the part set as your final image will remain intact.

• You can adjust the area using the corners of the box by either shrinking or expanding them by dragging your mouse button.
• Once you have the image as you’d like it, either left-click it, press Enter, or press Shift + C simultaneously to crop to your selection.

Image Rotation

For this modification, we’re going to import another image to layer atop our current image.

• In the “File” tab, select Open As Layers… (CTRL + ALT + O)

• Select the layer you’d like to add to the image, in this case we’ll be using an arrow, and click Open.
• You’ll see the new layer placed on top of the current image. To see how the layers are stacked, the layer window is located on the right.

• With the new layer highlighted, head back into Transform Tools and choose Rotate. You can also find the Rotate Tool icon in the Tool Doc.

• This will pull up a new pop-up window while applying a reticle-like texture to your image.

• If you know the angle of rotation you want to apply, you can enter the values into the provided boxes. If not, you can choose to use the slide bar just below the box labeled ‘Angle’ or rotate the image yourself using your mouse’s left-click and drag.
  • Using the exact values provides more precise results, quicker.
• Once the results are to your liking, click Rotate.

Designing a Thumbnail

In this section, we’re going to show you how we created the thumbnail for this article using GIMP. Portions of this tutorial will use some of the tools used in Learning the Basics. 

Before we begin, it’s best to gather up any images you may need. Because the thumbnail has been kept simple, the only image layer it will require is the GIMP logo, acquired via Wikipedia.

Once downloaded and saved to your computer, we can get started.

• Open the “File” tab and select New… (CTRL + N)
  • This will pull up a “Create a New Image” window where you can select from a pre-created Template or decide on the size of the image manually.

• Our thumbnails are never any larger than 680px width, so we’ll set our image size as such. As for the height, we’ll keep it at 400px.
• Once the dimensions are set, click OK.
• We should now be looking at a blank (white) canvas. You can choose to color the background however you like using the Bucket Fill Tool in the Tool Doc, but for now, we’ll keep it white.
• The best thing to do is add your additional layer now, that way once we begin adding the text, we’ll be able to adjust it so that it doesn’t block out the image. So, open the “File” tab and this time select Open As Layers… just as we did for the arrow during Image Rotation. Select the GIMP logo you downloaded earlier and click Open.
• The layer image is a 1200 x 1200 which is much too large for our primary image at 680 x 400. We’ll need to scale it down. If you follow the instructions illustrated above, adjust the image width and height to 200px.
• We can then drag the image off to the side so that it’s out of the way for our text until we need to reposition it.

• Next comes the text. We’ll use the shortcut command and hit the ‘T’ key on your keyboard to have the Text Tool selected. Now, left-click in the nice white area of the image and begin typing your title.

• Once it’s all typed out, highlight the text (CTRL + A) and select the font you’d like to use. We used the Bauhaus 93 font, which isn’t a standard font. GIMP will take all fonts located in the Windows Font folder and add them to its library of choices. You can add additional fonts by downloading them from sites like DaFont and Google Fonts and moving them over to the Windows Font folder.
• Next, adjust the size of the lettering so that it fits well within the image but doesn’t take up too much room. We settled on 100px.
• Once the text adjustments have been made, you can move the text box around to fit where you need it by swapping to the Move Tool. You can do this easily by clicking on an area of the image that isn’t the text and clicking ‘M’.

• Select the text layer in the window to the right, right-click it, and from the list select Alpha to Selection. This will add an animated border to the text in the image.

• Next, we’re going to need to add an additional layer. To do this, in the same right side window, locate and click the Create a New Layer button. This will open up the window to create a new layer. Don’t worry about most of what is on here, that’s for a more advanced tutorial. For now, just ensure that the “Fill with:” section has Transparency in the drop-down and click OK.

• A new layer mirroring the text that you had applied Alpha to Selection is created. It should be the selected layer by default. We’re now going to add a border around the text.
• Click the “Select” tab and choose Grow. In the selection box that pops up, set the value to ‘2’ and click OK.

• At this point, to make it easier for you, click the Eye icon next to the original text layer in the layers window. The eye will disappear once clicked, and this will hide the text’s visibility while you bucket fill in the border.

• Click Shift + B to select the Bucket Fill Tool and then click on the main color square to open up color options. You can select from a few default options or create your own. We settled on a shade of blue with the HTML notation of 1b56ff.

• If you happen to know a little about CSS, you can use the color codes in that box.
• Drag your cursor over the invisible text area marked by the animated border, and left-click to fill it with color.

• Click the area where the Eye icon used to be to re-reveal the original text. Then, drag the original text above the colored layer in the layer window.
• Right-click the top most layer and select Merge Down. The image should now look like this:

• Now we’ll add a bit of shadow to the text. Click the “Filters” tab, select Light and Shadow > Drop Shadow (Legacy)…
• In the pop-up window, select the x,y access of the shadow, the radius, and the opacity.

• For the thumbnail we selected ‘8’ in both X and Y, ‘20’ in blur radius, and cranked the opacity to ‘100’.
  • You could change the color of the shadow to make it more visible on the backdrop, say for instance if your background was black it would be better to choose a brighter color. However, since our background is white, black is perfectly fine.
  • To avoid a shift in the image, uncheck the box marked Allow resizing before pressing OK.
• Merge Down the Drop Shadow layer on top of your text layer.
• “Select” tab > None (Shift + CTRL + A)
• It’s not necessary but we decided to add a shadow to the GIMP logo. If you choose to do so, the directions are the same. Other than that, select the GIMP logo layer and move it into the position you want in the thumbnail.
• At the end, should you feel the white background to not be adequate, you can highlight the Background layer, select the Bucket Fill Tool, and proceed to add a bit of color. We’ve chosen a subtle gray so as not to drown out the shadowing. The finished product should look like this:

• Now, all that’s needed is to Export As and save it to your preferred location.

Using GIMP: Additional Help

It won’t be long once you start using GIMP before you’ll feel like you’ve mastered the basics and look toward more complicated and professional style editing. There are countless tutorials out there to sink your teeth into that can help with expanding your working knowledge of GIMP software.

You can begin in the official GIMP tutorials section but I prefer to search exactly what I’m looking for using YouTube.

GIMP also has a large user community spread across the internet that includes a subreddit, unofficial discussion platforms like GIMP Forums and GIMP Chat, tagged questions in the Graphic Design section of StackExchange, and social media channels like the Google Plus GIMP users group.

Related posts

• Ένας οδηγός για αρχάριους για το Paint.NET και πώς διαφέρει από το Photoshop;

• Πώς λειτουργεί το WhatsApp; (Οδηγός για αρχάριους)

• Παρακολούθηση ενός φακέλου για αλλαγές χρησιμοποιώντας την οθόνη καταλόγου

• 5 εφαρμογές που μπορούν να χρησιμοποιήσουν οι γονείς για να κατασκοπεύσουν τη χρήση του Διαδικτύου των παιδιών τους

• Οδηγός για τη μετατροπή εικόνων σε εικονίδια Windows ή Mac

• 4 καλύτερα προγράμματα για να μετατρέψετε τον υπολογιστή σας σε κέντρο πολυμέσων ροής

• SurveyMonkey εναντίον Google Forms: Ποια είναι καλύτερη;

• Τι είναι το Twitch Turbo και αξίζει τον κόπο;

• 6 καλύτερες εναλλακτικές λύσεις Reddit που μπορείτε να χρησιμοποιήσετε δωρεάν

• 7 καλύτερες εφαρμογές και ιστότοποι για να παρακολουθήσετε βίντεο μαζί

• Πώς χρησιμοποιείτε το Instagram; Οδηγός έναρξης

• Πώς να χρησιμοποιήσετε το MyFitnessPal για να χάσετε πραγματικά βάρος

• Τιμολόγηση IFTTT: Αξίζει το Pro το κόστος;

• Οδηγός Ubuntu Linux για αρχάριους

• 4 καλύτερα ελαφριά προγράμματα περιήγησης για Windows και Mac

• Emby vs Plex: Ποιος είναι ο καλύτερος διακομιστής πολυμέσων για εσάς;

• Πώς να παίξετε το Minecraft: Οδηγός για αρχάριους

• uBlock Origin: The Ultimate Review and Guide

• 21 καλύτερα εργαλεία και εφαρμογές διαχείρισης χρόνου που πρέπει να δοκιμάσετε

• Οδηγός για αρχάριους για το TikTok: Τι είναι, πώς να ξεκινήσετε σε αυτό