У цьому двоскладовому підручнику з фотоефектами Photoshop ми дізнаємось, як створити кумедний фотоколаж, використовуючи просту форму стрічки з фільму як фоторамку для декількох зображень.
У цій першій частині підручника ми намалюємо фактичну смужку фільму, використовуючи інструменти форми Photoshop, потім збережемо її як окремий документ, щоб ми могли легко повторно використовувати його в будь-який час, не бажаючи малювати все це все спочатку. У другій частині підручника ми будемо використовувати декілька примірників стрічкової плівки, щоб створити наш фотоколаж.
Ось форму стрічки, яку ми будемо малювати в цій частині підручника. Сіра зона в центрі - це місце, де ми додамо свої фотографії у другій частині підручника:
Форма смужки плівки, яка буде використовуватися як фоторамка в колажі.
Як створити фотоколаж із стрічкової стрічки
Крок 1: Створіть новий документ Photoshop
Для початку давайте створимо новий документ Photoshop, перейшовши до меню Файл у верхній частині екрана та вибравши Нове, або натисніть Ctrl + N (Win) / Command + N (Mac), щоб відкрити новий документ із зручною клавіатурою ярлик:
Перейдіть у меню Файл> Створити, щоб створити новий документ Photoshop.
Це відкриває діалогове вікно Новий документ. Введіть значення 1000 пікселів для Ширини та 900 пікселів для Висоти, що повинно дати нам хороше співвідношення сторін ширини до висоти для нашої стрічки фільму. Встановіть роздільну здатність до 300 пікселів / дюйм і переконайтесь, що для параметра « Фоновий вміст» встановлено значення Білий :
Створіть новий документ 1000 x 900 пікселів.
Закінчивши, натисніть ОК у верхньому правому куті діалогового вікна, щоб вийти з нього. На вашому екрані з'явиться нове вікно документа.
Крок 2: Виберіть інструмент «Прямокутник»
Для малювання нашої плівкової стрічки ми будемо використовувати інструменти для обробки Photoshop, які дозволяють нам малювати векторні фігури, які можна легко змінити за необхідними розмірами без втрат якості. Оскільки наша плівка повинна бути прямокутною, виберіть інструмент « Прямокутник» на панелі «Інструменти» (не плутати з інструментом « Прямокутний намет», який є інструментом вибору, а не інструментом форми):
Виберіть інструмент Прямокутник.
Крок 3: Установіть колір переднього плану на чорний
Коли ми намалюємо фігуру, Photoshop спочатку встановить колір форми нашому поточному кольорі переднього плану. Ми хочемо, щоб колір нашої плівки був чорним, тому перед тим, як намалювати форму, давайте встановимо наш колір переднього плану чорним. Чорний колір насправді є кольором переднього плану за замовчуванням, тому для вашого вже може бути встановлений чорний. Якщо ні, натисніть букву D на клавіатурі, щоб швидко скинути кольори переднього плану та фону до значень за замовчуванням. Ви знайдете зразки кольорів переднього плану та фону внизу панелі «Інструменти». Зображення у верхньому лівому куті (колір переднього плану) тепер має показувати чорний:
Натисніть "D" на клавіатурі, щоб швидко скинути кольори переднього плану та фону.
Крок 4: Переконайтесь, що вибрано варіант "Форма"
Фотошоп дає нам три різні способи використання різних інструментів форми. Ми можемо використовувати їх для малювання векторних фігур (це те, що ми будемо робити тут), ми можемо малювати контури, які в основному є лише контурами фігур, або ми можемо малювати форми на основі пікселів . Ми можемо вибрати з цих трьох варіантів, натиснувши відповідну піктограму в панелі параметрів у верхній частині екрана. Оскільки ми хочемо мати можливість змінити розмір нашої стрічки за необхідності без втрати якості зображення, нам потрібно намалювати векторну форму, тому натисніть на значок Шари форми на панелі параметрів (піктограма зліва):
Виберіть між векторними фігурами (зліва), контурами (середній) або на основі пікселів (справа) за допомогою трьох піктограм на панелі параметрів.
Крок 5: Витягніть велику прямокутну форму
Вибраний інструмент «Прямокутник», чорний як колір переднього плану та параметр Шари форми, вибрані на панелі параметрів, ми готові розпочати малювання нашої плівки. Клацніть біля лівого верхнього кута вікна документа та, утримуючи кнопку миші вниз, перетягніть до правого нижнього кута. Ви побачите контур своєї форми, який з’явиться під час перетягування:
Клацніть біля лівого верхнього кута документа, а потім перетягніть до правого нижнього кута.
Намагайтеся залишати рівний простір по краях фігури під час перетягування. Підібравшись до правого нижнього кута, відпустіть кнопку миші. Photoshop малює форму прямокутника і заповнює її чорним кольором:
Photoshop малює форму і наповнює її чорною, коли ви відпускаєте кнопку миші.
Якщо ми заглянемо на мить на панель «Шари», ми можемо побачити, що тепер у нас над фоновим шаром розташований абсолютно новий шар форми під назвою «Форма 1». Векторні форми завжди з’являються на власних шарах, тому не потрібно спочатку додавати новий шар перед малюванням фігури:
Фігури автоматично з’являються на власних шарах на панелі «Шари».
Крок 6: Переключіться в режим "Віднімання з форми форми"
Тепер, коли у нас є початкова форма прямокутника, нам потрібно вирізати з неї кілька отворів, щоб він виглядав більше схожим на плівкову смужку. Спочатку ми вирізаємо велике прямокутне отвір у центрі, яке буде служити основною зоною фото. Якщо ви подивитесь на панель параметрів, ви побачите рядок з п'яти піктограм, кожен із яких демонструє інший макет квадратів. Піктограма посередині - це варіант Відняти з форми форми . Клацніть по ньому, щоб вибрати його:
Клацніть на опції "Відняти з форми форми" на панелі параметрів, щоб вибрати її.
Крок 7: Намалюйте ще одну прямокутну форму посередині початкової форми
Параметр "Відняти від форми форми" дозволяє нам видалити частину наявної форми. Якщо інструмент «Прямокутник» все ще вибрано, намалюйте другу прямокутну форму, цього разу в центрі існуючого прямокутника. Так само, як ми це зробили мить назад, клацніть один раз, щоб встановити верхній лівий кут прямокутника, а потім утримуйте кнопку миші та утримуйте її та перетягніть до правого нижнього кута. Ви побачите контур фігури, що з’являється під час перетягування. Це вирізана область:
Накресліть ще одну прямокутну форму посередині початкової форми.
Відпустіть кнопку миші, коли закінчите. Цього разу, замість того, щоб додати нову форму до документа, Photoshop вирізає отвір у початковому прямокутнику, створивши основну область, де наші фотографії з’являться пізніше:
Створено основну фотозону стрічки.
Крок 8: Виберіть інструмент «Закруглений прямокутник»
Щоб намалювати виїмки уздовж верхньої та нижньої частини стрічки, ми будемо використовувати інструмент « Закруглений прямокутник», який схожий на інструмент «Прямокутник», за винятком того, що, як випливає з його назви, кути закруглені, а не гострі. Зазвичай ми вибираємо інструменти на панелі «Інструменти», але щоразу, коли у нас вибирається інструмент форми, ми можемо легко вибрати будь-який з інших інструментів форми Photoshop безпосередньо з панелі параметрів. Клацніть на значку інструменту «Закруглений прямокутник» на панелі параметрів, щоб вибрати його:
Виберіть інструмент «Закруглений прямокутник» на панелі параметрів.
Крок 9: Встановіть значення радіуса на 10 пікс
Ми можемо контролювати окружність кутів зі значенням радіуса на панелі параметрів. Чим більший радіус, тим більш закругленими будуть кути. Встановіть значення радіуса в 10 пікс (пікселів):
Встановіть значення Радіус на 10 пікс.
Крок 10: Намалюйте закруглену форму прямокутника, щоб створити першу виїмку
Переконайтеся, що на панелі параметрів все ще вибрано параметр «Відняти від форми форми», а потім натисніть та перетягніть невелику закруглену форму прямокутника в лівій частині чорної рамки уздовж верхньої частини стрічки:
Намалюйте невелику округлу форму прямокутника з лівого боку верхньої чорної облямівки.
Відпустіть кнопку миші, коли закінчите. Photoshop використовує форму, щоб вибити першу виїмку у стрічці:
Ще раз Photoshop використовує нову форму, щоб вибити ділянку початкової форми.
Крок 11: Виберіть інструмент вибору шляху
Тепер, коли ми намалювали нашу першу виїмку, ми можемо використовувати її, щоб додати всі інші виїмки уздовж верхньої та нижньої частини стрічки, не маючи насправді жодного з них! Виберіть інструмент вибору шляху на панелі інструментів (чорна стрілка). Ви також можете швидко вибрати його, натиснувши букву А на клавіатурі:
Виберіть інструмент вибору шляху.
Вибравши інструмент вибору шляху, натисніть всередину виїмки, яку ми тільки що додали. Це вибере фігуру. Ви побачите тонкий контур, а навколо нього з'являться точки прив’язки (маленькі квадрати), які дозволяють вам знати, що обрана форма:
Клацніть всередині виїмки за допомогою інструменту вибору шляху, щоб вибрати фігуру.
Крок 12: Перетягніть копію форми
Вибравши фігуру, утримуйте Shift + Alt (Win) / Shift + Option (Mac) та перетягніть вправо. Клавіша Alt / Option дозволяє Photoshop створити копію фігури під час перетягування, тоді як клавіша Shift обмежує напрямок, в який ви можете перетягнути, полегшуючи перетягування прямо вправо, а не під якимсь дивним кутом. Закінчивши, відпустіть кнопку миші, щоб створити другу виїмку уздовж верхньої частини стрічки:
Друга виїмка з’являється у верхній частині стрічки.
Крок 13: Витягніть ще шість примірників форми
Продовжуйте перетягувати більше копій форми, щоб створити залишилися надрізи вгорі стрічки фільму, утримуючи Shift + Alt (Win) / Shift + Option (Mac), натиснувши останню додану форму, перетягнувши її копію вправо, потім відпустити кнопку миші. Не хвилюйтесь про відстань наразі, ми це виправимо за мить. Коли ви закінчите, у вас має бути вісім прорізів уздовж верхньої частини стрічки:
Витягніть ще шість примірників фігури, загалом вісім прорізів по верху.
Крок 14: Виберіть усі виїмки уздовж верхнього ряду
Після того, як ви додали всі вісім висічок у верхньому рядку, утримуйте клавішу Shift і, поки все ще вибрано Інструмент вибору шляху, натискайте на кожну виїмку, поки не буде вибрано всі вони відразу:
Утримуйте Shift і натискайте на кожну виїмку за допомогою інструменту вибору шляху, поки не буде вибрано їх усі.
Крок 15: Клацніть на опцію "Розподілити горизонтальні центри"
Вибравши всі фігури-висічки, натисніть на пункт Розподілити горизонтальні центри вгору на панелі параметрів:
Панель параметрів містить різні варіанти вирівнювання фігур. Клацніть на значку Розподілити горизонтальні центри.
Це розподіляє фігури рівномірно по верхній частині стрічки, виправляючи будь-які проблеми з інтервалом:
Параметр "Розподілити горизонтальні центри" розміщує фігури рівномірно між формою в лівій частині та формою в крайній правій частині.
Крок 16: Скопіюйте рядок фігур донизу плівки
Якщо вибрані фігури в верхньому ряду все ще вибрані, утримуйте Shift + Alt (Win) / Shift + Option (Mac) і перетягніть фігури до нижньої межі смуги фільму. Ще раз клавіша Alt / Option вказує Photoshop зробити копію фігур під час перетягування, тоді як клавіша Shift обмежує напрямок, в який ми можемо перетягнути, що дозволяє легко перетягувати прямо вниз. Ви побачите контур фігур, які з’являються під час перетягування:
Утримуйте Shift + Alt (Win) / Shift + Option (Mac) та перетягніть верхній ряд фігур з висічками до нижнього рядка, створюючи копію фігур під час перетягування.
Як тільки у вас з’являться фігури уздовж нижньої межі, відпустіть кнопку миші. Photoshop вибиває ділянки форми з нижньої частини плівки, створюючи наш другий ряд насічок:
Створення рядків виїмок уздовж нижньої частини смужки плівки - це просто питання копіювання верхнього ряду та перетягування його вниз.
Якщо ми подивимось на шар фігури на панелі «Шари», ми можемо побачити ескіз, який показує нам попередній вигляд того, як виглядає наша форма. Це називається ескізом векторної маски . Ви побачите навколо неї білу межу з виділенням, яка говорить нам про те, що форма обрана на даний момент. Клацніть безпосередньо на мініатюрі, щоб зняти виділення з фігури, оскільки ми закінчили її малювати. Біла рамка виділення навколо ескізу зникне:
Клацніть на ескізі векторної маски, щоб скасувати вибір форми.
Крок 17: Додайте тінь краплі
Наша основна форма плівкової стрічки вже завершена, але давайте трохи надати глибину, додавши невелику тінь для краплі. Клацніть на піктограмі стилів шару внизу панелі «Шари» та виберіть стиль « Тінь випадання» вгорі списку, що з’являється:
Клацніть на піктограмі стилів шару та виберіть «Drop Shadow» зі списку.
Це відкриває діалогове вікно «Стиль шару» Photoshop, встановлене на параметри «Тінь випадання» в середньому стовпці. Встановіть Відстань тіні на 0 px, Spread на 0%, а Розмір тіні - 7 px :
Клацніть на піктограмі стилів шару та виберіть «Drop Shadow» зі списку.
Натисніть кнопку ОК у верхньому правому куті діалогового вікна «Стиль шару», коли закінчите, щоб вийти з нього. Стрічка фільму тепер з’являється із слабкою тінню за нею, хоча це буде простіше побачити у вашому документі, ніж на маленькому скріншоті тут:
Тінь використовується для додання смузі плівки деякої глибини.
Крок 18: Виберіть інструмент «Прямокутник» ще раз
Щоб закінчити нашу плівкову смужку, ми додамо остаточну форму прямокутника, яка буде використана для визначення області, де з’являться фотографії, коли ми додамо їх пізніше. Виберіть інструмент « Прямокутник» ще раз на панелі «Інструменти». Оскільки у нас був обраний інструмент «Закруглений прямокутник» на хвилину тому, вам потрібно буде натиснути інструмент «Закруглений прямокутник» на панелі «Інструменти», а потім утримувати кнопку миші на секунду чи дві, поки не з’явиться меню, що показує інші інструменти доступний у цьому слоті. Виберіть інструмент «Прямокутник» у верхній частині вилітного меню:
Клацніть та утримуйте інструмент «Закруглений прямокутник» на панелі «Інструменти», а потім виберіть «Інструмент прямокутника» у меню «Розгортання».
Крок 19: Змініть колір нової форми на середній сірий
Перш ніж ми додамо нову форму, давайте змінимо її колір на щось інше, ніж чорне, щоб ми змогли побачити його на чорній смузі. Ми вже знаємо, що ми можемо змінити колір форми, змінивши колір переднього плану Photoshop, але ми також можемо змінити колір безпосередньо з панелі параметрів, коли у нас вибрано інструмент форми. Натисніть на кольоровий зразок на панелі параметрів:
Натисніть на кольоровий зразок, щоб встановити колір форми.
Це виводить програму вибору кольорів Photoshop. Давайте використовувати середній сірий колір. Введіть значення 128 для параметрів R, G і B у нижньому центрі діалогового вікна «Вибір кольорів». Це дасть нам наш середній сірий колір. Коли ви закінчите, щоб вийти із програми вибору кольорів, натисніть кнопку ОК:
Встановіть значення R (червоний), G (зелений) та B (синій) на 128 у програмі вибору кольорів.
Крок 20: Намалюйте прямокутну форму, щоб покрити основну зону фотографії
З обраним інструментом «Прямокутник» та сірим кольором у вигляді фігури намалюйте ще одну прямокутну форму, на цей раз трохи більше основної фотозони в центрі смуги. Переконайтеся, що нова форма не поширюється на виїмки уздовж і внизу. Ми хочемо лише висвітлити основну фотозону. Клацніть трохи вище та ліворуч від основної фотозони, щоб встановити початкову точку фігури, потім утримуйте кнопку миші та перетягніть її трохи нижче та праворуч від правого нижнього кута області фотографії:
Намалюйте другий прямокутник лише трохи більше, ніж площа фотографії.
Відпустіть кнопку миші, щоб Photoshop намалював форму і наповнив її обраним нами середнім сірим кольором. Основна зона фотографії тепер повністю покрита, а виїмки уздовж верхньої та нижньої частини стрічки залишаються видимими:
Основна фотозона зараз вкрита другою формою.
Крок 21: Видаліть тінь краплі з нової форми
Якщо ми подивимось на панель «Шари», то можемо побачити, що друга наша форма з’явилася на власному шарі над основною формою смужки. І якщо ми подивимось прямо під шар шару форми, то можемо побачити, що Photoshop автоматично застосував той самий стиль шару шару "Drop Shadow", який ми додали до смужки фільму. Тінь для нашої нової форми нам не потрібна, тому давайте її позбудемося. Клацніть на слові « Ефекти», яке вибере всі стилі шару, застосовані до шару (навіть якщо в цьому випадку у нас є лише один), а потім утримуйте кнопку миші та перетягніть її до піктограми сміття внизу панель шарів. Відпустіть кнопку миші, коли курсор знаходиться над кошиком для сміття, щоб видалити стилі шару:
Клацніть на слово "Ефекти" та перетягніть його вниз до Кошика для сміття, щоб видалити тінь, що випадає.
Крок 22: Перетягніть нову форму під смужку фільму
В даний час друга плівка з’являється над плівковою смужкою. Нам потрібно, щоб він відображався під смужкою плівки, ніби він виступає в якості заповнювача для фотографій, які ми додамо пізніше, а це означає, що нам потрібно перетягнути шар форми під шар плівки. Для цього натисніть кнопку "Форма 2" на панелі "Шари", потім утримуйте кнопку миші та перетягніть шар безпосередньо між фоновим шаром та шаром плівки. Ви дізнаєтесь, що знаходитесь у потрібному місці, коли побачите, що між двома шарами з’являється смужка підсвічування:
Клацніть та перетягніть другу форму між шаром "Фоновий" та шаром стрічки.
Відпустіть кнопку миші, коли з’явиться панель виділення. Сіра форма тепер переміщена під смужку плівки, як нам було потрібно:
Сіра форма тепер з’являється між шаром «Фоновий» та шаром плівки.
Натисніть на ескіз векторної маски для "Форма 2" на панелі "Шари", щоб скасувати вибір форми, і ми закінчили! Наша фільмова стрічка тепер завершена:
Фінальна стрічка фільму, готова до використання як фоторамка та в нашому фотоколажі.
Крок 23: Збережіть смугу фільму як .PSD-файл Photoshop
Якщо вам не заплатять за годину, ви, ймовірно, не захочете перемальовувати стрічку фільму кожного разу, коли захочете її використовувати, тому давайте збережемо її як власний документ Photoshop. Таким чином, ми зможемо відкрити його та знову використовувати його будь-коли. Перейдіть до меню Файл у верхній частині екрана та оберіть Зберегти як :
Перейдіть у меню Файл> Зберегти як.
Це відкриває діалогове вікно «Зберегти як» Photoshop. Я буду називати свій документ "film-strip.psd". Переконайтеся, що ви вибрали Photoshop як формат, а потім збережіть файл у тому місці, яке ви легко запам’ятаєте. Я збираюсь зберегти своє в папці "фотошоп", яку я маю на своєму робочому столі. Натисніть кнопку Зберегти, коли будете готові зберегти файл:
Назвіть файл і збережіть його як документ Photoshop.