—»     —»   Уроки Photoshop: Разработка макета складывающейся брошюры
  Раздел: Образование и Изучение   Комментариев: 4  

Уроки Photoshop: Разработка макета складывающейся брошюры

Если вы новичок в печатном деле, то теперь у вас есть возможность забыть о головной боли, связанной с утомительной работой над печатной продукцией и всеми этими векторными «штуковинами». С помощью этого руководства вы можете создать готовую к печати складываемую брошюру только лишь с помощью Photoshop. Показанные здесь техники можно применить к процессу разработки и других документов вроде флаеров, визитных карт и т.д.

Превью результата

Уроки Photoshop: Разработка макета складывающейся брошюры

Создаем готовую к печати складываемую брошюру формата А4

Подробности

ПО: Adobe Photoshop CS4
Уровень сложности: Средний/тяжелый
Необходимое время: 2 часа

Этап 1 – Концепт

В любом проекте требуется концепт (идея). Сначала нужно распланировать всё, чтобы не застопориться в середине процесса. Сейчас нам нужно определить размеры нашего документа. Лучше всего делать это с помощью ручки/карандаша и листа бумаги – так вы сможете быстро обрисовать форму и необходимые элементы. Мы разрабатываем брошюру, которая в сложенном состоянии будет иметь формат листа А4. Если вы хотите использовать другие форматы, то просто не забывайте про размеры и пропорцию. Лучше всего работать в миллиметрах. Если же вы захотите использовать дюймы, то вам нужно будет конвертировать все наши значения (Photoshop делает это автоматически). На самом деле, наш набросок представляет собой одну большую несуразицу, поэтому мы решили четко графическим способом выделить концепт. Не нужно придавать этому особое значение, просто вписывайте нужные значения, и не морочьте себе голову. Большие цифры определяют расположение отдельных страниц. Имейте в виду, что главная страница находится в самом конце документа, а последняя находится в середине. Сначала это может запутать, но здесь работает лишь логика. Вам важно представить эту брошюру в голове. К тому же, важно учитывать реальные размеры бумаги, и размеры документа, подготовленного к печати. Также хотим вам рассказать, что подобный тип складывания называется C (си).

Уроки Photoshop: Разработка макета складывающейся брошюры

Этап 2 – Разрешение

Разрешение – это, пожалуй, самое важное, что следует учитывать (кроме самого дизайна). При создании нового документа вы можете выставить разрешение следующим образом:

Уроки Photoshop: Разработка макета складывающейся брошюры

Принтеры печатают маленькие цветные точечки на листе бумаги. Таким образом обычно работают принтеры. И DPI (dots per inch или точек на дюйм) – это значение, которое определяет чисто этих точек в одном дюйме. Вы также можете использовать DPCM (точек на см), но лично мы никогда не сталкивались ни с дизайнерами, ни с печатными компаниями, которые пользовались бы этой единицей изменения. Хотя их можно свободно переключать в Photoshop. При создании нового документа просто впишите значение 72 pixels/inch (Это PPI, а не DPI, но это значение часто называют DPI). Если вы поменяете единицу измерения на pixels/cm…

Уроки Photoshop: Разработка макета складывающейся брошюры

…значение автоматически переключится на 28,346. То же самое произойдет, если вы измените единицы измерения (если вы измените пиксели на cm/inches, то значение dpi здесь будет играть свою роль). При создании изображений для экранов компьютеров зачастую используется значение 72dpi. На самом деле dpi здесь вообще не имеет значения, так как соотношение пикселей и dpi влияет только на печатную продукцию. Можете считать, что это нечто вроде легенды. Универсальное значение для печатной продукции 300dpi. Этот минимальное значение для того, чтобы получилось довольно резкое красивое изображение на маленьких поверхностях (визитные карточки, брошюры, билеты и прочее). Но это значение используется не всегда. Так как мы разрабатываем брошюру формата А4, которую можно хорошо видеть и прочитать, держа в руках. Некоторые печатные фирмы советуют использовать 600dpi и выше. В прошлом мы занимались разработкой баннера, который висел на стене, и разрешение там было 28dpi (если бы мы тогда использовали 300dpi, то наша вычислительная техника просто-напросто сгорела бы если не при разработке такого документа, то при сохранении). Понятное дело, что 28dpi – это очень мало, и если держать в руках часть того самого баннера, будет видно, что печать там очень плохая. Тем не менее, с дальнего расстояния (на улице, к примеру) баннер смотрелся очень четко и резко.

Опять же, кратко о DPI. DPI определяет число точек, которые представляют собой «детальность» изображения. Точки выстраиваются в ряды и строчки. Горизонтальное и вертикальное число точек может отличаться, но сейчас мы не будем забивать вам голову этим. Просто запомните – используйте 300dpi, если нет конкретных требований к печатной продукции.

Уроки Photoshop: Разработка макета складывающейся брошюры

Этап 3 – По поводу краев и полей

Что представляют собой края? Как видно в первом этапе, наш документ немного превышает тот размер, который мы хотим напечатать. Просто посмотрите на то, что может произойти, если не уделять внимание краям, и вам все станет ясно. Для начала, мы хотим рассказать вам одну нехорошую историю.

Уроки Photoshop: Разработка макета складывающейся брошюры

Давайте проясним, края – это те части дизайна, которые будут обрезаны после печати. Они выпадут из дизайна. Зачастую они отнимают где-то 1мм документа. Если мы используем такие размеры нашей визитной карточки, как показано в неудачном примере, то у нас появятся эти неприятные белые линии. Но, если мы расширим наш дизайн на несколько миллиметров, то это все можно скрыть. Именно для этого нужны края. Нашей брошюре мы выставляем 2-хмиллиметровые края, но обычно оставляют по 3мм. Мы оставили 2 только потому, что нам так рекомендовала печатная компания. Некоторые позволяют оставлять даже 1мм. Если вы не знаете, насколько большими должны быть ваши края, выставляйте 3мм (0.125 дюйма) с каждой стороны. Иногда бывает так, что печатается документ, где по краям везде белый фон и сам рисунок не заходит за край – в таких случаях выставлять края не требуется. Но вы должны об этом знать в любом случае. Теперь давайте попробуйем сделать визитную карточку с краями. Размер 3,5х2 – это 89х51мм, что является стандартом в США (но так же используется в других странах). Стандартный размер в Польше составляет 90 на 50 мм. Разница невелика, то мы воспользуемся вторым вариантом, чтобы более четко продемонстрировать вычисления.

Уроки Photoshop: Разработка макета складывающейся брошюры

Как видно, мы добавили по 3 мм с каждой стороны документа. Так какие же следует вводить значения? Используем следующее вычисление:

Реальный размер: 90х50мм
Размер краев: 3мм
Добавляем края: 90+(3*2)х50+(3*2)
Размер документа: 96х56мм

Обратите внимание, что при добавлении краев к документу, мы умножаем их на два. Это потому, что края ведь с обеих сторон. Не забывайте об этом. Границы документа определяются метками обрезки (они показывают места, где страница должна быть обрезана, вы можете видеть это на «плохом примере», приведенном сверху). Тем не менее, мы не можем их сделать автоматически в Photoshop (насколько нам известно). Мы можем нарисовать их вручную, но этого обычно никто не делает. Проще всего импортировать документ в illustrator, и там края добавятся автоматически. Если у вас нет ни Adobe Illustrator, ни InDesign, просто сообщите сотруднику печатной компании, что вам нужны края в 3мм. Это все делается секунду, не больше (позже мы покажем вам, как это делается).

Теперь немного о полях. Это лишь вопрос безопасности. Если в случае с краями у нас появляется миллиметровая белая полоска, то здесь, наоборот, этот миллиметр вырезается из документа. Если вы не хотите ничего терять из дизайна, то важно правильно расположить все необходимое (логотип или текст), на некотором расстоянии от края. Обычно рекомендуют оставлять 5мм.

Уроки Photoshop: Разработка макета складывающейся брошюры

Этап 4 – Как легко добавить края и поля

Давайте еще раз обратимся к тому шаблону визитной карточки. Прежде всего – концепт. Наша визитная карточка имеет размер 90х50мм. Нам нужно добавить направляющие, которыми мы обозначим поля и края. Это наиболее быстрый способ, который нам известен. Также неплохо было бы для себя создать файл, где уже заранее выставлены все нужные направляющие. Это хорошо экономит время – вы просто открываете заготовку вместо того, чтобы создавать новый проект и выставлять направляющие заново. Давайте предположим, что у нас будет 5-имиллиметровые поля и 3-хмиллиметровые края. Края увеличивают общий размер документа, а поля находятся на самом документе. Дальнейшие действия могут немного запутать вас, но постарайтесь сосредоточиться на работе. Поля у нас есть с обеих сторон, поэтому в целом они занимают 10мм документа по горизонтали и вертикали (а края добавляют по 3мм с каждой сторон, поэтому они в общем составят 6мм). Теперь возьмите реальные размеры (90х50) и отнимите с каждой стороны ширину поля (10х10). Таким образом у нас получится документ в размере 80х40мм. Создайте новый документ Photoshop с этим размером. Теперь вам не придется ничего дальше вычислять.

Уроки Photoshop: Разработка макета складывающейся брошюры

Теперь пройдите в меню View > New Guide (дважды) и добавьте горизонтальные и вертикальные направляющие с 0px в поле ввода.

Уроки Photoshop: Разработка макета складывающейся брошюры

Повторите это действие, но вместо того, чтобы вводить 0px, введите 100% (вы можете выставлять направляющие не только в сантиметрах, но и в процентном соотношении, в дюймах и т.д.). У вас должно получиться следующее:

Уроки Photoshop: Разработка макета складывающейся брошюры

Затем пройдите в меню Image > Canvas size и введите значение 10 миллиметров в каждое поле (это будет размер полей). Убедитесь, что поле Relative выделено.

Уроки Photoshop: Разработка макета складывающейся брошюры

И опять же, таким же образом добавьте направляющие. Подсказка: вы можете сохранить процесс создания направляющих в Photoshop в виде action (чтобы вам не пришлось вводить конкретные значения, сохраните просто начало и конец), таким образом ускорив работу.

Уроки Photoshop: Разработка макета складывающейся брошюры

И еще раз пройдите в меню Image > Canvas size, и введите 6мм в поля – на этот раз это размер краев. Как видно, значения относительные и всегда одинаковые, из этого у нас есть возможность создать один большой action в Photoshop, который значительно ускорит процесс.

Уроки Photoshop: Разработка макета складывающейся брошюры
Уроки Photoshop: Разработка макета складывающейся брошюры

Мы уже позаботились об этом, подготовили. Во время воспроизведения этого action диалоговое окно будет открываться 4 раза. Просто введите 100% в поле, и каждый раз нажимайте Enter. На этом всё. Легкий процесс становится еще более легким. Конечно же, иногда вам нужно использовать иной размер краев, поэтому важно не забывать, как все это делается руками.

* Margins&bleeds.atn | 1,5 KB

Этап 5 – Довольно разговоров, – приступаем к разработке дизайна!

Итак, всю «грязную» работу мы на сегодня закончили. Надеемся, вы извлекли нечто новое для себя. Теперь можно перейти к непосредственно разработке дизайна. Вы хоть помните, что мы сегодня собрались создавать? Что-то нам кажется, что мы совсем вас запутали с этим примером визитной карточки. Сегодня мы занимаемся разработкой складной брошюры формата А4:

Уроки Photoshop: Разработка макета складывающейся брошюры

Вот трехмерный концепт, который поможет вам более наглядно видеть то, что мы делаем.

Уроки Photoshop: Разработка макета складывающейся брошюры

Заметили что-нибудь? Когда вы выставите края, у вас получатся следующие размеры страниц: 208 / 211 / 211. Почему здесь есть отличие? Это необходимо для нормального складывания. Самая маленькая страница должна быть скрыта в двух других. Если ее размер будет 211мм (как у остальных), то она просто не уместится с складку. Исключив эту пару миллиметров, вы можете избежать серьезной проблемы.

Уроки Photoshop: Разработка макета складывающейся брошюры

Итак, мы можем прямо отсюда начать работать. Прежде всего, создайте новый документ с реальным размером, уменьшенным на 10мм по обеим осям (поля). Просто повторите 4 этап. Мы используем края толщиной в 2мм, вместо стандартных 3мм. Мы просто запускаем собственный action, а затем просто открываем меню Image > Canvas size, и вписываем -2мм (-1мм?) в каждое поле ввода (не забывайте про галочку напротив Relative).

Уроки Photoshop: Разработка макета складывающейся брошюры
Уроки Photoshop: Разработка макета складывающейся брошюры

Теперь нам нужно создать дополнительные направляющие, которые будут определять место складывания. Здесь есть небольшая хитрость. Нам нужно создавать разные направляющие для внутренней и для внешней стороны брошюры. Давайте посмотрим, как это все обрезается.

Уроки Photoshop: Разработка макета складывающейся брошюры

Прежде всего, давайте мы расскажем вам, как удалять уже выставленные направляющие в Photoshop. Это понадобится вам, если вы случайно выставите их не в том месте. Здесь у нас начинается магия – нажмите V или выберите инструмент перемещения (Move Tool), кликните по направляющей, которую вы хотите удалить, и перетащите её за пределы документа – она исчезнет. Если вы хотите повернуть направляющую на 90 градусов, то можете просто нажать Alt и кликнуть в той точке, где она должна повернуться. Если вы хотите переместить направляющую на 10 пикселей и размножить её, то нужно делать это, удерживая клавишу Shift. Теперь давайте выставим направляющие для складывания. Пройдите в меню View > New Guide и введите 213mm в поле ввода. Повторите этот шаг, но уже со значением 424mm (213+211). Сохраните документ как inside.psd. Теперь удалите обе направляющие и добавьте две новые, но теперь уже вводите значения 210mm и 421mm (210+211). Затем сохраните документ под именем outside.psd. Теперь мы приступим к работе с документом outside.psd, а документ inside.psd останется нетронутым в виде пустого бланка с направляющими.

Этап 6 – Лицевая сторона

Вы можете начать с заливки всего документа белым цветом. Нам тоже придется это сделать, потому что мы предпочитаем начинать работу с прозрачного фона. Такой вот выбор. Просто не нравится авто-заполнение при изменении размера холста и т.д. Вы можете использовать данный тип брошюры для представления работы клиентам. Нам кажется, что такой подход довольно часто встречается в работе. Нам также попадались C-брошюры, в которых было размещено резюме. Мы используем выдуманные компании с выдуманной продукцией и предложениями. Поэтому не нужно думать, что мы здесь что-то рекламируем – просто используем для наглядности. Мы не будем пользоваться изображениями, так как изображения каждый размещает по-своему. Конечно же, мы предложим вам пример, но вы сами должны решить, где лучше будет отобразить то или иное изображение. Мы воспользуемся иллюстрациями, которые вы можете видеть на сайте. Вам будет удобнее, если использовать группы и сортировку слоев.

Уроки Photoshop: Разработка макета складывающейся брошюры

Создайте выделение с помощью инструмента создания прямоугольного выделения (rectangle marquee tool). Здесь вам как раз помогут направляющие. Выделение должно охватывать 1/3 документа, - это и будет лицевая сторона.

Уроки Photoshop: Разработка макета складывающейся брошюры

Затем залейте выделение цветом #c96003. На самом деле, нам следовало бы приводить вам цвета в формате CMYK, так как именно в этом режиме цвета мы работаем, но есть некоторые причины к тому, почему мы этого не делаем: прежде всего, вам не столь важно использовать прямо-таки те же самые цвета; во-вторых, палитра в CMYK не может быть точно отображена на экране компьютера (так как система отображает цвета RGB). Так что, если вы хотите использовать какой-то определенный цвет, то вам следует воспользоваться палитрой цветов из печатной фирмы, либо вы можете просто отпечатать несколько версий с разным цветом фона. В конце концов, вы можете просто выбрать цвет и вставить его в hex-значение в пипетке, и тогда сможете получить CMYK-значения. Теперь мы поиграем немного с инструментом заливки градацией (Gradient Tool), чтобы наш фон был немного живее. Наши градации должны быть применены в качестве обтравочных масок (clipping mask). Для того чтобы создать обтравочную маску, переместите курсор между слоями в окне слоев. Зажмите Alt, и когда курсор изменится, кликните левой кнопкой мыши. Теперь обтравочный слой не будет выходить за пределы основного слоя. Используйте цвет схожий с #e6b338 для того чтобы сделать несколько радиальных и линейных градаций. Уровень плотности отображения (opacity) для нашего инструмента создания градаций выставлен на 30%. Примечание: если вы используете градации для печатной продукции, то постарайтесь сделать так, чтобы отличались как минимум на 5% в CMYK-значении, иначе их просто не будет заметно.

Уроки Photoshop: Разработка макета складывающейся брошюры
Уроки Photoshop: Разработка макета складывающейся брошюры

Теперь проделайте то же самое, только с цветом #8d261c.

Уроки Photoshop: Разработка макета складывающейся брошюры

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

Уроки Photoshop: Разработка макета складывающейся брошюры

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

Уроки Photoshop: Разработка макета складывающейся брошюры

Небольшой трюк: воспользуйтесь инструментом создания округлого выделения (Elliptical marquee tool), и создайте большой эллипс по всей странице.

Уроки Photoshop: Разработка макета складывающейся брошюры

Затем, с помощью инструмента создании градаций (с уровнем плотности отображения на 30%) создайте 2 или 3 градации белого цвета. В самом конце измените уровень плотности отображения слоя с градацией на Мягкое освещение (Soft light) или Наложение (Overlay).

Уроки Photoshop: Разработка макета складывающейся брошюры

Повторите эту процедуру пару раз. Вы так же можете попробовать черный цвет.

Уроки Photoshop: Разработка макета складывающейся брошюры

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

Этап 7 – Страница 6

Задняя сторона – идеальное место для того, чтобы разместить карту и контактные данные. Все складные брошюры, которые мы когда-либо разрабатывали, были основаны на этом концепте. Иногда там размещают различные фотографии компании. Просто сохраняйте простоту. Нам кажется, что многие люди чисто интуитивно в поисках контактных данных смотрят на заднюю сторону. Создайте выделение между направляющими. Убедитесь, что включена привязка.

Уроки Photoshop: Разработка макета складывающейся брошюры

Это поможет вам при работе с направляющими, и поспособствует тому, что дизайн будет более четкий. Залейте слой темно-серым цветом. Затем добавьте немного текста – готово! Нам бы не хотелось захламлять страницу. Воспользуйтесь преимуществом панели Символов (Character panel) и поиграйте со шрифтами – это очень важная часть дизайна печатной продукции.

Уроки Photoshop: Разработка макета складывающейся брошюры

Под красной стрелкой вы можете выставить ведущую строку среди выделенных в данный момент (или строки). Под зелеными стрелками вы можете отредактировать расположение символов (расстояние между ними). Иногда вам нужно будет растянуть весь текст – для этого нужно просто выделить его и изменить расположение. Эти опции очень удобны, так что поэкспериментируйте с ними. Ниже приводим вам уже законченную страницу.

Уроки Photoshop: Разработка макета складывающейся брошюры

Этап 8 – Страница 5

Мы почти добрались до последней страницы. Сейчас займемся первой страницей, которую вы будете видеть при открытии брошюры. Здесь неплохой идеей будет поместить некоторую информацию о компании, либо связать наполнение этой страницы с контентом страницы 2. В окне слоев расположите эту страницу под 6 и 1 страницами. Что бы вы ни нарисовали или не написали на ней, если это будет выходить за пределы страницы, то будет покрыто ранее созданными фонами.

Уроки Photoshop: Разработка макета складывающейся брошюры

Мы решили здесь расположить страницу с информацией. В большинстве случаев эта информация находится на странице 2, а контент 5 страницы привязывается к содержимому страниц 3 и 4. Нам кажется, что это немного неудобно, и с точки зрения удобства использования мы соединили 2, 3 и 4 страницы вместе, а 5 оставили отдельно. Мы также немного изменили внешний вид страницы 6, но без серьезных изменений. Так как контент должен быть раздельным, мы просто соединили фоны. Мы планируем сделать оранжевый фон по всей брошюре. Залейте фон тем же цветом, который вы использовали на странице 6. Затем создайте выделение. Нечто вроде этого:

Уроки Photoshop: Разработка макета складывающейся брошюры

Стилизуйте это выделение как лицевую сторону. То есть, залейте её оранжевым цветом и добавьте немного градаций. Теперь три страницы выглядят следующим образом:

Уроки Photoshop: Разработка макета складывающейся брошюры

Сделайте заголовок. Здесь суть заключается в том, чтобы смешать два цвета.

Уроки Photoshop: Разработка макета складывающейся брошюры

Теперь возьмите Ручку (Pen) и создайте форму, которая подойдет области с оранжевым цветом. Не беспокойтесь о цвете.

Уроки Photoshop: Разработка макета складывающейся брошюры

Теперь возьмите инструмент создания текста (Type Tool) и переместите курсор мыши над этой формой. Обратите внимание на то, что курсор изменился. Если вы передвинете его к границе формы, то появится дополнительная линия. После произведения клика, у вас появится возможность писать текст вокруг формы. Внутри формы у курсора будет дополнительный круг. После произведения клика границы вашего текста будут ограничены размерами формы. Итак, кликайте внутри формы – это и будет область для информации «о нас». Она может быть более объемной или, наоборот, сокращенной. Мы же воспользуемся простым наполнителем.

Уроки Photoshop: Разработка макета складывающейся брошюры

Наиболее приближенный к оригиналу предварительный просмотр нашей разработки можно будет увидеть при увеличении в среднем на 33%. Старайтесь использовать это знание при подборе правильного размера шрифта. После написания текста вы можете скрыть или удалить форму (на самом деле, вы можете создать простой путь вместо формы, но нам хотелось более наглядно вам показать на примере). Вы так же можете растянуть весь текст, чтобы он лучше заполнял форму, но в таком случае постарайтесь избегать большой разбежки между словами (вы можете использовать выравнивание по левому или правому краям или по центру).

Уроки Photoshop: Разработка макета складывающейся брошюры

Под текстом вы можете поместить изображения, графики и т.д. Здесь всё зависит от вашей фантазии или требований клиента.

Уроки Photoshop: Разработка макета складывающейся брошюры

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

Этап 9 – Страницы: 2, 3 и 4

Откройте ранее подготовленный файл inside.psd. Здесь мы поместим контент на одном дыхании. Нам не хотелось бы уделять много внимания дизайну и контенту, так как здесь все очень строго зависит от предпочтений клиента или назначения брошюры. Поэтому мы не будем описывать каждый незначительный шаг, осветим лишь основное. Итак, залейте всю область документов оранжевым цветом и стилизуйте их градациями, как мы делали это на страницах 1 и 5. Также неплохо было бы добавить немного «шума» в градации. Благодаря этому вы сможете избежать резких переходов в цвете.

Уроки Photoshop: Разработка макета складывающейся брошюры

Мы также добавили маленькую форму, и за счет этого дизайн будет сочетаться с 5-й страницей. Вы увидите это на макетах.

Уроки Photoshop: Разработка макета складывающейся брошюры

Вы можете усовершенствовать свой текст, поместив его в рамку цитаты или на изображение. Здесь все зависит от вашего предпочтения.

Уроки Photoshop: Разработка макета складывающейся брошюры

Также учитывайте тот факт, что брошюру, скорее всего, будут рассматривать с более близкого расстояния, чем вы смотрите на нее на мониторе. Попробуйте сами. Наши дизайнеры обычно смотрят в монитор на расстоянии вытянутой руки + 15 сантиметров. Обычно при просмотре брошюр, люди сгибают руки в локтях, поэтому она гораздо ближе к глазам. Если вам кажется, что шрифт очень маленький, попробуйте распечатать пример на домашнем принтере. Вполне вероятно, что текст окажется очень удобным для чтения. Переходим к странице 2.

Уроки Photoshop: Разработка макета складывающейся брошюры

Наш контент на страницах 3 и 4 будет связан. Мы сделали заголовок для обеих страниц. Обратите внимание на пространство, отмеченное красной стрелкой. Старайтесь располагать текст подальше от областей складки, иначе их будет сложно читать.

Уроки Photoshop: Разработка макета складывающейся брошюры

На странице 3 мы поместим 2 макета книг. Здесь вряд ли нужно что-то объяснять, поэтому мы просто выполняем задачу.

Уроки Photoshop: Разработка макета складывающейся брошюры

И другие простенькие макеты журналов.

Уроки Photoshop: Разработка макета складывающейся брошюры
Уроки Photoshop: Разработка макета складывающейся брошюры

И целый разворот:

Уроки Photoshop: Разработка макета складывающейся брошюры

Этап 10 – Подготовьте макеты

Настанет время, когда вам нужно будет показывать работу клиенту. Не совсем разумно посылать ему просто два предварительных файла (внутреннюю сторону и внешнюю). Его это немного смутит. Ваш клиент вряд ли будет знать хоть что-нибудь о печати, но он точно хотел предварительно увидеть результат вашей работы. Так что, давайте попробуем сделать макет. Наш макет будет очень маленьким ввиду ширины веб-сайта. Постарайтесь, чтобы ваш макет был большим в размере, чуть меньше оригинального размера (на 20-30% меньше исходных размеров). Конечно же, вы можете воспользоваться и нашими макетами. Просто поместите свой дизайн поверх нашего, пройдите в меню Edit > Transform > Distort, и подстройтесь под размеры. Вы даже можете увеличить наш макет, если для вас не так важно качество.

Уроки Photoshop: Разработка макета складывающейся брошюры
Уроки Photoshop: Разработка макета складывающейся брошюры
Уроки Photoshop: Разработка макета складывающейся брошюры
Уроки Photoshop: Разработка макета складывающейся брошюры

Постарайтесь сделать макеты для всех страниц и, если вы умеете это делать, создайте трехмерный макет. Вы можете скачать PSD-файл нашего макета.

* mockup.zip | 3 мб

Этап 11 – Сохраняем для последующей печати

Лучше всего, конечно, поддерживать контакт с печатной фирмой. Нам не приходится создавать какие-то специальные сохранения, так как наша печатная компания принимает в работу и PSD-файлы. Тем не менее, не у каждого есть возможность отсылать (и принимать) файлы размером до 2 гб. Да и в целом ситуация усложняется, если вы не можете лично присутствовать в офисе печатной фирмы. Существуют архиваторы, которые позволяют нам сокращать размеры файлов без потери качества. Вы можете сохранить документ в формат TIFF с включенным сжатием LZW. Некоторые фирмы просят не прикреплять ICC-профиль к документам:

Уроки Photoshop: Разработка макета складывающейся брошюры
Уроки Photoshop: Разработка макета складывающейся брошюры

Нам кажется, что большинство печатных компаний примут файл в таком виде. Если PSD-файл весит 250 мб, то TIFF практически без потери качества будет весить всего 26 мб. Таким образом становится гораздо проще отослать нужный файл. Учитывайте то, что вас могут попросить внести какие-то изменения в документ. Также есть возможность сохранять файл в формате PDF. Выбирайте самое лучшее качество, и не забудьте запретить другим людям редактировать документ.

Уроки Photoshop: Разработка макета складывающейся брошюры

Убедитесь, что вы правильно выбрали предназначение сохранения (имеется в виду, что файл сохраняется для последующей печати). Спросите об этом у своей печатной компании.

Уроки Photoshop: Разработка макета складывающейся брошюры

И… на этом всё! Теперь вы умеете собственноручно разрабатывать брошюры с нуля. Надеемся, что данное руководство помогло вам наработать необходимый навык в сфере печатной продукции. Более того, теперь вы без труда сможете разрабатывать визитные карточки, приглашения, флаеры и т.д. Нужно всего лишь придерживаться правил. Спасибо!

Результат

Уроки Photoshop: Разработка макета складывающейся брошюры

Скачать PSD

* Trifold.zip | 123 мб
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: Photoshop, брошюры, дизайн брошюр
Опубликовал Design FactoRy   Прочитано (раз): 40190   |   Оставлено комментариев: 4
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 8 августа 2012 @ 15:32
Написал: shwepes — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Спасибо за материал. все удачно получилось. результатом доволен
Комментарий #2: 8 августа 2012 @ 15:46
Написал: Design FactoRy — группа: Администраторы  
На сайте с: 21.07.2009   |   Публикаций: 3324   |   Комментариев: 500
ICQ: --- не указано ---
shwepes, пожалуйста ... если не секрет - покажите, что получилось ...
Комментарий #3: 10 января 2014 @ 08:57
Написал: Игорь — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Очень толковая статья! Спасибо!
Комментарий #4: 19 ноября 2015 @ 14:05
Написал: Виктор — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Хорошая и полезная статья! Вот только у меня один вопрос, а то я немного не въехал: формат А4 297*210мм, а макет получается где то 640*300, то есть с другими пропорциями. Как быть при печати?
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица России
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Спонсоры проекта
Баннер в сайдбаре 1 (сквозной)
Баннер в сайдбаре 2 (сквозной)
Спонсоры проекта
Баннер в сайдбаре 3 (сквозной)
Баннер в сайдбаре 4 (сквозной)
Популярные публикации







Свежие шаблоны сайтов каждый день
С миру по нитке
«    Март 2024    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
25262728293031