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


Буклет – печатное издание, носящее рекламный или информационный характер. При помощи буклетов до аудитории доносится информация о компании либо отдельном продукте, событии или мероприятии.

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

Создание буклета

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

Макет

Как известно, буклет состоит из трех отдельных частей или из двух разворотов, с информацией на лицевой и тыльной стороне. Исходя из этого, нам понадобится два отдельных документа.

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

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

Далее необходимо определиться, какие данные будут располагаться на каждой стороне. Для этого лучше всего подойдет обычный лист бумаги. Именно этот «дедовский» способ позволит Вам понять, каким образом должен выглядеть конечный результат.

Лист сворачивается, как буклет, а потом наносится информация.

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

Когда концепт готов, можно приступать к работе в Фотошопе. При проектировании макета не бывает маловажных моментов, поэтому будьте максимально внимательны.

  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.

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

Помогла ли Вам статья?
Да Нет
Задайте вопрос или оставьте мнение
Получить ответ на Email
Уведомить о

7 ответов
По рейтингу
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии
@sergeylopukhov
27 августа 2019 15:00

Почему нельзя просто ссылку, на макет развертки.?!

ЭЛЛИ
20 января 2019 21:36

СПАСИБО
ПРОСТО ОГРОМНЕЙШЕЕ СПАСИБО

Елена Краузе
16 сентября 2017 01:58

Я целый день угрохала на то, чтобы понять, как построить эту чёртову сетку для формата А5 с одним сгибом и тут эта статья и о боги, у меня получилось, так до меня ещё дошло наконец-таки, как всё это устроено. ОГРОМНОЕ СПАСИБО.

Аноним
13 марта 2019 21:00

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

Аноним
21 февраля 2020 09:56

вот тоже считаю что приятно было бы дочитать статью до конца и увидеть приложенный готовый макет!

Анастасия
9 марта 2020 19:03

Здравствуйте, я не совсем поняла как делать разметки полей…Расскажите поподробнееОчень прошу

Дмитрий
22 августа 2020 12:24

А я не въехал почему нужно изначально делать -20мм.
допустим мне нужен буклет 100*210
и выходит даже если потом мы прибавляем эти 20мм обратно, на них все равно ничего не будет, а значит ширина и длина контента сокращается. и буклет выйдет 80*190
Значит наоборот нужно прибавлять же

Инструкции по операционным системам:
AndroidAndroid iOSiOS Windows 11Windows 11 Windows 10Windows 10 Windows 7Windows 7 Windows 8Windows 8 Windows XPWindows XP Общее по компьютерамОбщее по компьютерам LinuxLinux macOSmacOS
Инструкции по мессенджерам и соц.сетям:
ВконтактеВконтакте ОдноклассникиОдноклассники TelegramTelegram ViberViber WhatsAppWhatsApp SkypeSkype ZoomZoom InstagramInstagram
Инструкции по работе в программах:
WordWord ExcelExcel PowerPointPowerPoint OutlookOutlook DirectXDirectX PhotoshopPhotoshop LightroomLightroom Premiere ProPremiere Pro Google ChromeGoogle Chrome Яндекс БраузерЯндекс Браузер Mozilla FirefoxMozilla Firefox OperaOpera Internet ExplorerInternet Explorer Уроки по остальным браузерамПо остальным браузерам Расширения для браузеровРасширения браузеров Уроки по антивирусамПо антивирусам AvastAvast AudacityAudacity Apple IDApple ID AutoCADAutoCAD BandicamBandicam BlueStacksBlueStacks DAEMON ToolsDAEMON Tools DiscordDiscord Epic GamesEpic Games FL StudioFL Studio HamachiHamachi iСloudiСloud iTunesiTunes OBSOBS OriginOrigin Play MarketPlay Market Sony VegasSony Vegas SpotifySpotify SteamSteam TeamViewerTeamViewer The Bat!The Bat! TikTokTikTok TunngleTunngle UltraISOUltraISO uTorrentuTorrent VirtualBoxVirtualBox Торрент клиентыТоррент клиенты Яндекс ДискЯндекс Диск Яндекс.КартыЯндекс.Карты Яндекс.НавигаторЯндекс.Навигатор В остальных программахВ остальных программах Драйвера для устройствДрайвера Подборки программПодобрать программу Остальные программыСкачать программы
Инструкции по онлайн-сервисам:
ЯндексЯндекс GoogleGoogle ДзенДзен YouTubeYouTube FacebookFacebook TwitterTwitter AliExpressAliExpress AvitoAvito ChatGPTChatGPT QiwiQiwi Другие онлайн-сервисыДругие сервисы Все о почтеВсе о почте Яндекс почтаЯндекс почта GmailGmail Почта Mail.ruПочта Mail.ru Рамблер почтаРамблер почта
Инструкции по телефонам:
SamsungSamsung XiaomiXiaomi HuaweiHuawei Прошивки устройствПрошивки телефонов ТелефонОбщие по телефонам
Инструкции по периферийным устройствам:
МышкаМышка КлавиатураКлавиатура ПринтерПринтер РоутерРоутер ФлешкаФлешка Карта памятиКарта памяти HDMIHDMI Игровые консолиИгровые консоли Яндекс СтанцияЯндекс Станция AirPodsAirPods
Инструкции по комплектующим:
Материнская платаМатеринская плата ПроцессорПроцессор ВидеокартаВидеокарта SSD дискиSSD диски Жесткий дискЖесткий диск BIOSBIOS