ІК №24

ІНСТРУКЦІЙНО-ТЕХНОЛОГІЧНА КАРТКА № 24

Тема: Корегування зображень, робота з об’єктами, з кольором, з текстом в Canva. Фотомонтаж та відео монтаж у Canva.

Мета:

• Навчити створювати розширений набір елементів особистого брендингу (логотип, банери для різних платформ, анімоване інтро, візитівка), використовуючи функціонал Canva.

• Поглибити навички розробки візуальної айдентики, включаючи створення варіацій дизайну та адаптацію під різні формати за допомогою функції "Змінити розмір та Magic Switch".

• Практично застосувати широкий спектр інструментів Canva: Набір фірмового стилю, елементи, шрифти, фото, відео, аудіо, Видалення фону, Прозорий фон PNG, анімація, фотоефекти.

• Сформувати цілісне розуміння процесу створення брендингових матеріалів для ефективної самопрезентації дизайнера.

Обладнання та матеріали:

• Персональний комп'ютер або ноутбук з доступом до Інтернету.

• Активний обліковий запис Canva.

• Веб-браузер (рекомендовано Google Chrome, Firefox, Safari або Edge).

• (Опціонально) Власне фото для використання у візуальних матеріалах.

Хід роботи: Створення особистого бренду дизайнера (розширений проєкт)

Ця робота проведе вас через процес створення ключових елементів вашого особистого бренду за допомогою інструментів Canva.

Етап 1: Розробка Логотипу – Основа Бренду (Завдання 1-5)

1. Створення робочої області: У Canva натисніть "Створити дизайн" та оберіть тип "Логотип" (стандартно 500x500px) або створіть власний розмір квадрата, наприклад, 1080x1080px для більшої деталізації.

2. Пошук та комбінування елементів: Перейдіть у вкладку "Елементи". Знайдіть та скомбінуйте 2-3 графічні елементи (абстрактні форми, ініціали, тематичні іконки), щоб створити унікальний візуальний знак, що відображає ваш стиль.

3. Визначення фірмової палітри: Оберіть 2-3 основні кольори для вашого бренду. Можна знайти натхнення у розділі "Стилі" -> Палітри. Збережіть обрані кольори у Набір фірмового стилю для швидкого доступу та застосуйте їх до елементів логотипу.

4. Вибір фірмового шрифту: Якщо ваш логотип містить текст (ім'я, ініціали, слоган), оберіть основний шрифт, який пасує до стилю знаку. Додайте його до Набору фірмового стилю.

5. Фіналізація та експорт логотипу: Згрупуйте всі елементи логотипу (виділіть їх та натисніть "Групувати"). Перейдіть "Поділитися" -> "Завантажити". Оберіть тип файлу PNG та обов'язково увімкніть опцію "Прозорий фон". Це дозволить розміщувати логотип на будь-якому фоні без білої рамки.

Етап 2: Створення Банера для Соціальних Мереж (Завдання 6-13)

1. Створення дизайну банера: Натисніть "Створити дизайн" -> "Власний розмір". Введіть розміри для банера (наприклад, для LinkedIn: 1584 x 396 пікселів).

2. Розміщення логотипу: Перейдіть у "Завантаження", завантажте ваш збережений логотип у форматі PNG (з прозорим фоном) та розмістіть його на банері (зазвичай у лівому або правому куті).

3. Створення фону банера:

   • Варіант 1: Використайте один з фірмових кольорів з Набору фірмового стилю як суцільний фон.

   • Варіант 2: Знайдіть та використайте якісне фото (текстура, абстракція, робоче місце) у вкладці "Фото".

   • Варіант 3: Застосуйте фоновий патерн з вкладки "Елементи".

   • Варіант 4: Згенеруйте унікальний фон за допомогою функції "Текст в зображення" у вкладці "Додатки".

4. Налаштування фону: Якщо використовуєте фото/текстуру, натисніть "Редагувати фото". Скоригуйте яскравість, контраст, застосуйте легке розмиття або тонкий фільтр для того, щоб текст на фоні читався краще.

5. Додавання імені та спеціалізації: Додайте ваше ім'я та професійний титул (напр., "Графічний дизайнер", "Веб-дизайнер"). Використовуйте шрифти та кольори з вашого Набору фірмового стилю.

6. Додавання контактної інформації/посилань: Додайте ключову контактну інформацію (email) або посилання (на портфоліо) разом з відповідними мінімалістичними іконками (шукайте в "Елементах" за ключовими словами, наприклад: "email", "сайт").

7. Додавання фото профілю (опціонально): Завантажте своє фото ("Завантаження"). Натисніть "Редагувати фото" та використайте функцію "Видалення фону". Розмістіть оброблене фото на банері, за потреби скоригуйте розмір та налаштування зображення.

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

Етап 3: Адаптація та Розширення Брендингу (Завдання 14-15)

1. Створення Аватара/Профільного фото: Створіть новий дизайн, наприклад, квадратної форми 800x800px. Розмістіть ваш логотип (або його спрощену версію/монограму) по центру. В якості фону використайте один з основних фірмових кольорів з Набору фірмового стилю. Переконайтеся, що логотип добре читається навіть у маленькому розмірі аватара.

2. Адаптація банера для іншої платформи: Поверніться до готового дизайну банера. У верхньому меню натисніть "Змінити розмір та Magic Switch". У списку популярних форматів знайдіть та оберіть інший потрібний розмір, наприклад, "Обкладинка Facebook" (851x315px). Натисніть "Копіювати та змінити розмір". Canva автоматично створить копію дизайну в новому розмірі. Відкрийте її та відкоригуйте розташування елементів, щоб вони гармонійно виглядали в новому форматі.

Етап 4: Створення Короткого Анімованого Інтро (Завдання 16-21)

1. Створення відео-проєкту: Натисніть "Створити дизайн" -> "Відео" (стандартно 1920 x 1080 px). Встановіть для сцени фон, використовуючи колір або градієнт з вашого Набору фірмового стилю.

2. Анімація логотипу: Додайте на сцену ваш PNG-логотип. Виділіть його та натисніть кнопку "Анімація". Оберіть стильну анімацію для появи логотипу (напр., "Спливання", "Панорама").

3. Анімація тексту: Додайте ваше ім'я та титул, використовуючи фірмові шрифти та кольори з Набору фірмового стилю. Застосуйте до текстових блоків відповідну анімацію появи або руху.

4. Додавання динамічного фонового елементу: Щоб додати глибини, додайте на задній план абстрактне відео (знайдіть у вкладці "Відео", встановіть низьку прозорість) або анімовані графічні елементи ("Елементи" -> Графіка -> поставте галочку "Анімовані").

5. Додавання заклику до дії (опціонально): Додайте короткий текст, наприклад, "Моє Портфоліо" або назву вашого сайту, з простою анімацією в кінці ролика.

6. Додавання аудіо та фіналізація: Перейдіть у вкладку "Аудіо". Знайдіть та додайте коротку інструментальну аудіодоріжку, що пасує до настрою. Налаштуйте загальну тривалість відео (рекомендовано 5-10 секунд). За потреби обріжте аудіодоріжку відповідно до тривалості відео.

Етап 5: Створення Макету Візитівки (Завдання 22-23)

1. Дизайн лицьової сторони: Натисніть "Створити дизайн" -> "Візитівка" (оберіть стандартний розмір, напр., 8.5 x 5.5 см). На першій сторінці розмістіть ваш логотип. Можна додати фоновий елемент/патерн з фірмових кольорів, але зберігайте дизайн чистим та мінімалістичним.

2. Дизайн зворотної сторони: Додайте другу сторінку ("+ Додати сторінку"). Розмістіть тут ваше ім'я, прізвище, титул/спеціалізацію та основну контактну інформацію (телефон, email, сайт/портфоліо). Використовуйте шрифти та іконки з вашого Набору фірмового стилю. Забезпечте достатньо "повітря" (вільного простору) між елементами для хорошої читабельності.

Етап 6: Експерименти та Фіналізація (Завдання 24-25)

1. Застосування просунутого фотоефекту: Поверніться до одного з дизайнів банерів. Дублюйте сторінку для експерименту. Якщо ви використовували фонове фото, виділіть його. Натисніть "Редагувати фото" -> "Ефекти". Спробуйте застосувати:

   • Ефект "Двоколірний", обравши кольори з вашої фірмової палітри.

   • Один з ефектів у розділі "Фотогенічний".
     Це допоможе створити альтернативний, стилізований варіант банера.

2. Експорт усіх створених матеріалів: Переконайтеся, що всі ваші дизайни збережені. Завантажте кожен елемент у відповідному форматі:

   • Логотип: PNG з прозорим фоном (вже експортовано).

   • Аватар: PNG (або JPG високої якості).

   • Банер (для соцмереж): PNG (або JPG високої якості).

   • Адаптований банер (для іншої платформи): PNG (або JPG високої якості).

   • Анімоване інтро: Відео MP4.

   • Візитівка: PDF для друку. При завантаженні оберіть цей тип файлу. За потреби можна увімкнути опції "Обрізні мітки та випуски за обріз" (важливо для передачі в друкарню).