Створення ефектів у Photoshop. Робимо у фотошоп анімацію зображення з ефектом перешкод

У цьому уроці ми створюватимемо ефект відео-плівки VHS в Adobe Photoshop. Ми будемо працювати з фільтрами, стилями шару, коригуючими шарами. У результаті вийде цікавий ретро-ефект. У цьому ми використовуємо недеструктивні методи корекції. Для цього від початку конвертуємо зображення, над яким будемо працювати, в смарт-об'єкт. Це означає, що після виконання уроку ви зможете замінити це зображення на будь-яке інше, і не створювати весь ефект заново.

Результат

Вихідники

Для виконання уроку вам знадобляться наступні джерела:

• Шрифт VCR-OSD-Mono
• Текстура VHS

1. Готуємо документ

Крок 1

Натисніть Control-Nщоб створити новий документ. Вкажіть параметри, як показано нижче.

Крок 2

У меню виберіть File > Place/Файл>Поміститита виберіть фотографію над якою працюватимете. Ви можете взяти фото з вихідних джерел, а можете використати своє.

Крок 3

Клацніть правою кнопкою шар з фотографією і виберіть Convert to Smart Object/Конвертувати на смарт-об'єкт.

2. Створюємо ретро-ефект

Крок 1

Зробіть активним шар зі смарт-об'єктом та виберіть у меню Filter > Blur > Gaussian Blur/Фільтр>Розмиття>Розмиття Гауссом. Вкажіть радіус розмиття в 3 px.

Крок 2

Створіть дві копії шару з фотографією. Для цього клацніть правою кнопкою по шару та виберіть Duplicate/Дублювати.

Крок 3

Клацніть двічі на першому (верхньому) шарі з фотографією, щоб відкрити вікно стилів шару. У вкладці Blending Options/Параметри накладанняприберіть галочку з колірних каналів Green/Зеленийі Blue/Синій. Після цього виконайте ту ж операцію з другим шаром з фотографією, але цього разу приберіть галочку з Red/Червоногоі Green/Зелений.

Крок 4

Перемістіть верхній шар із фотографією на 20 pxліворуч, а другий шар - на 20 pxправіше.

Крок 5

Тепер займемося корекцією кольору. У меню виберіть Layer > New Adjustment Layer > Hue/Saturation/Шар>Новий шар коригування>Колірний тон/Насиченістьта налаштуйте параметри як показано нижче.

Крок 6

Виберіть у меню Layer > New Adjustment Layer > Exposure/Шар>Новий шар коригування>Експозиція:

Крок 7

Тепер додамо текстури. Помістіть текстуру з вихідних поверхів поверх всіх шарів. Вкажіть шар із текстурою Blending Mode/Режим накладання - Screen/Освітлення.

Ось що має вийти на цьому етапі:

3. Додаємо оформлення

Крок 1

Візьміть інструмент Rectangle/Прямокутник. Створіть фігуру з параметрами, як показано нижче.

Крок 2

Створіть ще один прямокутник інших розмірів. І помістіть другий прямокутник перпендикулярно до першого, як показано нижче.

Крок 3

Утримуючи клавішу Shift, виділіть обидва шари з прямокутниками, клацніть по них правою кнопкою та виберіть Merge Shapes/Об'єднати фігури. Потім створіть три копії шару, що вийшов.

Крок 4

Поверніть кожен шар, утримуючи Shift,щоб створити рамочку.

Крок 5

Тепер нам потрібна ще одна менша рамка. Створюємо її за тим же принципом, але прямокутники будуть меншими:

Крок 6

Додаємо хрестик усередині маленької рамки:

Крок 7

Додаємо червоний кружок символ запису. Малюємо його за допомогою інструменту Ellipse/Еліпс.

Крок 8

Поруч із ним інструментом Type/Тексті шрифтом із вихідних джерел вводимо слово REC.

Крок 9

Внизу додаємо слово TIME.

Крок 10

І нарешті, час у правому верхньому кутку.

Результат

Переклад - Чергування

Фільтр «Додати шум» призначений для додавання зернистості та неоднорідностей на зображення, які виявляються, наприклад, під час зйомки на високочутливу плівку. Даний фільтр з успіхом застосовується для зниження смугастої структури у виділених областях з розтушовкою або заливках градієнтом та створення більш реалістичного вигляду сильно відретушованих областей, а також для створення шару текстури. У полі «Ефект» можна визначити ступінь дії фільтра, за допомогою прапорця «Монохроматичний» встановити тип розподілу шуму, а за допомогою перемикачів «Рівномірний» або «По Гаусу» вказати режим розподілу шуму. Перемикач "Рівномірний" рівномірно розподіляє шум, а перемикач "По Гауссу" створює різнорідну структуру шумів. Прапорець «Монохроматичний» застосовує фільтр із використанням наявних тонів зображення, не змінюючи самих кольорів.

Ретуш

Виявляє у зображенні краю (ділянки, в яких присутні істотні зміни кольору) і розмиття всієї виділеної області, крім цих країв. Внаслідок такого розмиття відбувається видалення шуму, а деталі зберігаються. Цей фільтр успішно зарекомендував себе в усуненні смужкової структури або візуального шуму, який з'являється при скануванні журнальних сторінок або іншої друкованої продукції.

Пил та подряпини

Фільтр «Пил та подряпини» знижує візуальний шум шляхом зміни несхожих пікселів.

Медіана

Фільтр "Медіана" знижує візуальний шум на шарі шляхом змішування значень яскравості пікселів з виділеною областю. Для кожного пікселя усереднюються кольори сусідніх пікселів, що потрапляють всередину кола заданого радіусу. При цьому ігноруватимуться пікселі, колір яких різко відрізняється від середнього значення в колі, а центральний піксель буде пофарбований у усереднений колір. Даний фільтр можна успішно застосовувати для зниження артефактів руху на зображенні або небажаних шумів, які можуть з'явитися на відсканованій фотографії.

Будь-яке зображення може бути змінено до невпізнання, якщо скористатись можливостями Adobe Photoshop . Ця програма дозволяє створювати неймовірні ефекти, стираючи межі між реальністю та ілюзією. Будь-яка фотографія, зроблена поспіхом, може перетворитися на справжній шедевр, якщо до неї додасть руку творча особистість, використовуючи можливості Фотошопу. Для того, щоб кожен міг удосконалювати зроблені власноручні фотографії, слід спочатку розібратися в тому, як робити ефекти у Фотошопі.

Photoshop має величезну кількість ефектів та можливостей їх застосування

Щоб особиста сторінка у соціальній мережі стала максимально популярною, щоб особистий блог супроводжувався високою відвідуваністю, слід подбати про виставлення дивовижних фотографій, які привернуть увагу кожного відвідувача сайту. Це вдасться тільки тим, хто орієнтований на роботу з графічною програмою Photoshop, хто підвищує власні навички та цікавиться її новими функціями.

Починати шлях освоєння Photoshop слід з малого – з її азів – з того, як додати ефекти у Фотошопі. Тільки після того, як ці навички будуть доведені до автоматизму, можна переходити до вивчення і практичного використання складних ефектів.

Прості ефекти

Безумовно, для того, щоб приступити до вивчення всіх можливостей графічного редактора Adobe Photoshop, спочатку слід встановити на комп'ютерну техніку. Досвідчені користувачі рекомендують віддавати перевагу повній версії програми, оскільки у урізаному форматі можуть бути відсутні вбудовані фільтри, внаслідок цього мінімізуються шанси отримати після виконання нескладних маніпуляцій оригінальне фото.

Цікавлячись, як накласти ефект у Фотошопі, багато хто бажає отримати інформацію про те, як це зробити з максимальною легкістю? Ще деяка частина користувачів бажає спочатку вивчити найпростіші ефекти, а вже після цього розпочати вивчення складних.

До якої категорії (простий чи складної) відноситься ефект, іноді визначити досить складно. Той, хто володіє досконало навичками роботи з графічною програмою, кожен ефект може назвати нескладним, а той, хто тільки розпочинає оволодіння навичками, постійно бачитиме складності на своєму шляху.

Незважаючи на це, досвідчені користувачі таки виділяють фільтр, з якого найкраще починати освоєння Фотошопу. За допомогою фільтра Nick Collection (Color Efecs Pro 4) можна навчитися змінювати стиль, контраст, яскравість зображення, а також робити всілякі креативні ефекти.

Щоб додати бажаний ефект, користувач повинен відкрити у програмі зображення, яке потребує коригування. Далі на панелі інструментів слід вибрати пункт Фільтр, після чого перейти в Галерею фільтрів. У ній запропоновано достатньо цікавих варіантів. Користувач повинен переглянути їх, теоретично «приміряючи» зображення.

Існує кілька фільтрів, що супроводжуються великою кількістю додаткових ефектів. До таких популярних фільтрів належать: імітація, спотворення, текстура, штрихи, ескіз та інші.

Застосувавши певний фільтр, не слід відразу ж відмовлятися, якщо з першого погляду результат не вразив. Зовсім не заважає працювати над глибиною тіней, розміром зображення, текстурою. Кожна дія, проведена над зображенням, здатна докорінно його перетворити.

Створення складних ефектів

Після засвоєння початкових кроків хочеться швидко навчитися робити складніші перетворення, щоб вони були схожі на твори справжніх майстрів, які майстерно працюють у Фотошопі.

Як створити 3D-зображення

Якщо дуже хочеться вразити своїх друзів навичками роботи у Фотошопі, то корисно розібратися з тим, як зробити 3D-ефект у Фотошопі.

Щоб створити таке оригінальне зображення, спочатку потрібно запастися основою. Користувач повинен вибрати об'єкт, який повністю знерухомлений. Цей об'єкт необхідно двічі сфотографувати, але з невеликим усуненням, в межах двох сантиметрів.

Після того, як основа для створення 3D-фото підготовлена, користувач може приступати до практичних дій. Спочатку слід обидві отримані фотографії завантажити і помістити поруч, умовно називаючи перший знімок лівим, а другий - правим.

Правий знімок слід скопіювати, після чого відкрити лівий знімок та вставити скопійований правий знімок. Вийде два шари, в яких важливо не заплутатися - шаром 1 вважається правий знімок, а Background - лівий.

Клацнувши подвійним клацанням по першому шару, слід викликати Layer Style Box, після цього перейти в Advanced Blending, потім відразу виявити і перейти в Channels. Там уже встановлена ​​в маленькому вікні галочка, яку слід зняти. Це дозволить усунути з правого зображення всі червоні відтінки, внаслідок чого на фото почнуть виявлятися стереоефекти.

Наступний крок передбачає відкриття Background, перейменування його на шар 0, а потім вибір Move Tool. Приблизно в центрі фото слід вибрати умовну точку фокусування, щодо якої слід зрушити праву фотографію. Зайві краї 3D-зображення обрізаються. Відредаговане 3D-фото зберігається, потім надягають 3D-окуляри і візуально оцінюється результат роботи.

Зробивши один раз такі коригувальні дії, згодом робити 3D-зображення буде зовсім нескладно.

Створення VHS ефекту

Окремі користувачі активно цікавляться тим, як зробити VHS ефект у Photoshop?

Розібратися і в цьому питанні нескладно, якщо скрупульозно вивчити поради досвідчених користувачів. Спочатку слід написати щось, вибравши шрифт, що підходить до стилю ретро. Далі цей текст потрібно продублювати тричі.

Потім, щоб додати VHS, необхідно попрацювати над кожним із трьох створених дублів. Відкривши перший дубль, викликають меню "Рівні", в якому встановлюють нульовий показник на червоному та зеленому каналі, тому зображення стане синім.

У другому дублі прибирають синій та червоний канали, а у третьому – синій та зелений.

Всі три різнокольорові шари розташовують на невеликому зміщенні один одного, після чого застосовують фільтр розмиття. До кожного шару застосовується режим накладання, супроводжуючи зображення непрозорістю до 15% та додаючи заливку.

Ефект VHS буде забезпечений, якщо користувач також застосує фільтр Шум, встановивши показник 16%, прибравши галочку навпроти Монохромний, а також встановивши параметр Зовнішнє світіння.

Потім користувач повинен створити лінію перешкод, застосовуючи відповідний інструмент прямокутну область. На цьому етапі можна отримати бажаний ефект VHS. Однак досвідчені користувачі можуть далі продовжити процес креативної зміни фото, значно посилюючи ефект VHS.

Отже, графічна програма Adobe Photoshop дозволяє створювати чарівні дії з будь-якими зображеннями. Якщо є непереборне бажання навчитися створювати VHS та 3D-ефекти, то ніхто не зможе перешкодити досягненню поставлених цілей.

У цьому уроці ви дізнаєтесь, як створити анімований шаблон з ефектом перешкод у Фотошоп. Особливістю даного шаблону є те, що вам лише потрібно замінити фото, щоб отримати новий результат.

У такий же спосіб я створював шаблон з анімацією Retrowave 8 Bit, який доступний у моєму портфоліо на GraphicRiver.

Для уроку підійде будь-який знімок. Безкоштовні фото ви знайдете на сайтах Unsplash та Pixabay або можете купити високоякісний знімок на PhotoDune. Я використовуватиму це фото.

1. Підготовка документа

Крок 1

Тиснемо Ctrl+N, щоб створити новий документ розміром 500 х 500 пікселів, 300 пікселів/дюйм.

Крок 2

Переходимо File - Place(Файл - Помістити) та вставляємо фото на робочий документ.

Крок 3

Коригуємо розмір фотографії за розміром документа і тиснемо Enter.

Крок 4

Клацаємо правою кнопкою миші по шару з фото та вибираємо Rasterize Layer(Рострувати шар).

Крок 5

Тиснемо клавішу М, щоб активувати Rectangular Marquee Tool(Прямокутне виділення), і виділяємо все робоче полотно.

Крок 6

Щоб вирізати виділену частину картинки, тиснемо правою кнопкою по виділеній області та в контекстному меню вибираємо Layer Via Cut(Вирізати на новий шар).

Крок 7

Вибираємо порожній шар і в нижній частині панелі шарів тиснемо на кнопку кошика, щоб видалити його, або використовуємо клавішу Delete.

Крок 8

Двічі клацаємо за назвою нового шару та перейменовуємо його на «Основа».

Крок 9

Клацаємо правою кнопкою по цьому шару та вибираємо Convert to Smart Object(Перетворити на смарт-об'єкт).

2. Додаємо кадри та елементи анімації

Крок 1

Тепер ми маємо створити кадри для нашої майбутньої анімації. Сім разів дублюємо шар "Основа". Тиснемо по ньому правою кнопкою миші і вибираємо Duplicate Layer(Копіювати шар) або використовуємо комбінацію клавіш Ctrl+J.

Крок 2

Кожну копію називаємо "Кадр 1", "Кадр 2" і так до семи.

Крок 3

Приховуємо всі шари, натиснувши на значок ока на панелі шарів, крім шару «Кадр 2».

Крок 4

Вибираємо другий кадр, тиснемо Ctrl+T і на верхній панелі клацаємо на іконку Warp(Деформація).

Крок 5

Рухаємо вусики сітки, щоб розтягнути картинку.

Крок 6

Включаємо видимість наступного кадру та знову застосовуємо Warp(Деформація), щоб змінити форму фото.

Крок 7

Продовжуємо деформувати наступний кадр за допомогою Warp(Деформація).

Крок 8

Вибираємо наступний кадр і тиснемо Ctrl+T, потім переходимо Edit - Transform - Distort(Редагування - Трансформація - Спотворення).

Крок 9

Затискаємо Shift та правий верхній кут переміщуємо на -2 градуси, а нижній правий – на 2, потім натискаємо Enter.

Крок 10

Двічі клацаємо по цьому ж шару і у вікні, що з'явилося. Layer Style(Стиль шару) знімаємо галочки з каналів Blue(Синій) та Green(Зелений).

Крок 11

Вибираємо наступний шар. Активуємо трансформацію Distort(Спотворення) і переміщаємо верхній лівий кут на 2 градуси, а нижній правий - на 2 градуси вліво, потім натискаємо Enter.

Крок 12

Двічі клацаємо по цьому шару та прибираємо галочки з каналів Red(Червоний) та Blue(Синій).

Крок 13

Вибираємо останній шар та встановлюємо його режим змішування на Hard Mix(Жорстке змішання).

Крок 14

Тепер ми маємо створити текстуру з перешкодами. Тиснемо клавішу U і малюємо прямокутник розміром 500 х 4 пікселя.

Крок 15

Переміщаємо прямокутник у верх документа.

Крок 16

Дублюємо (Ctrl+J) його та опускаємо копію нижче на 8 пікселів, затиснувши при цьому клавішу Shift.

Крок 17

Продовжуємо копіювати прямокутник, доки заповнимо весь документ лініями.

Крок 18

Із затиснутою клавішею Shift вибираємо всі шари з лінією, потім на панелі шарів клацаємо по них правою кнопкою миші та вибираємо Rasterize Layer(Рострувати шар).

Крок 19

Після цього знову клацаємо по них правою кнопкою та вибираємо Merge Layers(З'єднати шари).

Крок 20

Дублюємо (Ctrl + J) шар, що вийшов, і з затиснутою клавішею Shift переміщаємо його вгору на 504 пікселя.

Крок 21

Об'єднуємо обидві копії разом (Ctrl+E) і називаємо шар «ТВ-текстура», що вийшов.

Крок 22

Зменшуємо непрозорість шару до 15% та встановлюємо режим змішування на Overlay(Перекриття).

Крок 23

Створюємо новий шар (Ctrl+Shift+N) і називаємо його "Рамка". Заливаємо шар чорним кольором та встановлюємо Fill(заливання) на 0%.

Крок 24

Двічі клацаємо по цьому шару та застосовуємо стиль шару Stroke(Обведення). Використовуємо такі параметри:

• Size(Розмір): 25 px;
• Position(Положення): Inside(всередині);
• Color(Коліро): чорний.

Крок 25

Тепер ми повинні розтрирувати стиль шару. Клацаємо правою кнопкою по шару та вибираємо Rasterize Layer Style(Рострувати стиль шару).

Крок 26

Переходимо Filter - Blur - Gaussian Blur(Фільтр - Розмиття - Розмиття за Гаусом) та встановлюємо Radius(Радіус) на 4 пікселі.

Крок 27

Коригуємо розмір рамки, використовуючи Ctrl+T із затиснутою клавішею Shift.

3. Створюємо анімацію

Крок 1

Тепер у нас все готове до створення анімації. Переходимо Window - Timeline(Вікно - Шкала часу) та клацаємо на кнопку Create Video Timeline(Створити шкалу часу для відео).

Крок 2

Включаємо видимість першого та другого кадрів, потім на панелі шарів вибираємо другий кадр.

Крок 3

Зменшуємо непрозорість шару "Кадр 2" до 0%.

Крок 4

На тимчасовій шкалі розгортаємо другий кадр, клацнувши на стрілку на тимчасовій шкалі, і переміщуємо тимчасовий індикатор на позицію 0:00:00:05.

Крок 5

Тепер ми маємо створити перший ключовий кадр. Біля Opacity(Непрозорість) клацаємо на значок таймера. В результаті на шкалі з'явиться жовтий ромб – це наш перший ключовий кадр анімації.

Крок 6

Пересуваємо індикатор часу на 0:00:00:13 та збільшуємо непрозорість шару до 100%. Після зміни непрозорості ключовий кадр автоматично додасться.

Крок 7

Після цього переміщуємо індикатор на 0:00:00:20 та встановлюємо непрозорість шару на 0%.

Крок 8

Вибираємо наступний шар «Кадр 3» та зменшуємо його непрозорість до 0%. Потім створюємо ключові кадри з різним рівнем непрозорості, як ми робили це вище: 0:00:00:13, 0:00:00:20 та 0:00:00:26.

Крок 9

На тимчасовій шкалі виділяємо всі три ключові кадри, клацаємо по них правою кнопкою миші і вибираємо Copy(Копіювати).

Крок 10

Пересуваємо індикатор часу на позицію 0:00:01:00, створюємо новий ключовий кадр, клацаємо по ньому правою кнопкою миші та вибираємо Paste(Вставити).

Крок 11

Після цього переміщуємо індикатор на 00:00:02:00 та знову вставляємо скопійовані ключові кадри. Перший із скопійованих ключових кадрів переміщуємо на позицію 0:00:01:24, а останній – на 0:00:02:20. Це дозволить нам зробити ефект цікавішим.

Крок 12

Тепер ми повинні перемістити індикатор на 0:00:03:10 і знову вставити ключові кадри. Після цього перший із скопійованих кадрів переміщуємо на 0:00:03:13, а останній – на 0:00:03:21.

Крок 13

Тепер анімуємо наступний шар. Вибираємо шар «Кадр 4» та зменшуємо його непрозорість до 0%. Потім додаємо три ключові кадри, чергуючи непрозорість, як ми робили це вище: 0:00:00:13, 0:00:00:18 та 0:00:00:22. Потім копіюємо ці кадри та вставляємо поруч так, щоб центральний був на позиції 0:00:01:03.

Крок 14

Додаємо ще три нові кадри: 0:00:03:00, 0:00:03:05 та 0:00:03:20.

Крок 15

Копіюємо три кадри, створених за кроком 14 і переміщуємо їх на позицію 0:00:04:00.

Крок 16

На панелі шарів вибираємо наступний шар та зменшуємо його непрозорість до 0%. Після цього додаємо три ключові кадри на позиціях 0:00:00:10, 0:00:00:15 та 0:00:00:20. Не забуваємо чергувати непрозорість шару.

Потім копіюємо ці три кадри двічі та кожну копію переміщуємо так, щоб центральний ключовий кадр першої копії знаходився на позиції 0:00:01:00, а другий копії – на 0:00:01:15.

Крок 17

Додаємо три нові ключові кадри на позиціях 0:00:02:15, 0:00:02:20 та 0:00:03:20.

Тепер відкриваємо панель "Шкала часу", вона знаходиться по вкладці головного меню "Вікно" (Window --> TimeLine) і натискаємо на стрілочку поруч із центральною кнопкою, у списку вибираємо "Створити анімацію кадру" (Create Frame Animation), натискаємо на цю кнопку:

Вибір режиму анімації кадру.

У панелі шарів переходимо на нижній шар і відключаємо видимість всіх шарів, крім нижнього. На шкалі часу автоматично створено перший кадр анімації із зображенням нижнього шару панелі шарів. Натисніть на час відображення кадру, щоб змінити його на 0,04 секунди, як показано на малюнку. Наші дві панелі, що використовуються, і документ повинні на даний момент виглядати так:

Вид документа, панелі шарів та панелі анімації. Перший кадр анімації створено.

Натисніть кнопку створення нового кадру анімації (1), потім увімкніть видимість другого шару знизу (2), але ніяк не навпаки! :

Створення другого кадру анімації.

Так само створіть інші кадри анімації, за кількістю шарів в панелі шарів.

Внизу зліва шкали часу переключіть режим відтворення на "Постійно", потім натисніть кнопку "Запуск відтворення анімації. Якщо ви все зробили правильно, анімація повинна запуститися:

Попередня анімація шуму. Для наочності час відображення кадру у цьому малюнку зробив 0,09 сек, а чи не 0,04.

Власне, анімація готова. Тепер треба налаштувати на ваш смак тональність шуму. Ми зробимо це за допомогою коригувальних шарів.

Виділимо всі шари, що є в панелі шарів (Ctrl+Alt+A) та згрупуємо їх (Ctrl+G).

Увага! Виробляти будь-які додавання коригувальних шарів, так само як і зміни з налаштувань, можна тільки тоді, коли активний першийкадр на шкалі часу!

Додамо до групи коригуючий шар "Колір" (Solid Color), колір встановлюємо на чисто білий, а режим накладання змінимо на "Роздріб" (Difference). Таким чином ми інвертували чорні та білі пікселі, внаслідок чого шум став у загальній картині темнішим. Зверніть увагу на шкалу часу, в ній змінилися всі кадри анімації:

Інверсія кольорів анімації за допомогою коригуючого шару.

Затемнення анімації за допомогою коригуючого шару.

Цим ми повністю змінили чисто білі пікселі, зробивши їх середньо-сірим кольором.

Залишилось зберегти анімацію. Можна натиснути Ctrl+Alt+Shift+S і зберегти як GIF-анімацію (докладніше збереження як GIF показано у відеоуроці), а можна створити відео MP4 через імпорт відео.