Το Twitch έχει αλλάξει το πρόσωπο του παιχνιδιού τα τελευταία χρόνια, με τους κορυφαίους παίκτες Twitch να κάνουν μεγάλα δολάρια παίζοντας τα αγαπημένα τους παιχνίδια. Για πολλούς θεατές, το Twitch είναι σαν μια νέα μορφή κοινωνικών μέσων ενημέρωσης και παρά τις πρόσφατες αλλαγές στους κανόνες Twitch, η δημοτικότητά του είναι μεγαλύτερη από ποτέ.
Αν θέλετε να κερδίσετε χρήματα, θα χρειαστεί να δημιουργήσετε μια μεγάλη τηλεθέαση στο Twitch και ένα σημαντικό κομμάτι από αυτό κάνει την ροή σας να φαίνεται επαγγελματική.
Σε αυτό το άρθρο, θα σας δείξουμε πώς να δημιουργήσετε μια απλή επικάλυψη Twitch χρησιμοποιώντας το Photoshop. Και ενώ αυτή η επικάλυψη είναι για το Minecraft, μπορεί να τροποποιηθεί για να λειτουργήσει με οποιοδήποτε άλλο παιχνίδι. Και θα λειτουργήσει επίσης τέλεια για streaming στο YouTube Gaming ή ακόμα και στο Mixer, εναλλακτική λύση της Microsoft στο Twitch.
Ξεκινώντας
Πριν αρχίσουμε, ας δούμε τι θα τελειώσουμε σήμερα:
Τα πάντα σε αυτό το σεμινάριο είναι σχετικά απλά, αλλά αν είστε νέοι στο Photoshop, μπορεί να βοηθήσει να διαβάσετε πρώτα το σεμινάριο του Photoshop για τα στρώματα Adobe Photoshop Συμβουλές: Photoshop Layouts Tutorial Adobe Photoshop Συμβουλές: Photoshop Layers Tutorial Διαβάστε περισσότερα. Αν ψάχνετε για μια δωρεάν εναλλακτική λύση στο Photoshop, το GIMP είναι απίστευτα ισχυρό.
Εάν θέλετε να δημιουργήσετε μια επικάλυψη Twitch χωρίς να χρησιμοποιήσετε το Photoshop, αυτό το έργο είναι τελείως δυνατό στο GIMP. Επειδή τα εργαλεία που θα χρησιμοποιήσετε θα είναι λίγο διαφορετικά, σας προτείνω να διαβάσετε τον οδηγό μας για το GIMP. Εισαγωγή στην επεξεργασία φωτογραφιών GIMP Εισαγωγή στην επεξεργασία φωτογραφιών GIMP Οι δυνατότητες επεξεργασίας φωτογραφιών του GIMP καθιστούν μια ισχυρή, ελεύθερη εναλλακτική λύση στο Photoshop. Εδώ είναι τα βασικά στοιχεία επεξεργασίας φωτογραφιών που πρέπει να γνωρίζετε. Διαβάστε περισσότερα πρώτα.
Με αυτό είπε, ας ρίξουμε μια ματιά στο πώς να κάνει μια επικάλυψη Twitch με το Photoshop.
Δημιουργία του καμβά
Για να ξεκινήσετε τη δημιουργία της επικάλυψης, ανοίξτε το Photoshop και δημιουργήστε μια νέα εικόνα με το ίδιο μέγεθος με την ανάλυση οθόνης.
Τώρα που έχουμε ένα κενό έγγραφο, χρειαζόμαστε έναν οδηγό για να δημιουργήσουμε την επικάλυψη γύρω μας. Θα πρότεινα να τραβήξετε ένα στιγμιότυπο οθόνης του παιχνιδιού που επιλέξατε και να το φορτώσετε στο Photoshop κάνοντας κλικ στο File & Place και επιλέγοντας την εικόνα σας. Τεντώστε την εικόνα στο πλήρες μέγεθος του καμβά. Τώρα μπορούμε να αρχίσουμε να δημιουργούμε τα στοιχεία επικάλυψης.
Προσθήκη κορυφαίας ράβδου
Δημιουργήστε ένα νέο επίπεδο και ονομάστε το Top Banner . Επιλέξτε το εργαλείο ορθογωνίου από το αριστερό μενού. Στο ίδιο μενού, ανοίξτε το επιλογέα χρώματος και επιλέξτε το χρώμα φόντου.
Τώρα κάντε κλικ και σύρετε στο πάνω μέρος του νέου σας επιπέδου για να δημιουργήσετε ένα επάνω banner. Μην ανησυχείτε αν επικαλύπτεστε τις άκρες του καμβά, το ορθογώνιο θα πρέπει να ασφαλίσει στη θέση του με την πλευρά.
Τώρα, για να δώσετε αυτό το ορθογώνιο στα σύνορα, κάντε δεξί κλικ στο στρώμα και επιλέξτε Επιλογές συγχώνευσης . Επιλέξτε Stroke από το μενού που εμφανίζεται και ορίστε το πλάτος και το χρώμα της διαδρομής σε ό, τι λειτουργεί για εσάς. Σε αυτή την περίπτωση, το πλάτος 10px με σκούρο κόκκινο χρώμα φαίνεται καλό. Κάντε κλικ στο κουμπί OK και επιλέξτε τη στρώση σας. Ενεργοποιήστε το εργαλείο κίνησης πιέζοντας το γράμμα V και μετακινήστε το επάνω έμβλημα προς τα πάνω, ώστε να έχει αρκετό χώρο για να προσθέσει κείμενο αργότερα, αλλά δεν καλύπτει πάρα πολύ την οθόνη του παιχνιδιού.
Τέλος, επιλέξτε το επάνω στρώμα banner και μειώστε την αδιαφάνεια του σε περίπου 75%. Αυτό θα επιτρέψει στο παιχνίδι να εμφανιστεί ελαφρώς και θα δώσει στην επικάλυψη ένα πιο δυναμικό αποτέλεσμα.
Έχετε κάνει μια καλή αρχή και μπορείτε να χρησιμοποιήσετε όσα έχετε κάνει μέχρι τώρα για να δημιουργήσετε τα δύο πανό.
Τα κατώτερα πανό
Αντί να κάνετε την ίδια δουλειά ξανά για αυτά τα πανό, απλά κάντε δεξί κλικ στο Top Banner και επιλέξτε Duplicate Layer . Ονομάστε αυτό το νέο επίπεδο Κάτω δεξιά και χρησιμοποιώντας το εργαλείο μετακίνησης ( V στο πληκτρολόγιο), μετακινήστε το στην κάτω δεξιά γωνία της οθόνης σας. Βεβαιωθείτε ότι δεν επικαλύπτεται με τη γραμμή εργαλείων μέσα στο παιχνίδι και χρησιμοποιήστε το πλήκτρο Ctrl ενώ σύρετε για να το τοποθετήσετε με περισσότερη ακρίβεια.
Για να δημιουργήσετε την κάτω αριστερή μπάρα, ακολουθήστε την ίδια μέθοδο όπως παραπάνω και μετακινήστε την προς τα κάτω στην κάτω αριστερή πλευρά της οθόνης. Η βασική μας επικάλυψη είναι πλέον πλήρης, ώστε να μπορέσουμε να προσθέσουμε ένα πλαίσιο για την κάμερά μας.
Πλαίσιο κάμερας
Δημιουργήστε ένα νέο στρώμα και ονομάστε Frame . Επιλέξτε ξανά το εργαλείο ορθογωνίου και δημιουργήστε ένα τέλειο τετράγωνο κρατώντας πατημένο το πλήκτρο Shift ενώ σύρετε το δείκτη του ποντικιού. Μην ανησυχείτε για το χρώμα της πλατείας, θα ξεφορτωθούμε αργότερα.
Για να δημιουργήσετε το πλαίσιο, κάντε δεξί κλικ στο στρώμα και επιλέξτε Blending Options . Επιλέξτε Stroke, αλλά αυτή τη φορά επιλέξτε Εσωτερικό από το αναπτυσσόμενο μενού Θέση, για να φτάσετε το πλαίσιο στο τετράγωνο αντί να το βάζετε στο εξωτερικό.
Για άλλη μια φορά επιλέξτε ένα χρώμα και ένα πλάτος που ταιριάζει με το σχέδιο χρωμάτων που έχετε μέχρι στιγμής. Τώρα επιλέξτε το στρώμα και αλλάξτε το συμπληρώστε στο 0 τοις εκατό, αφήνοντας μόνο το πλαίσιο.
Χρησιμοποιήστε το Εργαλείο μετακίνησης για να το τοποθετήσετε πάνω από το κάτω αριστερό banner και να το αλλάξετε το μέγεθος αν χρειάζεται, κρατώντας πατημένο το πλήκτρο Shift για να διατηρήσετε την αναλογία του.
Η επικάλυψη αρχίζει να έρχεται μαζί, αλλά τώρα ήρθε η ώρα να προσθέσετε κάποιο κείμενο.
Προσθήκη Κειμένου
Για να ξεκινήσετε την προσθήκη κειμένου, δημιουργήστε ένα νέο στρώμα. Χρησιμοποιήστε το εργαλείο κειμένου (ή πατήστε το πλήκτρο T στο keuyboard σας) και σύρετε ένα νέο πλαίσιο κειμένου. Επιλέξτε το μενού χαρακτήρων από τη δεξιά πλευρά, όπως φαίνεται παρακάτω:
Αν δεν μπορείτε να δείτε αυτό το κουμπί στη διάταξη του Photoshop, μπορείτε να ανοίξετε το μενού κάνοντας κλικ στο Παράθυρο> Χαρακτήρας . Επιλέξτε τη γραμματοσειρά και το χρώμα που επιλέξατε εδώ και προσθέστε το κείμενό σας. Χρησιμοποιήστε το εργαλείο μετακίνησης για να τοποθετήσετε το κείμενό σας σε ένα από τα κάτω πανό σας. Θα πρέπει να ασφαλίσει στη θέση του, αλλά το πλήκτρο Ctrl μπορεί να σας βοηθήσει να τελειοποιήσετε τη συγκεκριμένη θέση που θέλετε.
Τώρα έχουμε κείμενο, αλλά φαίνεται λίγο ήπια. Για να το ξεχωρίσετε, κάντε δεξί κλικ στο στρώμα κειμένου και, στη συνέχεια, επιλέξτε Blending Options . Δώστε στο κείμενο ένα εγκεφαλικό επεισόδιο και μια σκιά Drop για να το ξεχωρίσετε λίγο. Οι προεπιλεγμένες τιμές χρησιμοποιούνται εδώ, αλλά μπορείτε να παίξετε με τις ρυθμίσεις για να δημιουργήσετε ένα πολύ πιο έντονο εφέ "floating text".
Δημιουργήστε στοιχεία κειμένου για τις άλλες τρεις γωνίες κάνοντας δεξί κλικ σε αυτό το επίπεδο και επιλέγοντας Διπλότυπο Layer και χρησιμοποιώντας το εργαλείο μετακίνησης για να μετακινήσετε κάθε νέο στρώμα στις αντίστοιχες γωνίες του.
Με το κείμενό μας, είμαστε κοντά μας. Ας προσθέσουμε λογότυπα για τα κοινωνικά μέσα και ένα λογότυπο κεφαλίδας για το κανάλι.
Λογότυπα κοινωνικών μέσων
Είναι ευκολότερο να χρησιμοποιείτε εικονίδια premade που είναι εμπορικά ελεύθερα να χρησιμοποιηθούν. Μια ιστοσελίδα όπως το Icon Finder μπορεί να βοηθήσει σε αυτό, αλλά να είστε βέβαιοι ότι οποιαδήποτε εικονίδια που χρησιμοποιείτε είναι επισημαίνονται δωρεάν για εμπορική χρήση για να αποφευχθεί η νομική δυσκολία αργότερα. Εισαγάγετε το λογότυπό σας στο Photoshop χρησιμοποιώντας το μενού File> Place . Αν δεν μπορείτε να δείτε το λογότυπό σας, βεβαιωθείτε ότι είναι πάνω, μεταφέροντας το στρώμα του στο πάνω μέρος του μενού στρώματος.
Τώρα έχουμε ένα λογότυπο Facebook, αλλά είναι λίγο ήπιο. Ας το καταφέρουμε κάνοντας δεξί κλικ στο στρώμα και επιλέγοντας Blending Options, ακολουθούμενο από Stroke . Δώστε την εξωτερική διαδρομή με το ίδιο πλάτος με το εγκεφαλικό επεισόδιο του επάνω πανό σας. Όταν επιλέγετε το χρώμα, μπορείτε να χρησιμοποιήσετε το σταγονόμετρο για να ταιριάζει με το χρώμα στο επάνω banner.
Μετακινήστε το λογότυπο επάνω στο επάνω αριστερό μέρος της οθόνης και, χρησιμοποιώντας το πλήκτρο Ctrl, τοποθετήστε το προσεκτικά ώστε να χωράει στη γωνία.
Για το λογότυπο Twitter, ακολουθήστε την ίδια μέθοδο χρήσης του μέρους για να την προσθέσετε στο έργο. Μπορείτε να αποθηκεύσετε λίγο χρόνο εδώ επιλέγοντας το στρώμα λογότυπου στο Facebook, κάνοντας δεξί κλικ και επιλέγοντας Style Layer Style, πριν επιστρέψετε στο νέο στρώμα λογότυπου Twitter και χρησιμοποιώντας το Style Paste Layer για να του δώσετε το ίδιο πλάτος και χρώμα. Μετακινήστε αυτό το λογότυπο στην αντίθετη άνω γωνία και, εάν χρειάζεται, μετακινήστε το κείμενό σας έτσι ώστε να ταιριάζει.
Τώρα ας προσθέσουμε το λογότυπο του κέντρου.
Λογότυπο καναλιού
Αν έχετε ένα λογότυπο καναλιού, καλό είναι να το έχετε μπροστά και στο κέντρο, έτσι ώστε όλοι να μπορούν να το δουν αμέσως μόλις αρχίσουν να παρακολουθούν. Αν δεν έχετε ακόμα ένα λογότυπο, μπορείτε να το αντικαταστήσετε με κάποιο προσαρμοσμένο κείμενο που περιέχει το όνομα ή τον ιστότοπό σας.
Για να ξεκινήσετε, σύρετε ένα χάρακα έξω από την αριστερή γραμμή εργαλείων, θα πρέπει να σπάσει στο κέντρο της οθόνης.
Αν δεν μπορείτε να δείτε τον χάρακά σας ή δεν σπρώχνει, κοιτάξτε κάτω από το μενού Προβολή και ελέγξτε ότι έχετε επιλεγεί και ο Χάρακας και ο Έλεγχος.
Τοποθετήστε το λογότυπό σας στο έργο. Θα πρέπει να επικεντρώνεται αυτόματα στον χάρακα. Δημιουργήστε ένα νέο στρώμα και σύρετέ το στο επίπεδο κάτω από το λογότυπο. Χρησιμοποιήστε το Εργαλείο ορθογωνίου για να δημιουργήσετε ένα ορθογώνιο ελαφρώς μεγαλύτερο από το λογότυπο, δίνοντάς του ένα πλαισιωμένο αποτέλεσμα.
Για να το ξεχωρίσετε, δώστε στο νεοδημιουργημένο σας τετράγωνο ένα εξωτερικό χτύπημα το ίδιο χρώμα με τα υπόλοιπα σύνορά σας. Για να διευκολύνετε τη μετακίνηση του λογότυπου και των περιθωρίων ως ενός, κρατήστε πατημένο το πλήκτρο Ctrl για να επιλέξετε και τα δύο επίπεδα. Κάντε δεξί κλικ και επιλέξτε Μετατροπή σε έξυπνο αντικείμενο . Αυτό αποθηκεύει τόσο το λογότυπό μας όσο και τα σύνορα στο ίδιο στρώμα, το οποίο μπορεί να επεξεργαστεί αργότερα, αν χρειαστεί.
Μετακινήστε το λογότυπό σας στην κορυφή της επικάλυψης και αλλάξτε το μέγεθος ώστε να ταιριάζει. Και αυτό είναι, είμαστε όλοι τελειωμένοι.
Αποθήκευση της επικάλυψης
Πριν αποθηκεύσετε την επικάλυψη ως εικόνα, αποθηκεύστε την ως έγγραφο Photoshop με όνομα αρχείου όπως "Minecraft Twitch Template", ώστε να μπορείτε να το αλλάξετε αργότερα για να το χρησιμοποιήσετε με διαφορετικά παιχνίδια.
Για να κάνετε το φόντο διαφανές, επιλέξτε το εικονίδιο Eye (Eye) στο στιγμιότυπο οθόνης παιχνιδιών και τα στρώματα φόντου, αφήνοντας μόνο τα στοιχεία επικάλυψης να εμφανίζονται.
Αποθηκεύστε αυτό το αρχείο με την επέκταση .PNG και φορτώστε το στο λογισμικό ροής που έχετε επιλέξει για να το χρησιμοποιήσετε. Εδώ είναι η τελική επικάλυψη στο λογισμικό ροής μου, με την επικάλυψη ως το ανώτερο στρώμα, την κάμερα ως το μεσαίο στρώμα και το Minecraft ως το κάτω στρώμα.
Πλήρης επικάλυψη Twitch: Πήγαινε στην ροή!
Τώρα που ξέρετε πώς να κάνετε μια επικάλυψη Twitch, ήρθε η ώρα να κάνετε streaming! Πάρτε το κανάλι σας ξεκίνησε ρυθμίζοντας το λογισμικό streaming και επιλέγοντας ποια παιχνίδια να παίξουν στο Twitch Can not Get Viewers στο Twitch; Παίζετε τα λάθος παιχνίδια Δεν μπορείτε να λάβετε τους θεατές στο Twitch; Παίζετε τα λάθος παιχνίδια Προσπαθώντας να δημιουργήσετε ένα κοινό στο Twitch, αισθάνεστε σαν να φιλοξενείτε ένα πάρτι που ξεχάσατε να στείλετε προσκλήσεις για. Αν θέλετε να αυξήσετε την επισκεψιμότητά σας, εξετάστε αυτές τις ερωτήσεις όταν επιλέγετε ένα παιχνίδι. Διαβάστε περισσότερα . Και αν πρόκειται πραγματικά για την παραγωγή αξία, δοκιμάστε την εκπομπή με μια πράσινη οθόνη Πώς να μεταδίδει ζωντανά με μια πράσινη οθόνη Πώς να μεταδίδει ζωντανά με μια πράσινη οθόνη Δεν θα ήταν δροσερό εάν μπορούσαμε να χρησιμοποιήσουμε αυτό το πράσινο αποτέλεσμα οθόνης για μια ζωντανή όπως στο Google Hangouts ή στο Skype; "Ναι, πράγματι θα ήταν, James" είναι η απάντηση που ψάχνετε ... Διαβάστε περισσότερα. Πάνω απ 'όλα, διασκεδάστε!