Создание макета в программе верстки (а не в фотошопе :(=) / полезные азы.

Автор: Erik Bauer

Недавно я делал плакат. В Петербурге, в Арт центре "Борей" акция.

https://vk.com/club211172003

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 верстку на ПК и как раз подвернулся удобный для этого заказ.

Желаю вам успешного развития, друзья мои. Я долго старался. Уфффф... не так было просто это все внятно (надеюсь) сформулировать. Пусть будет полезно.

Ваш Эрик Б. 

***

Adelya

Интересно. Похоже на PowerPoint. 

Erik Bauer

Лучше…!!!!  

Хооотяяя... хмм... а отчего ж..
....
Я понимаю, о чем речь, ага.
Дело в том, что PP же вроде был для презентаций, электронных… а, ну да, там пленки тож можно печатать для проектора. Точно ж. Ну да. И PP сойдет!!! Особенно тому, кто сидит на работе на Office Пакете, и сейчас нет прям возможности купить другое.

Adelya, а меня заинтересовало. А не написать ли такой же вам пост, про создание печатного документа. И соединим оба поста линками. Это будет очень комплексно.

Я просто сам не так хорошо в M. Office (см выше  )

-----

Ааа... у Microsoft  был и какой-то Microsoft Publisher - сейчас есть? Или это все ... ну чем черт (Б.Гейтс  ) не шутит, ушло в PP?


Adelya

... всем, кто офисный планктон, PP рано или поздно становится спутником всех презентаций, созданий схем и тд 


Erik Bauer

Золотые слова. Я полностью согласен!!!?

И да!!! Это тоже программа для вёрстки!

Вот что то там было с Microsoft Publisher... То он был, то пропал. 

Тож удобно в офисе для секретарши .. доклад оформить

***

Варперстопер

Имхо. Даже после этого

За Canva и Фотошоп.

Tatis

Canva:

1. Мало какие эти программы поддерживают цветовой режим CMYK, практически все они RGB-вые. А печать идет именно красками CMYK. Поэтому либо кто-то за вас будет делать цветокоррекцию файла (а это - а) деньги; б) показывает что работа сделана плохо), либо напечатают "как есть", и автоматический пересчет на другие краски может вас здорово удивить, потому что палитры эрджиби и цмик отличаются. 

2. Серьезное печатное оборудование (т.е. нечто большее, чем ризограф и принтер) заточены под программы, поддерживающие CMYK и создающие постскрипт и/или pdf файлы с определенными параметрами. Причем этих программ целый пакет, и они работают в связке.

***

Erik Bauer(а что я говорил - вот вам пожалуйста... вот так все рогом и упираются)

"Фотошоп" - нищасны бизумец и самоубийца! О гладиатор... о слава тебе воин!!!

Поверьте - делать такой заказ в Фотошоп - моск порвет и убьет. 

Далее некачественная печать. Много текста. В PDF из индиза он гладкий, векторный. Из фотошопа пойдет ступеньками пикселами. Я б не стал так рисковать. A2 - еще и здоровенная выйдет тяжелятина. А jpeg искажает снова ж.

Имхо есть - это хорошо. Даже не стану спорить. Я хорошо понимаю, и даже за!
Вписываю в мнения.

но для такого задания - я взялся за оптимально нужный мне софт.

***
Щас похвастаюсь - а вообще я ленивая жопа, я вообще для АТ авки вот друзьям в смартфоне делаю на PicsArt. тож пиксельный и тоже я бизумец и еретик. Как ниже про Canva - купил премиум из-за вставлять свои шрифты русские.

.....
Но в одном глазу держите эту информацию в посте. Будет надо.

...
Canva - сойдет. Ну это же тоже программа вёрстки. Такое новое слово, да онлайнбазированное. Я очень люблю пробовать новые решения. Пишу тож об этом.
Тогда хоть она. Особенно Премиум. Тогда можно свои шрифты юзать, русские особенно. Но там и так в поиске есть cyrillic,это хорошо.


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

я специально не пишу точно какой софт. их много. Вот и Affinity Publisher - зачетный и недорогой.


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

+85
483

0 комментариев, по

1 729 134 507
Наверх Вниз