Как настроить градиент в индизайн
Как связать текстовые поля в Adobe InDesign
В приложении Adobe InDesign для настольных издательских систем, если вы работаете с длинным или сложным документом — или даже с одностраничным документом с несколькими элементами дизайна, — скорее всего, вы захотите связать свои текстовые поля. Поскольку длина текста в любом документе может измениться, важно учесть эти изменения, чтобы вам не пришлось полностью переделывать макет документа.
Представьте, что вы выкладываете статью из журнала. В этом пошаговом руководстве мы покажем вам, как связать текстовые фреймы, чтобы текст плавно переходил от одного кадра к другому, даже если вы вставляете дополнительный текст где-то в статье. Эти инструкции должны работать для всех версий Adobe InDesign, включая CS5.5, CS6 и InDesign CC, который является частью Adobe InDesign. Creative Cloud.
Уменьшите свой словарный запас в InDesign
Текстовый фрейм — один из основных строительных блоков проектов InDesign. (Условия текстовый фрейм а также текстовое окно могут использоваться как взаимозаменяемые. Пользователи QuarkXPress особенно привыкли называть их текстовыми полями.) Любой текст, который вы добавляете в документ, находится в контейнере, который называется текстовым фреймом или текстовое окно. Вы можете перемещать и изменять размер текстовых фреймов, а также изменять такие вещи, как количество столбцов в фрейме или расстояние между полями между текстовым фреймом и текстом внутри фрейма.
Чтобы создать текстовый фрейм, используйте инструмент «Текст». (Этот инструмент выглядит как T.) Щелкните и перетащите его по странице, чтобы создать текстовый фрейм. Затем используйте инструмент «Выделение» (черная стрелка), чтобы изменить размер созданного текстового фрейма, выделив и перетащив квадратные маркеры в каждом углу фрейма.
Теперь подумайте о макете вашего документа. Вы хотите, чтобы текст перетекал из одного текстового фрейма в другой либо в другом разделе документа, либо на другой странице целиком. Когда вы соединяете два или более текстовых фрейма, это называется цепочкой или связыванием текстовых фреймов. Набор связанных или связанных текстовых фреймов называется историей.
Каждый текстовый фрейм имеет входной и выходной порт. Вы будете использовать эти порты для связывания текстовых фреймов. Когда вы выбираете текстовое поле, вы увидите квадрат в каждом углу фрейма. Вы можете перетащить эти маркеры с помощью инструмента «Выделение», чтобы изменить размер рамки. Вы также увидите квадраты чуть большего размера в верхнем левом и нижнем правом углах. Большой квадрат в верхнем левом углу — это входной порт. Тот, что внизу справа, — это выходной порт.
Если в выходном порте текстового фрейма есть красный знак плюса, это означает, что фрейм недостаточно велик для отображения всего текста во фрейме, и у вас есть некоторый вытесненный текст.
Как добавить новый текстовый фрейм в цепочку
Теперь, когда у вас есть жаргон, взгляните на изображение ниже. Обратите внимание на красный значок плюса, говорящий о том, что во фрейме вытеснен текст. Давайте перенесем вытесненный текст в этот фрейм в новый текстовый фрейм внизу страницы.
- С помощью инструмента «Выделение» (черная стрелка) выберите выходной порт текстового фрейма с перекрывающимся текстом.
- Это загрузит текстовый значок. (Это также называется текстовым курсором, потому что ваш курсор будет выглядеть как блок текста.)
- Теперь щелкните или перетащите значок текста в пустую область, чтобы создать новый текстовый фрейм, содержащий смещенный текст.
Если вы передумали после того, как начали связывать два текстовых фрейма, вы всегда можете отменить, нажав клавишу Escape или выбрав любой другой инструмент на панели инструментов InDesign. Не волнуйтесь, вы не потеряете текст, если сделаете это.
Как добавить существующий фрейм в поток
Что делать, если у вас есть существующий фрейм, заполненный текстом, и вы хотите добавить его в цепочку? В этом случае выполните следующие действия.
- С помощью инструмента «Выделение» выделите текстовый фрейм.
- Затем выберите входной порт (для связи с фреймом перед выбранным фреймом) или выходной порт (для подключения к фрейму после выбранного фрейма). Это загрузит текстовый значок.
- Наведите значок загруженного текста на фрейм, на который вы хотите создать ссылку. Вы увидите, что значок загруженного текста изменится на значок потока.
- Теперь щелкните внутри кадра, на который вы хотите создать ссылку, и подключите его к первому кадру.
Существующий фрейм теперь является частью многопоточной истории.
Как добавить новый текстовый фрейм в середину цепочки
Процесс добавления нового текстового фрейма в середину последовательности связанных фреймов очень похож.
- С помощью инструмента «Выделение» выберите выходной порт фрейма в истории, куда вы хотите вставить фрейм.
- Отпустите кнопку мыши, и вы увидите значок загруженного текста.
- Затем либо перетащите, чтобы создать новый текстовый фрейм, либо выберите другой фрейм. Этот фрейм будет вставлен в цепочку связанных фреймов, содержащих вашу историю.
Как распаковать текстовые фреймы
Если вы хотите разорвать связь между текстовым фреймом и всеми другими текстовыми фреймами в цепочке, которая идет после него, вы можете использовать один из этих методов.
Простой способ распаковать текстовые фреймы
С помощью инструмента «Выделение» дважды щелкните входной или выходной порт. Сказал вам, что это было легко!
Альтернативный метод распаковки текстовых фреймов
Вот еще один способ не читать текстовые фреймы.
- С помощью инструмента «Выделение» щелкните один раз входной или выходной порт, который уже связан с другим фреймом.
- Вы увидите значок загруженного текста.
- Оттуда вы можете навести значок загруженного текста на предыдущий или следующий кадр. Теперь вы увидите значок без резьбы.
- Наконец, щелкните внутри рамки, которую хотите удалить из цепочки.
Как удалить текстовый фрейм из потока
Допустим, у вас есть три связанных текстовых поля, и вы хотите удалить средний фрейм.
- С помощью инструмента «Выделение» выберите фрейм, который вы хотите удалить. (Удерживайте Shift, чтобы выбрать несколько кадров.)
- Нажмите Backspace или Delete.
Удаление фрейма в потоке не приведет к удалению текста, который содержался в этом фрейме, потому что текстовые фреймы являются просто контейнерами. Вместо этого текст перетекает в следующий кадр в цепочке. Если в цепочке нет другого кадра, вы увидите значок смещения.
Воспользуйтесь преимуществами InDesign
Если вы новичок в InDesign, найдите время, чтобы узнать о его функциях. Изучение таких инструментов, как мастер-страницы, поможет вам создавать документы быстрее и с меньшим количеством ошибок. Вы не пожалеете.
Работа с Data Merge в Adobe InDesign
Бейджики, визитки и т.п.
Data Merge в Adobe InDesign, что это такое?
Data Merge – это функция в Adobe InDesign для работы с переменными данными. Упрощает работу с бейджами, визитками, именными дипломами, грамотами, а также с нумерованной продукцией. Подробнее см. на сайте adobe.com
Как это работает
Рассмотрим пример, когда изменяются номер, имя и фото (как на пронумерованных бейджах сотрудников супермаркета). Для начала, в Excel, нужно создать базу данных.
В первой строке пишем имена переменных, для номера – Number, для имени – Name, для фамилии – Surname. Для фото, перед именем переменной, необходимо поставить апостроф и «собаку» – ‘@img. В именах переменных не желательно использовать кириллицу. Далее заполняем колонки нужными данными.
Сохраняем документ, как Unicode Text.
все фото нужно собрать в одну папку и там же сохранить базу.
В противном случае путь к каждому имиджу должен быть полный!
Далее, в Adobe InDesign в документе с макетом открываем панель Data Merge (Window->Automation->Data Merge) и подгружаем наш текстовый файл базы данных (Select Data Source).
Расстановка переменных полей в макете
Для текста:
Ставим курсор в тот текстовый фрейм, в котором должна находится переменная и кликаем по соответствующей переменной в панели Data Merge. Во фреймах появятся имена переменных в тегах ( >, >, >).
Для фото:
Выбираем графический фрейм и так же кликаем по переменной img. Во фрейме получаем >
Теперь остается задать тексту нужное форматирование (при форматировании лучше каждой текстовой переменной задать свой Paragraph или Character Style) и документ готов к работе.
Панель Data Merge
Records To Merge
All Records – Все записи
Single Record – Одна запись
Range – Диапазон записей (1,5,7-9)
Records per Document Page
Single Record – Одна запись на листе (без раскладки)
Multiple Record – Раскладка на лист нескольких записей. Количество объектов рассчитывается относительно внутренних полей документа.
Панель Create Meged Document, вкладка Multiple Record Layout
При Multiple Record Layout раскладка объекта зависит от внутренних полей (Margins). Для того чтоб объекты «легли» правильно, необходимо правильно задать эти поля.
В данном случае мы имеем объект 92×52, лист А4 (Portrait).
На листе получаем 10 объектов: 2 колонки и 5 рядов.
Левое поле: (210 – 92 × 2) / 2 = 13 мм
Верхнее поле: (297 – 52 × 5) / 2 = 18,5 мм
Правое поле: 13 (Левое поле) – 1 = 12 мм
Нижнее поле: 18,5 (Верхнее поле) – 1 = 17,5 мм
В этом случае, общая раскладка объектов будет по центру страницы.
Метки реза ставятся заранее на мастер-странице.
Панель Create Meged Document, вкладка Options
Убедившись что все настройки правильные, жмем ОК и получаем новый документ с готовыми бейджами.
Примечания:
Multiple Record не работает с многостраничным документом.
На странице при Multiple Record должен быть только макет.
C одним из случаев применения Data Merge можно ознакомится в статье Верстаем ежедневник за час!
Работа с таблицами в индизайне
При верстке журналов, буклетов, а особенно газет невозможно обойтись в работе с Indesign без таблицы. Возможно, вы в некоторых ситуациях умудрялись обойти их создания методом обычного разбивания текста. Но я думаю, что специалист своего дела должен уметь как вставить таблицу из ворда в программу, так и самим ее сделать в индизайне. Так что в этом небольшом уроке я все расскажу про таблицы в Indesign.
Как вставить таблицу из ворда
Давайте попробуем вставить таблицу в индизайн из ворда. Первый способ это просто взять и перетянуть документ ворд в программу верстки, вот только стили останутся вордовские в таблице, нужно будет заменить их на свои.
Второй способ. Рекомендую. Используйте горячие клавиши Ctrl + D для вставки, только в диалоговом окне перед импортом поставьте галочку «Показать параметры импорта» и нажимаем открыть.
Нам нужен пункт «Форматирование». Нужно отметить галочкой «Удалить стили и формативарование текста та таблиц». Также обязательно поставить галочку на «Сохранить локальную настройку». А в «Преобразовать таблицы в» обязательно выбираем «Неформатированные таблицы». Вот при этих настройках вы сможете легко вставить таблицу в индизайн из ворда. Нажимаем «Ок» и для вставки кликаем один раз левой кнопкой мыши на рабочей области.
Смотрим скриншот ниже, что у меня получилось. Теперь таблица в индизайне и все вордовские стили убрались. Теперь осталось нам убрать абзацы в тексте, ведь они нам мешают. Также, как вы заметили, на скриншоте красный кружечек, это значит, что в одной колонке текст зашел под нее, нужно ее расширить. Для удобства верстки можно таблицу вырезать и после вставить в текст и сделать для нее обтекание.
Как удалить (объединить) ячейки таблицы?
Для этого нужно выделить часть ячеек и щелкнуть правой кнопкой мыши и выбрать «Объединить ячейки».
Как уменьшить, или увеличить междустрочный интервал таблицы?
Выделите таблицу и вверху, в панели инструментов, появятся параметры как ниже на скриншоте. Сменив их, вы сможете как увеличить, так и уменьшить междустрочный интервал.
Рамки в таблице
Что бы сделать тоньше или жирней рамку в таблице, нужно ее выделить и щелкнуть правой кнопкой мыши и выбрать «Параметры ячейки» > «Обводка и заливка».
Выбираем нужную толщину, цвет и тип рамки.
Как разорвать таблицу?
Если вы хотите разорвать таблицу, тогда выделите нужную часть и вырежьте ее, после вставьте вырезанный фрагмент.
Как сделать таблицу в индизайне
Для того, что бы сделать таблицу в программе, нужно перед этим обязательно перейти в режим текста в панели инструментов.
После создаем пустой фрейм и переходим в Таблица > Вставить таблицу. В диалоговом окне, что выскочило, выставляем нужные параметры: сколько строк, столбцов, головных и концевых строк и нажимаем «ОК».
Все. Мы смогли сделать таблицу в индизайне. Теперь нам осталось ее только заполнить нужными данными. Если ее выделить, на панели инструментов появятся новые функции для работы с таблицей. Дальше, я думаю, вы должны разобраться. Если появятся вопросы, пишите в комментарии. Смогу дать ответы.
Также посмотрите этот урок по таблицам у видео формате. Здесь глубже раскрыта эта тема, ведь писать можно очень много и долго.
Работа с таблицами в индизайне : 1 комментарий
- Надежда 25 октября, 2019
Здравствуйте! Подскажите, что нужно сделать, чтобы таблица не выходила за границы листа. Делаю производственный календарь на 2020 год и получается, что два месяца не входят, что нужно сделать, как ее уменьшить или сжать?
Градиент в фигме: как сделать красиво + плагин для работы
Как сделать красивый градиент в фигме? Такой вопрос часто задают начинающие пользователи программы Figma. Сегодня раскрою эту тему и поделюсь плагином для того, чтобы подбирать классные градиенты быстро и легко.
Как сделать градиент в фигме
Чтобы сделать градиент в фигме выделите прямоугольник или другую векторную фигуру. В правой панели, напротив надписи «Fill» нажмите на цвет. Вместо значения «Solid» поставьте одно из следующих значений:
- Linear — линейный градиент.
- Radial — радиальный градиент.
- Angular — угловой градиент.
- Diamand — градиент в виде кристала.
Как сделать градиент красивым и правильно сочетать цвета
Чтобы цвета в градиенте гармонично сочетались между собой, нужно в 2 точках поставить одинаковые цвета.
Затем изменить значение одного цвета потянув полнунок в нижней панели влево или вправо для незначительного изменения цвета (панель показана на скриншоте выше).
Цвет должен незначительно отличаться друг от друга. Например, если один цвет красный, то второй цвет должен быть оранжевым. Если первый оранжевый, то второй желтый и т.д.
Как создать дополнительные цвета для градиента в фигме
Чтобы создать дополнительные цвета и делать сложные градиенты, поставьте точку в градиенте (как показано на скриншоте выше).
Плагин с градиентами для фигмы
Вы можете воспользоваться плагином с градиентами для фигмы. Он называется uiGradients. Установить плагин можно по ссылке. Для установки просто нажмите на кнопку «Install» сверху и справа.
Активация плагина uiGradients
Чтобы активировать плагин «uiGradients» перейдите в ваш проект, нажмите на меню гамбургер, затем на вкладку «Plagins» и выберите его из списка.
Как пользоваться плагином с градиентами
Чтобы использовать плагин выделите прямоугольник или другую векторную фигуру и выберите подходящий градиент из списка.
Заключение
В этой статье вы узнали как делать градиент в фигме и узнали о плагине, который позволяет добавлять красивые градиенты буквально за пару кликов мыши. Если вам помогла эта статья, то на этом сайте есть еще много полезных материалов по Figma.
