Создание макета в программе верстки (а не в фотошопе :(=) / полезные азы.
Автор: Erik BauerНедавно я делал плакат. В Петербурге, в Арт центре "Борей" акция.
https://vk.com/wall1550015_774
***
точнее говоря - это два плаката, (потом их число стало нарастать)
но я пишу "плакат" не просто так. Скоро вы поймете, почему. ("...их число стало нарастать!" но стиль одинаковый)
И меня, как это у меня часто с работой на ПК, ломало взять и сделать - но время поджимало, надо было, вот и всё. Еле попу оторвал и занялся.
***
Результаты мне понравились. Клиенту тоже. Я показывал все этапы и мы много уже сразу обсуждали. Тексты и изображения мне были удобно подготовлены.
***
Плакат я делал в программе для верстки печатных изданий. Каждый раз, когда я про это потом пишу, мне ряд деятелей искусства выговаривают "а почему не фотошоп" - я начинаю рассказывать, почему. А "Васька слушает да ест.. идет снова на Фотошоп..."
"Не хочу, не буду, мне трудно я привык(ла), я дура я, дура слабоумная итд.." - чего только не наговорят на себя, лишь бы не делать
***
У нас с вами похожая история, отчего мы не хотим - у меня блокада рабочего состояния, именно на поработать, например засесть за ПК касается, на смартфоне то вы видите как я бодро (о, я этому рад).
Я люблю работать. И меня эта блокада удручает. Но я как то пытаюсь выуживаться.
А вы боитесь нового для вас софтвера и принципа работы. Вы тоже часто утомлены и думаете: "щас там будет труудно.. не хотцааа.." ( "...вот что сбивает нас, вот в чем причина того, что бедствия так долговечны! /.../ страх "чего то" /.../ бессильным духом робость... (c)) W.S.
***
хотя вам то чего бояться, чесслово!!!
Вы ж текстовики, вы в подобных редакторах и работаете!
Верстальные программы ближе по духу именно к текстовым редакторам, только с расширенным ассортиментом возможностей, а так - я письма в домоуправления тоже в них пишу... в то время как фотошопы всякие - совсем другое, вот вы там голову и ломаете.
Что особенного в программах для верстки печатных изданий - (плюс сейчас и nonprint тоже) - в них все построено по принципу "окошек" (или рамок, или контейнеров), этим всего лишь от ворда и отличаются.
Это значит - в основном вы на чистой плоскости натягиваете рамку, размеры и пропорции которой можно менять,
в нее или вставляется (пишется) текст, или вставляется картинка. И эти "кубики" потом выкладываются на плоскости как угодно... (каноны дизайна не забывая! Хоть всем и наплевать, я знаю об этом, я слежу за вами :(=)
***
Книги и того легче... Рамка на всю область (с полями)
а векторную графику можно и просто так засандалить, тогда она сама - еще и рамка будет, только фигурная. тогда у вас там внутри неё все фигурно будет картинка или текст. Её для её (графику) надо скопирастить в InDesign из Illustrator
еще есть шаблоны страниц. в многостраничных изданиях - это живая вода. Очень полезная штука.
конечно же задавать и сохранять стили текста и абзаца, как в "вордах" тоже возможно, а также импортировать текст из "вордов" прям с ними.
.... Верстать в InDesign, Quark Xpress, Affinity Publisher итд - это легко и удобно!
Corel Draw- недавно я в нем оскоромился даже с версткой многостраничного документа.
вот мой урок о верстке в Affinity Publisher решение.
https://author.today/post/214368
софтвер профессиональный, удобен и недорог, в свете ситуации - прекрасное
***
Canva - тоже программа вёрстки. У нее свои особенности. попробуйте этот урок подогнать но о ней напишем еще специально.
ну а я - дальше о моей рабочей нехочухе...
А сделать то, наоборот - хочется очень!
мне помогает мой примерный начальный план работы. Уже стандартные шаги, оптимальные для начала работы над документом.
о них я и расскажу. Обычно их хватает, чтоб успешно создать наш креатив.
1) первое - эскизы карапулики. Блин - важно. Очень эффективно и ускоряет процесс создания.
по уму... "как учили" - много таких мелких, выбрать, повторить их.. еще пару раз, потом избранное набросать чуть покрупнее, на четверть листа примерно, ну.. там.. Потов ыбранное - на большом листе еще подробнее. А потом по выбранному - уже делаем на ПК. Я так делаю, но не всегда уже теперь так подробно, иногда я сокращаю этот процесс, но все же делаю. Во, видите как я это делаю небрежно. И даже этого уже полезно хватает.
Ой перевернулась...
....
Эта ровно.
Я выбрал эти два...но было больше. Эти напоминают макет книги.
В книге такие изображения. (Авторы - это вы , в банках стихи-гомункулы растут, а авторица их высиживает вот :-)
ссылка на VK - там есть еще картинки к книге посмотреть
Увидите, как я повторял в плакатах... Не все потом вошло в окончательное. Но прослеживается связь.
....
2) выбрали примерно наши наброски. идем включать ПК. Стартуем софт.
***
Пончики-батончики, ко..феек, чи...йок и коньячок - катализаторы... в общем наливаем "бокал вина", снимаем трусы... ииии... и понеслось!
***
3) перво-наперво мы "создаем документ" (не просто кнопку кликаем, а там настройки, их можно потом менять, не бойтесь, однако сразу задать их правильно - это важно)
итак я выбрал: формат A2 - 420x594 mm (позже их напечатают на А3, но пропорции одинаковы, это ничего. Лучше сделать больше чем меньше)
видите квадратик "Doppelseite" - это для разворотов, нам не надо их в плакат, я потом отключил.
припуск на обрез - стандарт 3 мм, а как типография ваша попросит - там узнавайте.
все цветные плоскости и элементы уходящие до края, делаем за край по границам такого припуска.
***
рамка, поля документа. Они важны.. я даже делаю с помощью направляющих еще, пару уровней полей. Делается или при старте, или потом а настройках, где направляющие линии настраивать.
Смотрите - в этом окне про рамку не видно, потому что это окошко я открыл ещё раз позже из команды меню "настройки документа" - хотел убрать галочку на "разворот"
А рамку теперь в другом месте менять. Там где вспомогательные. Такой нюанс. А многие в панике.
.....
будьте щедры на поля, это и выглядит потом эффектно и нужно в техническом плане. Впритык же - не выглядит.
И косяки могут быть при печати если к краю впритык важные элементы макета.
Запас иметь надо обязательно, этот всякий случай ну совершенно разный может быть, но он будет!
***
4) теперь интересный этап. Я люблю работать с модульной сеткой. Это организует и облегчает работу.
покажу как.
я сначала делаю общую сетку, (потом, как правило, дополняю и видоизменяю ее подходяще к структуре нашего документа.
ну, вожусь с этим, если мне это надо... например нам шесть одинаковых разворотов в журнал) тут мне и не особо понадобилось что то еще добавлять.. так сошло на глаз, что не по линии стои́т, проверил в окошке по x/y значениям.
я сделал сетку 9 в высоту на 7 в ширину. расстояние между двойными линиями - 5 мм., чем больше формат тем такое тоже больше, мог бы для плаката и 7 и 10 и.. 15 тоже..
есть команда в меню - делает так автоматически
отсчет линий - по рамке полей, галочка "Ränder" ("Края" - сорри, у меня немецкий язык в программе, я постараюсь понятнее, вы спросите, если что, я знаю - это серьезно путаница с терминами интерфейса на разных языках)
а видите галочку "Vorhandene Hilfslinien entfernen"? (удалить предыдущие направляющие линии)
это - если вы по новой захотите построить сетку, и не выберете этот пункт, то станет так:
***
05) распределим области по частям документа. у меня примерно столько блоков текста и изображений.
Вот я серыми плоскостями себе наметил.
06) теперь, собственно, вставляем содержимое в наши "контейнеры"- рамки
и правим, шаг за шагом, расставляем окончательно аккуратненько.
уже есть какой то скелетик и теперь легко
Вот смотрите, как изображения в книге примерно (и столбики стихов):
это вид с выключенной сеткой.
***
поля и контуры вокруг текста - это не обязательно, это я так специально сделал.
для сравнения - заготовок и адрес тоже в рамках стоят, но рамок не видно. Как раз, думаю, так удачно будет про рамки рассказать.
А в блоках с главным текстом, я придал контуру рамки цвет и толщину, в настройках рамки (правая клавиша по рамке - тыц) я выбрал отступ 5 мм от краев, можно еще сделать так, чтоб текст по центру был, а не сверху шел..
у рамки с картинкой тоже есть контур, я и его сделал видимым, а то бы и так просто стояла картинка себе.
****
В чем прелесть такого способа в верстальщиках - хорошо кадрировать изображение. то что вы видите - это не полностью. Как выше упомянул, можно и подвинуть туда сюда внутри (невидимой) рамки и менять ее пропорции с размером.
Кстати - да, все эти вспомогательные краешки невидимых рамок, направляющие линии и прочее, можно для удобства включать и выключать, менять вид, смотреть как в готовом. Тоже очень удобно!
***
06а) Пилим и пилим себе потихонечку... купили еще пончиков. "Бокал ещеее винааа.."!
***
Мне нравится такая версия. Позже клиенты возжелали пободрее. А...а потом распечатали все варианты и развесили везде!
****
Это ещё не конец. Было много правок потом.
Спокойно, постепенно, все смотрели и советовали.
06б) Первые эскизы для отправки смотреть готовы:
![]() | ![]() | ![]() | ![]() | |
![]() | ![]() | ![]() | ![]() |
***
07) показали клиенту, слушаем, что он ноет, поменьше спорим и делаем, что он хочет.
Вот так теперь выглядит второй плакат для презентации самой книги.
![]() | ![]() |
И это был снова не последний вариант,
привыкните к тому, что вам придется неоднократно, раз за разом, что то изменять, править ошибки и косяки, ваши и клиента, и делать еще на тему... это нормально - так мы устроены, так жизнь устроена, все развивается! Чем чаще правите, тем лучше в итоге оно вырастет, примета такая и она работает. Даже не совсем примета, а факт, имеющий обьяснение.
****
Исключение из...
в рутине - к примеру - менять регулярно данные в прайлистах на баннере и тому подобное - поставьте клиенту жесткие рамки. А то он будет вам для ежемесячного выпуска, ежедневно, в течение месяца просить сменить цифры по три раза на день... и вас увезут когда нибудь в больницу прямо с рабочего места. (их таких, клиентов, кстати, еще и не один умник, а они все!)
***
вот и теперь к пуанте нашего доклада - в данном виде софтвера - очень легко что нибудь исправить, поменять, дополнить или повторить. процесс создания - один раз. А потом - одним мановением...
Я теперь еще хоть пять могу сделать на разные события выставки.. "28 марта 2022 Эрик и Ведро в БОРЕЕ - немецкий художник Эрик Бауэр бегает с ведром на голове между картин Ольги Лаврухиной (офорты, монотипии... ".....
и да ..пойдем дальше
позже мы ещё раз поменяли кое что по тексту.
так теперь оно выглядит:
По цвету - есть разные варианты. Как в примерах выше.
-----
***
Потом меня попросили сделать добавки.
И снова тут было много корректур. И по макету:
Первый примерный эскиз, Он не до конца готов, потому что потом мы его меняли:
_
Новый, с изменениями, по желанию клиентов и нашим обсуждениям
***
...и по тексту. Не просто "убрать отчество", то что-то стереть, то другое добавить. Были и еще подобные нюансы, как разные кавычки. В первом эскизе видно, где длинные фото.
Тот текст тоже видимо составляли несколько человек. Вот и вышло из-за разных настроек в программах. Окончания из-за правки текста были неправильные.
Интересно, где ещё можно придраться. Эту боковую выключку я немного посидел поаккуратнее поисправлял. Всякие "и" "на" - и прочее, в начало строк.. Форму линии выключки эту неровную справа чуток покрасивее проследил.
Но ... "Не делайте плакат дольше, чем он будет висеть" - как мне, кстати и на АТ, говорили умные люди. Яна - привет!
(Не обязательно с этим соглашаться - я знаю, вы любите повозиться.... однако ну да. И вы видите - я еще и не устроил тут фотошопный кошмар с наворотами - незачем, вот фон бы вставил, ну нафига, а вышел красивый гладенький плакат, там сама бумага - фон и фактура)
Это мы делали уже в режиме реального времени, общались и я делал, вышло быстро.
И ещё это вдогонку:
Это на А4:
___
и вот, ещё раз мораль сей басни:
Сделав один раз, а это был плотный процесс, но один раз, повторяю, потом я уже легко и радостно правил и создавал новые варации. И в этом кайф. Проникнитесь! Вам будет много щастя.
Да.. примерно это можно со слоями в фотошопе! Но намного топорнее. Пара слов - да...
Для сложного дизайна сразу идите в программу для верстки. Ещё раз упомяну про Affinity Publisher, сейчас его активно рекламируют и не зря. Я попробовал, очень хорошо.
Кстати - слои в верстальщиках тоже есть.
Файлы получаются лёгкие и правильные для печати. Я могу сгенерировать PDF или другие форматы. Например пиксельные. Для просмотра, или тоже для отправки в печать. Бывают разные потребности.
***
Так же, теперь можно сгенерировать формат электронной книги. (для этого, разумеется и макет нужно сделать подходящий, в случае с книгой, где только текст, ну и картинки на отдельных страницах - так и нормально, как она есть. Текст лучше сформатировать с помошью сохраненных вами стилей текста и абзацев, потом программа распознает, например заголовки, и будет в книге сразу оглавление.
да! Из "вордов" стили перенимаются. Возможно там надо будет еще раз пробежаться по списку и подкорректировать. Но в целом работает. Ваши сохраненные стили, заданные в редакторе останутся.
***
P.S.
как однажды правильно сказала Tatis - вполне нелишне и спасет вас, удобно настроить рабочую область в вашей программе (в любой)
Все нужные менюшки и окошки и разные tools чтоб под рукой. Обычно со временем так получается, хотя самое лучшее заняться когда нибудь специально. Думайте про это.
***
(помню, пришел в театр, где я занимался в студии, один приглашенный актер из цирка. Приземлился на свое место в гримерку и тут же достал фотографии разные прикольные, какие-то безделушки, расставил все как у себя в цирке на столике зеркале. Будто тут давно уже он был. Сразу со всеми и подружился.
Вот так и с рабочим пространством. Сразу все "развесить" как удобно. Бывают и готовые режимы для начала на выбор, в настройках. Если вы новый, то с них можно начать.
***
P.P.S.
А ещё, я сделал открытку:
Это задник, а впереди одна из картинок. Теперь можно ставить там любую. Тоже - специально удобный файл.
....
На передней части
Рамка для картинки. Там она вставляется. Открываем, меняем, экспортируем нужный формат. Или ... лучше: открываем, дублируем страницу с изображением, меняем в копии картинку, сохраняем. Генерируем нужный формат из необходимых нам страниц.
***
ооооккееей...
Я покажу, что сделал для передника.
Пардон, но там будет "с фуями" Нивиноватайайааааа!!!
Важно было мне показать как я сделал важные для клиента варианты:
1) это просто на полную плоскость. Формат изображения удобный, я увеличил немного.
***
2) это - с белыми полями. Я заметил, часто открытки имеют такой белый край. По техническим причинам, особенно при заказе онлайн. И сделал свой покрасивее вариант специально.
Ещё один с полями:
3) это для заказа или отправки онлайн, там где задник будет у них свой и его не так заказчику не оформить.
Ну вот. Я написал про это. Я уверен вас в этот раз прокачает осоооообенно мощно. Я давно планировал подробно расписать про ordentliche верстку на ПК и как раз подвернулся удобный для этого заказ.
Желаю вам успешного развития, друзья мои. Я долго старался. Уфффф... не так было просто это все внятно (надеюсь) сформулировать. Пусть будет полезно.
Ваш Эрик Б.
***
Интересно. Похоже на PowerPoint.
Лучше…!!!!
Хооотяяя... хмм... а отчего ж..
....
Я понимаю, о чем речь, ага.
Дело в том, что PP же вроде был для презентаций, электронных… а, ну да, там пленки тож можно печатать для проектора. Точно ж. Ну да. И PP сойдет!!! Особенно тому, кто сидит на работе на Office Пакете, и сейчас нет прям возможности купить другое.
Adelya, а меня заинтересовало. А не написать ли такой же вам пост, про создание печатного документа. И соединим оба поста линками. Это будет очень комплексно.
Я просто сам не так хорошо в M. Office (см выше )
-----
Ааа... у Microsoft был и какой-то Microsoft Publisher - сейчас есть? Или это все ... ну чем черт (Б.Гейтс ) не шутит, ушло в PP?
Adelya
... всем, кто офисный планктон, PP рано или поздно становится спутником всех презентаций, созданий схем и тд
Erik Bauer
Золотые слова. Я полностью согласен!!!?
И да!!! Это тоже программа для вёрстки!
Вот что то там было с Microsoft Publisher... То он был, то пропал.
Тож удобно в офисе для секретарши .. доклад оформить
***
Имхо. Даже после этого
За Canva и Фотошоп.
Canva:
1. Мало какие эти программы поддерживают цветовой режим CMYK, практически все они RGB-вые. А печать идет именно красками CMYK. Поэтому либо кто-то за вас будет делать цветокоррекцию файла (а это - а) деньги; б) показывает что работа сделана плохо), либо напечатают "как есть", и автоматический пересчет на другие краски может вас здорово удивить, потому что палитры эрджиби и цмик отличаются.
2. Серьезное печатное оборудование (т.е. нечто большее, чем ризограф и принтер) заточены под программы, поддерживающие CMYK и создающие постскрипт и/или pdf файлы с определенными параметрами. Причем этих программ целый пакет, и они работают в связке.
***
Erik Bauer(а что я говорил - вот вам пожалуйста... вот так все рогом и упираются)
"Фотошоп" - нищасны бизумец и самоубийца! О гладиатор... о слава тебе воин!!!
Поверьте - делать такой заказ в Фотошоп - моск порвет и убьет.
Далее некачественная печать. Много текста. В PDF из индиза он гладкий, векторный. Из фотошопа пойдет ступеньками пикселами. Я б не стал так рисковать. A2 - еще и здоровенная выйдет тяжелятина. А jpeg искажает снова ж.
Имхо есть - это хорошо. Даже не стану спорить. Я хорошо понимаю, и даже за!
Вписываю в мнения.
но для такого задания - я взялся за оптимально нужный мне софт.
***
Щас похвастаюсь - а вообще я ленивая жопа, я вообще для АТ авки вот друзьям в смартфоне делаю на PicsArt. тож пиксельный и тоже я бизумец и еретик. Как ниже про Canva - купил премиум из-за вставлять свои шрифты русские.
.....
Но в одном глазу держите эту информацию в посте. Будет надо.
...
Canva - сойдет. Ну это же тоже программа вёрстки. Такое новое слово, да онлайнбазированное. Я очень люблю пробовать новые решения. Пишу тож об этом.
Тогда хоть она. Особенно Премиум. Тогда можно свои шрифты юзать, русские особенно. Но там и так в поиске есть cyrillic,это хорошо.
интересно разобраться по многостраничному дизайну в Canva, что то там такое было.
я специально не пишу точно какой софт. их много. Вот и Affinity Publisher - зачетный и недорогой.
обычно в фотошоп и иллюстратор (то есть пиксельный и векторный софт любой) готовим файлы для верстки, картинки, графику. Потом собираем в версталке (хоть бы и в Canva, несомненно)