Зробити пазл - зробити пазли з фотографій, як зробити пазли своїми руками - фотокто

У цьому уроці ми розглянемо простий спосіб створення пазла з фотографії в Photoshop. Корисно знати, що в Photoshop є спеціальний фільтр Texturizer з безкоштовною текстурою, створеної спеціально для цих цілей. У нашому уроці ми будемо користуватися інструментом Pen Tool.

Ми будемо обробляти цю фотографію:

А ось як він буде виглядати у вигляді пазла:

Фотографія після створення спецефекта

Крок 1: Створюємо копію шару Background

Відкривши фотографію в Photoshop, насамперед створимо копію шару Background, в якому зараз знаходиться наш знімок. На даний момент, це єдиний шар. Створивши його копію, ми зможемо проводити будь-які дії, не завдаючи шкоди оригіналу, який буде зберігатися в шарі Background, до якого можна буде повернутися при необхідності. Найпростіший спосіб зробити копію - натиснути Ctrl + J (Win) / Command + J (Mac). Після цього в панелі шарів у нас з'явився другий шар. Шар Background з оригіналом знаходиться внизу, а копія, автоматично названа "Layer 1", розташовується вище:

Панель шарів з новим шаром "Layer 1" над шаром Background.

Крок 2: Назвемо новий шар "Puzzle".

При роботі в Photoshop вам не завадить звичка давати верствам говорять імена. Поки у вас всього декілька шарів, це може здаватися не дуже потрібним, але іноді в роботі накопичується 50-100 шарів або навіть більше, так що якщо всі вони будуть називатися "Шар 1", "Шар 56", "Шар 83 Копія 4" , ви можете заплутатися. Оскільки в "Layer 1" ми будемо створювати пазл, то, клацнувши прямо по імені шару, назвемо його "Puzzle":

Міняємо назву шару з "Layer 1" на "Puzzle"

Натисніть Enter (Win) / Return (Mac), щоб ввести нове ім'я.

Крок 3: Під шаром "Puzzle" додаємо новий порожній шар

Тепер додамо під шаром "Puzzle" новий шар (він буде розміщуватися між "Puzzle" і Background). На даний момент в панелі шарів обраний шар "Puzzle". Про це говорить його синє підсвічування. Зазвичай при додаванні нового шару в Photoshop він автоматично розташовується над виділеним шаром, так що якщо клацнути по іконці New Layer, яка знаходиться в нижній частині панелі шарів, зараз, то новий шар виявиться вище шару "Puzzle". Натисніть на іконку New Layer, утримуючи Alt (Win) / Option (Mac):

Натискаємо на іконку New Layer, утримуючи Alt (Win) / Option (Mac)

Клавіші Ctrl / Command дають команду додавати новий шар під тим, який активний в даний момент. Новий порожній шар відобразився в панелі шарів. Він знову отримав назву "Layer 1" і розташовується між "Puzzle" і Background layer:

Між "Puzzle" і Background з'явився новий порожній шар

Крок 4: Заллємо новий шар чорним кольором

Цей шар стане фоном для нашого спецефекта, і в якості кольору фону ми поставимо чорний. По крайней мере, на найближчий час. Іншими словами, заллємо шар чорним кольором. У Photoshop для цього є спеціальна команда, вона називається Fill. Її можна знайти в меню Edit у верхній частині екрану. Відкривши його, виберіть Fill:

Відкрийте Edit> Fill

З'явиться діалогове вікно Fill. В опції Contents у верхній частині цього вікна виберіть чорний колір (Black) і натисніть OK, воно закриється.

В опції Contents вибираємо Black

Поки ви не бачите змін, тому що шар "Puzzle" в даний момент приховує з виду все інше, але на мініатюрі шару "Layer 1" в панелі шарів видно, що він тепер залитий чорним кольором:

Мініатюра шару "Layer 1" залита чорним

Ми тільки що рекомендували перейменовувати шари, так що після подвійного клацання по назві шару "Layer 1" ми введемо нове ім'я - "Background color":

Назвемо новий шар "Background color"

Крок 5: Знову переходимо в шар "Puzzle"

Тепер ми займемося малюванням самого пазла, але для цього потрібно вибрати відповідний шар. У нас зараз активний шар "Background color", а потрібен "Puzzle", так що клацнемо по його назві в панелі шарів:

Виберіть "Puzzle" в панелі шарів

Тепер ми готові до створення пазла!

Крок 6: Відкриваємо діалогове вікно "Texturizer"

Як ми вже сказали на початку уроку, завдяки наявності в Photoshop спеціальної текстури нам практично нічого не доведеться робити. Хоча ця текстура вже є на вашому жорсткому диску, в Photoshop вона ще не завантажена, по крайней мере, за замовчуванням. Нам доведеться зробити це самим, але спочатку треба відкрити фільтр Photoshop Texturizer, для чого в меню Filter в верхній частині екрану виберіть Texture, а потім Texturizer:

Відкриваємо Filter> Texture> Texturizer

Крок 7: Завантажуємо текстуру "Puzzle"

Натискаємо на стрілочку праворуч від віконця вибору текстури і вибираємо опцію "Load Texture"

Якщо у вас Mac, все трохи простіше. Папка Photoshop знаходиться на жорсткому диску в директорії Applications. Але, знову ж таки, конкретну назву папки залежить від версії Photoshop.
Знайдіть і відкрийте цю папку. Всередині неї є папка Presets. Відкрийте її і знайдіть папку Textures. У ній знаходяться всі встановлені текстури Photoshop. Вибір досить великий, але для нашого спецефекта знадобиться лише текстура Puzzle. Клацніть по ній і завантажте, натиснувши кнопку Load.

Знаходимо папку Texture в директорії Photoshop і вибираємо текстуру Puzzle

Крок 8: Налаштовуємо опції текстури

Коли ви натиснете OK, діалогове вікно закриється, і на вашій фотографії з'явиться текстура. Ось що вийшло у нас:

Знімок став схожий на зібраний пазл

Головне ми зробили, але пропонуємо прибрати кілька елементів, щоб здавалося, ніби збірка ще в процесі.

Крок 9: Вибираємо інструмент Pen Tool

Ми дійшли до тієї частини уроку, в якій важливе уміння користуватися інструментом Pen Tool в Photoshop. Це пов'язано з тим, що нам належить обводити окремі шматочки пазла, а вони дуже рельєфні. Можна спробувати виділити їх за допомогою іншого інструменту, наприклад, Lasso Tool або Polygonal Lasso Tool, але виглядати це буде, швидше за все, недбало. А інструмент Pen Tool спеціально призначений для малювання кривих ліній, і результат буде куди краще.
Якщо ви вже добре освоїли Pen Tool, то цей урок не представить для вас праці, оскільки зрозумівши, як працює цей інструмент, працювати з ним дуже просто. Перш ніж скористатися інструментом Pen Tool, його потрібно вибрати, так що або візьміть його з панелі інструментів, або просто натисніть букву P на клавіатурі:

Вибираємо інструмент Pen Tool

Крок 10: У панелі опцій вибираємо "Paths"

Вибравши інструмент Pen Tool, перевірте, обрана чи в панелі опцій у верхній частині екрану опція Paths, оскільки ми будемо малювати контур, а не векторну фігуру і не фігуру на основі пікселів:

В панелі опцій вибираємо "Paths"

Крок 11: Обводимо контур навколо якогось шматочка пазла

За допомогою Pen Tool обведемо будь-який шматочок пазла. Ми ніби виріжемо його з картинки, створивши відчуття, ніби він завис в повітрі над картинкою і ось-ось встане на місце. Вибирайте будь-який шматочок. Візьмемо той, який знаходиться над правим оком хлопчика (для глядача він зліва). Обводите його, додаючи опорні точки і маркери напрямки, поки не отримаєте цілий контур. Можна збільшити масштаб, натиснувши Ctrl + пробіл (Win) / Command + пробіл (Mac) - тимчасово активізується інструмент Zoom Tool, і, зробивши кілька клацань по шматочку, ви можете збільшити його до зручного розміру. Можливо, на скріншоті контур видно не дуже добре, так що ми обведемо його кружечком:

Навколо одного з елементів пазла тепер намальований контур

Крок 12: Перетворюємо контур в виділення

Намалювавши контур навколо одного шматочка, натисніть Ctrl + Enter (Win) / Command + Return (Mac). Тепер суцільний контур перетворився в контур виділення:

Натиснувши "Ctrl + Enter" (Win) / "Command + Return" (Mac) ми зробили з контуру виділення

Крок 13: Переносимо виділений шматочок в окремий шар

Виріжемо виділений шматочок пазла з шару "Puzzle" і перенесемо його в окремий шар, після чого на його місці в шарі "Puzzle" залишиться дірка. В панелі шарів до сих пір має бути обраний шар "Puzzle". В меню Layer у верхній частині екрану виберіть New і Layer via Cut:

Відкриваємо Layer> New> Layer via Cut

Виділення вирізається з шару "Puzzle" і переноситься в власний шар, який з'явився в панелі шарів над "Puzzle". Шматочок тепер розташовується у верхньому шарі, який Photoshop знову назвав "Layer 1". Ми дамо йому нове ім'я - "First puzzle piece":

Обведений шматочок пазла тепер знаходиться в окремому шарі, розташованому над шаром "Puzzle"

Крок 14: Переміщаємо і повертаємо шматочок пазла за допомогою Free Transform

Розташуємо шматочок пазла так, немов він ось-ось встане на місце. Запустіть інструмент Photoshop Free Transform, натиснувши Ctrl + T (Win) / Command + T (Mac), і навколо шматочка пазла з'явиться прямокутник з маніпуляторами. Клацнувши зовні цього прямокутника, поверніть його. Потім натисніть всередині прямокутника і за допомогою миші перемістіть його в інше місце. Оскільки глядачу має залишатися зрозуміло, де цього шматочку місце, не повертайте його занадто сильно і не відсуває надто далеко.

Зверніть увагу, що ділянка, де цей шматочок перебував раніше, тепер залитий чорним. Це пов'язано з тим, що ми виконали в шарі "Puzzle" діру, крізь яку проступає чорний шар "Background color":

Ми повернули і зрушили шматочок пазла за допомогою Free Transform

Завершивши роботу, натисніть Enter (Win) / Return (Mac), щоб прийняти зміни і вийти з Free Transform.

Крок 15: Додаємо тінь

Щоб вирізаний шматочок виглядав більш об'ємним і здавалося, що він ширяє в повітрі над пазлом, можна додати тінь. Натисніть на іконку Layer Style в нижній частині панелі шарів і виберіть із списку варіант Drop Shadow:

У списку стилів шарів вибираємо "Drop Shadow"

Відкриється діалогове вікно Layer Style, опції Drop Shadow знаходяться в середній колонці. Знизимо значення Opacity для тіні приблизно до 60%, щоб вона була не дуже темною. Приберіть галочку перед Use Global Light і встановіть кут (Angle) 120 °. Збільште показник Distance приблизно до 16 пікселів, і Size - теж приблизно до 16 пікселів. Як завжди, в кожному конкретному випадку ці показники можуть варіюватися:

Міняємо опції, обведені червоним кружечком

Закінчивши, натисніть OK, і діалогове вікно Layer Style закриється. Ось як виглядає наша фотографія після того, як ми зробили тінь:

Крок 16: Знову переходимо в шар "Puzzle"

Один шматочок ми вирізали і як би вийняли його з пазла. Інший пропоную прибрати повністю. У нас повинен бути обраний шар "Puzzle" - клацніть по його назві в панелі шарів:

Вибираємо шар "Puzzle"

Крок 17: За допомогою Pen Tool малюємо контур навколо іншого шматочка пазла

Точно також обведіть інструментом Pen Tool ще один шматочок на вибір:

За допомогою Pen Tool малюємо контур навколо іншого шматочка пазла

Крок 18: Перетворюємо контур в виділення

Як і минулого разу, натискаємо "Ctrl + Enter" (Win) / "Command + Return" (Mac) і робимо з контуру виділення:

Перетворюємо контур в виділення - Зробити пазл

Крок 19: Видаляємо виділена ділянка

Цей шматочок пазла ми просто видалимо, натиснувши Delete на клавіатурі. Шматочок зникне, а в шарі "Puzzle" утворюється ще одна дірка, крізь яку видно чорний колір фону:

За допомогою кнопки Delete видаляємо шматочок пазла з фотографії - Зробити пазл

Щоб прибрати контур виділення, натисніть Ctrl + D (Win) / Command + D (Mac). Ось що вийшло у нас після видалення одного шматочка:

За допомогою кнопки Delete видаляємо шматочок пазла з фотографії - Зробити пазл

Видаліть ще кілька шматочків, або залишивши їх парити над фотографією (Кроки 11-15), або ж прибравши їх повністю (Кроки 16-19). Вирізаючи або видаляючи кожен новий шматочок, завжди повертайтеся в шар "Puzzle".

Так виглядає наш пазл без кількох деталей:

Для повноти картини вирізаємо або прибираємо ще кілька елементів пазла - зробити пазли з фотографій

Крок 20: Обводимо контур по краю пазла (за бажанням)

Останні кроки виконувати не обов'язково, але особисто ми хочемо зробити цікаву рамку, прибравши шматочки пазла, що потрапили на кордон кадру. Якщо у вас є бажання зробити також, потрібно за допомогою Pen Tool намалювати нерозривний контур по межі тих елементів, які проходять по кордону кадру, як у мене. Оскільки на скріншоті такий контур видно не дуже добре, ми виділимо його жовтим кольором:

Малюємо рельєфний контур по краях пазла, використовуючи Pen Tool - зробити пазли з фотографій

Крок 21: Перетворюємо контур в виділення

Закінчивши, натискаємо "Ctrl + Enter" (Win) / "Command + Return" (Mac) і робимо з контуру виділення:

Натиснувши "Ctrl + Enter" (Win) / "Command + Return" (Mac) ми зробили з контуру виділення - зробити пазли з фотографій

Крок 22: Інвертуємо виділення

Оскільки ми хочемо видалити шматочки пазла, що йдуть по краю, виділити нам потрібно їх. А в даний момент у нас виділено все, крім них. Так що інвертуємо виділення, тобто, знімемо його з тієї ділянки, яка виділена зараз, виділивши те, що в даний момент не виділено. Для цього відкрийте меню Select у верхній частині екрану і виберіть Inverse.

Інвертуємо виділення, відкривши Select> Inverse

Тепер виділені всі шматочки, що лежать по краю:

Тепер виділений не центр, а краю кадру - як зробити пазли своїми руками

Крок 23: Видаляємо краю

Тепер у нас виділені ті елементи пазла, що проходять по краю. Переконавшись, що в панелі шарів виділений шар "Puzzle", видаліть їх за допомогою кнопки Delete. Щоб прибрати контур виділення, натисніть Ctrl + D (Win) / Command + D (Mac).

Краї пазла пропали - як зробити пазли своїми руками

Якщо вам здається, що білий фон буде краще чорного, виберіть шар "Background color" і в меню Edit у верхній частині екрану виберіть Fill. Відкриється діалогове вікно. В опції Contents замість чорного кольору виберіть білий (White) і закрийте вікно, натиснувши ОК.

Щоб змінити колір фону на білий, відкриваємо шар "Background color" і вибираємо команду Fill в меню Edit, а у вікні, вибираємо White в опції Contents

Фон стає білим:

Робимо білий фон - як зробити пазли своїми руками

Крок 24: Додамо тінь від усього пззла (за бажанням)

Це необхідно тільки в тому випадку, якщо ви поміняли колір фону з чорного на білий. Пропонуємо додати легку тінь від пазла. Якщо фон у вас залишився чорним, тінь на ньому не буде видно, так що цей крок можна пропустити.
Щоб зробити тінь, в панелі шарів вибираємо "Puzzle", потім клацаємо по іконці Layer Style, яка знаходиться в нижній частині панелі шарів, і в списку вибираємо Drop Shadow:

Переходимо в шар "Puzzle", натискаємо на іконку Layer Styles і вибираємо "Drop Shadow"

Знову відкриється діалогове вікно Layer Style, де опції Drop Shadow знаходяться в середній колонці. Opacity знижуємо до 60%, щоб тінь була не надто помітною, прибираємо галочку перед Use Global Light, а значення Angle задаємо 120 °. Решта опцій можна залишити, як є:

Міняємо опції тіні, яку буде відкидати пазл

Закінчивши, натисніть OK, і діалогове вікно Layer Style закриється. От і все! Додавши до пазлу тінь, ми закінчили роботу над спецефектом:

Пазл, створений в Photoshop