Верстаємо буклет в Фотошопі

Верстаем буклет в фотошопе
Буклет-друковане видання, що носить рекламний або інформаційний характер. За допомогою буклетів до аудиторії доноситься інформація про компанію або окремому продукті, подію або заході.

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

Створення буклету

Робота над подібними виданнями ділиться на два великих етапи – проектування макета і дизайн документа.

Макет

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

Кожна сторона ділиться на три частини.

Разлиновка макета при создании буклета в Фотошопе

Далі необхідно визначитися, які дані будуть розташовуватися на кожній стороні. Для цього найкраще підійде звичайний аркуш паперу. Саме цей» дідівський " спосіб дозволить вам зрозуміти, яким чином повинен виглядати кінцевий результат.

Лист згортається, як буклет, а потім наноситься інформація.

Подготовка к созданию буклета с помощью листка бумаги в Фотошопе

Коли концепт готовий, можна приступати до роботи в Фотошопі. При проектуванні макета не буває незначних моментів, тому будьте максимально уважні.

  1. Створюємо новий документ в меню»Файл" . Создание нового документа для макета буклета в Фотошопе
  2. В Налаштуваннях вказуємо " міжнародний формат паперу» , Розмір А4 .

    Настройка формата бумаги при создании макета буклета в Фотошопе

  3. Від ширини і висоти віднімаємо по 20 міліметрів . Згодом ми їх додамо до документа, але при друку вони будуть порожніми. Решта настройки не чіпаємо.

    Уменьшение высоты и ширины документа при создании макета буклета в Фотошопе

  4. Після створення файлу йдемо в меню " зображення» і шукаємо пункт " обертання зображення» . Повернемо полотно на 90 градусів в будь-яку сторону.

    Поворот холста на 90 градусов при создании макета буклета в Фотошопе

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

    Урок: застосування напрямних в Фотошопі

    Ограничение холста направляющими при создании макета буклета в Фотошопе
  6. Звертаємося до меню " зображення - розмір полотна» .

    Пункт меню Размер холста в Фотошопе

  7. Додаємо раніше відібрані міліметри до висоти і ширини. Колір розширення полотна повинен бути білим. Зверніть увагу, що значення розмірів можуть виявитися дробовими. В цьому випадку просто повертаємо вихідні значення формату А4 .

    Настройка размера холста при создании макета буклета в Фотошопе

  8. Наявні в даний момент напрямні будуть грати роль ліній відрізу. Для найкращого результату фонове зображення повинно трохи виходити за ці межі. Досить буде 5 міліметрів.
    • Переходимо до меню " перегляд-Нова напрямна» .

      Пункт меню Новая направляющая в Фотошопе

    • Першу вертикальну лінію проводимо в 5 міліметрах від лівого краю.

      Вертикальная направляющая для фонового изображения при создании макета буклета в Фотошопе

    • Таким же способом створюємо і горизонтальну направляючу.

      Горизонтальная направляющая для фонового изображения при создании макета буклета в Фотошопе

    • Шляхом нехитрих обчислень визначаємо положення інших ліній (210-5=205 мм, 297-5=292 мм).

      Создание направляющих для фонового изображения буклета в Фотошопе

  9. При обрізанні друкованої продукції можуть бути допущені помилки в силу різних причин, що може пошкодити контент на нашому буклеті. Для того, щоб уникнути таких неприємностей, потрібно створити так звану «зону безпеки», за межами якої не розташовуються ніякі елементи. Фонового зображення це не стосується. Розмір зони також визначимо в 5 міліметрів.

    Зона безопасности контента при создании макета буклета в Фотошопе

  10. Як ми пам'ятаємо, наш буклет складається з трьох рівних частин, і перед нами стоїть завдання створити три рівні зони для контенту. Можна, звичайно, озброїтися калькулятором і вирахувати точні розміри, але це довго і незручно. Існує прийом, який дозволяє швидко поділити робочий простір на рівні за розміром ділянки.
    • Вибираємо на лівій панелі інструмент»прямокутник" .

      Инструмент прямоугольник для разбивки рабочей зоны на равные части в Фотошопе

    • Створюємо фігуру на полотні. Розмір прямокутника не має значення, головне, щоб сумарна ширина трьох елементів була менше ширини робочої області.

      Создание прямоугольника для разбивки рабочей зоны на равные части в Фотошопе

    • Вибираємо інструмент»переміщення" .

      Выбор инструмента Перемещение для разбивки рабочей зоны на равные части в Фотошопе

    • Затискаємо клавішу ALT на клавіатурі і перетягуємо прямокутник вправо. Разом з переміщенням створиться його копія. Стежимо, щоб між об'єктами не було зазору і нахлеста.

      Создание копии прямоугольника перемещением с зажатой клавишей ALT в Фотошопе

    • Таким же способом робимо ще одну копію.

      Две копии прямоугольника для разбивки рабочей зоны на равные части в Фотошопе

    • Для зручності поміняємо колір кожної копії. Робиться за допомогою подвійного кліка по мініатюрі шару з прямокутником.

      Смена цвета копии прямоугольника при разбивке рабочей зоны на равные части в Фотошопе

    • Виділяємо всі фігури в палітрі з затиснутою клавішею SHIFT (клік по верхньому шару, SHIFT і клік по нижньому).

      Выделение нескольких слоев в палитре в Фотошопе

    • Натискання гарячих клавіш CTRL+T , застосовуємо функцію " вільне перетворення» . Беремося за правий маркер і розтягуємо прямокутники вправо.

      Растягивание прямоугольников Свободным трансформированием в Фотошопе

    • Після натискання клавіші ENTER у нас вийде три рівні фігури.
  11. Для точного проведення напрямних, які будуть ділити робочу область буклету на частини, необхідно включити прив'язку в меню " перегляд» .

    Привязка в Фотошопе

  12. Тепер нові напрямні «прилипнуть» до кордонів прямокутників. Допоміжні фігури нам більше не потрібні, можна їх видалити.

    Направляющие делящие рабочую зону на равные части в Фотошопе

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

    Запятая как разделитель дроби при создании новой направляющей в Фотошопе

  14. Останнім кроком буде проведення ліній відрізу.
    • Беремо інструмент " вертикальний рядок» .

      Инструмент Область-вертикальная строка для проведения линий отреза в Фотошопе

    • Натискаємо по середній направляючої, після чого з'явиться ось таке виділення товщиною 1 піксель:

      Создание выделения инструментом Область-вертикальная строка в Фотошопе

    • Викликаємо вікно настройки заливки гарячими клавішами SHIFT+F5 , вибираємо в випадаючому списку чорний колір і тиснемо ОК . Виділення забирається комбінацією CTRL+D .

      Настройка заливки выделенной области в Фотошопе

    • Для перегляду результату можна тимчасово приховати напрямні поєднанням клавіш CTRL+H .

      Временное скрытие направляющих в Фотошопе

    • Горизонтальні лінії проводяться за допомогою інструменту «горизонтальний рядок» .

      Инструмент Область-горизонтальная строка для проведения линий отреза в Фотошопе

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

Дизайн

Дизайн буклету – справа індивідуальна. Всі складові дизайну обумовлені або смаком, або технічним завданням. В даному уроці обговоримо лише кілька моментів, на які слід звернути увагу.

  1. Фонове зображення.
    Раніше, при створенні шаблону, ми передбачили відступ від лінії відрізу. Це потрібно для того, щоб при обрізанні паперового документа не залишалися білі ділянки по периметру.

    Фон повинен доходити саме до ліній, що визначають цей відступ.

    Расположение фонового изображения при создании буклета в Фотошопе

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

    Урок: Інструменти для створення фігур у фотошопі Графические элементы из фигур при создании буклета в Фотошопе

  3. При роботі над дизайном буклету, не переплутайте інформаційні блоки: лицьовій – справа, другий – тильна сторона, третій блок буде першим, що побачить читач, відкривши буклет.

    Очередность информационных блоков буклета созданного в Фотошопе

  4. Цей пункт – наслідок попереднього. На першому блоці краще розташувати інформацію, яка максимально чітко відображає головну думку буклету. Якщо це компанія або, в нашому випадку, сайт, то це можуть бути основні напрямки діяльності. Бажано супроводити написи зображеннями для більшої наочності.

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

Колірна схема

Перед друком настійно рекомендується перевести колірну схему документа в CMYK , оскільки більшість принтерів не в змозі повністю відобразити кольори RGB .

Смена цветового пространства документа на CMYK в Фотошопе

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

Збереження

Зберігати такі документи можна як у форматі JPEG , так і в PDF .

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

більше статей на цю тему: