Home-theater-designers
Twitch промени лицето на игрите през последните години, като най -добрите стриймъри на Twitch печелят големи пари, играейки любимите си игри. За много зрители Twitch е като нова форма на социални медии и въпреки скорошните промени в правилата на Twitch, популярността му е по -голяма от всякога.
Ако искате да правите пари стрийминг, ще трябва изградете голяма зрителска аудитория в Twitch , и важна част от това е вашият поток да изглежда професионален.
В тази статия ще ви покажем как да създадете прост Twitch наслагване с помощта на Photoshop. И докато това наслагване е за Minecraft, то може да бъде променено, за да работи с всяка друга игра. Освен това ще работи перфектно за стрийминг в YouTube Gaming или дори Mixer, алтернатива на Microsoft на Twitch.
Приготвяме се да започнем
Преди да започнем, нека да разгледаме с какво ще завършим днес:
Всичко в този урок е сравнително просто, но ако сте нов във Photoshop, може да ви помогне първо да прочетете нашия урок за слоевете на Photoshop. Ако търсите безплатна алтернатива на Photoshop, GIMP е невероятно мощен.
Ако искате да направите наслагване на Twitch, без да използвате Photoshop, този проект е напълно възможен в GIMP. Тъй като инструментите, които ще използвате, ще бъдат малко по -различни, бих ви предложил да прочетете нашите ръководство за GIMP първо.
С казаното, нека да разгледаме как да направим Twitch наслагване с Photoshop.
Създаване на Canvas
За да започнете да създавате наслагване, отворете Photoshop и създайте ново изображение със същия размер като разделителната способност на екрана.
Сега, когато имаме празен документ, се нуждаем от ръководство, за да изградим нашето наслагване. Предлагам да направите екранна снимка на избраната от вас игра и да я заредите във Photoshop, като щракнете върху File & Place и изберете вашето изображение. Разтегнете изображението до пълния размер на платното. Сега можем да започнем да създаваме нашите елементи на наслагване.
Добавяне на горна лента
Създайте нов слой и го наречете Топ банер . Изберете Инструмент за правоъгълник от лявото странично меню. В същото меню отворете селектора за цвят и изберете цвета на фона.
Сега щракнете и плъзнете в горната част на новия си слой, за да създадете най -горния банер. Не се притеснявайте, ако припокриете ръбовете на платното, правоъгълникът трябва да щракне на място със страната.
Сега, за да дадете граница на този правоъгълник, щракнете с десния бутон върху слоя и изберете Опции за смесване . Изберете Удар от менюто, което се показва, и задайте ширината и цвета на хода на това, което работи за вас. В този случай 10px широки с тъмночервен цвят изглеждат добре. Щракнете върху OK и изберете вашия слой. Включете инструмента за преместване, като натиснете буквата V и преместете горния банер нагоре, така че да има достатъчно място за добавяне на текст по -късно, но не затъмнява твърде много от екрана на играта.
Накрая изберете горния банер слой и намалете непрозрачността му до около 75 процента. Това ще позволи на играта да се покаже леко и ще даде по -динамичен ефект на наслагването.
Направихте страхотен старт и можете да използвате това, което сте направили досега, за да създадете двата долни банера.
Долните банери
Вместо да вършите същата работа отново за тези долни банери, просто щракнете с десния бутон върху Топ банер и изберете Дублиран слой . Назовете този нов слой Долу вдясно и използвайки Инструмент за преместване ( V на клавиатурата), преместете го в долния десен ъгъл на екрана. Уверете се, че не се припокрива с лентата с инструменти в играта и използвайте Ctrl бутон, докато плъзгате, за да го поставите с по -голяма точност.
За да създадете долната лява лента, просто следвайте същия метод, както по -горе, и я преместете надолу в долната лява част на екрана. Нашето основно наслагване вече е завършено, така че можем да добавим рамка за нашата камера.
Рамка на камерата
Създайте нов слой и го извикайте Кадър . Изберете Инструмент за правоъгълник отново и създайте перфектен квадрат, като задържите Преместване клавиша, докато плъзгате курсора на мишката. Не се притеснявайте за цвета на квадрата, по -късно ще се отървем от запълването.
За да създадете рамката, щракнете с десния бутон върху слоя и изберете Опции за смесване . Изберете Удар но този път изберете Атрешна от Позиция падащото меню, за да накара рамката да влезе в квадрат, вместо да бъде поставена отвън.
Отново изберете цвят и ширина, които отговарят на цветовата схема, която имате досега. Сега изберете слоя и го променете Попълнете до 0 процента, оставяйки само рамката.
Използвай Инструмент за преместване да го поставите над долния ляв банер и да го преоразмерите, ако е необходимо, като задържите Преместване ключ за запазване на неговото съотношение.
Наслагването започва да се събира, но сега е време да добавите малко текст.
Добавяне на текст
За да започнете да добавяте текст, създайте нов слой. Използвай Инструмент за текст (или натиснете T на клавиатурата) и плъзнете ново текстово поле. Изберете Персонаж меню от дясната страна, както е показано по -долу:
Ако не виждате този бутон във вашето оформление на Photoshop, можете да отворите менюто, като щракнете върху Прозорец> Герой . Изберете избрания от вас шрифт и цвят и добавете своя текст. Използвай Инструмент за преместване за да поставите текста си върху един от долните си банери. Тя трябва да щракне на място, но Ctrl key може да ви помогне да го прецизирате точно до мястото, където искате да бъде.
Сега имаме текст, но изглежда малко скучен. Така че, за да се открои, щракнете с десния бутон върху текстовия слой и отново изберете Опции за смесване . Дайте на текста a Удар а също и а Drop Shadow за да се открои малко. Стойностите по подразбиране се използват тук, но можете да играете с настройките, за да създадете и много по -изразен ефект „плаващ текст“.
Създайте текстови елементи за другите три ъгъла, като щракнете с десния бутон върху този слой и изберете Дублиран слой , и използвайки Инструмент за преместване за преместване на всеки нов слой в съответните ъгли.
Тъй като нашият текст вече е на място, ние сме почти готови. Нека просто добавим лога за социални медии и лого на заглавка за канала.
Логота на социалните медии
По -лесно е да използвате предварително подготвени икони, които са безплатни за търговска употреба. Уебсайт като Icon Finder може да помогне с това, но бъдете сигурни, че всички икони, които използвате, са маркирани Безплатно за търговска употреба за да избегнете по -късно правни проблеми. Импортирайте логото си във Photoshop с помощта на Файл> Място меню. Ако не виждате логото си, уверете се, че е отгоре, като плъзнете слоя му в горната част на менюто на слоя.
Сега имаме лого на Facebook, но е малко скучно. Нека го направим подходящ, като щракнете с десния бутон върху неговия слой и изберете Опции за смесване , следван от Удар . Придайте му външен ход със същата ширина като хода на горния ви банер. Когато избирате цвета, можете да използвате капкомера, за да съчетаете цвета с горния си банер.
Преместете логото нагоре в горната лява част на екрана и използвайте Ctrl ключ го поставете внимателно, така че да се побере в ъгъла.
За логото на Twitter следвайте същия метод на използване Място за да го добавите към проекта. Можете да спестите малко време тук, като изберете слоя с логото на Facebook, щракнете с десния бутон и изберете Копиране на стил на слоя , преди да се върнете към новия слой с лого на Twitter и да използвате Поставяне на стил на слоя за придаване на същата ширина и цвят на хода. Преместете това лого в противоположния горен ъгъл и, ако е необходимо, преместете текста си така, че да пасне.
Сега нека добавим логото на центъра.
Лого на канала
Ако имате лого на канал, добре е да го имате отпред и в центъра, така че всеки да може да го види веднага, когато започне да гледа. Ако все още нямате лого, можете да го замените с някакъв персонализиран текст с име на вашия канал или уебсайт.
За да започнете, плъзнете линийка от лявата лента с инструменти, тя трябва да щракне в центъра на екрана.
Ако не виждате линийката си или тя не щрака, погледнете под Изглед меню и проверете дали и двете Владетел и Щракнете са избрани.
Място вашето лого в проекта. Тя трябва да бъде центрирана автоматично върху линийката. Създайте нов слой и го плъзнете до слоя под логото. Използвай Инструмент за правоъгълник за създаване на правоъгълник, малко по -голям от логото, придавайки му рамков ефект.
За да се отличи, дайте на новосъздадения си квадрат an Външен ход със същия цвят като останалите граници. За да улесните преместването на логото и рамката като едно, задръжте Ctrl за да изберете двата слоя. Щракнете с десния бутон и изберете Преобразувайте в интелигентен обект . Това съхранява нашето лого и рамка на един и същ слой, който все още може да бъде редактиран по -късно, ако е необходимо.
Преместете логото си в горната част на наслагването и го преоразмерете, за да пасне. И това е, всички сме готови.
Запазване на наслагването
Преди да запазите наслагването като изображение, запишете го като документ на Photoshop с име на файл като „Minecraft Twitch Template“, за да можете да го промените по -късно за използване с различни игри.
За да направите фона прозрачен, изберете Око икона на екранната ви снимка на играта и фоновите слоеве, като остават само елементите на наслагване.
Запазете този файл с разширението .PNG и го заредете във вашия софтуер за стрийминг по ваш избор, за да го използвате. Ето завършеното наслагване в моя софтуер за стрийминг, с наслагването като най -горния слой, камерата като средния слой и Minecraft като долния слой.
Twitch Overlay завършен: Сега преминете към поточно предаване!
Сега, когато знаете как да направите наслагване на Twitch, време е да започнете стрийминг! Започнете канала си от настройка на вашия софтуер за стрийминг и да изберете какви игри да играете на Twitch. И ако наистина търсите производствена стойност, опитайте излъчване със зелен екран . Преди всичко, забавлявайте се!
Дял Дял Туит електронна поща 5 съвета за зареждане на вашите VirtualBox Linux машиниУморени ли сте от лошото представяне на виртуалните машини? Ето какво трябва да направите, за да увеличите производителността на VirtualBox.
Прочетете Напред Свързани теми- Игри
- Творчески
- Адобе Фотошоп
- Онлайн видео
- Twitch
- Игрова култура
- Урок за Photoshop
Иън Бъкли е журналист на свободна практика, музикант, изпълнител и видео продуцент, живеещ в Берлин, Германия. Когато не пише или е на сцената, той се занимава с „направи си сам“ електроника или код с надеждата да стане луд учен.
кога си направих акаунта в googleОще от Иън Бъкли
Абонирайте се за нашия бюлетин
Присъединете се към нашия бюлетин за технически съвети, рецензии, безплатни електронни книги и изключителни оферти!
Щракнете тук, за да се абонирате