Adobe illustrator как увеличить размер интерфейса
Пользовательское рабочее пространство/среду можно создать, перемещая и изменяя окна документов и панелей. Можно сохранить несколько рабочих сред и переключаться между ними.
Упорядочение, стыковка и свободное перемещение окон документа
Если открыто более одного файла, окна документов снабжаются закладками.
- Для изменения порядка окон документов перетащите закладку окна в новое место в группе.
- Для открепления (свободного перемещения или отстыковки) окна документа из группы окон перетащите закладку окна из группы.
- Для прикрепления окна документа к другой группе окон перетащите закладку окна в эту группу.
- Чтобы создать группы документов, расположенные каскадно или мозаично, перетащите окно к одной из зон перетаскивания, расположенных вдоль верхнего, нижнего или боковых краев другого окна. Также можно выбрать макет для группы с помощью кнопки «Макет» на панели приложения.
- Чтобы переключиться на другой документ в группе со вкладками при перетаскивании выделенной области, перетащите выделенную область на вкладку документа на короткое время.
Прикрепление и открепление панелей
Блок — это набор панелей или групп панелей, отображаемых вместе, чаще всего вертикально. Панели можно прикреплять и откреплять перетаскиванием в область блока или из нее.
Чтобы прикрепить панель, перетащите ее за вкладку в блок и поместите сверху или снизу от других панелей либо между ними.
Чтобы прикрепить группу панелей, перетащите ее в блок за строку заголовка (пустую одноцветную строку над вкладками).
Чтобы удалить панель или группу панелей из блока, перетащите ее из блока, удерживая за вкладку или строку заголовка. Можно перетащить панель в другой блок или сделать плавающей.
Можно сделать так, чтобы панели не заполняли все пространство в блоке. Перетащите нижнюю границу блока вверх, чтобы она не соприкасалась с границей рабочего пространства/среды.
Перемещение панелей
При перемещении панелей отображаются подсвеченные зоны перетаскивания — зоны, в которые можно поместить панель. Например, можно переместить панель выше или ниже в блоке. Для этого нужно перетащить ее на узкую синюю зону перетаскивания, которая отображается над другой панелью или под ней. Если перетащить панель в область, не являющуюся зоной перетаскивания, такая панель станет плавающей.
Активация зоны перетаскивания зависит от позиции указателя мыши (а не положения панели), поэтому если вы ее не видите, попробуйте переместить указатель мыши в то место, где должна быть зона перетаскивания.
Чтобы переместить панель, перетащите ее за вкладку.
Чтобы переместить группу панелей, перетащите строку заголовка.
Зона перетаскивания, обозначенная узкой синей линией, означает прикрепление одиночной панели «Образцы» над группой панелей «Цвет»
A. Строка заголовка B. Вкладка C. Зона перетаскивания
Чтобы избежать закрепления панели при перемещении, удерживайте клавишу Ctrl (в Windows) или Command (в Mac OS). Для отмены операции при перемещении панели нажмите клавишу Esc.
Добавление и удаление панелей
Если из блока удалить все панели, то он исчезнет. Можно создать блок, перемещая панели в правый угол рабочего пространства/среды до появления зоны перетаскивания.
Для удаления панели щелкните правой кнопкой (Windows) или удерживая клавишу Control (Mac) на ее закладке и выберите «Закрыть» или удалите ее из меню «Окно».
Чтобы добавить панель, выберите ее в меню «Окно» и закрепите в нужном месте.
Управление группами панелей
Чтобы добавить панель в группу, перетащите вкладку этой панели в выделенную зону перетаскивания группы.
Чтобы изменить порядок расположения панелей в группе, перетащите вкладку панели на новое место внутри группы.
Чтобы убрать панель из группы и сделать ее плавающей, перетащите панель за ее вкладку за пределы группы.
Чтобы переместить группу, перетащите панель заголовка (область над вкладками).
Создание ряда плавающих панелей
При перетаскивании панели из блока не в зону перетаскивания панель становится плавающей. Плавающую панель можно разместить в любом месте рабочего пространства/среды. Плавающие панели или группы панелей можно собрать в одну подборку, тогда при перетаскивании самой верхней строки заголовка они будут перемещаться как одно целое.
Чтобы создать ряд плавающих панелей, перетащите панель за вкладку в зону перетаскивания, расположенную в нижней части другой панели.
Чтобы изменить порядок панелей в ряду, перетащите панель за вкладку вверх или вниз.
Примечание. Вкладку следует отпустить над тонкой зоной перетаскивания между панелями, а не над широкой зоной перетаскивания в строке заголовка.
Чтобы убрать панель или группу панелей из ряда и сделать ее плавающей, перетащите панель за его пределы, удерживая за вкладку.
Изменение размеров панелей
Чтобы свернуть или развернуть панель, группу панелей или ряд панелей, дважды щелкните вкладку. Также можно дважды щелкнуть область вкладки (пустое пространство рядом с вкладками).
Для изменения размера панели перетащите любую ее сторону. Размеры некоторых панелей, например панели «Цвет» в Photoshop, нельзя изменить таким способом.
Свертывание и развертывание значков панели
Чтобы уменьшить загромождение рабочего пространства/среды, можно свернуть панели в значки. В некоторых случаях панели сворачиваются в значки в рабочем пространстве/среде по умолчанию.
- Чтобы свернуть или развернуть все значки панели в столбце, щелкните двойную стрелку в его верхней части.
- Чтобы развернуть значок одиночной панели, щелкните его.
- Чтобы изменить размер значков панели так, чтобы видеть только значки (без подписей), изменяйте ширину блока до исчезновения текста. Чтобы восстановить текст, увеличьте ширину блока.
- Чтобы свернуть развернутую панель в значок, щелкните ее вкладку, значок или двойную стрелку в строке заголовка.
- Чтобы добавить плавающую панель или группу панелей в блок значков, перетащите ее туда за вкладку или строку заголовка (панели автоматически сворачиваются в значки при добавлении их в блок значков).
- Чтобы переместить значок панели (или группу значков панелей), перетащите значок. Значки панелей можно перетаскивать вниз и вверх в пределах одного блока, в другие блоки (где значки будут отображаться в стиле панелей этого блока) либо за пределы блока (где они станут плавающими значками).
Чтобы открыть меню панели, нажмите значок в ее правом верхнем углу.
Можно настроить интерфейс, выбрав одну из четырех доступных цветовых тем: темную , средне-темную , средне-светлую или светлую .
Выполните одно из следующих действий:
- (Windows) Выберите Редактирование > Установки > Интерфейс пользователя .
- (Mac OS) Выберите Illustrator > Установки > Интерфейс пользователя .
Выберите подходящий цвет интерфейса (варианты уровня яркости : темный , средне-темный , средне-светлый или светлый ).
Выберите Цвет холста из следующих вариантов:
- Соответствует уровню яркости интерфейса пользователя — цвет холста будет соответствовать выбранному уровню яркости.
- Белый — устанавливает белый цвет холста.
Можно масштабировать пользовательский интерфейс Illustrator в зависимости от разрешения экрана. При первом запуске Illustrator определяет разрешение экрана и соответствующим образом изменяет коэффициент масштабирования приложения.
Примечание. Масштабирование пользовательского интерфейса не поддерживается для Windows 7 и для экранов с низким разрешением.
Для масштабирования пользовательского интерфейса выполните следующие действия:
Чтобы открыть установки пользовательского интерфейса, выполните одно из следующих действий:
- (Windows) Выберите Редактирование >Установки >Интерфейс пользователя.
- (Mac OS) Выберите Illustrator >Установки >Интерфейс пользователя.
На вкладке «Установки пользовательского интерфейса» нажмите и переместите ползунок Масштабирование пользовательского интерфейса для увеличения или уменьшения масштаба пользовательского интерфейса в зависимости от разрешения экрана.
Примечание:
- Количество контрольных точек на ползунке зависит от разрешения экрана. На экранах с более высоким разрешением отображается больше контрольных точек.
- Illustrator масштабирует аннотации, если коэффициент масштабирования установлен на пятой или более высокой контрольной точке.
Рядом с ползунком располагается окно предварительного просмотра масштабированного пользовательского интерфейса, как показано ниже:
Выберите параметр Пропорциональное масштабирование курсора для масштабирования значков курсора пропорционально размеру пользовательского интерфейса.
Перезапустите Illustrator, чтобы обновленные настройки вступили в силу. Если вы не перезапустите Illustrator, изменения вступят в силу при следующем запуске программы.
Все мы однажды сталкиваемся с необходимостью познакомится с этим замечательным инструментом для рисования векторной графики.
Но что делать, если при установке интерфейс имеет большой размер?
Первое на что стоит обратить внимание, так это на«Параметры экрана». Иллюстратор подстраивается под ваш масштаб приложений, и если значение стоит 125% и более, то соответственно и масштаб интерфейса будет больше.
Решить проблему можно поставив значение на 100%. Но к сожалению, масштаб всех приложений, так же станет меньше, а если у вас небольшой экран, то это будет не очень комфортно для глаз(ну как по мне).
Как же изменить масштаб интерфейса Иллюстратора, не изменяя при этом масштаб всех остальных приложений?
1) Заходим в «Мой компьютер»
2) Правая кнопка мыши → Свойства
3) Выбираем «Дополнительные параметры системы»
4) В появившемся окне «Свойства системы», переходим во вкладку «Переменные среды…»
5) В области «Системные переменные» нажимаем кнопку «Создать…»
6) Выходит окно «Новая системная переменная»
7) В инпуте «Имя» вставляем UI_SCALE_FACTOR
8) Вводим значение 1 и нажимаем «ОК»
После этого перезапускаем Adobe Illustrator и весь наш интерфейс стал аккуратного, удобного размера :)
При работе в Adobe Illustrator можно использовать разнообразные панели инструментов. Чтобы открыть ту или иную панель, нужно обратиться в меню Window (Окно), либо использовать соответствующие горячие клавиши.
Каждая панель имеет собственный набор управляющих элементов (внизу) и контекстное меню (справа наверху).
Панель «Инструменты»
Сейчас будет жуткая тавтология 🙂 Среди панелей инструментов есть панель с названием «Инструменты», инструменты которой используются для создания, выделения и редактирования объектов. На самом деле все просто — это самая часто используемая панель, которая при первом запуске появляется в левой части экрана.
Чтобы отобразить название инструмента, наведите на него курсор. Для выбора вложенных инструментов нужно нажать и на секунду задержать левой кнопкой мыши на инструменте до появления списка вложенных инструментов.
У некоторых инструментов есть параметры, которые отображаются, если дважды щелкнуть по нему. Подробнее о панели «Инструменты».
Как создать собственный набор инструментов
Собственный набор инструментов создается с помощью команды Window (Окно) → Tools (Инструменты) → New Tools Panel (Новая панель инструментов).
Для добавления инструментов перетащите их из основной панели в новую.
Перемещение панелей
Набор панелей, отображаемых вместе, называется блоком. Любую панель можно разместить где угодно. Чтобы переместить панель, щелкните мышкой на заголовке и перетащите ее. При перемещении панели в другой блок, вокруг панели появляется синяя подсветка в виде вертикальных или горизонтальных линий, которые показывают, где именно панель будет располагаться в новом блоке.
Любая панель или группа панелей может быть закреплена или откреплена, раскрыта или свернута. Чтобы свернуть или раскрыть панель, дважды щелкните на ее заголовке.
Часто используемые панели удобно держать в открытом виде либо в виде вкладок.
Рабочая среда Adobe Illustrator
Обычно несколько панелей инструментов располагают в едином блоке в виде вкладок. Упорядоченное расположение панелей и окон в Adobe Illustrator называется Workspace (рабочая среда). Можно создать и сохранить несколько рабочих сред: например, для рисования, редактирования, работы с планшетом. Текущую можно посмотреть в правом верхнем углу окна программы, там же можно переключаться между средами в процессе работы.
При первом запуске программы открывается рабочая среда Essentials (Основные сведения), которая содержит удобный стартовый набор панелей.
Настройка рабочей среды
Рабочие среды позволяют запомнить текущее расположение панелей на экране. Можно создать и сохранить собственную рабочую среду. Для этого выберите New Workspace (Создать рабочую среду) в меню переключения между рабочими средами (справа вверху), а затем добавьте и упорядочите необходимые вам панели инструментов.
Восстановление рабочей среды в Adobe Illustrator
Если вдруг вы что-то перемудрили с настройкой панелей и нужно срочно вернуть все «как было», можно восстановить исходное состояние любой рабочей среды. Для этого выполните команду Reset… (Восстановить…) в меня переключения между рабочими средами.
Экспорт настроек
Настройки также можно экспортировать для использования на компьютерах коллег или создания резервной копии настроек. Для этого выберите команду Edit (Редактирование) → My Settings (Мои настройки) → Import Settings/Export Settings (Импорт/Экспорт).
На презентации Adobe CS6 в Самаре я делал доклад о том как мы в компании Parcsis используем Adobe Illustrator для создания веб- и мобильных интерфейсов. Хочу поделиться этим докладом с вами в виде слайдов с комментариями.
Когда показываешь свои работы, зачастую начинающие дизайнеры задают вопрос «А в чем это нарисовано?» Опытные дизайнеры спрашивают такое реже, так как понимают, что одно и тоже можно сделать с помощью разных графических редакторов. Тем не менее, расскажу свою историю…
Где-то в 99 году мне пришло осознание, что я дизайнер и, вероятно, некоторое время буду что-то рисовать. Тогда как раз вышел фотошоп пятой версии, где были такие поражающие воображения мощнейшие фичи для веб-дизана:
— Текстовые слои. Подумать только — текст в виде текста, а не растра!
— Многоуровневое Undo! Раньше можно было отменить только последнее действие.
Потом вышел еще более мощный фотошоп версии 5.5, где появился Save for Web — очень важная штука для веб-дизайна…
Шли годы, версии фотошопа сменяли друг друга. Но я рисовал веб-сайты и интерфейсы в фотошопе. Да, появились некоторые удобности, даже векторные объекты. Но основа была в растре, а главный инструмент — слои.
Но около года назад случилось так, что вся наша команда дизайнеров, которые занимаются интерфейсами, перешла на Adobe Illustrator. Будучи консервативным человеком, сначала я сильно страдал. Все было очень неудобно и непривычно. Но потом постепенно до меня начало доходить, что кое-какие преимущества есть.
На самом деле, я немного недоговариваю. Уже довольно давно, мы использовали Иллюстратор для того, чтобы рисовать иконки. Поэтому большую часть стресса я уже пережил, когда переучивался рисовать иконки в векторе.
Зачем рисовать веб-сайты и интерфейсы в векторном редакторе? Что мы за это получим?
Около двух лет назад на массовом рынке появились экраны повышенной плотности, так называемые Retina Display. Суть в том, что их разрешение, если считать в точках на дюйм, приближается к полиграфическому качествую — около 300 точек на дюйм.
При таком разрешении пиксели становятся чем-то не очень важным для экранной графики, их просто не видно.
В ближайшее время должны появиться настольные компьютеры или мониторы с высоким разрешением. Ваш дизайн нужно будет как-то оптимизировать, чтобы отображать на таких экранах. Ведь, если взять, например, iMac 27 и увеличить его разрешение вдвое, то получится почти 15 мегапикселей. Даже боюсь представить сколько будет занимать графический файл, который полностью заполнит экран.
Выход один — в интерфейсах надо переходить на вектор и оставить пиксели только для фотографии.
Что же изменится в вашей жизни и карьере дизайнера, если вы начнете делать веб- и интерфейсы в векторном редакторе?
Начнем с минусов…
— Во-первых, вы будете страдать. Многое будет непривычно и вообще придется думать иначе.
— Вы не станете более лучшим дизайнером. Качество ваших работ никак не вырастет. Вы будете делать все тоже самое, но немного иначе. Первое время.
— Вам будет очень не хватать некоторых растровых возможностей. Придется подумать, чтобы сделать некоторые элементарные для фотошопа вещи.
Например, лично до меня дошло, что современные интерфейсы не рисуют. Их верстают. Идеология «панели управления» отходит. Интерфейс становится больше похож на журнальную верстку. Большое значение приобретают такие вещи как типографика и интерактивность. А какие-то pixel-perfect штуки уже не так много значат.
Одно из самых важных и приятных вещей, которые появились с переходом на Иллюстратор, это конечно же арт-борды. Дико удобная штука.
Раньше в фотошопе была идеология: «один файл — одна страница». Но современные интерфейсы и веб-сайты очень редко состоят из одного экрана.
Иллюстратор позволяет иметь много экранов в одном файле. Это очень удобно. В папке проекта на порядок меньше файлов. Все файлы всегда под рукой. Ну нужно открывать новые файлы. Плюс, экономится память, что немаловажно.
Новые артборды можно создавать по ходу работы или сделать сразу несколько зон при создании документа. Как видите, иллюстратор стал ориентирован не только полиграфию, но и содержит пресеты для экранной графики.
Вот как это выглядит. Кстати, есть довольно удобная фича: если один и тот же элемент есть на всех экранах, то его можно нарисовать только в одном месте, а потом скопировать и воспользоваться функцией «вставить во все артборды»
Вот пример одного из интерфейсов, которые мы разрабатываем. Все экраны веб-интерфейса в одном файле. Причем, этот файл занимает не так много места — удобно потом передавать его потом разработчикам.
Изначально родной формат файлов иллюстратора это AI. Но мы храним все макеты в формате PDF.
— Сохраняются все данные. Ничего не теряется и нормально отображается, если при сохранении не забывать нажимать галочку — «сохранить возможность редактировать в Иллюстраторе»
— Главное удобство в том, что PDF можно открыть на любой платформе с помощью бесплатных приложений. В мак ос есть стандартное приложение Preview или можно воспользоваться Acrobat Reader. Да, возможно не все эффекты отобразятся корректно, но в целом картина ясна.
Еще момент Finder на маке отображает делает иконку файла в виде такой брошюры. И из-за отогнутого листочка виден второй артборд. Когда я увидел это ми-ми-ми, то чуть не прослезился от умиления.
Сетка важна для любого макета. В иллюстраторе есть свои особенности.
Мы не испольуем направляющие, которые Guides, а рисуем прямо по сетке, которая Grid. В основном используем сетку с размером шага 10 пикселей. Для мобильных приложений берем сетку помельче — 8х8. Мы размещаем объекты так, чтобы они все стояли на сетке.
В настройках просто выбираем размер блока в 100 пикселей и включаем 10 делений. В итоге и получается квадратики 10х10. Для сетки 8х8 мы используем параметры 64 и 8 делений блока.
Чтобы полностью насладиться удобством иллюстратора, нужно включить режим «прилипание к сетке». В таком случае при создании или перемещении объекта он будет стремиться «встать на сетку». Это залог аккуратного макета.
Еще один мощнейший инструмент Иллюстратора — это Appearance. В фотошопе есть похожая штука — эффекты слоя. Но аппиранс намного мощнее. К каждому векторному объекту можно применять векторные и растровые эффекты в любой последовательности, которые в реальном времени пересчитываются, если вы меняете объект.
Давайте посмотрим на эту чудесную синюю стрелочку. Это один векторный объект, ну кроме текста. Справа табличка аппиренс для этого объекта. По сути тут очень похоже на фотошоп, так как у объекта есть слои.
Самый нижний слой это тень, которая не тень вовсе, а блик. Выше лежит голубая градиентная заливка. К которой применен эффект «иннер шадоу», чтобы было понятно, что объект как бы вдавлен. Далее лежит заливка в виде черного полосатого паттерна с 5-процентной прозрачностью.
А вот кнопочка, которая сделана особенно хитро, чтобы ровнять её по сетке. Снизу эффект тени, который делает блик. Далее подряд идут подряд три градиентных заливки, к которым применены эффекты Offset Path, которые делают меньше объект на заданное число пикселей. Ко всему этому применен эффект «Round Corners», чтобы закруглить края. И на самом верху эффект который уменьшает кнопку так, чтобы она вставала на сетку.
Чтобы сделать кнопку из другого объекта, нужно просто перетащить на него этот аппиренс или ткнуть в кнопку инструментом «Пипетка».
Как вы заметили, основной вид заливок в интерфейсных элементах — это градиенты. Пару версий назад в иллюстраторе переделали механизм работы с градиентами и сделали его очень удобным. Теперь там наконец-то появилась возможность работы с прозрачностью. И вот эти быстрые столбики, которые появляются поверх объекта.
Но не будем забывать, что пиксели пока никуда не пропали. И рано или поздно макет будет растрирован и отображен на экране.
Иллюстратор знает не только физические метры, сантиметры и дюймы, но и пиксели. Перед тем как работать с экранной графикой, укажите в настройках, что вы хотите работать с пикселями.
Первое время у вас будет проблема с тем, что границы объектов размываются, так как включается анти-алиасинг. Чтобы этого не происходило, нужно чтобы вертикальные и горизонтальные линии попадали в пиксели. Вам нужно следить, чтобы координаты и размеры объектов были целыми значениями.
В иллюстраторе есть еще одна очень удобная штука для автоматического выравнивания. Вам не нужно самому следить за координатами. Особенно это удобно для сложных объектов, которые вы хотите чтобы выглядели четко. Фича крутая, но мы ей не пользуемся. Так как она глючит! Когда в группе есть объект с включенным «align to pixel grid», то эта группа начинает неправильно прилипать к сетке и координаты плывут.
У иллюстратора есть и слабые стороны. Совсем отказаться от растрового редактора у вас не получится.
Например, вам не обойтись без фотошопа для работы с (сюрприз-сюрприз) фото! Если в макетах есть фотографии, то желательно не резайзить их в иллюстраторе, а вставлять сразу «размер в размер».
А вот тут неожиданный поворот. Но изначально векторные иконки желательно сначала растеризовать, а потом уже вставить в таком виде в фотошоп.
Еще пару слов про сильные стороны иллюстратора, которыми я не пользуюсь, но возможно начну.
После того, как макет нарисован, его нужно как-то сверстать в HTML или вставить графику в мобильное приложение. Мы отдаем разработчикам векторные PDF файлы, которые уже сами режут картинки тоже в иллюстраторе.
У меня это до сих пор в голове не укладывается. HTML-верстальщики используют векторный редактор.
Допустим, в макетах у вас есть один и тот же элемент. Например, кнопка. Вы можете сделать из неё символ и использовать. Зачем так делать? Потому что, если вы исправите эту кнопку, то она исправится и в других местах.
Удобно. Но пока я использую это не так часто. Так как абсолютно одинаковые элементы встречаются не так часто. Вероятно, скоро для этого что-то придумают.
Еще одна штука, которую пока используем мало, но продолжая популяризацию идеологии журнальной верстки, уверен, что она пригодится. Это такие же стили текста, как в ворде. В макете вы размечаете текст не параметрами, а логикой его использования. Потом, вам, например, захочется изменить все стили заголовков. Нужно будет поменять только в одном месте.
За сим раскла… Спасибо, что читали. Если есть вопросы или вы рисуете иначе — пишите в комменты.
Недавно я получил вопрос от одного из подписчиков блога на тему как увеличить размер шрифта в режиме предпросмотра Adobe Illustrator. Сегодня постараюсь описать как можно это сделать и как я сам просматриваю шрифты в Adobe Illustrator CS6.
Для начала нам понадобится текст, с которым мы будем работать. Набираем его любым шрифтом. У меня по умолчанию стоит Myriad PRO.
Берем инструмент Selection Tool (черная стрелочка) и выделяем созданный текст. После этого на верхней панели Adobe Illustrator появляются инструменты работы с текстом. Здесь мы видим название шрифта, его размер и т.д.
Для того, чтобы изменить шрифт, выделяем его имя в окне Character. После этого можно менять шрифт, нажимая на клавишы Up (стрелочка вверх) и Down (стрелочка вниз) на клавиатуре вашего компьютера. Каждый раз когда вы будете изменять шрифт в окне Character будет изменяться и текст на рабочей области, к которому вы его применяете.
Также можно изменить шрифт, открыв закладку Character (нажимаем на ее имя). На открывшейся панели вы найдете все основные параметры используемого текста. Закладочка с именем шрифта позволяет изменить его в режиме предпросмотра, т.е. каждый шрифт в этом списке будет отображать именно так как он выглядит (на бумаге).
Для того, чтобы увеличить размер шрифтов в этом списке, необходимо вызвать панель настроек Adobe Illustrator. Это можно сделать, нажав сочетание клавиш Ctrl + K.
В открывшемся окне настроек выбираем пункт Type (вертикальный список слева). Далее меняем размер шрифта Preview (предпросмотр) на Large (крупный). Жмем OK. После этого шрифт в режиме предпросмотра будет максимально увеличен.
Читайте также: