Як зробити тизер в фотошопі, статичний тизер в photoshop
Взагалі, для чого робити тизери? Природно, для заробітку. Про це я вже писала і навіть пробувала заробити на знаннях Фотошопа. Якщо коротко, тизери необхідні для двох цілей: для арбітражу трафіку і, власне, продажу цих картинок арбітражнікам. Заробити і в тому, і в іншому випадку можна непогано, якщо знати свою справу. Тому, ми будемо вчитися робити тизер в Фотошопі на прикладах. Для початку розглянемо виготовлення статичного зображення.
Роботу будемо будувати в кілька етапів:
- Знаходимо картинки для тізерів.
- Робимо їх обробку (обрізаємо, підганяємо під розмір, коригуємо колір, якщо потрібно).
- Додаємо красиві елементи (кнопки, стрічки та ін.).
- Зберігаємо.
Як зробити тизер в Фотошопі поетапно
Крок 1. Щоб знайти відповідні зображення, йдемо в гугл картинки і підбираємо стільки, скільки нам потрібно. Перевагу краще віддавати чітким об'єктів на однорідному фоні, хоча тут все залежить від вашої тематики. Важлива умова - це достатня чіткість, так як картинка буде маленькою (200х200 зазвичай, або навіть менше), і в той же час привабливою.
Ще один спосіб - це сходити на Лендінгем (посадкову сторінку) з товаром або послугою, і, якщо там є гідні зображення, то просто зробити їх скріншот (натиснути PrtScr на клавіатурі, а потім вирізати потрібний шматок в Фотошопі).
Крок 2. Якщо ви знайшли картинки в Гугл і завантажили їх собі, то просто відкрийте їх в photoshop. Якщо вирішили сграбіть картинку Принтскрін, то створіть новий документ (file - new), і, не змінюючи розмірів, тисніть «ок» в діалоговому вікні.
Далі, використовуючи інструмент виділення (натисніть клавішу M англійське), приблизно виділіть ту область, яка потрібна, натиснувши і потягнувши мишкою. Повинен з'явитися пунктирний прямокутник. Далі, натисніть ctrl + x. І створіть новий документ розміром 200х200.
Потім, тисніть ctrl + v і потім ctrl + t, щоб змінити розміри вставленого зображення. Натисніть на маркер (квадратик) лівою кнопкою миші, як зазначено нижче на зображенні, затисніть і тримайте клавішу shift (щоб зменшити розміри, не втрачаючи пропорційності), і тягніть маркер трохи вниз і вправо. Потім підтягніть картинку вгору і вліво, клікнувши всередині прямокутника і утримуючи затиснутою ліву кнопку миші. Підкоригує розмір ще, використовуючи маркери і клавішу шифт, поки не досягнете бажаного розміру. Ось що вийшло у мене:
Біла пляма можна усунути заливкою. Переконайтеся, що у вас активований шар з фоном ось на цій панелі:
Нижній шар (background) - це наш білий фон. Клацніть по ньому двічі (на порожньому місці біля білого квадрата), щоб розблокувати (повинен забратися значок замка). Виберіть інструмент «Заливка», натиснувши G на клавіатурі. Потім, зліва в кутку клікніть по значку кольору:
З'явиться інструмент «піпетка». Клікніть в тій чорній області з нашими годинами, щоб вибрати колір. У діалоговому вікні тиснемо «ОК».
Заливаємо нашу білу область на зображенні чорним кольором (нижній білий шар повинен бути активним).
Є ще один спосіб прибрати білу область. Натисніть англійське М і виділіть прямокутний шматочок чорного фону під годинником, активувавши при цьому шар з нашої картинкою. Ctrl + T. Потягніть центральний маркер вниз, поки область і не зафарбувати чорним. Такий спосіб хороший тим, що його можна застосовувати не тільки з однорідним фоном, а й з багатобарвним.
Виберемо інструмент «прямокутник», натиснувши U. Намалюємо його під годинником. З'явиться новий шар. Кликнемо двічі по ньому. Ви можете погратися там з настройками, вибравши ефекти. Я вибрала «Зовнішнє світіння».
Далі, для нашого тізера потрібно зробити напис «Купити». Виберіть білий колір. Натисніть «Т» і клікніть в будь-яку точку нашої робочої області. Надрукуйте текст і натисніть поза ним, потім знову натисніть на текст і перетягніть його на кнопку. Ось що вийшло в підсумку у мене:
До тексту теж можна застосувати ефекти, також зробивши подвійне клацання по шару. Наприклад, можна зробити обведення чорним кольором шириною 1 піксель:
Втім, в Фотошопі можна самому зробити і більш красиві, об'ємні речі, можливо з відблисками, тінями і т.п. Але ми над цим заморочуватися не будемо. В Інтернеті є море колекцій кнопок, стрічок, зірочок і багато чого ще. Тому, йдемо в яндекс, забиваємо «Завантажити кнопки для Фотошопа в psd» або «Завантажити стрічки для Фотошопа в psd» і шукаємо сайти, на яких можна все це справа скачати. Викачуємо, відкриваємо, і швидше за все там буде кілька кнопок на аркуші. Щоб перенести відповідну кнопку на наш тизер, в викачаному файлі йдемо в розділ «шари» і бачимо там приблизно таку папку:
Все, вона повинна благополучно скопіювати в документ, потім потрібно буде її перемістити в потрібне вам місце. Можна ще завантажувати кнопки-картинки в png форматі, щоб тільки вони були з прозорим фоном. Наприклад, задамо в Яндекс.Зображення «кнопка play png», дивимося щоб навколо не було фону, качаємо, копіюємо собі на тизер, масштабується - і буде краса 🙂
Якщо ваша картинка тьмяна, темна і її хочеться зробити яскравішою, вибираємо в верхньому меню «Зображення», і там шукаємо настройки «колірний фон - насиченість» і / або «яскравість / контраст». Це найпростіші способи задати потрібну яскравість / насиченість.
Ось вам ще кілька прикладів, як зробити тизери в Фотошопі:
Точно так само можна створити картинку для гри, накласти на неї красиву кнопку «Грати». Взагалі, фотошоп пропонує величезну кількість ефектів, маски і багато іншого. Вчіться, вивчайте все фішки - і ви зможете зробити професійний тизер. Успіхів!
P.S. Натисніть на кнопочки соцмереж: можливо, цей пост вам або вашим друзям ще стане в нагоді.