Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Layout

Создание заполняемых PDF-форм с помощью InDesign и Adobe Acrobat

by
Difficulty:IntermediateLength:LongLanguages:

Russian (Pусский) translation by Andy Yur (you can also view the original English article)

Создание форм в 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.

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.