Как включить сетку в иллюстраторе горячие клавиши

Горячие клавиши Adobe Illustrator

Adobe Illustrator используется для создания иллюстраций, мультипликационной графики, диаграмм, логотипов и других файлов. Горячие клавиши позволяют не отвлекаться на простые или часто повторяющиеся действия и более плотно работать с изображением. При наведении курсора на значок в меню отображается окно с быстрыми клавишами к данной команде. Запоминать весь список нет необходимости. Мы собрали все горячие клавиши в Adobe Illustrator в единую таблицу и разбили ее по категориям, в зависимости от типа действия. Запомните только те команды, которые чаще вам нужны в работе, и больше никогда не тратьте время на рутинную работу мышью.

Популярные

Windows	MacOS	Описание Править Отмена Сохранить и отправить
Ctrl + Shift + L	Command + Shift + L	Выравнивание абзаца по левому краю
Ctrl + Shift + R	Command + Shift + R	Выравнивание абзаца по правому краю
Ctrl + Shift + C	Command + Shift + C	Выравнивание абзаца по центру
Alt + Shift +	Option + Shift +	Вставка длинного тире
Ctrl +	Command +	Скрытие направляющих
Ctrl +	Command +	Увеличение масштаба
Ctrl +	Command +	Уменьшение масштаба
Ctrl + D	Command + D	Повторить последнее действие по трансформации объекта
Ctrl + G	Command + G	Сгруппировать объекты
Ctrl + 7	Command + 7	Создание обтравочной маски
Ctrl + N	Cmd + N	Создать новый документ / файл
Ctrl + S	Command + S	Сохранение изменений в документе
Ctrl + Z	Cmd + Z	Отмена последнего действия
Ctrl + D	Command + D	Повторить последнее действие по трансформации объекта

Работа с текстом

Windows	MacOS	Описание Править Отмена Сохранить и отправить
Ctrl + Shift + L	Command + Shift + L	Выравнивание абзаца по левому краю
Ctrl + Shift + R	Command + Shift + R	Выравнивание абзаца по правому краю
Ctrl + Shift + C	Command + Shift + C	Выравнивание абзаца по центру
Ctrl + Shift +	Command + Shift + .	Увеличение размера шрифта
Ctrl + Shift +	Command + Shift + ,	Уменьшение размера шрифта
Ctrl + T	Command + T	Открытие палитры «Символ»
Alt + Shift +	Option + Shift +	Вставка длинного тире
Alt + Shift + Ctrl + H	Option + Shift + Command + H	Переключение автоматической расстановки переносов

Масштабирование и навигация

Windows	MacOS	Описание Править Отмена Сохранить и отправить
Ctrl + R	Command + Option + R	Вызвать / скрыть линейки
Shift + Ctrl + D	Shift + Command + D	Отображение сетки прозрачности
Ctrl + U	Command + U	Вызвать умные направляющие
Ctrl +	Command +	Скрытие направляющих
Ctrl +	Command +	Увеличение масштаба
Ctrl +	Command +	Уменьшение масштаба

Работа с обьектами

Windows	MacOS	Описание Править Отмена Сохранить и отправить
Ctrl + D	Command + D	Повторить последнее действие по трансформации объекта
Ctrl + Shift + ]	Shift + Command + ]	Поместить объект на передний план
Ctrl + Shift + [	Shift + Command + [	Поместить объект на задний план
Ctrl + ]	Command + ]	Переместить объект на 1 объект выше
Ctrl + [	Command + [	Переместить объект на 1 объект ниже
Ctrl + G	Command + G	Сгруппировать объекты
Shift + Ctrl + G	Shift + Command + G	Разгруппировать объекты
Ctrl + 2	Command + 2	Заблокировать выделенные объекты
Alt + Ctrl + 2	Option + Command + 2	Разблокировать объекты

Обтравочная маска

Windows	MacOS	Описание Править Отмена Сохранить и отправить
Ctrl + 7	Command + 7	Создание обтравочной маски
Alt + Ctrl + 7	Option + Command + 7	Освобождение обтравочной маски

Другое

Windows	MacOS	Описание Править Отмена Сохранить и отправить
Ctrl + N	Cmd + N	Создать новый документ / файл
Ctrl + O	Cmd + O	Открыть файл с жесткого диска
Alt + Ctrl + P	Option + Command + P	Открытие диалогового окна «Параметры документа»
Ctrl + S	Command + S	Сохранение изменений в документе
Alt + Ctrl + E	Option + Command + E	Открытие диалогового окна «Экспорт для экранов»
Alt + Shift + Ctrl + S	Option + Shift + Command + S	Открытие диалогового окна «Сохранить для Web»
Ctrl + Z	Cmd + Z	Отмена последнего действия
Ctrl + D	Command + D	Повторить последнее действие по трансформации объекта
Tab	Tab	Показ/скрытие всех палитр / панелей

~~~ Конец. Благодарим за просмотр. Добавить страницу в закладки CTRL + D ~~~

Дата изменения: 10.10.2023

Просмотров страницы: 188310

*Некоторые перечисленные клавиши могут не работать в старых версиях программы

Похожие с «Adobe Illustrator»: Adobe Photoshop CC , Adobe Illustrator , Premiere Pro CC

Как использовать горячие клавиши в Illustrator и запомнить их сочетания

Выучить горячие клавиши в Adobe Illustrator будет проще, если понимать смысл символов и сокращений в комбинациях. Делимся отрывком курса «Профессия графический дизайнер с нуля до про» с самыми важными горячими клавишами и поможем понять, почему для поворота объектов используется клавиша «R», а для выделения всех элементов — сочетание Ctrl + A.

освоить профессию коммерческий иллюстратор
Содержание

1. Как запоминать сочетания клавиш
2. Универсальные горячие клавиши
3. Работа с документом
4. Выбор инструментов
5. Работа с объектами в монтажной области

Как запоминать сочетания клавиш

профессия коммерческий иллюстратор

Раскройте себя через иллюстрацию и погрузитесь в дизайн-среду

Горячие клавиши для определенных действий в программах Adobe выбираются по первым буквам слов, обозначающих эти действия на английском. Например, слово «новый» переводится на английский , как «new», поэтому для создания нового файла используется кнопка Create New или сочетание клавиш Ctrl + N.

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

Некоторые клавиши используются сами по себе, например, только клавиша M или L, но чаще всего они составляют комбинации с кнопками Ctrl и Alt на Windows и Command (Cmd) и Option на MacOS.

Windows	MacOS
Ctrl	Command (Cmd)
Alt	Option

профессия коммерческий иллюстратор

Раскройте себя через иллюстрацию и погрузитесь в дизайн-среду

Универсальные горячие клавиши

Некоторые сочетания клавиш характерны не только для Adobe Illustrator, но и для многих других программ, так что скорее всего, вы их знаете:

Windows	MacOS
Отменить действие	Ctrl + Z	Cmd + Z
Вырезать объект	Ctrl + X	Cmd + X
Копировать объект	Ctrl + C	Cmd + C
Вставить объект	Ctrl + V	Cmd + V

Кроме этого есть особые параметры вставки объектов, которые могут вам пригодиться:

Windows	MacOS
Вставка объекта на передний план	Ctrl + F	Cmd + F
Вставка объекта на задний план	Ctrl + B	Cmd + B

В этом случае для вставки на передний план используется клавиша F, так как с нее начинается английское слово «front», которое переводится, как «передний», а клавиша B используется для вставки объекта на задний план, потому что «back» переводится, как «задний».

Работа с документом

Как мы рассказали выше, Ctrl + N используется, так как N обозначает «new», а для сохранения используется Ctrl + S, где S означает «save», то есть «сохранить».

Windows	MacOS
Создать новый файл	Ctrl + N	Cmd + N
Сохранение изменений в документе	Ctrl + S	Cmd + S

Выбор инструментов

Горячие клавиши для выбора инструментов можно запомнить через собственные мнемотехнические приемы, так как тут нет универсальной схемы. Например, инструмент Перо в английской версии называется Pen и поэтому для него используется клавиша P. А Поворот на английском — Rotation, поэтому для него используется клавиша R.

Но, например, с Лассо эта схема не сработает. В английском инструмент тоже называется Lasso, но для его вызова используют клавишу Q (потому что L занята другой командой). Но тут поможет визуальный образ, потому что буква Q визуально похожа на завязанную в петлю веревку.

Инструмент	Клавиша
Выбор объекта	V
Волшебная палочка	Y
Лассо	Q
Перо	P
Текст	T
Прямоугольник	M
Эллипс	L
Кисть	B
Карандаш	N
Поворот	R
Зеркальное отражение	O
Масштаб	S
Свободное трансформирование	E
Вертикальные полосы	J
Сетка	U
Градиент	G
Пипетка	I
Переход	W
Быстрая заливка	K
Ножницы	C
Рука	H
Масштаб	Z

Другие инструменты вызываются с помощью сочетаний букв и клавиши Shift. Она универсальна и используется как на Windows, так и на MacOS, поэтому сочетания будут одинаковыми.

Для некоторых команд тоже можно придумать мнемотехники, например, инструмент Кривизна (Curvature tool) вызывается сочетанием Shift + ~, так что можно запомнить, что нужно искать на клавиатуре кривую линию.

Инструмент	Сочетание клавиш
Монтажная область	Shift + O
Кривизна	Shift + ~
Кисть-клякса	Shift + B
Изменение текста	Shift + T
Деформация объекта	Shift + R
Ширина объекта	Shift + W
Создание фигур	Shift + M
Сетка перспективы	Shift + P
Выбор перспективы	Shift + V
Выделение быстрых заливок	Shift + L
Фрагмент	Shift + K
Ластик	Shift + E

Работа с объектами в монтажной области

Для выделения и преобразования объектов есть простые комбинации клавиш, такие как вращение с помощью клавиши R или отражение объекта с помощью клавиши O, а есть более сложные сочетания, которые нужно будет запомнить.

Здесь тоже поможет перевод на английский. Например, All в переводе с английского означает — «все», поэтому выбор всех объектов на сцене используется сочетание Ctrl с клавишей A. Для группировки объектов используется сочетание Ctrl с клавишей G (от английского Group).

Windows	MacOS
Выделить все объекты	Ctrl + A	Cmd + A
Группировать объектов	Ctrl + G	Cmd + G
Разгруппировать объекты	Shift + Ctrl + G	Shift + Cmd + G
Скрыть невыделенные объекты	Ctrl + Alt + Shift + 3	Command + Option + Shift + 3
Объединить контуры у нескольких объектов	Ctrl + K	Ctrl + K

Это только основные комбинации. Чем дальше вы будете осваивать Adobe Illustrator, тем больше запомните горячих клавиш и начнете применять их в работе.

профессия коммерческий иллюстратор

Завоевывайте сердца, создавая иллюстрации для книг и сайтов, логотипов, стикеров. 8 работ в портфолио, нужные навыки в резюме и реальный опыт прилагаются.

И неважно, учились ли вы художке или нет

Как отключить/вкл сетку перспективы в иллюстраторе? Быстрые ответы на вопросы: «Как в иллюстраторе»

Как отключить/включить сетку перспективы в Adobe Illustrator? Горячие клавиши для включения и отключения сетки перспективы в иллюстраторе: На Mac «command» + «shift» + «i» На Windows «ctrl» + «shift» + «i» Плейлист серия минутных видео, отвечающих на самые популярные вопросы по https://www.youtube.com/playlist?list=PLw4oa0HLG9wIv1kqDVkcEvACo7APhk3Fa Пишите в комментариях свой вопрос, и я запишу новое видео. Подписывайтесь на канал и в соц сетях: VK Личная Страница – https://vk.com/sema.vershinin VK группа – https://vk.com/vershinin.education Instagram – https://instagram.com/sema_vershinin Facebook – https://web.facebook.com/sema.vershinin

Показать больше

Войдите , чтобы оставлять комментарии

Разбираемся с сеткой в Adobe Illustrator

Этот перевод как бы дополняет мою предыдущую публикацию про Pixel Perfect, без которого она была бы неполной, тем более что оригинальная статья про Pixel Perfect ссылается на оригинальную статью этого перевода.

1. Как избежать той проблемы, из-за которой у вас в макетах расстояние между элементами или гайдами начинает включать в себя дробные части пикселей;
2. Как использовать сетки для прототипирования в Adobe Photoshop и Adobe Illustrator.

Как и в прошлый раз, одна из целей, почему я пишу эту статью на Хабр (а не ограничиваюсь, к примеру, переводом на Tuts+) — это составление после перевода полезных ссылок по теме. Призываю хабражителей так же делиться своими соображениями и инструментами, которыми вы пользуетесь при создании сеток, может быть какими-то другими редакторами. Один мой знакомый товарищ прокомментировал предыдущую статью таким образом, что, конечно, материал прикольный, но сам он пользуется Sketch’ем, а там это всё из коробки. Расскажите, чем пользуетесь вы?

Кстати, хотя в статье речь идёт об Adobe Illustrator, в Adobe Photoshop можно так же использовать и пиксельную сетку, и привязку к пикселям, и свою собственную настраиваемую сетку.

Краткое содержание

• Чтобы включить/выключить сетку в Adobe Illustrator/Photoshop, нажмите Ctrl + ‘
• Чтобы включить/выключить гайды в Adobe Illustrator/Photoshop, нажмите Ctrl + ;

Разбираемся с сеткой в Adobe Illustrator

На сегодня Adobe Illustrator — один из самых популярных векторных редакторов. Это такая большущая программа, и если вы новичок, то может пройти довольно много времени, если вы будете вникать в то, за что та или иная кнопка или опция отвечают.

Так получается, что некоторые функции упускаются из виду новичками, и я хотел бы поделиться с вами одной из них. Лично я был бы очень рад, если бы мне кто-нибудь рассказал об этой теме в ту пору, когда я был новичком.

Да, я собираюсь рассказать вам о Сетке.

Что такое Сетка?

Как и в изучении любого другого вопроса давайте сначала дадим определение изучаемому термину.
Если обратиться к онлайн-словарю Merriam-Webster, сетка — это сеть равномерно расположенных вертикальных и горизонтальных линий(например, для позиционирования точек на карте).

Ещё более полное определение можно найти в Википедии, потому что там оно как раз таки дано с точки зрения графического дизайна: «Сетка — это пространство (обычно двухмерное), которое состоит из серии пересекающихся прямых (вертикальных, горизонтальных или расположенных под углом) или кривых направляющих, которые используются для упорядочивания контента. Сетка служит как бы основой, благодаря которой дизайнер может размещать на макете различные графические элементы (изображения, символы, параграфы текста) в правильном порядке таким образом, чтобы они приятно смотрелись на макете, легко читались. Сетка так же используется для того, чтобы выстроить отношения между различными графическими элементами, например определить отношение размеров или расположения разных элементов относительно друг друга, или относительно холста.

Кстати, сетка Adobe Illustrator состоит только из строго вертикальных и горизонтальных линий. Если вам для работы нужны кривые или ещё какие-то более сложные сетки, то вы сможете создать их с помощью гайдов-направляющих, это на самом деле довольно несложно.

Почему знание Сетки важно?

Мы дали общее представление того, что из себя представляет Сетка. Но зачем ей вообще пользоваться? Если ещё раз повторить кратко, то Сетка — это то, что помогает нам расположить элементы друг относительно друга и выставить отношения между размерами и расположениями объектов. Сетка как бы предлагает нам правила, по которым мы можем расположить объекты на макете, а самое главное — структурировать контент.

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

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

Цифра VS Печать

Ни для кого не секрет, что цифровые изображения на экранах много чем отличаются от напечатанных изображений на бумаге. У каждого типа изображений своя цветовая схема (RGB у цифровых изображений и CMYK у печатных картинок), и каждый тип имеет своё выходное разрешение (разрешение экрана и разрешение при печати). Всё это создаёт разницу в том, каким образом создаются эти два типа изображений, в особенности то, каким образом получаются изогнутые, кривые линии.

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

Принтер в свою очередь зависит от размеров бумаги и своей разрешающей способности при печати, что означает, что если у вас выставлено большое разрешение печати, то принтер прекрасно отпечатает вам кривую линию. Это так, потому что принтер может выводить точки на бумагу в несколько слоёв, т.е. у принтера нет нужны хитрить с полупрозрачностью пикселей, в отличие от экрана электронного устройства.

Использование привязок

Один из самых интересных вопросов, который может быть поднят в этой теме. Если вы используете привязки, то вы как бы говорите Illustrator’у выравнивать ваши объекты на холсте к вашей сетке либо пиксельной сетке.

Помните, что недавно я заикнулся о Pixel Perfect изображении? Теперь, когда вы знаете, в чём отличие напечатанных картинок от цифровых, отображаемых на экране, самое время поведать о том, в чём на мой взгляд главная роль Сетки.

Я уверен, что вы ранее наверняка видели различные иллюстрации на Dribbble или Behance с супер-чётким изображением. Лично я всегда удивлялся, как автору удалось вывести такие чёткие линии? Как оказалось, в этом нет ничего необычного! Он или она просто привязывали все объекты к пиксельной сетке и создавали каждый элемент с целыми значениями размеров в пикселях!

На всякий случай уточню, что под целыми значениями я имею ввиду числовые значения без дробных частей, т.е. например если мы собираемся нарисовать прямоугольник, то мы будем его рисовать с шириной 200 пикселей и высотой 100 пикселей, а не 200.84 пикселя на 99.8 пикселей.

Расширенное понятие сетки

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

Шаг 1

• Количество холстов: 1
• Ширина: 800 пикселей
• Высота: 800 пикселей
• Единицы измерения: пиксели

• Цветовой режим: RGB
• Разрешение при растеризации: 300 пикселей на дюйм
• Приравнивать новые объекты к пиксельной сетке: отмечено

На заметку: вы наверняка обратили внимание на то, что мы поставили значения эффекта растеризации 300 PPI, хотя мы собираемся использовать наш дизайн на экране монитора. Скажем так, если мы используем бОльшие значения разрашения, то это не будет сильно заметно на экране, но если вдруг случится так, что вы захотите напечатать то, что нарисовали (пока не обращайте внимания на то, что мы создали документ в RGB), все ваши эффекты вроде теней выйдут в плохом качестве, если значение PPI было выбрано меньше 300.

В самом деле, вы в любой момент можете изменить значение PPI, если зайдёте в Effect > Document Raster Effects Settings.

Шаг 2

После того, как вы настроили документ, создайте чёрный квадрат размерами 100х100 пикселей, и разместите его точно в левом верхнем углу Холста, используя палитру Align.

Шаг 3

Чтобы понять, как работает сетка, давйте посмотрим на это. Открываем меню View > Show Grid (или нажимаем Ctrl + „), и тут же на экране появляется стандартная сетка 1000х4.

Шаг 4

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

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

Давайте отменим наши последние шаги, вернём квадратик на своё место, и зайдём в меню View → Snap to Grid (Shift + Ctrl + Y), а потом снова оппробуем поперемещать наш объект.

Вот теперь мы можем увидеть разницу. Попробуйте поперемещать объект, чтобы понять, что происходит. Каждое перемещение квадрата происходит с привязкой к горизонтальной или вертикальной линии Сетки.

• Шаг сетки через каждые: 1000px
• Деления внутри шага сетки: 4

Что в самом деле означают эти настройки?

Это очень легко, смотрите. Через каждые 1000 пикселей Illustrator будет рисовать клетку, поделенную на 4 части (тем самым внутри клетки появится сетка 2х2), т.е. получатся клетки, каждая из которых размером 1000 х 1000 пикселей, и в свою очередь поделена ещё на 4 клетки размерами 250 х 250 пикселей (1000/4 = 250).

Т.к. наш холст имеет размеры всего лишь 800х800 пикселей (т.е. полностью умещается три квадрата сетки по 250 пикселей и ещё остаётся 50 пикселей), привязка будет срабатывать на верхнюю и левую часть этого пространства, которая умещается в 1000 х 1000 пикселей. А нижняя и правая часть пространства на линии толщиной 200 пикселей, выделенной красным, остаётся незадействованной.

Теперь если мы вернёмся к нашему маленькому чёрному квадрату, то мы увидим, что он прилипает только к линиям сетки, которые располагаются в 250 пикселях друг от друга, при том, что сам квадратик 100х100 пикселей. Если бы чёрный квадрат был размером 250х250 пикселей, то он бы занимал целую клетку сетки, и прыгал бы точно в одну из 16 маленьких клеток.

Настройки сетки

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

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

• Линия сетки через каждые: 1 пиксель
• Деления внутри шага сетки: 1

Быстрое прототипирование с использованием сетки

Давайте выполним небольшое упражнение и попробуем сделать быстрый прототип веб-сайта с использованием сетки через каждые 800 пикселей с разделением на 4 шага на холсте размером 800 х 800 пикселей.

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

Шаг 1

Создаём прямоугольник размером 800х200 пикселей и распологаем его сверху нашего холста, раскрасим его цветом #191919. Теперь возьмём инструмент Текст и подпишем этот элемент как Шапку нашего веб-сайта.

На заметку: Если у вас есть более мелкие элементы, которые не обязаны быть привязаны к сетке, в нашем примере это тексты-подписи к прямоугольникам, просто выделите их, зайдите в меню View и снимите галочку с опции Snap to Grid.

Шаг 2

Создадим небольшой прямоугольник размером 600х400 пикселей и цветом #191919 и попробуем разместить его, используя кнопки на клавиатуре, в левой части нашего холста, сразу под шапкой. Этот жлемент так же следует подписать, это будет Content.

Шаг 3

Давайте создадим объект поменьше размером 200х400 пикселей цветом #B24747 и потом разместим его в правой части, справа от контента, а потом подпишем его Sidebar.

Шаг 4

Завершаем наше прототипирование добавлением последнего элемента 800х200 пикселей и цветом #191919. Расположим этот прямоугольник внизу холста и назовём его Footer.

Грубо говоря, только что за несколько секунд нам удалось набросать макет сайта. Здорово тратить на такие вещи так мало времени, не правда ли?

Двойственная привязка

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

По умолчанию, если вы создаёте новый документ, режим Preview обычно выставлен в положение Default. Это означает, что то, что вы создаёте — это то, что вы видите. (Т.е. вы видите вектор таким, какой он есть, не расстрированным). В этом случае опция Snap to относится к Сетке, которую вы настраиваете, и Сетка зависит от тех значений, которые вы выставите в параметрах.

Если вы включите Pixel Preview (View → Pixel Preview) и приблизите изображение, Illustrator покажет вам пиксели, из которых состоит ваше векторное изображение. Когда режим привязок включен на пиксели, каждое нажатие на стрелки клавиатуры будет перемещать ваш объект на фиксированное число пикселей, которое выставлено в настройках Keyboard Increment.

На заметку: Да, вы можете включить Keyboard Increment на любое кол-во пикселей, которое вам удобно. Эта опция располагается в меню Edit > Preferences > General > Keyboard Increment.

Ключевое различие между двумя способами привязки в том, что если вы каким либо образом создали объект с нецелыми значениями размеров, например 200.9х60.40 пикселей, привязка к пикселям изменят это, и сама автоматически округлит ваши значения.

Я рекомендую вам, если вы создаёте объекты в режиме привязки к сетке, всегда переключаться в режим Pixel Preview и проверять, нормально ли ваши объекты встраиваются в Пиксельную сетку. В этом случае к моменту окончания работы над вашим дизайном у вас получится резкое качественное изображение, и вам не придётся решать никаких проблем.

Полезные ресурсы

• Чои Вин. Как спроектировать современный сайт. Профессиональный веб-дизайн на основе сетки. б.м.: Питер, 2012.
  Существует множество книг про сетки. популярные и не очень, но я читал именно эту, поэтому именно её и рекомендую. Здесь по шагам очень подробно описывается процесс разработки универсальной сетки (которая в готом варианте раздаётся много где). Вобщем-то после прочтения точно всё встаёт на свои места, становится понятно что, почему и зачем.
• 960 Grid System — один из всевозможных готовых наборов сеток. Здесь есть уже созданные шаблоны макетов под все популярные редакторы вроде Photoshop, Illustrator, InDesign и т.д. Список очень большой, ознакомьтесь.
• GuideGuide и Griddify — плагины для Photoshop для создания сеток.

• pixel perfect
• дизайн интерфейсов
• дизайн
• иконки
• сетки верстки
• модульные сетки
• сетки
• Adobe Illustrator
• Adobe Photoshop

• Веб-дизайн
• Работа с иконками
• Работа с векторной графикой
• Usability
• Дизайн мобильных приложений