Как сделать нестандартное оглавление в InDesign с помощью GREP и стилей абзаца.

В этом уроке я покажу вам, как создать нестандартное оглавление в Adobe InDesign с использованием стилей абзаца, поиска и замены, а также GREP.

Мы рассмотрим следующие шаги:
• Создание стилей абзаца для разных уровней оглавления
• Использование поиска и замены для быстрого форматирования текста оглавления
• Применение GREP для автоматической генерации стилей абзаца и стиля символа
Благодаря этим приемам вы сможете создавать оглавления, которые выделяются на фоне стандартных и делают ваши документы более привлекательными и профессиональными.

Смотреть | #уроки

Базовая сетка
Функция базовой сетки может помочь вам выровнять строки текста в документе.
Обратите внимание, что на образце каждый столбец имеет разные базовые линии.
Мы можем исправить это, включив базовую сетку для каждого из этих текстовых фреймов. Выделяем нужные фреймы и включаем на панели «Управление» | «Control» кнопку «Выровнять по базовым линям» | «Align To Baseline Grid».

Вы можете задать шаг сетки в меню «Установки» | «Preferences» (Сmd / Сtrl + К) – вкладка Grids.

Вы можете показать/скрыть сетку и посмотреть, как текст выравнивается по ней – «Просмотр» > «Сетка и направляющие» > «Скрыть/Показать базовую сетку» | «View» > «Grids & Guides» > «Show/Hide Baseline Grid».

#уроки

InDesign Snippets
Знаете ли вы, что вы можете экспортировать объект из Indesign в виде фрагмента файла? Они могут помочь для повторного использования элементов и композиций в других документах.

Чтобы создать этот файл, выделить нужные объекты и нажать «Файл» > «Экспорт» | «File» > «Export» в поле «Тип файла» | «Save As Type» (Windows) или «Формат» | «Format» (Mac OS) выберите «InDesign Snippet», введите имя файла и нажмите кнопку «Сохранить» | «Save».

Формат этого файла IDMS и он может быть использован только в InDesign. Попробуйте использовать эти фрагменты, созданные в новом документе.

Вставить фрагмент можно через команду «Файл» > «Поместить» | «File» > «Place».

#уроки
#инструменты

Step and Repeat

✅ При рисовании фигур используйте клавиши со стрелками для создания новых экземпляров.
Для этого при создании фигуры не опускайте кнопку мыши и нажимайте на стрелки.

✅ Используйте клавиши Cmd/Ctrl + стрелки для увеличения/уменьшения расстояния.

✅ Как только вы это сделаете, поиграйте с инструментом «Выделение» | «Selection Tool», чтобы переместить предметы.

✅ Выберите все с помощью команды Cmd/Ctrl + А и сделайте Compound Path командой Cmd/Ctrl + 8 или «Объект» > «Контуры» > «Создать составной контур» | «Object» > «Paths» > «Make Compound Path» после заполните изображением Cmd/Ctrl + D.

✅ Вы можете перемещать или изменять размер изображения с помощью инструмента «Частичное выделение» | «Direct Selection Tool».

#уроки

Gradient Feather Tool (Растушевка градиента)
На данном примере разберем, как работает инструмент Gradient Feather Tool.

На этой иллюстрации нам нужно сделать, чтобы был виден текст, и для этого мы наложим сверху прямоугольник с градиентом из цвета, взятого из иллюстрации.

✅ Сначала создаем «Прямоугольник» | «Rectangle» (M). Затем выберите цвет заливки из изображения. Для этого берем инструмент «Пипетка» | «Eyedropper Tool» (I), щелкаем по нужному цвету в изображении, а затем по прямоугольнику. Об этом инструменте мы говорили здесь.

✅ Теперь нажмите Shift + G, чтобы выбрать инструмент «Растушевка градиента» | «Feather Gradient Tool». Щелкните левой кнопкой мыши и потяните, чтобы создать градиент.

✅ Перетащите верхний край фигуры вверх и вниз, чтобы настроить градиент.

✅ С помощью панели «Эффекты» | «Effects» отрегулируйте «Непрозрачность» | «Opacity» или используйте «Режим наложения» | «Blending mode».

#уроки
#инструменты

Используем фреймы
Cоздавайте интересные фреймы, используя инструмент «Прямоугольный фрейм» | «Rectangle Frame Tool» (F).

▫️Нажмите на желтый угловой значок, чтобы отредактировать углы.

▫️Alt/Opt и клик на значок – чтобы изменить форму угла.

▫️Вы также можете использовать панель опций, если хотите более конкретные настройки.

▫️Shift + перетаскивание – чтобы изменить конкретный угол.

#уроки
#инструменты

Используем фреймы
О том, как еще креативно использовать фреймы, мы писали здесь.

▫️Cоздайте фрейм с помощью инструмента «Прямоугольный фрейм» | «Rectangle Frame Tool» (F).

▫️Выберите изображение, чтобы заполнить пустой фрейм, используя Cmd/Ctrl + D. Подробнее здесь.

▫️Дважды щелкните на изображение или нажмите клавишу A, чтобы настроить обрезку и размер кадра.

▫️Вы также можете использовать инструмент «Захват содержимого» | «Content Grabber Tool» в середине кадра для настройки изображения.

▫️Следите за качеством вашего изображения. Оно должно быть не менее 300 эффективных ppi | effective ppi. Следить за этим можно в окне «Информация» | «Info».

#уроки
#инструменты

Как создать макет визитки за 10 шагов в InDesign

Визитная карточка – важный инструмент для привлечения потенциальных клиентов. По сравнению с электронной почтой, карточка дольше остается на виду, посылая клиенту визуальные сигналы и заставляя связаться с ее владельцем. Учитывая это, дизайн такого крошечного листа бумаги должен быть уникальным и запоминающимся, а также давать четкую информацию о предоставляемых услугах. И в этом уроке мы расскажем вам, как создать макет визитки за 10 простых шагов в программе Adobe InDesign.

Как ни странно, но создать профессиональную визитку можно очень быстро. В этом уроке мы сделаем гибкий шаблон для InDesign, в котором с легкостью можно настроить цвета, фон и текст. Процесс работы будет показан с нуля, так что, если вы еще новичок, то без проблем сможете разобраться и создать свой собственный дизайн визитки.

Читать подробнее.

#уроки

Создаем эффект ретро-текста

Визуальные стили 1970-х и 80-х годов часто отличались смелыми геометрическими формами и яркими оттенками. Отдайте им дань уважения, создав в Adobe InDesign CC декоративный текст с яркими формами и солнечными цветами.

Читать подробнее.

#уроки

Произвольный текст
🔸Создаем каждую букву слова «DRIVE» в отдельных текстовых фреймах.

🔸Рекомендуется использовать для них «Cтили символов»| «Character Style» и хранить их на отдельном слое.

🔸Чтобы интегрироваться в композицию, вращаем и перемещаем несколько букв позади машины.

🔸Используем негативное пространство, превратив две буквы в белые.

🔸И, наконец, используйте красный цвет там, где он меньше сливается с фоном.

Готово!

#уроки

«Зазор» | «Gap Tool»
🔸Нужно быстро организовать их. Сначала давайте займемся «Заполнить фрейм с сохранением пропорций» | «Fill Frame Proportionally».

🔸Как убедиться, что «Автоматическая подгонка» | «Auto-Fit» включена – когда настраиваем фрейм, изображение изменяется синхронно.

🔸Нажмите U для инструмента «Зазор» | «Gap Tool» и потяните промежутки между изображениями.

🔸Разделите зазоры, удерживая Shift при использовании инструмента зазора.

🔸Удерживание Cmd/Ctrl изменит размер промежутков.

#уроки

Сетка | Gridify

❇️ Выберите несколько изображений в Adobe Bridge, чтобы поместить их в InDesign.

❇️ Используйте клавиши со стрелками для переключения между выбранными изображениями.

❇️ Клавиши со стрелками также могут разделить ваш фрейм на сетку.

❇️ Cmd / Ctrl + клавиши со стрелками изменят расстояние между элементами.

❇️ Удерживая клавишу пробела, можно изменить положение фрейма.

#уроки

Изображение в текст

🔸Сделаем это более креативным. Сначала создайте кривые «Текст» > «Создать кривые» | «Type» > «Create Outlines» (Ctrl + Shift + O)).

🔸С помощью инструмента «Прямоугольник» | «Rectangle» щелкните с нажатым Alt в центр текста, чтобы они идеально подходили.

🔸Выделите оба прямоугольника и нажмите «Вычитание» | «Subtract» на панели «Окно» > «Объекты и макет» > «Обработка контуров» | «Window» > «Object & Layout» > «Pathfinder».

🔸Это теперь одна форма. Позволяет поместить в нее изображение с помощью Ctrl + D.

🔸Используйте «Заполнить фрейм с сохранением пропорций» | «Fill Frame Proportionally» и «Захват содержимого» | «Content Grabber Tool» для настройки изображения.

#уроки

Привязанные и встроенные изображения

❇️ Перетащите эту иконку с изображения в текстовый фрейм.

❇️ Это превратило изображение в привязанный объект | anchored object. Он следует за словом в тексте.

❇️ Вы можете освободить изображение и прекратить привязку из контекстного меню.

❇️ Теперь давайте создадим встроенное изображение, вырезав и вставив его в текстовый фрейм.

❇️ Эта опция позволяет обрабатывать изображение как абзац. Он также будет перемещаться по столбцам.

#уроки

Дизайн резюме

❇️ Разместите все свои контактные данные вверху страницы;

❇️ Составьте четкий график ваших предыдущих работ;

❇️ Есть раздел для ваших навыков и укажите свои сильные стороны;

❇️ Вы можете перечислить свои увлечения и интересы с помощью простых значков и символов.

#уроки

Процесс создания макета книги: от начала до конца в InDesign [Pocket Full Of Do]

00:00 – Начало;
00:14 – Разворот 1 (настройки полей);
00:58 – Настройка «Overprint» look;
01:35 – Разворот 2;
02:31 – Уравновешивание разворота;
02:35 – Разворот 3.

#уроки

Выравнивание по ключевому объекту

❇️ Без выравнивания ваш дизайн будет неаккуратным и трудным для понимания.

❇️ Здесь приходит на помощь панель выравнивания. Выберите объекты, которые вы хотите выровнять.

❇️ Нажмите «Выровнять по ключевому объекту» | «Align to Key Object» в панели «Выравнивание» | «Align». Выберите элемент для установки в качестве ключевого объекта.

❇️ Все остальные будут перемещаться вокруг этого объекта. Давайте попробуем выровнять по верхнему краю.

❇️ Затем отрегулируйте их распределение. Вы видите, как ключевой объект никуда не двигается.

Источник | #уроки

Многошаблонность

✅ Давайте посмотрим, как шаблон-страницы могут быть полезны для обновления повторяющейся информации.

✅ В одном документе может быть несколько шаблонов с разными макетами.

✅ Вы можете перетащить любой шаблон на обычную страницу, чтобы назначить его.

✅ Давайте сделаем то же самое, щелкнув правой кнопкой мыши и выбрав «Применить страницу-шаблон к страницам» | «Apply Master to Pages».

✅ Cледите за своими шаблонами, смотря на эти буквы.

#уроки

5 творческих приемов макета в InDesign и Photoshop

00:00 – Вступление;
00:31 – Перекрытие (InDesign);
01:25 – Постоянная прописная (InDesign);
01:58 – Обтекание текстом (InDesign);
04:13 – Вставка изображения (Photoshop+InDesign);
08:06 – Обрезанное изображение (Photoshop+InDesign).

#уроки
Смотреть с субтитрами