Індизайн-відео-тренінг - сучасна практика.

Дизайн ліпового віконця у форматі складання на прикладі спортзалу / фітнес-залу - Частина 2

Усі відео з уроку Індезайн-відео-навчання - сучасна практика

У минулому уроці ми познайомились з вікончастим та згортальним згинами. Крім того, ми налаштували наш листівник і вирізали жінку для переднього плану.


У цьому уроці ми зробимо титульний аркуш.

Дизайн листівки у форматі згинання на прикладі спортзалу / фітнес-центру - Частина 2


Кроки 1–11

Крок 1

Спочатку ми хочемо створити фігури. Для цього ми клікаємо двічі на інструмент багатокутник і вводимо значення 3 у полі Кількість сторін.

Дизайн листівки у складеному форматі на прикладі спортивного залу / фітнес-студії - Частина 2.

Крок 2

Тепер ми створюємо наш трикутник ...

Дизайн листівки у форматі складання на прикладі спортивної залу/фітнес-студії - Частина 2

... і потім розтягуємо його засобом Вибрати.

Дизайн листівок у форматі згинання на прикладі спортивного залу / фітнес-центру - Частина 2

Крок 3

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

Дизайн листівки у форматі складання на прикладі спортивного залу / фітнес-клубу - Частина 2

Крок 4

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

Дизайн листівок у складеному форматі на прикладі спортивної студії / фітнес-студії - Частина 2

Крок 5

Тепер ми хочемо заповнити нашу форму кольором, щоб досягти гармонійного вигляду на листівці, ми обираємо темний сірий колір (#37414a).

Порада: Якщо у вас вже є готовий листівник, ви можете також імпортувати в нього вже наявні кольори. Для цього клікаєте праворуч на панель кольорів, обираєте Завантажити палітру, вибираєте готовий листівник і вибираєте потрібний колір.

Дизайн листівки у форматі "складено" на прикладі спортзалу/фітнес-студії - Частина 2.

Крок 6

У наступному кроці ми встановлюємо непрозорість на 90%, щоб отримати легку прозорість.

Дизайн листівки у форматі згортки на прикладі спортивної студії / фітнес-студії - Частина 2.

Крок 7

Тепер ми копіюємо нашу форму за допомогою Alt+стрілки вправо та трохи розступаємо її, щоб побачити другу форму.

Дизайн листівки у складеному форматі на прикладі спортзалу/фітнес-студії - Частина 2

Крок 8

Потім встановлюємо непрозорість скопійованої форми на 35%.

Дизайн листівки у складеному форматі на прикладі спортивного залу/фітнес-центру - Частина 2

Крок 9

Тепер знову застосовується зображення, вирізане у попередньому уроці (Ctrl+D, обрати вирізану жінку). Ми вставляємо його і змінюємо розмір. Важливо: завжди тримати Ctrl+Shift в натисканні при збільшенні/зменшенні, щоб пропорції жінки не змінилися!

Дизайн листівки в форматі згинання на прикладі спортивної залу / фітнес-студії - Частина 2.

Крок 10

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

Дизайн листівок у форматі згортки на прикладі спортзалу/фітнес-студії - Частина 2

Крок 11

Перш ніж ми вставимо нове тло, нам потрібно скопіювати форми для верхнього правого кута.

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

Дизайн листівки у форматі згортання на прикладі спортзалу/фітнес-центру - Частина 2

Кроки 12–21

Крок 12

У наступному кроці двічі клікаємо на світло-сірий смужку та зсуваємо його трохи, щоб він був з одного боку трохи товщим, а з іншого - трохи тоншим.

Дизайн листівки у форматі згинаючихся форм на прикладі спортивного залу / фітнес-залу - Частина 2

Крок 13

Тепер нам потрібно змінити колір нашої верхньої форми. Відповідно до сірого кольору я обрав гарний бірюзовий. Це я колись обрав у вибирачі кольорів та потім натиснув на кнопку Додати кольорове поле CMYK у вікні вибору кольору. Значення кольору CMYK це C=Cyan 81, M=Magenta 28, Y=Yellow 25, K=Чорнило 7.

Будь ласка, переконайтеся, що для контуру вибрано 0Pt, оскільки нам не потрібен контур. Так само для нашої сірої форми.

Дизайн листівки у складеному форматі на прикладі спортивної студії фітнесу - Частина 2

Крок 14

Тепер нам потрібно наш лозунг "Ми робимо вас впевненими!" Для цього ми вибираємо інструмент Прямокутник (M), встановлюємо колір як білий без контуру та малюємо прямокутник, як показано на зображенні.

Дизайн листівки у форматі "згортка" на прикладі спортивного залу/фітнес-клубу - Частина 2

Крок 15

У нашій щойно створеній рамці ми зараз пишемо "МИ РОБИМО ВАС ВПЕВНЕНИМИ!", встановлюємо шрифт на PT Sans Narrow та розмір тексту на 22 Pt.

Порада: Якщо у вас ще немає цього шрифту, ви можете завантажити його разом з усіма необхідними кроєцтвами з www.fontsquirrel.com.

Дизайн листівки у форматі згинання на прикладі спортивної студії/фітнес-студії - Частина 2

Додатково центруємо наш текст. Щоб текст був також посередині в текстовому полі, переходимо до нашого текстового поля з допомогою Інструменту вибору та правої кнопки миші та там вибираємо у Опції текстового поля (Ctrl+B) опцію Центрувати.

Дизайн листівки у формі згортки на прикладі спортивного залу/фітнес-центру - Частина 2

Крок 16

Досі виглядає все дуже добре, але все ще трохи непримітно. Щоб це виправити, ми відкриваємо наше тлове зображення в Photoshop, додаємо шар налаштування Тон / Насиченість і зменшуємо Насиченість на -100. Тепер зображення повинно бути чорно-білим.

Дизайн листівки у форматі складання на прикладі спортивного залу/фітнес-центру - Частина 2

Крок 17

Потім обираємо наше щойно збережене зображення за допомогою Ctrl+D та розтягуємо його по всій сторінці.

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

Дизайн флаєра у форматі згортки на прикладі спортзалу/фітнес-клубу - Частина 2

Знову переміщуємо зображення за допомогою Ctrl+Ö поступово вглиб і встановлюємо Прозорість на 25%.

Дизайн листівки у форматі згинання на прикладі спортивного залу / фітнес-студії - Частина 2

Крок 18

Наступний етап це створення логотипу компанії. Для цього ми вибираємо інструмент Еліпс (Ellipse), створюємо коло затиснутою клавішею Shift (якщо ви хочете змінити розмір пізніше, обов'язково натисніть Ctrl+Shift) і заливаємо його нашим бірюзовим кольором.

Дизайн листівок у форматі згину на прикладі спортзалу / фітнес-центру - Частина 2.

Крок 19

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

Варіант 1 (для користувачів старіших версій):

Ми копіюємо наше коло за допомогою Ctrl+C та вставляємо його за допомогою Ctrl+Shift+Alt+V на тій же позиції. Тепер ми збільшуємо нашу копію до 48мм x 48мм, фарбуємо її, наприклад, через кольорові поля (Папір) у білий колір та встановлюємо Прозорість на 25%. На останок нам просто залишається перемістити коло, щоб воно дійсно було посередині.

Дизайн листівки у форматі згину на прикладі спортивного залу / фітнес-залу - Частина 2

Варіант 2:

Ми просто вибираємо в Панелі кольорових полів , що наше коло повинно мати Контур, призначаємо йому колір Білий та змінюємо товщину контуру на 3Pt.

Дизайн листівок у форматі згортки на прикладі спортивного залу / фітнес-залу - Частина 2.

Тепер цей контур також має бути прозорим. Ми досягаємо цього через меню Ефекти, коли вибираємо підменю Об'єкт. Відкривається нове діалогове вікно. Тут ми змінюємо Прозорість для Налаштувань контуру на 50%.

Дизайн листівки в форматі відзначковання на прикладі спортивного залу/студії фітнесу - Частина 2

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

Дизайн листівок у форматі складання на прикладі спортзалу/фітнес-центру - Частина 2.

Крок 20

Залишається лише шрифт логотипу. Для цього ми вибираємо наш Інструмент тексту та малюємо текстове поле всередині нашого кола.

Дизайн листівок у форматі згину на прикладі спортзалу/фітнес-клубу - Частина 2

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

Дизайн листівки в згнутому форматі на прикладі спортивного залу/фітнес-центру - Частина 2

Під тільки що створеним текстом ми тягнемо лінію з натиснутою клавішею Shift. Вона має бути товщиною 0,5Pt і як колір ми обираємо світло-сірий. Затискаючи клавішу Space, ми можемо під час тягання переміщати її на правильне місце.

Дизайн листівки в форматі згину за прикладом спортивного залу / фітнес-клубу - Частина 2.

Напис "Для нього і для неї" ми додаємо безпосередньо під текстом. Для цього ми обираємо наше вже існуюче текстове поле, натискаємо Enter і пишемо наш текст. Для цього знову використовуємо шрифт PT Sans Narrow. Потім змінюємо розмір шрифту на 11Pt і міжрядковий інтервал на 18Pt.

Дизайн листівки у форматі згортки на прикладі спортзалу/фітнес-студії - Частина 2

Потім розміщуємо лінію по центру між текстом і налаштовуємо її за допомогою двох вказіввань по центру на буквах S та M. Тепер ми можемо видалити вказіввання по центру, клікнувши на них і натиснувши клавішу Delete.

Дизайн листівки у формі згортки на прикладі спортивної залу/фітнес-центру - Частина 2

Крок 21

Нарешті, є ще три дрібниці для корекції або зміни: наприклад, ми можемо зменшити розмір кола з центру, тримаючи клавіші Shift+Alt,; наша темніша форма в верхньому правому куті все ще потребує напівпрозорості на рівні 90%, щоб і там фон трохи просівався, і ми фарбуємо слова "SIE FIT!" у наш бірюзовий колір. Завершено!

Дизайн листівки в форматі згортки на прикладі спортзалу/фітнес-центру - Частина 2