Вёрстка для дизайнера | Елена Осипова
Ir al canal en Telegram
Полезные советы по работе в Adobe InDesign, разборы работ по вёрстке, интенсивы, вебинары, истории из жизни инженера-технолога со стажем в полиграфии 20+ лет. Автор: Елена Осипова @koshka_pushinka Курс по допечатке: https://layout-designer.ru/vd
Mostrar más4 275
Suscriptores
+124 horas
-17 días
+7030 días
Carga de datos en curso...
Canales Similares
Nube de Etiquetas
Menciones Entrantes y Salientes
---
---
---
---
---
---
Atraer Suscriptores
julio '26
julio '26
+107
en 0 canales
junio '26
+122
en 0 canales
Get PRO
mayo '26
+170
en 1 canales
Get PRO
abril '26
+100
en 1 canales
Get PRO
marzo '26
+118
en 1 canales
Get PRO
febrero '26
+96
en 0 canales
Get PRO
enero '26
+83
en 1 canales
Get PRO
diciembre '25
+88
en 2 canales
Get PRO
noviembre '25
+152
en 2 canales
Get PRO
octubre '25
+148
en 1 canales
Get PRO
septiembre '25
+84
en 2 canales
Get PRO
agosto '25
+57
en 0 canales
Get PRO
julio '25
+85
en 1 canales
Get PRO
junio '25
+66
en 4 canales
Get PRO
mayo '25
+113
en 1 canales
Get PRO
abril '25
+127
en 4 canales
Get PRO
marzo '25
+112
en 2 canales
Get PRO
febrero '25
+101
en 1 canales
Get PRO
enero '25
+288
en 7 canales
Get PRO
diciembre '24
+118
en 2 canales
Get PRO
noviembre '24
+442
en 12 canales
Get PRO
octubre '24
+148
en 0 canales
Get PRO
septiembre '24
+107
en 5 canales
Get PRO
agosto '24
+132
en 0 canales
Get PRO
julio '24
+361
en 1 canales
Get PRO
junio '24
+491
en 10 canales
Get PRO
mayo '24
+110
en 1 canales
Get PRO
abril '24
+167
en 0 canales
Get PRO
marzo '24
+169
en 1 canales
Get PRO
febrero '24
+302
en 0 canales
Get PRO
enero '24
+160
en 0 canales
Get PRO
diciembre '23
+114
en 0 canales
Get PRO
noviembre '23
+67
en 0 canales
Get PRO
octubre '23
+26
en 0 canales
Get PRO
septiembre '23
+62
en 0 canales
Get PRO
agosto '23
+47
en 0 canales
Get PRO
julio '23
+225
en 0 canales
Get PRO
junio '23
+93
en 0 canales
Get PRO
mayo '23
+27
en 0 canales
Get PRO
abril '23
+51
en 0 canales
Get PRO
marzo '23
+380
en 0 canales
| Fecha | Crecimiento de Suscriptores | Menciones | Canales | |
| 27 julio | +1 | |||
| 26 julio | +2 | |||
| 25 julio | 0 | |||
| 24 julio | 0 | |||
| 23 julio | 0 | |||
| 22 julio | +1 | |||
| 21 julio | +1 | |||
| 20 julio | +4 | |||
| 19 julio | 0 | |||
| 18 julio | 0 | |||
| 17 julio | +1 | |||
| 16 julio | +1 | |||
| 15 julio | +1 | |||
| 14 julio | 0 | |||
| 13 julio | +2 | |||
| 12 julio | 0 | |||
| 11 julio | +1 | |||
| 10 julio | +1 | |||
| 09 julio | +58 | |||
| 08 julio | +20 | |||
| 07 julio | +2 | |||
| 06 julio | +3 | |||
| 05 julio | 0 | |||
| 04 julio | +2 | |||
| 03 julio | +1 | |||
| 02 julio | 0 | |||
| 01 julio | +5 |
Publicaciones del Canal
| 2 | #дизайнпобедит
Итак, две бутылки. Одна в космической стилистике (там прямо золото, серебро, рельефный лак), вторая в стиле Пикассо. Кому что? | 251 |
| 3 | Кто ты, воин дизайнер? | 268 |
| 4 | Дорогие подписчики, за последние пару недель пришло немало новых людей в канал, поэтому возьму на себя смелость рассказать, чем мы (я и канал) можем быть вам полезны 🟠 Старички могут смело пролистнуть 😉
Во-первых, в закрепе есть пост-навигация, благодаря которому можно по хештегам найти интересующую вас информацию.
Во-вторых, вкратце расскажу об основных обучениях, которые могу вам предложить:
🟠 Допечатка для чайников. Это курс-конструктор для тех, кому надо сдать в печать «вчера», времени гуглить нет или макет вообще в Power Point
🟠 Вёрстка в иллюстраторе. Подойдёт тем, у кого есть хотя бы неделька, чтобы пройти 15 уроков: от базовых правил вёрстки до собственно разработки макетов в Adobe Illustrator. Идеально закроет потребности тех, кому не нужно сдавать в печать книги и журналы, а достаточно разобраться с листовками, визитками и ролл-апами.
🟠 Вёрстка для дизайнера. Большой курс по полиграфической (многостраничной!) вёрстке и допечатной подготовке. После него вы научитесь верстать практически всё: листовки, буклеты, брошюры, журналы и книги. С отделкой и без. 20 основных уроков и 40 дополнительных. На образовательную программу курса получена лицензия Министерства образования Московской области, поэтому это обучение, а не просто набор рандомных видео. После сдачи всех домашек выдаётся сертификат, за оплату можно получить налоговый вычет.
🟠 Чистый цвет в полиграфии. Спецмодуль для тех, кто уже сталкивался с непредсказуемость цветопередачи между экраном и печатью, офигел и невыфигел обратно. Всего за 4 урока разберём практически все самые частые проблемы, которые приводят к искажениям цвета. Покажу, где зона ответственности дизайнера, а где он и не виноват вовсе. Научу делать зелёный зеленее, синий синее и даже белый белее. Да, так можно. Никакой магии — только цифры и практический опыт.
🟠 Авторское право в полиграфии. Модуль, который надо бы пройти абсолютно каждому дизайнеру, чтобы понимать, где у дизайнера проходит зона ответственности за шрифты, графику и даже тексты. Что можно брать в работу, где и как это делать безопасно? В общем, страховка современного дизайнера от огромных штрафов.
Полный перечень моих продуктов можно найти на сайте. Если у вас есть другие запросы / задачи, пишите в комментариях 👇🏼👇🏼👇🏼 | 333 |
| 5 | #кратко
Знаете ли вы, что...
Функция Story включает так называемую висячую пунктуацию (оптическое выравнивание полей) в макете 🟠
Чтобы её включить, нужно выбрать Window — Type & Table — Story. В русской версии Окно — Текст и Таблицы — История (не спрашивайте, почему!).
Как это работает🟠
Выделяем нужный текстовый блок, где нужно включить висячую пунктуацию. В окне Story включаем галочку Optical Margin Alignment, а в нижнем поле выставляем интерлиньяж основного текста.
Всё, программа сама свесит нужное за границы фрейма.
В видео рассказывала, какие бывают исключения из случаев применения висячей пунктуации. | 389 |
| 6 | Доброй пятницы :) Понимаю, что шансы стремятся к нулю, но все же попытаю счастья 🥹. Я в поиске рабочей Сигны с автономной лицензией, которая встанет на Мак ОС Тахо 26.4. В Гугле не забанили ) Если кто сможет помочь советом или ссылкой в личку - буду оч признательна | 522 |
| 7 | Дорогие подписчики, если кто может помочь, пишите Александре напрямую. Всем заранее спасибо за отзывчивость и плюсики к карме ❤️ | 489 |
| 8 | Запомните и клиентам покажите 👌 | 519 |
| 9 | #база #памятка
Горячие клавиши Adobe InDesign🟠
Собрала на днях такую памятку/шпаргалку для своих студентов, но поскольку информация не секретная, делюсь и с вами.
Что внутри🟠
🟠Базовые горячие клавиши программы (без ctrl+C/ctrl+V, только нужное)
🟠 Инструменты и окна. Опять же, горячие клавиши, которыми они вызываются. Не все, а те, которыми пользуюсь сама
🟠Работа с текстом и таблицами (ну хоткеи, конечно)
🟠Неразрывные пробелы и символы — когда ставятся, а главное, как
🟠Я не ставила задачу вписать в памятку вообще всю информацию, что там, где и как применяется, это просто шпаргалка студентам. Предполагается, что основную информацию они получают на курсе.
Если вам тоже хочется прокачаться в индизайне, можете для начала попробовать демо-доступ. Он бесплатный, и там можно познакомиться с функционалом и интерфейсом программы, а также с основными законами, по которым живут текст, графика и объекты в Adobe InDesign.
Ставьте реакции, если вам это было полезно, делитесь с коллегами ❤️ | 553 |
| 10 | #кратко
Знаете ли вы, что...
Если выделить шапку таблицы, нажать правую кнопку мыши и выбрать Convert To Header Rows, то на сколько бы страниц ни была таблица, на каждой будет автоматически дублироваться «родительская» шапка. И будет меняться везде при её изменении. | 450 |
| 11 | #лайфхаки
Создаём чистые градиенты. Правила сочетания цветов 🟠
Несмотря на то, что я ярый противник градиентов в печати, есть ситуации, когда они действительно смотрятся стильно. Это бывает в том случае, если градиенты сделаны по правилам сочетания цветов.
1️⃣ Градиент должен быть плавным. Не от 0 до 100%, а более мягкие переходы. Если переход сделан в рамках одного цвета, то это может быть интервал от 10–20 до 80–100%
2️⃣ Самыми чистыми получаются переходы от холодного к холодному и от тёплого к тёплому. Если рассматривать цветовой круг, то это переходы между соседними «делениями» или через одну
3️⃣ Если вам всё же нужен красно-зелёный градиент, то во избежание грязи добавьте в середину перехода ещё один цвет — он должен быть располагаться между вашими крайностями. При этом не имеет значения, пойдёте вы по верху круга или по его низу. Добавление соседних цветов сгладит переход и уберёт ненужную грязь
Эти правила будут работать как в вебе, так и (особенно!) в полиграфии. Не забудь сохранить и коллегам переслать 😉 | 545 |
| 12 | #лайфхаки
Бодрого денёчка, товарищи, и с возвращением меня из мини-отпуска! Врываюсь сразу с лайфхаком:
Как сделать градиентную обводку объекту в Adobe InDesign🟠
Да, так можно. Для этого нам потребуется всего лишь несколько действий (см. карточки).
1️⃣ Создаём объект (круг, квадрат или что вам нужно)
2️⃣ Идём в базовые скрипты (вот здесь мы с вами уже разбирались, где их искать) и находим скрипт с простым именем Neon
3️⃣ В настройках вы можете выбрать:
В разделе From
✅ количество шагов градиента (лучше х2 от толщины линии, чтобы шаг был незаметным)
✅ цвет (из палитры Swatches — Образцы), доступен выбор только по координатам, без подсветки самого цвета, придётся запомнить цифры нужного вам
✅ толщину линии и процент цвета: по умолчанию стоит 12 pt и 100%. Т.е. если выбрать 100 0 0 0, то у вас будет градиент от 100% голубой краски к тому проценту, который вы укажете далее
В разделе To
✅ толщину линии, т.е. по факту зазор между объектом и градиентом (если речь про фото). По умолчанию 0,25 pt, но если зазор не нужен, ставьте 0
✅ оттенок, к которому будет уходить градиент. Это будет тот же самый цвет, но не 100%, а сколько поставите. Можно уводить в 0 (по умолчанию), а можно сделать более мягкий переход к 10–20%
✅ слой, на котором создастся новая группа элементов, имитирующих градиентную обводку
Важный нюанс🟠 Если применить скрипт к уже готовой фотографии, то градиент создастся не «голубой — белый — голубой», а просто от белого к голубому. И не 12 pt, а, соответственно, 6. Кроме того, размножится сам графический фрейм на указанное количество шагов. Во избежание этого сначала делайте обводку, потом вставляйте фотографию под или на неё. Если оставить все 12 (а то и 24) картинок в макете, они «уедут» в печатный макет, добавив веса файлу.
Знали про такой скрипт? Будете пробовать? ❤️ | 544 |
| 13 | Когда ты не так чтобы сильно шаришь в допечатке 😆 | 567 |
| 14 | Парадокс конечно что у графических дизайнеров печатки порог входа и знаний больше, работа утомительнее и кропотливее, а зарплаты и востребованность гораздо меньше чем у любого вебдиза.
Ui-щик бы наверное кукухой поехал если бы ему пришлось учитывать в лендосихах хотя бы что-то из ада который творится при препрессе простейшей этикетки.
Это даже не говоря о цене ошибки, где графдиз на органы поедет запоров тираж или прессформу на гигантском тираже (я как-то из своего кармана 30к отвалил за ошибку в 3х билбордах).
Автор видео: karyanin.anton | 577 |
| 15 | Админ в отпуске, поэтому есть только профдеформационная вывеска с заправки 😁 | 643 |
| 16 | #отзывы
Не могу пройти мимо такой новости! 👆🏻👆🏻👆🏻 Светлана пришла учиться ко мне в январе 2025 года (кстати, как раз во время моего прошлогоднего мастер-класса), и спустя год, в январе уже этого года окончила обучение и получила сертификат.
Светлане скоро 56, она почти всю жизнь работала именно с фармацевтикой, имеет профильное образование, но хотела попасть туда именно со стороны дизайна.
Это стало возможным в том числе благодаря курсу «Вёрстка для дизайнера», где мы учимся делать не только многостраничную полиграфию (хотя для вёрстки тех же инструкций InDesign Светлане ещё не раз пригодится!), но также один из уроков — раскрой коробочки, на которую мы наносим разные виды отделки: лак, тиснение, пантоны, белила и финально создаём штамп для вырубки этой самой коробочки.
Уверена, при создании фармупаковки Светлана ещё не раз вспомнит как минимум этот урок добрым словом. Ну и, конечно, я никого не бросаю под танки после окончания обучения — мы все остаёмся в чате, где я и куратор отвечаем на ваши вопросы, потому что они всё равно возникают по ходу работу. И вместе мы решаем все возникающие задачи.
Если вы думали, что в 40–50 лет поздно менять профессию, если вы до сих пор считаете, что дизайн — это только творчество, и вам уже не прокачать эту «мышцу», то перечитайте слова Светланы. Ей без малого в 56 оказалось не поздно. И она рада. Вы можете так же. А я проведу за руку и всему научу. | 796 |
| 17 | Очень ценный лайфхак. Хозяйке на заметку: после 19.00 в целом всё время не рабочее и можно чиллить! 💃 | 572 |
| 18 | Сегодня в чате канала прилете вопрос от подписчицы:
Добрый день всем! Дано: книга на английском языке. Надо: переверстать в другой формат, перевести текст на русский, сделать пдф для типографии. Заказчик предлагает использовать chatgpt. Говорит, задать алгоритм для каждой страницы, перевести ее в пдф, потом собрать блок для типографии. Как думаете, это реально?
Мы, конечно, порассуждали на тему того, что в целом в теории можно попробовать это сделать, но при очень ограниченных условиях.
1️⃣ Качество перевода не будет важным критерием
2️⃣ Качество вёрстки вообще не особо важно
3️⃣ Подготовка к печати будет как для очень невзыскательной типографии (грубо говоря, которой вообще пофигу на конечный результат)
И обсудили возможные варианты, как и что можно сделать. Один из подписчиков даже сделал на пробу перевод одного разворота в том самом чате gpt.
Результат:
✅ Перевод посредственный
✅ Вместо разнообразия шрифтов использован буквально один
✅ На выходе растровая картинка без вылетов
Но даже не это главное! Главное, что когда в сам чат закинули эту самую книгу с описанием задачи, знаете, что он ответил?
О нет, я это не могу! Могу сказать как!
Так что если вы всё ещё думаете, что нейросети вас заменят, то нет. Не в этом году и даже не в следующем.
Но есть хорошие новости. Могу провести для вас мастер-класс, где показать, как нейросети помогают в вёрстке, и почему они не в состоянии закрыть эту задачу полностью. Ннада? | 590 |
| 19 | #база
Ставим метки реза руками скриптами 🟠
Давайте представим, что у нас есть лист А4, на котором мы решили разложить 3 флаера 86х186 мм и поставить каждому из них метки реза, чтобы потом вырезать это или на каком-нибудь домашнем резаке порубить.
Что будем делать🟠
1️⃣ Размещаем эти 3 флаера на листе А4 в Adobe InDesign, оставив достаточные технологические поля для принтера (обычно это около 5 мм со всех сторон). С вылетами размер каждого прямоугольника 90х190 мм. На скрине жёлтое поле — обрезной формат, голубое — дообрезной
2️⃣ Рисуем прямоугольники чётко под обрезной формат и размещаем их, отцентровав внутри каждого флаера. Так, получится, что голубой — макет флаера, а жёлтый — просто прямоугольник, который мы положили сверху
3️⃣ Выделяем все 3 жёлтых прямоугольника и запускаем штатный скрипт (в русской версии программы — Сценарии) CropMarks
3️⃣ Индизайн предложит вам не только расставить метки реза (верхний блок Crop Marks), но и нанести дополнительные метки (Registration Mark). Вот второй блок сразу отключите, он вам только мешать будет, а в верхнем в поле Offset поставьте не 3 pt, а 3 mm. Эта цифра — отступ меток реза от края реза. 3 mm позволит вам ровно порезать, не задев метки, а 3 pt — точно нет 😉
Говорите программе ОК, и она расставляет метки вокруг каждого флаера. После этого вам останется удалить вспомогательные жёлтые прямоугольники и распечатать лист. А порезать его аккуратно помогут метки ❤️ | 513 |
| 20 | Сегодня в чате канала были жаркие дискуссии на тему того, насколько дизайнерам нужны обучения по карточкам для маркетплейсов.
Краткое саммари выложу на ваш суд и задам вопрос
1️⃣ Очень много школ и «школ» дизайна, которые учат клепать эти карточки в нейронках или фигме, буквально поставив дело на поток, обещая золотые горы, но по факту получается просто перенасыщенный рынок: таких дизайнеров ну очень много, но их труд оценивают в три копейки
2️⃣ Если карточки отдать на откуп нейросетям, дизайнер получает более быстрый и дешёвый результат (за стоимость оплаты чата GPT или другой нейронки), но полностью теряет маневренность. Карточка = статичная картинка. Ни о каком быстром внесении правок нет речи, фактически малейшая правка = повторная генерация
3️⃣ Если карточки клепать в фигме, то мы получаем редактируемый исходник, но когда их надо сделать «по образу и подобию» штук 20–30–50, и при этом они будут отличаться только ТТХ и фото объекта, тут уже впору волком выть. Работы хватит надолго, но поскольку она механическая, клиент тупо не готов платить много.
🟠Итак, внимание, вопрос. А что если я скажу, что в Adobe InDesign почти все эти процессы можно автоматизировать?
Можно настроить все процессы таким образом, чтобы у вас или генерировались текстовые описания под нужный размер слайда, нужными стилями, если всё грамотно настроить. Или можно сделать такие шаблоны, которые будут вам выдавать правильные карточки с нужными названиями объектов, их ТТХ, фото (!), маркой бренда и так далее.
Всё это будет делать программа сама, за вас. Не надо длину, ширину, высоту, мощность и прочее руками переносить для каждого объекта, всё будет сделано ав-то-ма-ти-чес-ки. И без ошибок.
Дизайнеру останется проверить дизайн (а иначе зачем он вообще нужен?). Что не наехал текст на картинку или ещё что-то важное.
Т.е. ещё раз. Вы настроили шаблон для карточки (это примерно 5–10 минут, умеючи). Заполнили таблицу с данными всех, условно, 100 позиций (это вообще можно запросить у клиента готовое), которые надо сделать по одному шаблону, но с разными данными. И индизайн вам за минуту (ну, может, две) сгенерировал все 100 карточек.
🟠Полностью редактируемых карточек. текст, графика — каждый объект можно подвинуть, переписать. При необходимости у всех 100 объектов можно поменять шрифт, цвет, кегль одной надписи или у всех. Сразу. У всех.
Так вот скажите, пожалуйста, если будет такой прямо краткий курс молодого бойца, он вам был бы нужен или хотите дальше сражаться с нейросетями и фигмой? | 490 |
