Як використовувати фондову фотографію творчо в межах вашої дизайнерської роботи

Sep 13, 2025

Як

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

Через це короткий покровоз продемонструвати, як деякі квіткові зображення можуть бути використані для створення вражаючого типографічного ілюстрованого плаката за допомогою Photoshop та InDesign.

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

01. Джерело правильних зображень

Start by scouring a library like iStock for suitable imagery — Почніть з боку бібліотеки, як ISTOCK для відповідних зображень

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

02. Маска з квітів та листя

Begin by masking off the flowers from the background — Почніть з маскування квітів з фону

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

Використовуйте інструмент Magic Wand у допуску 30, щоб вибрати всі білі зони, що оточують квіти, зберігаючи зсув, щоб додати до вибору. Як тільки ви щасливі, натисніть Shift + CMD + I, щоб інвертувати вибір, а потім натисніть кнопку маски шару на панелі шарів.

5 нових інструментів співпраці, які потрібно спробувати

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

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

03. Інвертувати та налаштувати кольори

Select the image thumbnail in the layers panel and hit cmd+I to invert the colours — Виберіть ескіз зображення на панелі шарів та натисніть CMD + I, щоб інвертувати кольори

Виберіть ескіз зображення на панелі "Шари" та натисніть CMD + I, щоб інвертувати кольори. Тепер дублюйте шар і налаштуйте кольори у коригуванні (відрегулюйте відтінок та насиченість).

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

Brush away at the top layer layer mask to create interesting combinations of both the colour schemes — Зносить у верхній шарі маски шару для створення цікавих комбінацій обох кольорових схем

04. Створіть типографіку

Using the type tool in InDesign, create your central typography — Використовуючи інструмент типу в InDesign, створіть центральну типографію

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

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

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

05. Зображення Comps

Now for the fun part... — Тепер для веселощів ...

Тепер для задоволення. Почніть розміщення наших висічених квітів у InDesign Doc за допомогою CMD + D. Встановіть зображення, щоб помножити на панелі "Ефекти", щоб ви могли бачити, як вони всі працюють разом і перекриваються. Прагніть мати ділянки, де стебла та листя переплітаються навколо характеру.

06. Крок і повторіть.

Add the final details — Додайте остаточні деталі

Після того, як ви задоволені тим, як зображення будуть інтегруватися з типографікою, встановіть режим змішування до норми та надсилати всі зображення до задньої частини шару за допомогою Shift + CMD + (.

Тепер виберіть перше зображення та використовуйте крок і повторіть CMD, щоб дублювати його на місці. Це принесе зображення на передній план і дозволить вам налаштувати кадр зображень, щоб перекриття виникають лише там, де ви хочете. Повторіть це для всіх зображень. З деякими зображеннями, вам може знадобитися вирізати в кадри зображень, використовуючи інструмент для пера та відняти CMD з панелі PathFinder.

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

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

Як використовувати фондову фотографію творчо в межах вашої дизайнерської роботи

01. Джерело правильних зображень

02. Маска з квітів та листя

03. Інвертувати та налаштувати кольори

04. Створіть типографіку

05. Зображення Comps

06. Крок і повторіть.

Як - Найпопулярніші статті

Як намалювати шию та плечі

Як зупинити свої окуляри, закусившись під час носіння маски

Початок роботи з полум'ям

8 Дивовижні нові графічні підручники

Початок роботи з вавилем 7

Модні гнучкі макети з CSS Grid

Створіть ефект порталу в майя

Намалюйте точні кістки та м'язи

Категорії