Обтекание текстом
1. Используйте отбивку при использовании заливки цветом для текстовых фреймов.
Щелкаем правой кнопкой мыши по текстовому фрейму, выбираем «Параметры текстового фрейма» | «Text Frame Options».
В настройках ищем «Отбивка» | «Inset Spacing», ставим галочку «Просмотр» | «Preview» и подбираем нужное значение.

2. Создайте пустой фрейм и примените к нему обтекание.
Создаем фрейм.
Открываем «Окно» > «Обтекание текстом» | «Window» > «Text Wrap».
Применяем «Обтекание по форме объекта» | «Wrap around object shape».

3. Нарисуйте еще один круг и с помощью обработки контура извлеките его из текстового фрейма.
Создаем еще один пустой круглый фрейм.
Открываем «Окно» > «Объекты и макет» > «Обработка контуров» | «Window» > «Object & Layout» > «Pathfinder».
Вычитаем круглый фрейм из нижнего с текстом нажимая на «Вычитание» | «Subtract».

4. Сделайте так, чтобы ваши объекты взаимодействовали друг с другом для получения более привлекательных результатов.

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

Создаем геометрический шаблон разворота
1. Давайте начнем с добавления фотографии на страницу.
▪️С помощью инструмента «Прямоугольный фрейм» | «Rectangle Frame» создаем поле для фотографии.
▪️Помещаем фото с помощью команды «Файл» > «Поместить» | «File» > «Place».

2. С помощью инструмента «Перо» | «Pen Tool» определите несколько новых точек привязки, чтобы создать пользовательскую форму фрейма.
▪️ Для этого выберите инструмент «Частичное выделение», выделите им фрейм с фотографией.
▪️Возьмите инструмент перо, нарисуйте новые точки на фрейме или удалите их.

3. Все еще используя инструмент перо, мы можем добавить и красочные формы. Эти формы работают в гармонии с угловым каркасом, который мы создали.

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

#уроки

Креативные фреймы

1. На задний план ставим фотографию, к которой вы хотите сделать оформление фреймами. Вставляем фотографию по инструкции.

2. Сверху рисуем фреймы инструментом «Прямоугольный фрейм» | «Rectangle Frame».
У фрейма ставим рамку 10 pt (Shift + клик по стрелочке вверх, чтобы изменить размер обводки рамки с шагом 10 pt) цвет – белый, и выставляем «Тень» | «Drop Shadow» (Alt / Opt + клик по значку «Тень» | «Drop Shadow», чтобы получить доступ к параметрам тени). Все это можно сделать на панели «Управление» | «Control».

3. Копируем фреймы – Alt / Opt + клик и перетаскиваем для дублирования. Эту функцию мы показывали здесь. Фреймы можно поворачивать для создания композиции. Для этого можно навести курсор на уголок фрейма до появления стрелочки, а затем потянуть в нужную сторону для поворота.

4. Далее делаем два действия:
1. Вырезаем изображение (Ctrl / Cmd + X).
2. Вставляем во фреймы (Cmd / Ctrl + Alt / Opt + V).

Все! Готово!

#уроки

Как сделать нестандартное оглавление в 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. Он следует за словом в тексте.

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

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

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

#уроки

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

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

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

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

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

#уроки