​​Перетекание текста
Если у вас есть документ с большим количеством текста, вам придется создать несколько текстовых фреймов с перетеканием текста в них.

После того, как вы создали текстовый фрейм и вставили в него текст, вы можете обнаружить, что там слишком много текста, чтобы находиться в фрейме без переполнения. Вы увидите маленький красный символ + в нижнем правом углу текстовой рамки.

Первое, что нужно сделать, – это настроить ряд текстовых фреймов, чтобы текст мог перетекать в них. Выберите инструмент Текст (T) и создайте новые фреймы на странице (страницах) вашего документа.

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

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

Как только весь текст будет виден в документе, появится зеленое уведомление об отсутствии ошибок в левом нижнем углу экрана (на панели предпечатной проверки).

Чтобы посмотреть, как соединяются текстовые фреймы, перейдите в меню Просмотр > Вспомогательные элементы > Показать цепочки текста. В обычном режиме (Просмотр > Режим экрана > Обычный или нажмите W на клавиатуре) при выборе текстового фрейма вы увидите нити, соединяющие фреймы, показывающие, как текст упорядочен по всему документу.

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

Одним из применений программного обеспечения InDesign является дизайн обложки.
#вдохновение

Инструкция по выбору шрифтов

✅ Разберитесь в видах шрифтов
Несмотря на множество классификаций шрифтов, выделяют четыре основных группы:
антиква – шрифты с засечками (засечки – это небольшие штрихи на конце буквы);
гротеск – шрифты без засечек;
рукописные шрифты – имитирующие человеческий почерк;
акцидентные – декоративные шрифты для заголовков или логотипов.

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

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

✅ Пользуйтесь бесплатными шрифтами
Бесплатные шрифты можно скачать на Google Fonts, MyFonts или поискать в интернете. Всегда читайте лицензию, многие бесплатные шрифты предназначены только для личного пользования.

✅ Купите шрифт, если хотите чего-то большего
Купить шрифты можно на MyFonts или на сайтах конкретных производителей.

✅ Учитывайте контекст
При выборе шрифта нужно учитывать контекст. Не стоит использовать готику для вывески в кафе с пончиками, а славянскую вязь – для логотипа клуба восточных единоборств.

✅ Не все зависит от выбора шрифта
В сверстанном макете на конечный результат влияют не только выбранный шрифт, но и его размер, начертание (например, жирное или курсивное), расстояние между строчками (интерлиньяж), расстояние между буквами (трекинг и кернинг), отступы и поля, использование типографских символов (например, длинные тире и кавычки «елочки»), цвет, композиция, визуальная иерархия, наличие других графических элементов и много чего еще! Недостаточно лишь выбрать шрифт, нужно еще уметь им пользоваться. Не увлекайтесь выразительными средствами. Чем проще, тем лучше.

#интересное

​​Can’t Unsee – тренажер насмотренности для дизайнеров
Перед вами два макета. Один Джони Айвом начищен, второй новичком испорчен. Какой выберете?

Помните тренажер, который развивает насмотренность в верстке? Мы нашли подобный тест. Он будет полезен не только для работы с сайтами или приложениями, но и для всех дизайнеров в целом. Поможет натренировать насмотренность и определять ошибки в верстке за несколько секунд.

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

После того как вы сделаете выбор, на экране появится результат и кнопка «Сравнить». Это поможет определить, как именно отличаются макеты.

#интересное

Шаблон журнал с узорами в Adobe InDesign
Шаблон журнала форматом A4, 32 полосы, включены шрифты и пример оформления.

#шаблон

​​Копирование атрибутов текста
(инструмент «Пипетка»)
Атрибуты текста (настройки символов, абзацев, заливки, обводки и др.) можно копировать с помощью инструмента «Пипетка» | «Eyedropper Tool» и затем применять к другому тексту. По умолчанию инструмент «Пипетка» копирует все атрибуты текста. Атрибуты, которые копируются с помощью инструмента «Пипетка», настраиваются в диалоговом окне «Параметры инструмента «Пипетка» | «Eyedropper Options».

Инструмент «Пипетка» доступен только в режиме просмотра «Макет» | «Layout».

Копирование атрибутов текста в невыделенный текст
1. При помощи инструмента «Пипетка» щелкните текст с атрибутами, которые необходимо скопировать. Этот текст может находиться в другом открытом документе. Указатель в форме пипетки меняет направление и отображается заполненным, указывая на то, что в пипетке содержатся скопированные атрибуты. Если заполненную пипетку поместить над текстом, то рядом с ней появится значок курсора текста.

2. С помощью инструмента «Пипетка» выделите текст, который нужно изменить.
К выделенному тексту применяются атрибуты, загруженные в пипетку. Пока выбран инструмент «Пипетка», каждый раз при выделении текста будет применяться загруженное в пипетку форматирование.

3. Чтобы отменить выбор инструмента «Пипетка», щелкните другой инструмент.

Примечание
Чтобы очистить атрибуты форматирования, загруженные в инструмент «Пипетка», нажмите клавишу «Alt» (Windows) или «Option» (Mac OS). Инструмент «Пипетка» меняет направление и становится пустым, указывая на то, что инструмент готов к загрузке новых атрибутов. Щелкните объект с атрибутами, которые нужно скопировать, затем поместите новые атрибуты на другой объект.

Изменение атрибутов текста, которые копируются с помощью инструмента «Пипетка»
1. В панели «Инструменты» | «Tools» дважды щелкните инструмент «Пипетка».
2. В диалоговом окне «Параметры инструмента «Пипетка» | «Eyedropper Options» выберите «Параметры символов» | «Character Settings» или «Параметры абзаца» | «Paragraph Settings».
3. Выберите атрибуты, которые должны копироваться с помощью инструмента «Пипетка», затем нажмите кнопку «ОК».

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

​​Функция «Быстрое применение» | «Quick Apply» предназначена для поиска и применения стилей, команд меню, сценариев, переменных и большинства других команд, находящихся в диалоговом окне «Комбинации клавиш».

1. Выделите текст или фрейм, к которому необходимо применить стиль, команду меню, сценарий или переменную.
2. Выберите меню «Редактирование» > «Быстрое применение» | «Edit» > «Quick Apply» либо нажмите «Ctrl»+«Enter» (Windows) или «Command»+«Return» (Mac OS).
3. Начните ввод имени элемента, который необходимо применить.
4. Выделите те элементы, которые необходимо применить, а затем выполните следующие действия.

🔸 Чтобы применить стиль, команду меню или переменную, нажмите клавишу «Enter» или «Return».

🔸Чтобы применить стиль абзаца и удалить дополнительную настройку, нажмите комбинацию клавиш «Alt»+«Enter» (Windows) или «Option»+«Return» (Mac OS).

🔸Чтобы применить стиль абзаца, удалив дополнительную настройку и стили символов, нажмите комбинацию клавиш «Alt»+«Shift»+«Enter» (Windows) или «Option»+«Shift»+«Return» (Mac OS).

🔸Чтобы применить элемент без закрытия списка «Быстрое применение», нажмите комбинацию клавиш «Shift»+«Enter» (Windows) или «Shift»+«Return» (Mac OS).

🔸Чтобы закрыть список «Быстрое применение» без применения элемента, нажмите клавишу «Esc» или щелкните в любом месте окна документа.

🔸Чтобы изменить стиль, нажмите клавиши «Ctrl»+«Enter» (Windows) или «Command»+«Enter» (Mac OS).

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

Создаем текст внутри буквы
1. Выберите полужирное начертание шрифта и переведите в кривые («Текст» > «Создать кривые» | «Type» > «Create Outlines» (Ctrl + Shift + O)).
2. Разметьте направляющими линиями разрез.
3. Используя инструмент «Ножницы» | «Scissors Tool» (C), вырежьте размеченное. Для удаления оставшихся частей используйте инструмент «Частичное выделение» | «Direct Selection tool» (A).
4. Создайте текстовый фрейм внутри буквы. Продолжайте дорабатывать вырез при необходимости.
Готово!
#уроки

Абстрактный постер в InDesign
InDesign хорош для создания постеров, попробуйте! 😉

#вдохновение

​​Размеры и ориентация страницы
Иногда при создании документа в InDesign мы можете захотеть сделать страницу с другими размерами или ориентацией, например, выдвижную страницу или перевернутый разворот. Вот как это сделать.

Инструмент «Страница» | «Page Tool» – это очень полезный маленький инструмент в InDesign. Вы можете найти его на панели инструментов, идущей вдоль левой части экрана (или «Окно» > «Инструменты» | «Window» > «Tools», если оно еще не открыто).

Инструмент «Страница» позволяет выбрать отдельную страницу и переопределить ее размеры. Выберите инструмент «Страница» и наведите указатель мыши на страницу в документе, которую вы хотите изменить. Нажмите один раз, и по краям страницы появится выделение.

Вы можете перетащить маркеры для предварительного просмотра нового размера страницы, прежде чем вручную вводить размеры страницы в панели управления, расположенной в верхней части экрана («Окно» > «Управление» | «Window» > «Control»).

Вы также можете изменить ориентацию страницы, как только создадите свой документ. Перейдите на панель «Страницы» («Окно» > «Страницы» | «Window» > «Pages») и нажмите на три полосы в правом верхнем углу панели, чтобы открыть раскрывающееся меню. Выбрав соответствующую страницу на панели «Cтраницы», выберите «Свойства страницы» > «Повернуть вид разворота» | «Page Attributes» > «Rotate Spread View» и выберите значение поворота.

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

Ctrl + Alt + 2
Переключение между текущим и предыдущим уровнями масштабирования
#инструменты

Делаем колонки
1. Открываем опции фрейма – правой кнопкой мыши по фрейму, выбираем «Параметры текстового фрейма | «Text Frame Options».
а) Ставим количество колонок – 2.
б) Опция баланса столбцов («Сбалансировать колонки» | «Balance Columns») может выровнять текст ровно по столбцам.
в) Используйте «Средник» | «Gutter» для регулирования расстояния между столбцами.

2. Нужно сделать так, чтобы заголовок был над колонками – выбираем на панели «Управление» | «Control» – «Объединить колонки» | «Span Columns», в настройках выбираем количество колонок, над которыми должен быть заголовок.
Заголовок все еще находится в том же текстовом фрейме, просто перекрывает два столбца.

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

​​Поговорим подробнее о колонцифре?
(Как оформлять нумерацию в документе мы писали здесь)
Колонцифра – это, по сути, номер текущей страницы. Чаще всего ее размещают на полях внизу страницы (снаружи или по центру) или вверху (вводя в дизайн колонтитула), иногда выносят на наружное поле страницы, дополнительно выделяя подкладкой или вывороткой.

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

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

Оформление колонцифр в пределах текстового поля

Колонцифры никогда не ставятся:
• на начальных и конечных страницах книги (титульный лист, выходные данные, страницы с рекламными объявлениями и подобные им, не относящиеся непосредственно к произведению);

• последней странице оглавления, находящегося в конце книги;

• страницах с полосными иллюстрациями;

• начальных страницах разделов и произведений, если колонцифра расположена в верхнем поле страницы (там обычно есть отбивка от верхнего края или заголовки-шапки и т. д., и колонцифра выглядела бы оторванной от основной массы текста);

• концевых страницах разделов и произведений, если колонцифра расположена в нижнем поле страницы (обычно текст обрывается, немного не доходя до нижнего края текстового поля, и колонцифра выглядела бы оторванной от основной массы текста);

• вклейках (они выполняются на другой бумаге, иногда другими способами печати: например, полноцветные вклейки с красочными иллюстрациями в черно-белой книге).

Иногда для вклеек применяется своя, независимая система нумерации (в англо-американской типографике такие страницы часто нумеруют римскими цифрами).

Независимо от наличия колонцифры в нумерации учитываются все страницы. К примеру, после разворотного титула идет страница номер 5, а не страница номер 1. То же касается и страниц без колонцифр посреди книги.

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

#интересное

Шаблон каталога моды
15 страниц форматом А4, включены шрифты, вариант оформления.

#шаблон

QR-код в InDesign
Вы знали, что в InDesign можно создать QR-код?
Смотрите, что предлагает зашифровать в QR-код InDesign:
– Гиперссылка на веб-страницу;
– Неформатированный текст;
– Текстовое сообщение;
– Электронная почта;
– Визитка.

Мы с вами зашифруем гиперссылку на веб-страницу.
Для примера возьмем ссылку нашего телеграм-канала.

1. Открываем «Объект» > «Создать QR-код» | «Object» > «Generate QR Code».
2. В настройках выбираем нужный нам тип | type – «Гиперссылка на веб-страницу» | «Web Hyperlink» и прописываем в окне URL-адреса ссылку.
3. В соседнем окне выбираем нужный цвет | color. Цвет можно взять любой, мы возьмем черный (К = 100%).
4. Нажимаем ОК и вставляем в документ готовый QR-код.

Готово! Вы можете его проверить, наведя камеру смартфона на код, все работает!

5. Если вы неправильно написали ссылку, вы можете отредактировать QR-код, нажав в меню «Объект» > «Редактировать QR-код» | «Object» > «Edit QR Code».

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

​​Единицы измерения в InDesign

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

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

Основой типографической системы является 1 пункт (1 point), равный 1/72 дюйма (1/72 inch). Таким образом, пункт равен примерно 0,35 мм.

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

12 пунктов составляют 1 пику (1 pica), которая в свою очередь равняется примерно 4,2 мм.

В пиках считают достаточно редко, это как бы «запасная» единица измерения, применяемая, если какая-то величина слишком велика для измерения в пунктах и слишком мала для измерения в квадратах. В англо-американской типометрии она используется чаще, потому что в квадратах там считают крайне редко.

48 пунктов составляют 1 квадрат (как уже было сказано, в англо-американской типометрии почти не используется), что равняется примерно 16,8 мм. В квадратах иногда считаются отступы вокруг текста, размеры полей, площадь иллюстраций и т. д.

Некоторые программы позволяют изменить значение одного пункта и таким образом скорректировать все остальные величины. Adobe InDesign дает выбрать количество пунктов в дюйме (ровно 72, как принято в компьютерной графике, или 72,27, как было раньше).

Некоторые размеры (толщина линий и размер шрифта) традиционно считаются только в пунктах, однако при измерении размеров полей и страниц никто не запрещает пользоваться привычными сантиметрами вместо квадратов и цицеро.

Изменить настройки единиц измерения можно в «Редактирование» > «Установки» > «Единицы измерения» | «Edit» > «Preferences» > «Units & Increments». Здесь же находятся клавиатурные настройки. Это настройка шага для быстрых команд. Например как тут, можно настроить шаг для кернинга/трекинга меньше стандартного 20, что намного удобнее.

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