Как грамотно группировать слои в Ai?
Я, как правило, группирую слои так:
• logo
• header & menu
• buttons & icons
• text
• images
• footer
Допущены ли мною какие-либо ошибки в этом?
Что можете посоветовать для лучшего результата?
- Вопрос задан более трёх лет назад
- 1553 просмотра
3 комментария
Оценить 3 комментария

Что вы понимаете под результатом? Каков критерий?

Ovik Mooshlyan @1892Art Автор вопроса
vaux: чтоб верстальщику было максимально удобно и интуитивно понятно работать с макетом.
Это группировка на самом «верхнем» уровне, которая весьма условна и зависит от того, как организован рабочий процесс самого верстальщика. Если он идет по макету «сверху вниз» (условно), то группировка по функциональным типам элементов ему не особо полезна, а полезна может быть по их расположению (header, menu, body, footer — условно). И наоборот, если он делает отдельно по группам функциональных элементов, то ему будет неудобно все, что касается блочной группировки.
Но я бы еще обратил внимание на группировку на нижнем уровне, чтобы ему не пришлось делать кучу движений, чтобы вырезать, например, какой-то графический элемент без текста и эффектов. (Тут уже нужно до некоторой степени понимать сами принципы верстки и стилей.) В AI не совсем верная группировка в этом смысле не ведет обычно к такой катастрофе, как в случае макета в Photoshop, но сэкономить чуть-чуть времени и нервов наличием понимания приемов верстки — можно.
Решения вопроса 2
Не согласен, что иллюстратор не самый удобный инструмент:
1) в иллюстраторе больше места, за пределами рабочего холста можно держать альтернативные варианты для сравнения, поведение блоков, другие страницы и быстро копировать что-то из одной страницы на другую без заморочек с Duplicate Layers, просто зажав клавишу Alt.. То есть это ускоряет процесс и обеспечивает больше удобства в плане обзора.
2) В иллюстраторе можно конвертировать объекты в направляющие, любой формы, угла и размера. В фотошопе такого нет
3) Можно задавать объектам глобальные цвета, и в пару кликов менять палитру сайта и, соответственно, ВСЕХ объектов имеющих этот цвет (заливка или абрис, не важно)
4) Можно создавать символы со свойствами 9png. Особенно удобно для кнопок и т п. В фотошопе, конечно, тоже можно преобразовывать в смарт объекты, но с масштабами экземпляров не так гибко будет
5) Лучше работа с текстом. Можно разбивать на колонки. Есть панель глифов.
. ) и многое другое
Конечно, это все дело предпочтений.. И есть недостатки в плане обработки растра и с pixel perfect придутся попариться. Но, в конце концов, инструмент каждый выбирает сам и работает там, где ему удобнее.
я лично совмещаю иллюстратор с фотошопом. Все растровое в фотошопе (там операций с растровыми изображениями, конечно, несравнимо больше),а макетирование в иллюстраторе.
ПО САБЖУ: Я на этапе макетирования слои почти не группирую. В этом нет особой необходимости. И, тем более, при группировании слоев частенько бывает так: вы решили скопировать что-то и перетаскиваете его на нужное место зажав Alt, но он оказывается на заднем (или переднем плане) даже если нажимаете Shift+Ctrl+[/] (перенос на задний/передний план). Пока не будете находиться в нужной группе слоев. То есть надо будет скопировать то, что нужно, выделить объект непосредственно перед/за которым должен находится скопированный и вставить, и там уже нажимать Ctrl+[/]. Иногда парит )
Поэтому меня только два слоя (кстати, для каждого слоя задается отдельный цвет контуров):
1) На верхнем все направляющие и вспомогательные элементы (комментарии, описания объектов, и пр.). Я этот слой блокирую и периодически отключаю, чтобы не мешались.
2) На нижнем собственно сам макет
Если того требует верстальщик, то уже на конечном этапе, когда все готово, я группирую блоки, как сказал комрад в предыдущем комментарии, но они все равно находятся внутри второго нижнего слоя.
В общем, в иллюстраторе работа со слоями, как и сказано выше, немного отличается от фотошоповского и да, скорее второстепенна. Может быть для кого-то это даже удобно.
Ответ написан более трёх лет назад
Комментировать
Нравится 2 Комментировать

Люблю дизайн, графику, шрифты
Я достаточно много работал в иллюстраторе, но ниразу не открывал панель слоев, соответственно и не группировал. Мне кажется там работа со слоями второстепенна.
Но если вы делаете сайт, то полагаю тут другое дело. Лично я группирую сайт по блокам, а не по типу контента (banner, filtr, about).
И иллюстратор не самый удобный инструмент для создания сайтов.)
Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать
Ответы на вопрос 1

Эй ребят какие слои для макетов?
— все элементы страницы засовываем в символы
это удобно для последующих правок
— сами страницы делаем в разных монтажных областях
Ответ написан более трёх лет назад
Комментировать
Нравится 2 Комментировать
Ваш ответ на вопрос
Войдите, чтобы написать ответ

- IT-образование
- +2 ещё
Какие уроки по обучению работы / рисованию на графическом планшете посоветуете подростку-школьнице?
- 2 подписчика
- 25 дек. 2023
- 404 просмотра
7. Группировка объектов
Для удобства трансформации нескольких фигур и их атрибутов в Adobe Illustrator можно использовать операцию группировки. Допустим, у вас нарисовано солнышко, которое состоит из круга и лучиков вокруг него, и вам необходимо его переместить. Чтобы не выделять и двигать каждый из них стоило бы их сгруппировать.
Группировка объектов в Adobe Illustrator
Для того, чтобы сгруппировать эти фигуры необходимо:
- Выделить все объекты (круг и все лучики).
- Выбрать команду Group (Сгруппировать) на вкладке главного меню Object (Объект) или воспользоваться горячими клавишами +.
Также можно создавать несколько последовательных групп, образуя тем самым сложную структуру вложенных групп.
Для обратного действия, т.е. разгруппировки, можно выбрать команду Ungroup (Разгруппировать) на вкладке главного меню Object или комбинацией клавишам ++.
Процесс разгруппировки сложных структур групп будет производиться в обратном порядке.
Работа с объектами группы
Для выделения объектов в составе группы можно использовать инструмент Group Selection (Выделение в группе). При этом целостность группы не нарушается, но можно менять их местоположение и внешний вид, например, контур и заливку.

С помощью инструмента Selection (Выделение) можно выделить всю группу, вне зависимости от того, на какой из фигур группы сделан щелчок. Однако, если щелкнуть дважды по объекту или группе фигур, можно вызвать режим Режим изоляции (Isolation Mode).
Режим изоляции дает возможность оперативно изолировать объект, фигуру, слой, подслой или их группу от всех других в документе. Все другие неизолированные фигуры и группы фигур в документе будут недоступны, их нельзя будет ни выделять и ни редактировать.
Как уже было сказано выше Режим изоляции можно вызвать двойным щелчком по объекту, а, чтобы выйти из режима изоляции, нужно щелкнуть дважды по свободной области инструментом Selection (Выделение).
Режим изоляции особенно удобен для редактирования атрибутов объектов и трансформации с помощью габаритного рамки (контейнера).
Слои
При создании сложного изображения довольно трудно отслеживать все элементы в окне документа. Мелкие элементы скрываются под более крупными, и становится трудно выделять изображение. Слои позволяют управлять всеми элементами, составляющими изображение. Слои можно представить в виде чистых папок, содержащих изображения. Если перетасовать эти папки, изменится порядок размещения элементов иллюстрации. Можно перемещать элементы из папки в папку и создавать вложенные папки.
Структура слоев в документе может быть настолько простой или сложной, насколько необходимо. По умолчанию все элементы расположены в одном родительском слое. Однако можно создавать новые слои и перемещать в них элементы или перемещать элементы из одного слоя в другой в любое время.
Панель «Слои» позволяет легко выделять, скрывать, блокировать изображения и менять их атрибуты оформления. Можно даже создавать шаблонные слои, которые будут использоваться для трассировки изображения, и обмениваться слоями с программой Photoshop.
Обучающий видеоролик о придании графическому объекту гибкости и упорядоченности с помощью слоев в документе см. в разделе Упорядочение графического объекта с помощью слоев.
Обзор панели «Слои»
- Используйте панель Слои ( Окно > Слои ), чтобы создавать список объектов, упорядочивать и редактировать их в документе. По умолчанию каждый новый документ содержит один слой, и каждый создаваемый объект помещается в этот слой. Однако можно создавать новые слои и распределять элементы по своему усмотрению.
- По умолчанию Illustrator назначает каждому слою на панели Слои уникальный цвет (до девяти цветов). Цвет отображается рядом с именем слоя на палитре. Тот же цвет отображается в окне иллюстрации в ограничительной рамке, контуре, опорных точках и центральной точке выделенного объекта. С помощью этого цвета можно быстро найти соответствующий объекту слой на панели Слои , а также изменить цвет слоя по своему усмотрению.
- Если элемент на панели Слои содержит другие элементы, слева от имени элемента отображается стрелка . Нажмите стрелку для отображения или скрытия содержимого. Если стрелки нет, элемент не содержит дополнительных элементов.

A. Столбец «Видимость» B. Столбец «Редактирование» C. Столбец «Назначен» D. Столбец «Выделение»
На панели «Слои» столбцы отображаются слева и справа от списков. Нажмите столбец для управления следующими характеристиками.
Указывает, видны ли или скрыты элементы в слоях
(пустое пространство) или являются ли слои шаблонными
или слоями контуров
.
![]()
Указывает, заблокированы или разблокированы элементы. Значок блокировки указывает, что элемент заблокирован и не может быть отредактирован; пустое пространство указывает, что элемент разблокирован и может быть отредактирован.
Указывает, предназначены ли элементы для применения эффектов и атрибутов редактирования на панели «Оформление». Если кнопка цели отображается как значок двойного кольца (
или
), элемент предназначен (а если как значок одиночного кольца, то не предназначен) для этого.
Указывает, выделены ли элементы. Цветной прямоугольник указывает, что элемент выделен. Если элемент, такой как слой или группа, содержит выделенные и невыделенные объекты, рядом с родительским элементом отображается цветной прямоугольник меньшего размера. Если все объекты в родительском элементе выделены, отображаются цветные прямоугольники такого же размера, как метки рядом с выделенными объектами.
Можно использовать панель «Слои» для отображения некоторых элементов в виде контуров, а других элементов — в том виде, в котором они будут представлены в готовом изображении. Можно также затемнить связанные изображения и растровые объекты, чтобы упростить редактирование объектов в верхней части изображения. Это особенно полезно при трассировке растрового изображения.

A. Объект, отображенный в виде контуров B. Растровый объект, затемненный до 50 % C. Выделенный объект, отображенный в режиме просмотра
Как группировать объекты в Adobe Illustrator

Cathy Daniels
- Поделись Этим

Группировка — это, вероятно, один из первых инструментов, который вы изучаете на занятиях по графическому дизайну, потому что это очень важно для организации вашей работы. Как ваших компьютерных файлов, так и, очевидно, артбордов в Adobe Illustrator, над которыми вы работаете.
Смотрите также: Почему я не могу использовать инструмент «Кисть» в Adobe Illustrator?
Я работаю графическим дизайнером уже почти девять лет. От создания логотипов брендов до иллюстраций и графики, я всегда группирую свои объекты. Я имею в виду, что это обязательно.
Я не могу представить, как можно перемещать объекты на логотипе по одному. Технически можно выделить все объекты и переместить, но группировка проще, и все выглядит одинаково.
Что касается иллюстраций и рисунков, я группирую наброски, которые я рисую, потому что это намного проще, когда мне нужно масштабировать или перемещать весь набросок.
Дизайнеры заняты, и мы ненавидим переделки! Поэтому я создал этот учебник, в котором рассказывается, почему группировка важна и как группировать объекты в Adobe Illustrator.
Пусть предметы будут друзьями.
Что такое группировка в Adobe Illustrator?
Представьте, что вы создаете логотип, и обычно стандартный логотип включает в себя иконку и текст (название компании или даже слоган).
Вы создаете графическую иконку и текстовую часть отдельно, верно? Но в конечном итоге, когда вы закончите с обеими частями, вы объедините их в логотип. Например, это классический логотип, состоящий из шрифта и иконки.

Я создал этот логотип из четырех объектов: буквы «i», значка вопросительного знака, текста «illustrator» и текста «How». Я сгруппировал эти четыре объекта, чтобы получился полноценный логотип.
Зачем нужно группировать объекты?
Группировка объектов — отличный способ упорядочить художественные работы. Группировка облегчает перемещение, масштабирование и изменение цвета объекта, состоящего из нескольких объектов.
Продолжаем пример с логотипом. Что произойдет, если переместить логотип, когда объекты не сгруппированы?
Как вы можете видеть, когда я щелкаю на логотипе, выделена только буква «i». Это означает, что когда объекты не сгруппированы, вы можете перемещать только выделенную часть.
Смотрите также: Обзор CleanMyMac 3: плюсы, минусы и вердикт

Затем я пытаюсь переместить логотип вверх, но перемещается только выделенный объект «i». Видите, что происходит?

Теперь я сгруппировал четыре объекта. Теперь, когда я щелкаю на любом месте логотипа, выбирается весь логотип. Я могу перемещаться по всему логотипу.

Как группировать объекты в Adobe Illustrator
Примечание: Скриншоты сделаны из версии Illustrator CC Mac, версия для Windows может выглядеть несколько иначе.
Самый быстрый способ — использовать сочетания клавиш. Но если вам нравится делать это шаг за шагом, чтобы избежать неприятностей, вы можете группировать объекты и в верхнем меню.
В любом случае, первым шагом должно быть выделение объектов, которые вы хотите сгруппировать, с помощью инструмента Selection Tool (V). Щелкните на артборде и перетащите объект, чтобы выделить несколько объектов, или воспользуйтесь сочетанием клавиш Command+A чтобы выбрать все объекты, если это ваш случай.
Теперь у вас есть два варианта: комбинации клавиш или щелчки?
1. сочетания клавиш: Command+G (Ctrl+G для пользователей Windows)

2. В верхнем меню перейдите к пункту Объект> Группа .

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

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

Когда у вас есть группа внутри группы, просто дважды щелкните еще раз, пока не дойдете до области, которую хотите изменить.
Еще больше сомнений?
Еще несколько моментов о группировке объектов в Adobe Illustrator, которые вам также могут быть полезны.
Можно ли создавать группы слоев в Adobe Illustrator?
Да, вы можете группировать слои в Illustrator, выполняя те же действия, что и при группировке объектов. Выберите слои, которые вы хотите объединить, и используйте комбинацию клавиш Command+G.
Как превратить несколько объектов в один в Illustrator?
Вы будете удивлены, насколько легко объединять объекты в Adobe Illustrator. Существует множество способов сделать это, но самые распространенные из них — использование инструмента Shape Builder, Pathfinder или группировка.
Какова комбинация клавиш для снятия группировки в Illustrator?
Быстрая клавиша для разгруппировки объектов — Command + Shift + G (Ctrl+Shift+G в Windows). Выберите объект с помощью инструмента выделения (V) и воспользуйтесь быстрой клавишей для разгруппировки.

Почти готово
Если вы хотите, чтобы все объекты вашего произведения искусства оставались вместе при перемещении, масштабировании, копировании или вставке, обязательно сгруппируйте их. Не забывайте группировать объекты, когда вы создаете произведение искусства из нескольких объектов.
Организованная работа позволит избежать ненужных переделок и головной боли.
Предыдущий пост Как изменить цвет фона в Adobe Illustrator
Следующий пост Как разгруппировать в Adobe Illustrator

Cathy Daniels
Я Кэти Дэниелс, эксперт в Adobe Illustrator. Я пользуюсь этим программным обеспечением с версии 2.0 и создаю для него учебные пособия с 2003 года. Мой блог — одно из самых популярных мест в Интернете для людей, которые хотят изучить Illustrator. В дополнение к моей работе в качестве блоггера, я также автор и графический дизайнер.