Как сделать фигуру в индизайне
Обновлено: 04.07.2024
Приложения Adobe известны во всем мире, под этой маркой доступно большое количество приложений для различных творческих целей, причем некоторые приложения оказываются более популярными, чем другие, и одна программа, которую пользователи часто неправильно понимают или упускают из виду, — это Adobe InDesign. Дизайнер Лиам МакКей рассказывает, на что способен InDesign, а также дает несколько важных советов и инструментов, которые упростят использование этой программы.
Для чего используется InDesign?
В то время как в Photoshop встроено огромное количество инструментов для создания и обработки изображений, InDesign больше направлен на создание страниц и макетов. Программа имеет огромное количество инструментов, параметров и настроек, которые полезны для цифрового дизайна и экранов. Это делает InDesign идеальным инструментом для компоновки ваших дизайнерских проектов с использованием ресурсов, которые вы создали в других программах.
Что можно сделать с помощью InDesign?
Он был разработан как инструмент для упрощения разработки буклетов, флаеров, плакатов, журналов, предназначенных для печати, но с годами InDesign превратился в удобную программу и для более современных цифровых технологий — дизайн-проектов для электронных книг, инфографики, онлайн-рекламы, графики для социальных сетей. Также в нём можно создавать информационные бюллетени, визитные карточки, презентации, брошюры, портфолио, счета-фактуры, листовки и так далее.
На самом деле с помощью InDesign можно спроектировать всё, что угодно, но лучше всего он подходит в качестве инструмента для организации макетов, управления ресурсами и создания стилей текста и абзацев, которые вы хотите повторно использовать на нескольких разных страницах или документах. Вы можете как создавать все продукты с нуля самостоятельно, так и использовать готовые шаблоны и конструкторы, созданием которых занимаются дизайнеры.
Основы InDesign: введение
Мы расскажем о некоторых основных функциях InDesign, которые нужно знать при первом запуске InDesign. Если вы раньше использовали какие-либо другие программы Adobe, вам будет довольно просто в нём освоиться.
Если не хотите тратить время на освоение программы самостоятельно, сделайте это под руководством профессионалов, которые быстро и по полочкам разложат, какие кнопки нажимать для нужного результата и как творить, не заморачиваясь техническими деталями. Приходите на курс Adobe InDesign от Skillbox.
Pages (страницы)
В InDesign есть несколько предустановленных шаблонов, которые вы найдёте на вкладке Preset. Шаблон можно выбрать исходя из конечной цели — делаете вы дизайн для печати, интернета, мобильных интерфейсов и так далее. Также вы можете настроить и сохранить шаблон самостоятельно, чтоб в дальнейшем использовать его ещё раз.
Master Pages
Они позволяют добавлять на вашу страницу элементы, которые будут отображаться на каждой странице. Если у вас есть повторяющаяся графика или фрагмент текста, вы можете применить эти элементы к Master Pages (Главная страница) вместо того, чтобы дублировать их вручную на нескольких страницах. Для этого на панели Pages расположен A-Master Page; двойной щелчок по нему позволит вам отредактировать Master page и быстро применить этот элемент к каждой отдельной странице вашего документа.
Заполнить фигуры изображениями
InDesign позволяет создавать формы и заполнять их позже изображениями, что упрощает настройку и эксперименты со структурой и макетом страницы. Просто создайте необходимые вам формы и перетащите туда изображения. Эти формы по существу функционируют как маска, отображая ваше изображение внутри границ формы, и вы можете изменить как размер, масштаб и расположение самого изображения, так и формы в любой момент.
Стили абзацев и стили символов
InDesign позволяет определять стили текста и стили абзацев, которые можно повторно использовать в документе. Это позволяет вам легко определять внешний вид общих элементов на ваших страницах и обеспечивать единообразие стилей во всём документе.
Самым удобным способом использования этой функции является определение стилей заголовков и основного текста, которые будут составлять большую часть вашего письменного контента. Если потребуется заменить шрифт или цвет, вы сможете поменять их в один клик во всём документе. Для больших фрагментов текста вы можете вместо этого создать собственные стили абзацев, поскольку это позволяет также определять такие параметры, как столбцы, выравнивание текста, отступы, поля и так далее.
Чтобы сохранить стиль текста для дальнейшего использования, перейдите в меню Window > Styles > Character Style. Выделите текст, который вы настроили ранее, затем на панели Character Style выберите Create New Style и дайте своему стилю имя.
Повторите этот процесс, чтобы создать любое количество уникальных текстовых стилей, которые вы затем сможете использовать в своём документе. Далее вы сможете просто выделять текст и выбирать, какой именно стиль хотите к нему применить.
Тот же процесс применяется к стилям абзацев. После того, как вы настроили свой абзац так, как вы хотите, перейдите в меню Window > Styles > Paragraph Styles и, выделив абзац, нажмите кнопку Create New Style на панели и дайте новому стилю абзаца имя. Эти две функции очень похожи. Стили абзаца позволяют больше настраивать макет абзаца, тогда как стили символов больше предназначены для стилизации небольших блоков или фрагментов текста.
Также для комфортной работы лучше отключить автоматические переносы. Для этого на панели Paragraph Panel (Window > Paragraph) снимите флажок Hyphenate. По умолчанию InDesign вставляет дефис, если фрагмент текста слишком длинный для текстового поля. Если отключить этот параметр, слово будет перенесено на следующую строку. Конечно, это всегда зависит от ваших предпочтений или требований к проекту, но чаще всего отключение этой функции помогает сделать абзац красивее и аккуратнее.
Ссылки, слои и образцы
Как и в других программах пакета Adobe, в InDesign вы можете работать с такими параметрами, как Links, Layers и Swatches.
Вы можете использовать панель Layers (Window > Layers) для организации порядка расположения элементов (текста, графики и так далее) относительно друг друга, например, накладывать текст на графику или изображения.
Swatches (Window > Swatches) можно использовать для сохранения часто используемых цветов, чтобы их можно было легко выбрать и применить к другим элементам в документе.
Links panel (Window > Links) в InDesign является немного более уникальной функцией, но, по существу это библиотека всех элементов, которые используются в документе.
Важно знать, что InDesign не встраивает изображения в сам файл проекта, а ссылаются на их полные версии, которые вы сохранили на своем компьютере. Если при открытии проекта программа не смогла их найти, вы можете указать ей путь на нужные элементы или заменить их другими. Ссылки используются для уменьшения размера файла документа и повышения производительности при создании страниц. Из-за этого перемещение местоположения или редактирование исходного изображения на жестком диске может привести к проблемам с шаблоном InDesign, поэтому вам необходимо убедиться, что изображения, которые вы используете, остаются в том же месте на вашем компьютере, если вы планируете использовать этот шаблон в дальнейшем. Например, можно поместить все изображения в новую папку проекта вместе с файлом шаблона InDesign перед их импортом.
Одним из способов решения этой проблемы было бы встроить ваши ссылки в сам документ, по сути, прикрепив исходное изображение к самому документу, чтобы вам не нужно было беспокоиться о его расположении на компьютере. Это можно сделать после того, как вы добавили изображение на свою страницу, перейдя на панель Links (Window > Links) и выбрав изображение, которое вы хотите прикрепить к документу, щелкнув по нему правой кнопкой мыши и выбрав Embed Link. Однако учтите, что это сделает ваш файл больше, и с ним будет труднее работать, поэтому не стоит так делать, если вы собираетесь использовать много изображений.
Поля и направляющие
Настройка направляющих — одна из самых важных функций InDesign, и именно это делает его идеальной программой для создания любых цифровых дизайнерских работ. Возможность добавлять и редактировать количество столбцов, строк, расстояний позволяет легко добавлять структуру в любой проект, над которым вы работаете.
Используйте опцию Layout > Create Guides, чтобы быстро настроить новые направляющие в документе. Простые столбцы обычно позволяют вам работать над добавлением новых фигур и абзацев. Направляющие можно легко включать и выключать во время проектирования нажатием клавиши W.
Если это проект для печати, то особенно важно настроить поля по краю документа. Для этого перейдите в Layout > Margins and Columns. В InDesign есть удобная опция для автоматической настройки элементов на вашей странице, чтобы они не выходили за пределы полей, даже когда вы меняете их размер. Для этого в окне Margins and Columns выберите параметр Adjust Layout option.
Эффекты объектов
Как и в Adobe Photoshop, вы можете добавить параметры стиля слоя, такие как тени и свечение. Чтобы вызвать эти параметры в InDesign, выберите элемент и перейдите в Object > Effects и выберите эффект, который хотите применить. Здесь же можно отрегулировать прозрачность объекта.
Производительность дисплея
Это функция InDesign, которая позволяет изменять качество изображений в документе для повышения производительности вашего компьютера; это особенно полезно, когда у вас очень тяжелый документ.
Чтобы изменить качество предварительного просмотра изображений, просто выберите изображение, которое вы хотите оптимизировать, перейдите в Object > Display Performance и выберите Typical или Fast. Параметр Typical сделает более низким разрешение изображения, а Fast заменит его полностью серым полем.
Используйте настройки производительности дисплея после того, как вы уже настроили и разместили изображения на макете. Не беспокойтесь о том, как эти превью выглядят в приложении — после экспорта в конечном продукте по-прежнему будут использоваться версии исходных изображений в формате Full HD.
Параметры Text Frame
Эти параметры позволяют быстро настроить количество столбцов, в которых будет отображаться ваш текст. Нажатие CMD+B на Mac или CTRL+B в Windows вызовет панель Text Frame Options, позволяющую вносить изменения.
Шаблоны для InDesign
Когда вы новичок в каком-либо дизайнерском приложении, отличный способ познакомиться с функциями и возможностями приложения — изучить готовые шаблоны. Изучая и экспериментируя с существующим шаблоном, вы сможете быстрее и лучше разобраться в функциях.
Если же вы знакомы с основами InDesign и хотите сэкономить время, готовые шаблоны могут стать отличной отправной точкой для ваших собственных проектов. Имея основу, вы сможете гораздо быстрее приступить к настройке содержимого и окончательной доработке дизайна.
для тех, кто ищет курсы:
Войти в аккаунт
Чтобы воспользоваться всеми функциями сайта, вам необходимо зарегистрироваться/войти в свой аккаунт на сайте. Выберите вашу соцсеть для входа:
Если вы организация, проводящая курсы, то регистрация происходит по этой ссылке.
Уроки Adobe InDesign для начинающих: бесплатные видео для домашнего обучения
Программа Adobe Indesign - настольная издательская система. Предназначена для верстки печатной продукции: журналов, буклетов, каталогов, визиток. Используется дизайнерами, специалистами типографии, редакторами.
ВСЕ КУРСЫ ОНЛАЙН подобрали лучшие бесплатные видео уроки Indesign, которые помогут начинающим верстальщикам освоить базовые навыки с нуля, сделать свои первые шаги в верстке.
Начало работы в Indesign CC
Adobe Indesign создана для компоновки и оформления страниц, подготовки различных материалов в печать. На начальном экране программы можно выбрать действие, которое необходимо сделать: открыть уже существующий документ, создать новый. Со стартовой страницы также можно зайти на сайт разработчиков. Автор видеоролика расскажет о создании нового документа. Начинать нужно с выбора необходимых настроек. Назначение каждой автор подробно рассказывает. По ходу даются объяснения о вкладках, панели инструментов для редактирования, а также панели настроек инструментов.
Знакомство с Adobe Indesign CC
Видео от Виталия Менчуковского показывает пример создания документа в Indesign версии 2018 (английская): задание формата будущего издания, добавление страниц и колонтитуров, нумерация, разработка шаблонов. Интерфейс немного отличается от версии 2016, добавлены дополнения: автоматическая подгонка изображения под размер фрейма, макета при изменении размера документа, просмотр шрифтов, добавлена панель свойства и другие. Основные компоненты остаются на месте: справа находятся настройки свойств документа, слева — инструменты, сверху — настройки. Для получения качественной продукции потребуются минимальные знания программ для обработки изображений (Photoshop, Illustrator), так как продукты Adobe интегрируются между собой. Indesign позволяет импортировать рисунки и текст различных форматов. Она предлагает большие возможности работы со слоями, стилями, таблицами, редактирования текста.
В Индизайне можно скруглять разные углы разным радиусом. Это клёво. Но вот как выглядит окно, где это настраивается:
Казалось бы, очевидно, что должно быть вот так:
Не говоря уж о том, что ввод радиуса для нескруглённых углов — это бред.
В Индизайне хватает бреда.
Да я бы плюс к твоему убрал бы вообще пиктограммы, обозначающие угол. По этим четырем пикселям все равно толком ничего не видно — приходится вглядываться.
Corner size and shape. Сие профжаргон или опять же тупизм?
Corner coupling. Corner rounding. (Первое что нашёл.)
Когда вы впервые начинаете работу с Adobe InDesign, приложение для настольных издательских систем, вы в первую очередь захотите научиться размещать текст вокруг изображения. Использование всех различных вариантов обтекания (также называемого обтеканием) текста вокруг изображения в InDesign выведет ваши проекты на новый уровень.
Мы расскажем вам о нескольких способах обтекания текста текстом. Сначала мы обернем текст вокруг обычного прямоугольного изображения. Затем мы погрузимся глубже и покажем вам, как заставить текст обтекать контур изображения неправильной формы.
Как обвести текст вокруг изображения или графики
Из всех способов обтекания текстом чего-либо в InDesign, обтекание текста вокруг объекта Ограничительная рамка или же Рамка самый простой. Представьте, что у вас есть полная страница текста, и вы хотите, чтобы он обтекал одно прямоугольное изображение в середине страницы.
- Если вы хотите, чтобы смещения со всех сторон изображения были одинаковыми, убедитесь, что выбран значок ссылки в середине параметров смещения. Затем попробуйте настроить смещения и посмотрите, как это влияет на пространство между изображением и текстом, обтекающим его.
Ах, теперь изображение на странице имеет некоторое пространство вокруг себя, что делает текст более читаемым, чем когда текст был на одном уровне с ограничивающей рамкой изображения.
Как обернуть текст вокруг изображения неправильной формы с помощью обтравочного контура
Если ваше изображение представляет собой вырез неправильной формы, процесс плавного перехода текста по краю фигуры немного отличается.
- Мы начнем так же, как и раньше, поместив изображение в прямоугольную рамку поверх текстовой рамки.
- Текст теперь обтекает форму объекта, но он все еще слишком близко к краям объекта, поэтому давайте настроим смещение.
Попробуйте отрегулировать верхнее смещение. Это повлияет на смещение со всех сторон вашего изображения. Ниже мы использовали смещение 0,125 дюйма. Намного лучше!
Совет по размещению текста вокруг изображения, занимающего две колонки
Представьте, что вы работаете с документом, в котором есть два столбца текста, и вы хотите обернуть текст вокруг изображения, расположенного между столбцами. В зависимости от того, как выровнен текст, вы можете обнаружить, что вам нужно отрегулировать смещение больше на одной стороне изображения, чем на другой.
На снимке экрана ниже текст настроен так, чтобы обтекать центральное изображение, а смещение одинаково для всех сторон изображения. Вы видите, как текст выглядит ближе к правой стороне изображения, чем к левой?
Ключевой урок здесь заключается в том, что при работе со столбцами вам, возможно, придется поиграться со значениями смещения обтекания текстом, чтобы документ выглядел хорошо.
Узнать больше об Adobe InDesign
Теперь вы знаете пару различных способов обтекания текстом изображения в InDesign. Пока вы это делаете, ознакомьтесь с нашими статьями о том, как связать текстовые поля или использовать главные страницы в InDesign.
Хитрости и секреты, приемы работы, уроки
Особенности новой версии Индизайна
Описание плагинов, информация о плагинах для работы с Adobe InDesign
Готовые к использованию скрипты для Adobe InDesign
Описание языка, приёмов и методов программирования для Adobe InDesign
Паттерны в Индизайне
В отличие от Photoshop и Illustrator у программы InDesign нет образцов для заполнения какой-либо области повторяющимся шаблоном. Но достаточно просто самому сделать такие элементы и размножить их применяя процедуру Step and Repeat.
Найдите или создайте элемент, который вы хотите размножить. Я буду называть его паттерн-объект.
Паттерн (англ. pattern) в компьютерной графике заимствованное название для повторяющегося узора, орнамента, заполняющего плоскость или замкнутую фигуру.
Паттерн-объектом может быть линия, фотография, графика из Иллюстратора, текстовый фрейм с каким-либо текстом, и т.д. Необходимо помнить, что готовый узор может серьезно увеличить время прорисовки на экране вашей страницы, поэтому отображение его в высоком качестве (High Quality Display) включайте только тогда, когда вы действительно нуждаетесь в этом.
Разместите копии паттерн-объекта по углам основного как показано на рисунке, нарисуйте также центральный прямоугольник, охватывающий части угловых паттерн-объектов:
Все маркеры объектов должны идеально совпадать друг с другом, иначе схема не будет работать. Умные направляющие (Smart Guides) в InDesign CS4 могут стать хорошей подмогой.
Вы можете использовать различные объекты в центре, но такие же объекты должны быть и в углах.
Сгруппируйте паттерн-объекты (исключая центральный прямоугольник).
Переместите сгруппированные паттерны в центральный прямоугольник (выделяем группу паттернов, Edit > Cut, выделяем центральный прямоугольник, Edit > Paste Into).
Будем считать что мы получили образец паттерна. Выделив его Инструментом Selection (черная стрелка) вы можете добавить ему фоновй цвет. Если вы решите изменить вид отдельного паттерн-объекта, — выделяйте его белой стрелкой. Выбрать все паттерн-объекты в прямоугольнике можно при помощи кнопки в панели управления Select Content
Затем можно поиграть с цветом и эффектами, но будьте осторожны с тенями и светами — они могут обрезаться.
Чтобы заполнить образцом какую-то область выберите из меню Edit > Step and Repeat. Поставьте галочку Preview. Установите параметр Vertical Оffset в ноль, а Нorizontal Оffset равным горизонтальному размеру нашего образца.
Нажмите OK. Затем выделите все прямоугольники и запустите операцию Step and Repeat снова, устанавливая Vertical Offset равным высоте паттерн-обзазца, а Нorizontal Оffset в ноль.
Теперь конечно вы могли бы обойтись без идеи паттерн-образца, а только использовать Step and Repeat, чтобы заполнить какую-то область. Но я думаю использование образца является менее громоздким чем куча несвязанных объектов.
Хорошая мысль поместить паттерн-образец в библиотеку и доставать его оттуда по мере необходимости или сохранить как Snippet.
Если вы сделали образец паттерна из текстового фрейма, то для редактирования текста можно использовать функцию поиска и замены.
Из паттерн-образца можно попытаться сделать 3D-модель:
В интернете примеры беcшовных паттернов ищите для вдохновения по ключевому слову “tessellations”.
Также попробуйте плагин к Индизайну PatternMaker фирмы Teacup Software, при помощи которого можно создавать PostScript-паттерны. (Плагин бесплатный, работает с версиями InDesign CS-CS4).
Corner Options
Похожая техника использует corner options в комбинации со Step and Repeat.
Начните с квадратного фрейма. Выберите Object > Corner Options, Inverse Rounded. Установите желаемый размер. Хорошее решение выбрать его равным одной третьей от стороны квадрата.
Выберите Edit > Step and Repeat и установите Horizontal Offset равным стороне квадрата и Vertical Offset в ноль. Установите желаемое количество повторений Repeat count. Нажмите OK.
Выделите все квадраты и снова вызовите функцию Step and Repeat. Установите Vertical offset равным высоте квадрата и Нorizontal offset в ноль. Нажмите OK.
Если вы хотите применить эффект подобный Bevel and Emboss, нужно сначала соединить квадраты. Выделите их и выполните команду Object > Pathfinder > Add.
Если вы хотите получить плиточную структуру, примените эффект Bevel and Emboss.
Используйте для точного задания координат Панель управления, а не мышь. Экспериментируйте для наработки навыков и скоро поймете, что совсем не обязательно располагать паттерн-объекты по углам. Взяв за основу единственный космический корабль
вы сможете создать мощный флот вторжения!
Choose Edit > Step and Repeat, and set the horizontal offset to the width of the square and the vertical offset to zero. Set the repeat count to taste. Click OK.
Читайте также: