Вёрстка для дизайнера | Елена Осипова

Знакомо? 😁На самом деле дизайнеру не нужна магия, телепатия и третий глаз (хотя иногда и хочется) 😅Нужна понятная система подготовки макета к печати: какого размера ставить вылеты, какую использовать цветовую модель, где брать шрифты, чтобы использовать их законно, что делать с картинками и требованиями типографии.Потому что красивый макет на экране ещё не гарантирует красивый тираж, а вот ошибки в допечатке могут стоить времени, нервов и денег.Чтобы не гадать перед каждой отправкой в типографию, напомню, что у меня есть гайд «Готовим макет к печати за 10 шагов». Его (и не только) можно забрать в боте 🧡А в комментариях расскажите, какой «сверхнавык» от вас уже требовали клиенты или каким вы сами бы хотели обладать?Вёрстка для дизайнераЗнакомо? 😁На самом деле дизайнеру не нужна магия, телепатия и третий глаз (хотя иногда и хочется) 😅Нужна понятная система подготовки макета к печати: какого размера ставить вылеты, какую использовать цветовую модель, где брать шрифты, чтобы использовать их законно, что делать с картинками и требованиями типографии.Потому что красивый макет на экране ещё не гарантирует красивый тираж, а вот ошибки в допечатке могут стоить времени, нервов и денег.Чтобы не гадать перед каждой отправкой в типографию, напомню, что у меня есть гайд «Готовим макет к печати за 10 шагов». Его (и не только) можно забрать в боте 🧡А в комментариях расскажите, какой «сверхнавык» от вас уже требовали клиенты или каким вы сами бы хотели обладать?Вёрстка для дизайнера

Итак, тексты обработали, фото сгенерировали, книгу сверстали, а что забыли? А забыли, что обложка — это отдельное произведение искусства. И отдельный труд. Про то, как долго мы генерировали графику для лицевой обложки, я рассказывала, но в последний момент автор решил, что на обложке можно и нужно сделать выборочный УФ-лак.Я думала, мы ограничимся парой объектов, но автор захотел, чтобы лак лежал в т.ч. на дереве. А что у нас на дереве? Ветки и листья (см. в галерее). Конечно, базовый контур удалось полуавтоматически сделать, но допиливала я эти листики вручную. Всё, что розовое полупрозрачное — это лак. Практически каждый листик и веточка отрисованы.В конце мы решили, что пусть лучше будет объёмный лак, и теперь эти листики будут не только блестеть, но ещё и тактильно ощущаться под пальцами небольшим рельефом.Также рельефным будет костёр с искорками (каждую вручную расставляла), контур хищного зверя и летящий в небе журавль.Вам тоже хотелось бы подержать эту книгу в руках? Не пожалейте лайков, они по-прежнему бесплатные!Итак, тексты обработали, фото сгенерировали, книгу сверстали, а что забыли? А забыли, что обложка — это отдельное произведение искусства. И отдельный труд. Про то, как долго мы генерировали графику для лицевой обложки, я рассказывала, но в последний момент автор решил, что на обложке можно и нужно сделать выборочный УФ-лак.Я думала, мы ограничимся парой объектов, но автор захотел, чтобы лак лежал в т.ч. на дереве. А что у нас на дереве? Ветки и листья (см. в галерее). Конечно, базовый контур удалось полуавтоматически сделать, но допиливала я эти листики вручную. Всё, что розовое полупрозрачное — это лак. Практически каждый листик и веточка отрисованы.В конце мы решили, что пусть лучше будет объёмный лак, и теперь эти листики будут не только блестеть, но ещё и тактильно ощущаться под пальцами небольшим рельефом.Также рельефным будет костёр с искорками (каждую вручную расставляла), контур хищного зверя и летящий в небе журавль.Вам тоже хотелось бы под

Продолжая разговор о книге, давайте коснёмся этапа вёрстки. Он один из самых длительных и непростых.Сначала разрабатывается дизайн-концепт, исходя из задачи. Нашей задачей было вместить как можно больше строк на страницу без ущерба для технологических требований. Под это условие была разработана сетка, вмещающая 8 четверостиший на страницу.Затем мы рассмотрели 6 вариантов шрифтовых пар и остановились на Roboto Slab + Involve. А дальше начался этап, когда надо было с помощью графики уравновесить тексты, которые были, конечно же, очень разными по размерам. Поэтому я просила дизайнера к каждому стихотворению делать хотя бы одно горизонтальное изображение (см. карусель).Книга состоит из 4 разделов, а тексты я завёрстывала по мере их выхода из корректуры и появления графики, поэтому каждый раздел прирастал с разной интенсивностью.Не обошлось и без сюрпризов. Посреди работы оказалось, что одно из стихотворений ошибочно оказалось не в своём разделе. Это значит, что надо пересобрать буквально два раздела: выдрать лишнее (неполный разворот) и бесшовно сшить оставшиеся в первом разделе, а во втором разделе вставить новое в нужное место.Сложность состояла в том, что стихи шли под номерами и их перестановка местами по блоку не предполагалась. Тут-то мне и пригодились «лишние» горизонтальные фотографии, они помогли переверстать по паре страниц в каждом разделе, а не блоки целиком.Суммарно в книге 300 стихов, и в целом вся работа заняла около 1,5 месяцев с перерывами, но знаете что? Всегда здорово делать такое издание, которое потом будет приятно держать в руках.Поделитесь, есть у вас продукты, к которым вы приложили свою руку и по праву гордитесь?Продолжая разговор о книге, давайте коснёмся этапа вёрстки. Он один из самых длительных и непростых.Сначала разрабатывается дизайн-концепт, исходя из задачи. Нашей задачей было вместить как можно больше строк на страницу без ущерба для технологических требований. Под это условие была разработана сетка, вмещающая 8 четверостиший на стран

Что ж, про тексты поговорили, перейдём к графике. К книге, о которой идёт речь, было сгенерировано около 1500 фотографий, из которых в блок попало чуть больше 1000. И здесь фронт работа стоит разделить на две части: собственно генерация и обработка этого массива для печати. 🟠ИИ-графикаГенерация — это не скинуть ИИ текст книги с просьбой проиллюстрировать. Это чтение, осмысление стихов и последовательная формулировка задач тому же фрипику. Конечно, были ошибки. Скажем, изначально на колоколе были непонятные знаки, которые пришлось «допиливать», чтобы ИИ заменил их на православную символику. А вот в избушке на окошке кружка оказалась перевёрнутая как в том анекдоте: мало того, что без дна, так ещё и горлышко запаяно :) И это не считая того, сколько генераций мне дизайнер не показала, т.е. до меня доехали только хорошие кадры. Уверена, что хватало и отбракованных. Сложнее всего получилось с обложкой, т.к. автор точно знал, что он хочет, а ИИ нас откровенно не понимал. То 7 струн на гитаре нарисует, то дельфины прыгают из воды навстречу друг другу — того и гляди лбы расшибут! Не дельфины — камикадзе!Но главная проблема в том, что в эту графику нельзя вносить исправления, т.к. ИИ сразу же, строго по ТЗ исправляя то, о чем его попросили, уродует всё остальное. Например, оцените белочку, которая получилась после того, как мы попросили сделать на гитаре 6 струн...🟠Подготовка к печатиНу и, конечно, подготовить к печати 1000+ фотографий помогли скрипты и экшены, ведь без них обработать такой массив заняло бы не меньше недели. И всё равно при просмотре я нет-нет, да и осветляла отдельные фотографии, на всякий случай. А я напомню, что уже рассказывала о том, как готовить к печати графику, сгенерированную в нейросети.Работа с графикой в этой книге заняла около месяца, хотя запланировано было 1,5. Представляете, сколько работы только с одной книгой! А как вы работаете с графикой? Используете ИИ в работе или работаете только с настоящими фотографиями?

#полезностиВсе полезное по теме упаковки — в одной папкеЕсли вам актуально следить за каналами в нашей отрасли, предлагаю подписаться на папку с этими самыми каналами. Здесь есть дизайнеры, агентства, типографии и производители. Для чего это вам?✅ Почитать историю о том, как голубая бутылка победила сто одинаковых брендов в зеленом стекле✅ Удивиться концепту джина в виде песочных часов✅ Виртуально побывать на заводе, производящем самоклеящиеся материалы ✅ Да и в целом быть в курсе того, что происходит на рынкеЗабирайте себе — это отличный источник новых идей для расширения профессионального кругозора 👌Подписаться на папку