Как сделать список в иллюстраторе
Создаем маркированный список в Adobe Illustrator
В сегодняшней статье вы узнаете, как добавлять круглые маркеры к тексту, правильно форматировать маркированный список и создавать новый стиль параграфа для ускорения работы с подобными текстовыми объектами в текущем и новых документах. Хотя Adobe Illustrator не имеет функции для создания маркированных списков, но не сложная последовательность действий позволяет это сделать.
Шаг 1
Берем Type Tool (T) и создаем область текста, в которую вставляем несколько абзацев. Для этих целей я использовал Lorem Ipsum.
Поставим курсор вначале первого абзаца и нажимаем комбинацию горячих клавиш Opt/Alt + 0149 или Opt/Alt + 7 (на цифровой клавиатуре). Это создаст булет (окружность в данном случае, а не пулю, конэчно).
Для создания булетов вы также можете использовать панель Glyphs (Type > Glyphs or Window > Type > Glyphs).
Здесь вы можете выбрать не только круглую точку, но и другие символы. Много разнообразных символов, подходящих для нашей задачи, имеют шрифты Wing Dings и Webdings.
Шаг 2
Поставим символ Tab после булета.
Копируем булет и Tab, затем вставляем их вначале остальных абзацев.
Шаг 3
Выделяем весь текстовый объект и открываем панель Tabs (Window > Type > Tabs), здесь устанавливаем левый tab равный 10 pt.
Шаг 4
Для того чтобы в следующий раз не повторять всю последовательность перечисленных действий, создадим новый стиль. Открываем панель Paragraph Styles (Window > Type > Paragraph Styles) и выбираем New Paragraph Style во всплывающем меню. Переименовываем стиль нажимаем OK.
Теперь вы можете применять этот стиль в текущем документе к другим параграфам, которые содержат булеты и табы.
Шаг 5
Теперь выберите сохраненный файл в диалоге и нажмите Open.
Требуемый стиль параграфа появился в новом документе.
Вот и все, надеюсь эта статья будет полезной для вас.
Как сделать список в иллюстраторе
В этом уроке, вы узнаете как добавить пункты к тексту в Illustrator, а также как правильно отформатировать маркированный текст и создать новый стиль для абзаца. Это ускорит работу с текстовыми объектами в документах.
Хотя Adobe Illustrator и не имеет функции для создания маркированных списков (текста с буллитами), но простая последовательность действий позволяет их сделать.
Создаем поле с текстом
Возьмите инструмент Type Tool (T), создайте поле с текстом и вставьте несколько абзацев текста. Для этих целей я использовал Lorem Ipsum текст.
Поместите курсор в начало первого абзаца и нажмите сочетание клавиш Alt + 0149 (Windows) или Opt / Alt + 8 (Mac). Это создаст абзац.
Для создания маркированного списка c пунктами вы также можете использовать панель Glyphs (Type> Glyphs or Window> Type> Glyphs).
Здесь вы можете выбрать не только круглую точку для буллита, но и любой другой символ. Много различных символы, которые подойдут для нашей задачи, находятся в шрифте WingDings.
Расстановка буллитов
Поставьте Tab после буллита.
Скопируйте буллит вместе с Tab и вставьте их перед остальными пунктами в тексте.
Установка интервалов
Выберите весь текст в текстовом поле и откройте панель Tabs (Window> Type> Tabs) и установить левый отступ на 10pt.
Теперь откройте панель Paragraph (Window> Type> Paragraph) и установите отступ слева 10pt, отступ первой строки на -10pt, а затем установите отступ перед пунктом на 5pt. Вот теперь у нас получился правильный формат для текста с буллитами.
Естественно, вы можете настроить свои значения для размеров отступов в зависимости от стиля и размера шрифта с которыми вы работаете. Но, как правило, лучше сохранить эти значения в указанных пропорциях.
Создание стиля
Чтобы избежать повторения всех вышеописанных действий каждый раз, когда вам необходимо создать новый абзац – просто сохраним его в стиль. Откройте панель Paragraph Styles (Window> Type> Paragraph Styles) и выберите New Paragraph Style в выпадающем меню. Назовите стиль и нажмите OK.
Теперь вы можете применять этот стиль в текущем документе к другим параграфам, которые содержат буллиты и символы табуляции.
Применение стиля к параграфу
Для того, чтобы использовать стиль с буллитами в новом документе – сохраним пустой файл, в котором был создан этот стиль, с расширением .ai в любом удобном для вас месте. Затем, в новом документе, откройте панель Paragraph Styles и выберите Load Paragraph Styles… в выпадающем меню.
Теперь, выберите сохраненный файл в диалоговом окне и нажмите кнопку Open.
Стиль с буллитами для параграфа появится в панели Paragraph Styles.
Вот и все! Надеюсь этот урок был полезен. Вопросы и предложения можно оставлять в комментариях к этой статье. Удачи!
10 Инструментов Adobe Illustrator Которые Должен Использовать Каждый Дизайнер
Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)
В этой статье, мы собираемся поговорить о 10 самых популярных инструментах Adobe Illustrator. Являетесь ли вы дизайнером иконок, или иллюстратором, или работаете в каком-то другом направлении, вам непременно следует прочитать эту статью, и возможно вы узнаете что-то новое и интересное об инструменте, который вы используете каждый день.
Что же, не будем больше тратить драгоценное время и начнем отсчет нашего топ-списка, с номера 10, под которым у нас идет Линейка (Ruler).
10. Линейка
По умолчанию этот инструмент скрыт, но вы можете легко вызвать его нажав Control-R или зайдя в Просмотр > Линейки > Показать Линейки (View > Rulers > Show Rulers).
Когда вы их включите, вы легко сможете, в зависимости от ваших задач, измерять или создавать референсные точки, щелкнув по верхней или левой линейке и потянув в сторону монтажной области, что бы создать направляющую.
Я использую линейки в сочетании с Сеткой почти все время, т.к. они помогают мне создать баланс в композиции. Они так же значительно облегчают работу, так как позволяют выполнять достаточно точное позиционирование за пару кликов.
Если вы никогда не пользовались этим инструментом, я искренне рекомендуем вам его попробовать. Я уверен, что он станет привычным элементом вашего рабочего процесс, как только вы увидите его потенциал.
Вы можете посмотреть этот короткий урок, из которого вы узнаете все, что вам нужно, что бы стать мастером Линейки в Иллюстраторе.
9. Инструмент Переход
Все дело в том, что инструмент не такой уж сложный, но в большинстве случаев, люди просто не понимают, для чего его можно использовать.
Вы можете найти его в подменю Объект > Переход (Object > Blend), там же вы можете поиграть с опциями (Параметры Перехода), и конечно запустить его (Создать (Make) или Alt-Control-B), что бы создать, то что вы хотите.
Я использую его, когда мне нужно создать цветовую палитру, основанную на выбранных в ручную цветах, но я не уверен, какой из цветовых оттенков лучше мне подойдет. Это тот случай, когда я полагаюсь на то, что инструмент автоматически создаст подходящие цвета, и почти всегда так оно и выходит.
Крутая штука в этом инструменте, то, что он достаточно точный, так как вы можете контролировать сколько шагов (для цвета или объектов) нужно сделать, что дает вам полный контроль над процессом.
Если вы используете его для создания цветов, как я, вы должны знать, чем больше вы шагов используете, тем мягче будет переход от одно цвета к другому, и это означает, что не все цвета могут быть применимы. Используйте меньше шагов и инструмент сделает переходы более грубыми, создав для вас цвет, который вы действительно можете использовать.
Чтобы узнать больше, почему бы вам не прочесть наше полное руководство по использованию инструмента «Переход».
8. Создать Параллельный Контур
Пытаетесь ли вы создать большую копию уже существующего объекта, или хотите создать контур для фигуры, Создание Параллельного Контура (Offset Path) поможет решить эти задачи.
Как следует из названия, инструмент «выдавливает» контур выбранного объекта наружу, создавая, тем самым, его большую по размеру версию, идентичную по форме, цвету, но не по размеру (Прим. переводчика: Конечно можно создавать и меньшую копию, задав отрицательное Смещение).
Я действительно люблю работать с Созданием Параллельных Контуров при рисовании линейных иконок, так как с помощью всего пары кликов, я могу получить отличные жирные контуры, которые гораздо проще выбрать по сравнению с обводкой контура.
Вы можете найти этот инструмент в подменю Объект > Контур (Object > Path), и при выбранном объекте выберите Создать Параллельный Контур (Offset Path), тогда появится окно опций, где вы можете выбрать то, что вам нужно, начиная от величины Смещения (Offset) до типа Стыков (Joins) и величины Срезания (Miter Limit).
Я уверен, что вы найдете применение этому инструменту в своих будущих проектах, поэтому обязательно изучите его и поиграйте с ним немного, после того, как прочтете статью.
7. Обтравочная Маска
Уфф, это пожалуй один из тех инструментов, которые я редко использовал в самом начале, но когда познакомился с ним поближе, он просто изменил мое видение форм и композиций.
Теперь, если вы еще не знали, Обтравочная Маска (Clipping Mask), как ее отлично определяет Adobe, это «объект, форма которого маскирует другой рисунок так, что видимыми остаются только области, которые лежат в пределах маски».
Во первых, она очень проста в использовании, после того как вы ее освоите, и при этом предоставляет вам возможность создавать сложные и замысловатые формы.
Во вторых, полученный результат невероятно просто редактируется на ходу, так как все объекты под Обтравочной Маской могут быть изменены, переставлены и подогнаны, как только вы войдете под Маску, чего вы не сможете сделать, используя Панель Обработки Контуров.
Вы можете прочитать больше о преимуществах использования Обтравочной Маски перед Взаимодействием Составляющих в Панели Обработки Контуров и увидеть, как ее использовать, и самое главное, узнать, почему вам стоит с ней поработать.
6. Панель Монтажные Области
Следующая в нашем списке панель Монтажные Области (Artboards panel), которая пожалуй одна из самых значительных функций предлагаемых Иллюстратором, так как вы можете создавать проекты с различными вариациями внутри одного документа, и совместно просматривать их.
Таким образом, вы можете создавать различный варианты композиции, исследовать различные стили, сравнивать их, и тогда вам легче принять решение в каком направлении двигаться.
Я не буду вдаваться в подробности, а дам вам ссылку на статью, которая научит вас тому, как использовать Монтажные Области для экспорта ваших наборов иконок.
5. Панель Слоев
Если панель Монтажных Областей позволяет вам создавать документ с различными вариациями работы, то панель Слоев (Layers) дает вам возможность создавать детальные композиции, используя логическую структуру, с помощью которой вы легко можете определять и подогонять различные элементы вашей работы, не беспокоясь о том, что вы можете что-то стереть или поставить что-то не туда по ошибке.
Если честно, я использую этот инструмент в каждом проекте, так как я предпочитаю устанавливать иерархию элементов в самом начале, давая каждой детали композиции название, что в конце концов, помогает мне продвигаться в работе от начала до конца.
Вы можете запереть, скрыть, переименовать и переставить слои, что даст вам лучшее видение и понимание того, что вы создаете. При таком подходе, вы можете сфокусироваться на чем-то одном, и исследовать возможности разных стилей, варианты можно удалить или скрывать, пока вы не примете окончательное решение.
Если вы используете один слой, то возможно вы знаете как это трудно работать с каждой отдельной деталью, особенно, если у вас есть группы или маски, так что может вам стоит немного изменить свой подход и начать использовать несколько слоев, что значительно облегчит вашу работу.
Узнайте как можно повысить свою эффективность, прочитав этот урок о том как организовать свой документ с помощью слоев, что бы упростить рабочий процесс.
4. Панель Обработка Контуров
Вы можете использовать Соединение, Минус Верхний, Пересечение и Исключение, чтобы создавать новые и интересны формы, когда разберетесь, как работает каждое Взаимодействие.
Кончено, возможно есть для этого инструменты поудобнее, но со временем вы заметите, что каждый инструмент может иметь различное назначения в руках разных творцов.
Вы можете узнать больше о панели Обработки Контуров почитав это подробное руководство, которое покажет вам, как использовать Взаимодействие Составляющих в Иллюстраторе.
3. Панель Выравнивание
Я использую его все время, в каждом проекте, так как он позволяет мне легко выровнять центры объектов относительно другого, или выравнять их относительно какой-то стороны, при этом не беспокоясь о том, что выравнивание будет не идеальным.
По определению, некоторые опции этой панели скрыты, так что вам надо кликнуть по небольшой стрелочке, смотрящей вниз и нажать Показать Параметры, что бы все они были видны.
Когда вы сделаете это, у вас появится новая функция, которая называется Распределить Объекты (Distribute Spacing), которая позволяет вам точно расположить два или более элементов с определенным расстоянием между ними.
Вам так же становится доступен контроль, над тем как будет выполняться выравнивание, вы можете выбрать между Ключевым Объектом или Монтажной Областью. В противном случае, Иллюстратор всегда будет выполнять выравнивание по первому пункту.
Я лично, предпочитаю, что бы было отмечено Выравнивание по Монтажной Области, так как если мне нужно выровнять один объект относительно другого, я просто выделяю их, и щелкаю по тому, который я хочу назначить Ключевым Объектом, чтобы выравнивание выполнялось по нему.
Узнайте больше познакомившись с этим исчерпывающим руководством, как пользоваться опциями панели Выравнивание.
2. Сетка
Я говорил о Системе Сетки в Иллюстраторе некоторое время тому назад, где я пытался рассмотреть эту тему как можно глубже и объяснить все что нужно о ней знать, и как можно ее использовать для создания лучшей композиции.
Не смотря на то, что с тех пор прошло какое-то время, вся информация, которая там дана до сих пор актуальна, так что я советую вам ее посмотреть, кроме того я уверен она поможет вам лучше понять как работает Иллюстратор. Все что вы делаете, накладывается поверх Сетки, используется ли она по умолчанию или вы намеренно используете ее.
1. Выравнивание по Сетке/ Пиксельная Сетка
Я помню, когда я начинал, я не уделял никакого внимания на сколько четко до пикселей выполнен мой дизайн. К счастью для меня, прошло немного времени, как я осознал что в моей области (области дизайна иконок), внимание к деталям и к тому, как ваш объект привязан к Пиксельной Сетке может сделать вашу работу выдающейся среди прочих.
Так что, если вы никогда не использовали опцию Привязка к Сетке/Пиксельная Сетка из меню Просмотр, я настоятельно советую вам с этим познакомится, так как в какой-то момент, в каком-нибудь проекте вы поймете, что вам нужна возможность работы с исключительной точностью.
Вот уже в течении нескольких месяцев я работаю в тестовом отделении Adobe, где у нас была возможность познакомится с будущим вариантом функции Привязка к Пиксельной Сетке, и, поверьте, изменения будут незначительные, и вы будете на голову выше других если потратите пару часов и познакомитесь с этим вопросом.
Так что я, оставляю вас со статьей в которой подробно говорится о том, как работает Пиксельная Сетка, и в которой показано, как правильно использовать опцию Привязка к, которая возможно пригодится вам в будущих проектах.
Время Заняться Практикой!
Если вы потратите пару часов на работу с каждым из этих инструментов, я гарантирую, что вы станете делать лучше то, что вы делаете. Это наиболее часто используемые инструменты, которые топ-дизайнеры используют в своей ежедневной работе, и важность их использования очевидна.
Я надеюсь вам понравилась статья и вы узнали для себя что-то новое.
Стили символов и абзацев
Сведения о стилях символов и абзацев
Стиль символов — это набор атрибутов форматирования символов, который можно применить к выделенному диапазону текста. Стиль абзацев состоит из атрибутов форматирования как символов, так и абзацев и может применяться к одному или нескольким абзацам. Использование стилей символов и абзацев экономит время и обеспечивает однообразие форматирования.
Палитры «Стили символов» и «Стили абзацев» используются для создания, применения и управления стилями символов и абзацев. Чтобы применить стиль, достаточно выделить текст и щелкнуть имя стиля в одной из палитр. Если текст не выделен, стиль применяется к вновь создаваемому тексту.
A. Имя стиля B. Стиль с дополнительным форматированием (дополнительные настройки) C. Меню палитры D. Кнопка «Новый стиль» E. Значок «Удалить»
При выделении текста или помещении курсора внутрь текста в палитрах «Стили символов» и «Стили абзацев» выделяются активные стили. По умолчанию каждому символу в документе присвоен стандартный стиль символов, а каждому абзацу присвоен стандартный стиль абзацев. Эти стили по умолчанию являются «строительными блоками» для всех создаваемых пользователем стилей.
Значок «плюс» рядом с именем стиля означает, что у стиля есть дополнительные настройки. Дополнительные настройки — это любые атрибуты форматирования, отличающиеся от определенных стилем. При изменении настроек в палитре «Символ» и «OpenType» создаются дополнительные настройки для текущего стиля символов, а при изменении настроек в палитре «Абзац» создаются дополнительные настройки для текущего стиля абзацев.