Формы
В InDesign можно создавать формы и экспортировать их непосредственно в PDF. Теперь InDesign поддерживает поля форм и другие операции с формами. В библиотеке «Кнопки и формы» ( «Окно» > «Интерактивные элементы» > «Кнопки и формы» ) расположены элементы форм, которые можно использовать для дизайна интерактивных форм.
С помощью InDesign можно создать простые формы без необходимости корректировки документа PDF в Acrobat после публикации. Вы можете добавить простые элементы форм на страницы документа. Поддерживаются основные типы полей, такие как текстовые поля, переключатели, флажки и подписи. Вы можете также добавить действия отправки формы по электронной почте или ее печати.
В дополнение к базовому дизайну вы можете также использовать художественные функции InDesign, чтобы добавить в форму дизайнерские штрихи.
- Добавляйте сплошные линии и заливки в поля формы PDF.
- Добавляйте заказные состояния «Вкл.», «Выкл.», «Наведение» для кнопок, флажков и переключателей.
- Указывайте размер шрифта для полей ввода текста.
Например, чтобы собрать информацию о кредитной карте, вы можете использовать значки кредитной карты в качестве переключателей, с отдельным изображением для выбранного состояния.
Для продвинутых процессов работы с формами вы можете экспортировать базовую форму и продолжить ее редактирование в Adobe Acrobat.
Добавление поля формы
Используйте панель «Кнопки и формы», чтобы добавить поля формы в макет. Методы добавления интерактивных полей формы аналогичны привычным методам добавления кнопок. Вы можете создать форму, которая открывается в Adobe Reader или Adobe Acrobat. Используя InDesign, вы можете создавать более динамичные и стильные формы, чем в Acrobat.
Создание заполняемых PDF-форм с помощью InDesign и Adobe Acrobat
Создание форм в Acrobat может быть утомляющим процессом. Программное обеспечение распознавания может создавать поля в одной строке, но не в следующем. Вы можете получить переключатель, в котором вы хотите установить флажок. Казалось бы, простые задачи, требующие минуты, могут занять несколько часов, чтобы исправить и правильно настроить. В этом уроке вы узнаете, как разработать чистую, рабочую форму, чтобы свести к минимуму головные боли рабочего процесса.
Первое эмпирическое правило — сохранить ваш дизайн незагроможденным. Программное обеспечение OCR (оптическое распознавание символов), которое Acrobat использует для преобразования вашего дизайна в рабочую форму, может видеть только понятные, разборчивые и высококонтрастные элементы. Лучший способ обеспечить читаемость вашего рисунка — придерживаться белого фона с черным типом для любой информации, которая должна быть преобразована. Избегайте причудливых графических элементов га заднем плане. Также убедитесь, что элементы отделены друг от друга, и нет перекрывающегося текста, который может привести к тому, что поля формы объединяются и создают другие мешающие вещи, которые могут добавить работы.
Мы рассмотрим создание простой формы, но ни в коем случае ваш дизайн не должен выглядеть точно так, чтобы получить форму, которая работает. Просто следуйте инструкциям, а также поместите поля формы или просто сделайте свою собственную.
Примечание. Если вы хотите пропустить головную боль при создании своих собственных форм, вы можете найти набор стильных шаблонов форм на Envato Market, таких как Регистрационная форма v-2.
Предварительный просмотр изображения
Детали урока
- Программа: Adobe InDesign и Acrobat CS5
- Сложность: Средняя
- Ориентировочное время на урок: 1 час
Шаг 1
Сначала создайте новый документ в InDesign. Настройте файл размером 4,25 дюйма x 8,5 дюйма. Форма, которую я создаю, удваивается как отпечатанная почтовая программа, поэтому я добавляю стандартный отступ в 0,125 дюйма.
Шаг 2
Теперь набираем форму. Acrobat распознает четкий и четкий текст, поэтому попробуйте использовать чистый текстовый шрифт (например, Helvetica или другой удобный для чтения шрифт) для текста, который будет предшествовать полям. Причиной этого является то, что Acrobat может точно определить элементы формы, не запутавшись. Однако, если в вашем документе есть шапка или заголовок, вы можете использовать шрифт fancier.
Шаг 3
Вы хотите видеть, где каждая вкладка и пространство находятся в документе, поэтому убедитесь, что вы видите все скрытые символы. Чтобы сделать это в InDesign, выберите «Тип» > «Показать скрытые символы».
Шаг 4
Чтобы добавить легко редактируемое подчеркивание к полям формы, выберите пространство непосредственно после имени поля и вставьте вкладку (Tab). Откройте палитру «Табы», выбрав «Тип» > «Вкладки». Выберите вкладку с правосторонним выравниванием (стрелка, указывающая вправо и вниз), и щелкните по линейке в палитре «Вкладки», чтобы вставить вкладку. Теперь перетащите вкладку до нужного края, и она должна защелкнуться на месте.
Выделите вкладку и откройте Underline Options, к которым можно получить доступ, щелкнув значок в правом верхнем углу палитры Character. Установите флажок «Подчеркнутый текст» и установите вес подчеркивания до 0,5 pt. Если линия слишком тонкая, Acrobat не распознает его как текстовое поле.
Шаг 5
Добавьте вкладки в каждое поле, требующее подчеркивания, затем используйте инструмент Eyedropper Tool (I), чтобы применить его к другим полям выделяя их.
Шаг 6
Не все поля должны занимать всю строку, например, номер телефона или поля почтового индекса / почтового кода, и вы хотите поместить два поля в одну строку. Сделайте это, удалив параграф, вернувшись к первой строке и снова откройте палитру «Табы» (Type > Tabs). Вставьте дополнительную вкладку, щелкнув линейку и перетащив ее в нужное место.
Шаг 7
Теперь эти поля слишком близки друг к другу! Это будет проблематично в печатной форме, когда кто-то попытается заполнить ее вручную. Я, как правило, даю ему примерно 1/8 дюйма запаса, чтобы быть уверенным. Поместите курсор на линию, которую вы настраиваете. Затем вы измените параметр Space Before в графе Paragraph на 0.125 дюйма. Перед настройкой убедитесь, что все текстовые поля имеют одинаковое пространство. Я установил абзацы без текстовых полей до 0.625 дюйма.
Шаг 8
Теперь, настроим базовую таблицу, выбрав Type Tool (T), вставьте курсор, где будет размещена таблица, а затем выберите Table > Insert Table. Выберите количество строк и столбцов, которые вам понадобятся. Для этой формы я использовал шесть столбцов и семь строк с одной строкой заголовка.
Шаг 9
Теперь отформатируем таблицу. Я хочу, чтобы строка заголовка была похожа на оранжевый цвет, чтобы поддерживать согласованность с моей цветовой схемой. Выделите строку заголовка, наведя курсор над левым краем строки с помощью Type Tool (T) до появления черной стрелки, затем щелкните по ней. Измените Fill Color в палитре Swatches.
Шаг 10
Лучший способ получить заполняемые текстовые поля, распознаваемые OCR, — оставить пустой белый квадрат, окруженный черной линией. Выделите строки тела таблицы и измените вес штриха на 0.5pt, чтобы подчеркнуть вес текстового поля.
Шаг 11
Чтобы таблица выглядела менее квадратной, удалите штриховку на внешней стороне таблицы, выделив левый столбец, затем выберите только левый внешний ход в Property Inspector (на фото ниже) и установите ширину обводки в ноль. Сделайте то же самое в правой колонке, чтобы удалить противоположную сторону. Я также удалил черную линию вокруг заголовка и изменил внутренние штрихи на белые.
Шаг 12
Для объединения ячеек в левой колонке следует отметить их и выбрать Table > Merge Cells.
Шаг 13
Вставьте ваш текст в таблицу. Выбирайте края таблицы так, чтобы они соответствовали тексту.
Шаг 14
Теперь добавьте чекбоксы. OCR, как правило, распознает любой маленький пустой квадрат с черным штрихом вокруг него как чекбокс. И наоборот, любой круг с черным штрихом будет распознан как радио-кнопка. (Разница в том, что вы можете выбрать несколько флажков, но только одну радио-кнопку.) Символьный шрифт Wingdings имеет черный квадрат и глифовый кружок черного цвета, который будет работать очень хорошо, но вам, вероятно, придется поднять их на несколько точечных размеров до соответствуют высоте шрифта, с которым вы работаете. Получите доступ к глифу, который вы ищете Type > Glyphs, и выберите Wingdings.
Шаг 15
Добавив еще несколько графических элементов, таких как логотипы кредитных карт и оранжевый акцент в нижней части страницы, мы закончили разработку! Время превратить эту вещь в рабочую форму.
Выберите File > Export и выберите «Экспорт» в формате PDF (Печать).
Шаг 16
Откройте экспортированный PDF-файл в Adobe Acrobat.
Теперь выберите Forms > Start Form Wizard и выберите «Использовать текущий документ или перейти к PDF-файлу», затем «Использовать текущий документ». Acrobat мгновенно заполнит пустые подчеркивания и ячейки таблицы текстовыми полями и чекбоксы станут выбранными.
Шаг 17
Мы еще не закончили! Acrobat испытывает трудности с разбором каждого поля, поэтому давайте проверим их, чтобы убедиться, что они верны. Быстрый метод обеспечения единообразного форматирования состоит в том, чтобы одновременно выбрать все поля формы и изменить их в одно и то же время. Перетащите мышью все поля формы (не флажки или подпись) и выберите отступников с помощью Command-click. Затем щелкните правой кнопкой мыши по одному из выделенных полей и выберите Properties.
В меню Appearance установите шрифт Helvetica и размер шрифта 8. Если размер шрифта оставлен по умолчанию для параметра Auto, текст будет изменяться в соответствии с размером текстового поля и может выглядеть некрасиво.
Шаг 18
Перейдите в меню Options. В некоторых редких случаях Acrobat установит лимит символов в поле. Снимите флажки рядом с «Limit of _ characters» и «Расческа _ символов», чтобы избежать поломки полей. Также отключите «Scroll long text», который ограничивает длину текста, входящее в длину текстового поля, поэтому пользователь не сможет вводить много в вашу форму.
Шаг 19
Acrobat имеет тенденцию позиционировать поля немного выше базовой линии, вызывая дополнительное убожество при вводе текста. Чтобы исправить это, повторно выберите поля, которые вы хотите опустить, и подтолкните их клавишами со стрелками. Лучший способ проверить, где будет сидеть введенный текст, — это выбрать Preview в верхнем левом углу окна и ввести текст примера.
Шаг 20
Если вы заметили, OCR не заполнило каждый пробел в таблице. Это обычное дело, и, к счастью, это простое решение. Нажмите Add New Field в верхнем левом углу окна и выберите Text Box.
Теперь поместите и измените размер поля, используя ограничительную рамку вокруг поля. Если вам нужна небольшая помощь при выравнивании поля с другими полями, включите линейки (Command + R) и перетащите указатель из линейки. Удалите ненужные поля, выбирая нарушителя поля и удаляя его.
Шаг 21
Вы также можете настроить цифровую подпись на форме. В этом случае OCR считывает подпись слова и автоматически настраивает его. Если вам нужно настроить дополнительные поля подписи, выберите Select Add New Field > Signature.
Шаг 22
Поле Notes будет проблемой. Обратите внимание, что он разделен на два отдельных поля, но мы хотим, чтобы он был перенесен на следующую строку. Acrobat это не текстовый процессор, поэтому тут нет инструмента для регулировки межстрочного интервала, поэтому линии нельзя настроить вместе вместе с тестом, потому мы удалим строки, чтобы освободить место для многострочного текстового поля.
Для удаления строк без возврата в InDesign, нажмите «Закрыть редактирование формы» в правом верхнем углу окна и выберите Tools > Advanced Editing > TouchUp Object Tool. Теперь выберите каждую нежелательную подчеркивание и нажмите Delete.
Вернитесь в режим Form Editing, удалите старые текстовые поля и создайте новое, достаточно большое, чтобы разместить в нем две строки текста. Откройте свойства текстового поля и перейдите в Appearance и установите флажок «Multiline». Это позволяет переносить текст на следующую строку.
Шаг 23
Как только ваша форма будет чистой и готовой к отправке, нажмите Close Form Editing, сохраните свою работу, затем выберите Advanced > Extend Privileges in Adobe Reader. Если вы пропустите этот шаг, пользователь не сможет сохранить введенный текст и документ станет файлом «только для чтения».
Совет: Убедитесь, что вы закончили редактирование формы: после расширения привилегий файл заблокирован, и вы не сможете изменить дизайн формы. Сделайте резервную копию с другим именем, например «form_editable.pdf» или что-то вроде этого.
Заключение
Формы могут быть надоедливыми, но с практикой вы можете создавать опрятные, удобные для навигации PDF-файлы с помощью нескольких простых настроек. Даже если вы уже работали с заполняемыми формами, надеюсь, что этот урок дал вам несколько советов, чтобы облегчить данный процесс. Если у вас есть какие-то советы, которые мы не затронули сегодня, давайте их услышим в комментариях.
Не забывайте: если этот процесс разработки занимает много времени, вы можете найти готовые стильные формы шаблонов на Envato Market.
Интерактивный опросник в Adobe InDesign
Если вам понравилось бесплатно смотреть видео интерактивный опросник в adobe indesign онлайн которое загрузил Mary Graff 22 июня 2021 длительностью 00 ч 19 мин 19 сек в хорошем качестве, то расскажите об этом видео своим друзьям, ведь его посмотрели 1 433 раза.
Александра Южная
маядорогая сколько душ ты спасла спасибо.
Корбен детка
Большое спасибо за видео, объяснила намного проще и доступнее чем мой преподаватель ��
Аиха Катя
Солнышко, Благодарю тебе. Очень понятно, все смогла сделать и получила красивый опросник❤
zhenya kosheleva
Боже мой, СПАСИБО ТЕБЕ НЕРЕАЛЬНОЕ!
У меня скоро демоэкзамен, и ты единственная, кто правильно все объяснила и разложила по полочкам!
Работа с 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. Во фреймах появятся имена переменных в тегах (<<Number>>, <<Name>>, <<Surname>>).
Для фото:
Выбираем графический фрейм и так же кликаем по переменной img. Во фрейме получаем <<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 можно ознакомится в статье Верстаем ежедневник за час!