Содержание
О Creative CloudНовое в последних версиях Основные шагиНастройки программыИнтерфейс
Работа
в окне документа Элементы интерфейсаНастройка интерфейсаСочетания клавиш
Работа с сайтами Dreamweaver Создание документов (страниц)Управление файлами и папкамиЗаметки разработчикаИспользование CSSМакет страниц
Макет
страниц с использованием CSSРазметка страниц с помощью HTML
Работа с объектамиСписок объектов
ТекстИзображенияКарта ссылокПанели навигации (меню)ТаблицыОбъекты мультимедиа
Видео Flash (SWF) Вставка файлов FLVЗвукЭлементы ActiveX
Java-апплетыЭлементы Spry
АккордеонСворачиваемая панель Панели с вкладками Всплывающая подсказка Эффекты Spry
и другое
Фреймы (рамки)Использование тега DIVЭлементы APJavaScriptЦветСоздание ссылок и навигацияУправление файлами и папкамиСовместная работа Dreamweaver с
Photoshop, Fireworks, Adobe Flash и др. приложениямиИнтеграция с Business
Catalyst История действийПоиск на сайтеРесурсы и библиотекиРасширенияШаблоныРабота с кодомИспользование сетевых служб
AdobeОтображение XML-данных с
помощью XSLTСоздание динамических
страницСоздание формСпециальные возможностиСайты для разных экранов и устройствПредварительный просмотрПроверка сайтаОтчеты в DreamweaverПрограмма передачи файлов (FTP)
Строка поиска
Строка поиска в Adobe Illustrator находится в правой части панели приложения. Условно, поиск в программе Adobe Illustrator разделен на две части:
- Поиск по справке Adobe
- Поиск по микростоку Adobe Stock
Переключение между поиском происходит через выпадающее меню поля поиска:
Чтобы переключить поиск, необходимо нажать на стрелочку рядом с лупой.
Поиск по справке Adobe
Поиск по справочным материалам от Adobe позволяет найти ответы на многие возникающие вопросы. Данная функция работает только при активном подключении к сети интернет. При его отсутствии, поиск будет выполняться по скудным материалам, установленным вместе с программой, а то и вовсе не будет работать.
Поиск по микростоку Adobe Stock
Используя строку поиска в Adobe Illustrator вы также можете искать различные материалы в микростоке Adobe Stock. В вашем распоряжении тысячи бесплатных векторных иллюстраций и миллионы платных изображений. Результаты поискового запроса будут отображаться в новом окне браузера.
Столбцы с панелями
Теперь, когда мы с вами убедились, что видим одни и те же панели, давайте изучим, как ими управлять и как их упорядочивать. Панели программы Photoshop размещены по столбцам с правой стороны экрана. По умолчанию, представлены два столбца с панелями — основной столбец справа и второстепенный, более узкий — слева (на рисунке, представленном ниже, оба столбца выделены):
Панели расположены в два столбца по правому краю интерфейса программы
Давайте подробнее рассмотрим основной столбец с панелями. По умолчанию, программа Photoshop располагает в нем три панели — панель «Цвет» (Color) (в верхней части столбца), панель «Коррекция» (Adjustments) (в середине) и панель «Слои» (Layers) (в нижней части столбца). Как же нам узнать, что мы работаем именно с панелями «Цвет», «Коррекция» и «Слои»? Мы поймем это исходя из вкладки с заголовком, которую имеет каждая панель в верхней части:
Три панели — «Цвет», «Коррекция» и «Слои» — открыты в основном столбце панелей
Обзор рабочего пространства
Виды предустановленных рабочих пространств
По умолчанию, в программе Adobe Illustrator, на выбор доступны десять предустановленных рабочих пространств:
- Automation
- Essentials
- Essentials Classic
- Layout
- Painting
- Painting and Proofing
- Tracing
- Typography
- Web
- Touch
Дефолтное рабочее пространство – Essentials. Если вы только начинаете работать с программой, то выбирайте именно его. Рабочее пространство Touch – разработано и применяется на сенсорных устройствах. Все остальные рабочие пространства отличаются лишь расположением и составом открытых панелей и окон. При смене рабочего пространства – функциональность программы не меняется. В любом случае, все функции будут доступны и функционировать на 100%.
Первый способ
В панели приложения, справа от основного меню, есть специальная кнопка, предназначенная для смены рабочих пространств. Нажав на нее вы можете быстро сменить пространство и начать в нем работать:
Essentials – это дефолтное рабочее пространство.
Разворачивание и свертывание панелей
Второстепенный столбец особенно подходит для расположения на нем панелей, которые нам нужны открытыми не все время, а периодически. Способ отображения панелей в виде иконок хорош тем, что в таком виде панели не занимают много места на экране, и мы можем получить быстрый доступ к ним. Если мы нажмем на иконку панели (или на ее название), программа Photoshop временно развернет панель до ее полного размера, и мы сможем поработать с ней. В моем случае, я разверну панель «История», нажав на ее иконку/название:
Нажимаем на иконку/название панели «История», чтобы развернуть ее до полного размера
Чтобы свернуть панель обратно до вида иконки, мы можем либо еще раз нажать на ее иконку/название, либо кликнуть на значок маленькой двойной стрелки:
Нажимаем на значок маленькой двойной стрелки, чтобы свернуть панель
Мы можем развернуть все панели во втором столбце одновременно, нажав на значок двойной стрелки меньшего размера в верхнем правом углу столбца:
Нажимаем на значок двойной стрелки, чтобы развернуть все панели во втором столбце
Чтобы свернуть все панели во втором столбце за один раз, нажмите на тот же значок:
Чтобы свернуть все панели, нажимаем на тот же значок двойной стрелки
Если вам нужно еще больше свободного места на экране, вы можете также свернуть и основной столбец с панелями. Для этого найдите похожую двойную стрелку в правом верхнем углу основного столбца и нажмите на нее для сворачивания столбца:
Сворачиваем основной столбец с панелями
Это действие приведет к тому, что все панели отобразятся в виде иконок с названиями:
Основной столбец после первоначального сворачивания панелей
Для того чтобы свернуть все панели еще больше — до вида одних иконок, наведите курсор мыши на линию, разделяющую основной и второстепенный столбец. Когда ваш курсор превратится в двунаправленную стрелку, нажмите на разделительную линию и перетащите ее вправо до тех пор, пока видимыми не останутся только иконки панелей. При работе со столбцами, где все панели представлены только в виде иконок, на экране освобождается много свободного места, однако, чтобы работа была эффективной, необходимо хорошо помнить названия всех иконок. Я бы не рекомендовал вам такой способ отображения панелей, но это только мое мнение:
Теперь все панели в обоих столбцах представлены в виде иконок
Чтобы быстро развернуть основной столбец с панелями до полного размера, снова нажмите на значок двойной стрелки в правом верхнем углу:
Нажимаем на двойную стрелку, чтобы развернуть основной столбец с панелями до полного размера
И теперь основной столбец представлен в первоначальном развернутом виде, каким я его обычно и оставляю:
Основной столбец теперь представлен в первоначальном развернутом виде
Перемещение панелей между столбцами
Мы можем перемещать панели из одного столбца в другой с той же легкостью, что и между группами. В моем случае, я открыл еще несколько панелей («Гистограмма» (Histogram), «Инфо» (Info) и «Навигатор» (Navigator)), выбрав их в разделе меню «Окно». Программа разместила панели во второстепенном столбце, наряду с панелями «История» и «Свойства», которые были в столбце изначально:
Три новых панели были добавлены во второй столбец
Предположим, что я хочу сгруппировать панель «Свойства», которая расположена во второстепенном столбце, с панелью «Коррекция» в основном столбце. Чтобы это сделать, необходимо всего лишь нажать на заголовок панели «Свойства» и, удерживая нажатой кнопку мыши, начать перемещать панель в основной столбец к панели «Коррекция» до тех пор, пока не появится знакомая нам голубая подсвечивающая рамка:
Перемещаем панель «Свойства» в группу с панелью «Коррекция»
Я отпущу кнопку мыши, и программа поместит панель «Свойства» в новую группу в новом столбце. Мы можем сделать то же самое и в обратном направлении, нажав на панель и переместив ее из основного во второстепенный столбец:
Панель «Свойства» теперь сгруппирована с панелями «Коррекция» и «Стили»
Окно документа
Окно документа (англ. Document window) – это область рабочего пространства в которой происходит вся основная работа с документами. В Adobe Illustrator с открытыми документами мы можем работать двумя основными способами: документы как вкладки и документы как плавающие окна. Чуть ниже вы узнаете в чем основные отличия и как переключаться между этими двумя способами.
Документы как вкладки
По умолчанию, Adobe Illustrator открывает все новые документы как вкладки, которые располагаются в верхней части рабочего пространства. Это очень удобный и зачастую единственно предпочтительный способ работы. Открывая документы во вкладках, вы можете видеть и работать только с одним документом одновременно.
- Чтобы переключаться между документами с вкладками, просто нажимайте на нужную вкладку.
- Чтобы изменить порядок вкладок открытых документов, просто перетащите ее в новое место. Перетаскивание необходимо производить строго в горизонтальной плоскости.
- Чтобы отстыковать/закрепить/открепить вкладку открытого документа от группы вкладок, просто перетащите ее в другое место.
По умолчанию, в Adobe Illustrator все новые документы открываются как вкладки.
Переключение между вкладками с помощью клавиатуры
Переключаться между вкладками в Adobe Illustrator можно не только мышкой но и с помощью горячих клавиш на клавиатуре. Нажмите Ctrl + Tab для перехода слева направо от одной вкладки к другой. Чтобы переместиться между вкладками справа налево, нажмите Shift + Ctrl + Tab.
Документы как плавающие окна
Второй способ просмотреть документы в Adobe Illustrator – отобразить их с помощью плавающих окон. Чтобы превратить одну из вкладок в плавающее окно, необходимо кликнуть по ней мышкой и удерживая открепить от группы вкладок:
Отпуская кнопку мышки, документ отобразиться в плавающем окне, перед документами во вкладках. Плавающие окна можно перемещать по экрану, зацепив курсором мышки за область с заголовком.
Если вы работаете с несколькими мониторами, то плавающие окна – один из способов расширить свое рабочее пространство. Используйте их!
Отображение всех открытых документов в виде плавающих окон
Если вы хотите, чтобы все открытые документы превратились из вкладок в плавающие окна, необходимо выбрать следующий пункт меню: Window -> Arrange -> Float All in Windows
После этого, каждый открытый документ будет отображен в собственном плавающем окне. Текущее активное окно будет отображаться поверх остальных.
Возврат к документам со вкладками
Чтобы переключиться с плавающих окон обратно на документы с вкладками, необходимо выбрать следующий пункт меню: Window -> Arrange -> Consolidate All Windows:
После этого, все документы будут отображаться в виде вкладок.
Распределение открытых окон по рабочему пространству
Если у вас возникает необходимость расположить несколько открытых документов перед собой на рабочем пространстве, то программа Adobe Illustrator дает нам эту возможность. Чтобы это сделать, необходимо нажать на специальную кнопку справа от основного меню:
Выбрав тот или иной тип распределения, вы сможете расположить открытые документы в том или ином порядке на рабочем пространстве.
Просмотр списка открытых документов
Одним из преимуществ просмотра изображений в виде плавающих окон является то, что мы можем видеть более одного изображения одновременно. Но если у нас открыто множество окон, это может стать проблемой. Слишком много открытых окон могут загромождать экран и перекрывать друг друга. Но в Adobe Illustrator есть простой способ, благодаря которому можно выбрать любое изображение, даже если вы не видите его.
Для этого нам необходимо обратиться к меню Window. Прокручиваем его до самого низа. Там вы увидите удобный список, в котором будут все открытые изображения. То изображение, которое активно в данный момент, будет помечено галочкой. Щелкните любое изображение в списке, чтобы выбрать его, это сделает его активным и выведет на передний план:
Режимы просмотра
Устанавливая тот или иной режим просмотра, вы можете отключать видимость отдельных элементов рабочего пространства. Данная функция используется достаточно редко, но знать о ней необходимо.
В программе Adobe Illustrator существует четыре режима просмотра документа:
- Режим презентации (англ. Presentation Mode) (Shift+F) – при его активации скрываются все панели, меню и рамки.
- Обычный экранный режим (англ. Normal Screen Mode) – при его активации показываются все элементы рабочего пространства. Верхнее меню остается активированным, отображаются полосы прокрутки по бокам.
- Полноэкранный режим со строкой меню (англ. Full Screen Mode with Menu Bar) – при его активации документ отображается в полноэкранном режиме. Верхнее меню остается активированным, полосы прокрутки не отображаются.
- Полноэкранный режим (англ. Full Screen Mode) – при его активации документ отображается в полноэкранном режиме. Верхнее меню и полосы прокрутки отключаются. Чтобы получить доступ к панелям, в этом режиме, необходимо поместить курсор мышки к левому или правому краю экрана, панели появятся.
Переключение между режимами происходит с помощью кнопки с иноками окошек, расположенной снизу в панели инструментов.
Что делать, если на панели инструментов нет кнопки переключения режимов?
Если по каким-то причинам с панели инструментов пропала данная кнопка, то ее можно легко туда вернуть.
Шаг 1. Редактируем панель инструментов. Необходимо нажать на кнопку с тремя точками в самом низу панели инструментов.
Шаг 2. Включаем отображение кнопки смены режимов просмотра. Кликаем по кнопке Show Screen Mode Controls:
Примечание о галочке
Прежде чем мы продолжим, я добавлю небольшое, но важное примечание — когда мы просматриваем полный перечень панелей в разделе меню «Окно», галочка рядом с названием отдельной панели означает не только то, что она открыта, но и также то, что она в текущий момент активна в своей группе. Другие панели могут быть также открыты в группе, но если они не активны (их содержимое спрятано за активной панелью), они не будут иметь галочку рядом со своим названием
Например, если мы посмотрим на панель «Слои», то увидим, что она сгруппирована с двумя другими панелями «Каналы» (Channels) и «Контуры» (Paths). Но в текущий момент активна в группе панель «Слои»:
Панель «Слои» и расположенные за ней панели «Каналы» и «Контуры»
Если мы посмотрим на перечень панелей в разделе меню «Окно», то увидим, что панель «Слои», конечно, имеет галочку рядом со своим названием. Однако, несмотря на то, что панели «Каналы» и «Контуры» также открыты на экране, рядом с их названиями галочек нет, так как они в текущий момент не являются активными панелями:
Только панель «Слои» имеет рядом со своим названием галочку (в отличие от панелей «Каналы» и «Контуры»)
Я нажму на вкладку панели с заголовком «Каналы», чтобы сделать ее активной в группе, в результате чего панель «Слои» отойдет на задний план вместе с панелью «Контуры»:
Переключаемся на панель «Каналы»
И теперь, если мы снова посмотрим на перечень панелей в разделе «Окно», то увидим, что около панели «Каналы» появилась галочка. Панель «Слои» все еще открыта (если бы я ее закрыл так, как мы с вами проходили ранее, то она исчезла бы с экрана полностью), но поскольку она больше не является активной панелью в группе, галочки возле ее названия нет. И конечно, около названия «Контуры» галочки тоже нет. Иногда эта галочка может сбить нас с толку. Наличие галочки означает, что панель открыта и активна, отсутствие галочки — что панель может быть закрыта (на экране она нигде не отражена) или просто неактивна и спрятана за активной панелью в своей группе:
Теперь галочка стоит рядом с названием панели «Каналы», а около названия «Слои» ее больше нет
Панель свойств
В рамках рассмотрения и изучения структуры рабочего пространства программы Adobe Illustrator нельзя пройти мимо панели Свойств (англ. Properties Panel). Это совсем недавно разработанная панель, которая призвана облегчить работу с приложением и помочь новым пользователям соориентироваться в многообразии настроек и свойств используемых инструментов.
По умолчанию, панель свойств доступна в рабочем пространстве Essentials. Если вы ее отключили, и хотите вернуть обратно, необходимо в меню выбрать пункт: Window -> Properties.
Панель свойств призвана заменить панель управления, которая располагается сверху рабочего пространства. Я пользуюсь Иллюстратором начиная с версии 15.1 и лично мне удобнее и привычнее использовать панель управления. Мне морально очень сложно перейти на использование панели свойств. Поэтому у меня она отключена. Если же вы только начинаете использовать Иллюстратор, то у вас есть все шансы попробовать вписать эту панель в свой рабочий процесс.
Второстепенный столбец с панелями
До сих пор мы с вами рассматривали только основной столбец с панелями, однако слева от основного столбца расположен также второстепенный столбец. На первый взгляд, этот столбец кажется немного странным, поскольку, по умолчанию, панели в этом столбце представлены в виде иконок:
Второй столбец с панелями расположен слева от основного столбца
Изначально в этом втором столбце расположены две панели — панель «История» (History) в верхней части и панель «Свойства» (Properties) под ней. Возможно, вы с раздражением подумаете: «И как же нам разобраться, что это за панели, глядя на непонятные иконки?» Во-первых, если у вас в разделе «Установки» отмечен галочкой параметр «Показывать подсказки» (Show Tool Tips) (по умолчанию, он отмечен), как только вы наведете курсор мыши на каждую иконку, названия панелей появятся на экране.Во-вторых, и это намного удобнее, можно навести курсор мыши на левый край столбца, и он превратится в двунаправленную стрелку. После появления стрелки нажмите на край столбца и, удерживая кнопку мыши нажатой, потяните край влево, чтобы изменить размер панели. По мере перемещения края около иконок возникнут названия панелей, что будет намного полезнее для нас. Как только вы добавите достаточно места для того, чтобы названия панелей вошли, отпустите кнопку мыши:
Измените ширину второго столбца с панелями, чтобы около иконок отобразить названия панелей
Ввод значений в панелях и диалоговых окнах
Программа Adobe Illustrator предлагает всем пользователям очень удобную систему ввода различных цифровых значений. В чем ее прелесть? В-первую очередь она прекрасна тем, что позволяет делать базовые математические вычисления прямо в окне ввода. Вы спокойно можете проводить операции умножения, деления, сложения и вычитания. Система все просчитает самостоятельно.
Например, нам необходимо повернуть фигуру на нестандартный угол. Вводим в поле 360/15, жмем Enter и получаем готовый результат.
В полях ввода, вы можете выполнять операции только с одним математическим оператором: + (сложение), – (вычитание), / (деление), * (умножение) или % (процент). Если вы введете два оператора сразу, то система не поймет это выражение. Не забывайте нажимать на Enter для выполнения операции.
Допустимые выражения:
- 10mm+10=20mm
- 5cm+20%=5cm+0,2*5cm=6cm
- 20pt*10%=2pt
Недопустимые выражения:
- 10mm+50-30
- 7cm+10%*10
- 20pt-10%*5
Настройки рабочего пространства
Управление окнами документаУпорядочение, стыковка и
свободное перемещение окон документаПрикрепление и открепление
палитр/панелей• Чтобы прикрепить
палитру/панель, перетащите ее за вкладку в док и поместите сверху или
снизу от других палитр/панелей либо между ними.
• Чтобы прикрепить группу палитр/панелей, перетащите ее в док за строку
заголовка (пустую одноцветную строку над вкладками).
• Чтобы удалить палитру/панель или группу палитр/панелей из дока,
перетащите ее из дока, удерживая за вкладку или строку заголовка. Можно
перетащить палитру/панель в другой док или сделать плавающей.
Перемещение палитр/панелей• Чтобы переместить панель,
перетащите ее за вкладку.
• Чтобы переместить группу панелей, перетащите строку заголовка.
Добавление и удаление
палитр/панелей• Для удаления палитры/панели
щелкните правой кнопкой (Windows) или
удерживая клавишу «Control»
(Mac) на ее закладке и выберите «Закрыть» или удалите ее из меню «Окно».
• Чтобы добавить палитру/панель, выберите ее в меню «Окно» и закрепите
в нужном месте.
Управление группами
палитр/панелейДобавление
палитры/панели в группу палитр/панелей.Создание ряда плавающих
палитр/панелейИзменение размеров палитр/панелейСвертывание и развертывание
значков панелиСохранение и переключение
рабочих пространств/сред
Сохранение пользовательского рабочего пространства/средыРасположение палитрКомбинации клавишМеню или пользовательская
настройка менюОтображение рабочих
пространств/сред и переключение между нимиУдаление пользовательского
рабочего пространства/среды
Восстановление рабочего пространства/среды по умолчанию(Photoshop) Восстановление
сохраненной рабочей средыВключение
цветных значков• Выберите «Просмотр» >
«Цветовые значки».
• Переключитесь на рабочее пространство «Классический» или
«Разработчик».
Вернуться к: Интерфейс
Минимизация размера групп панелей
Мы можем временно свернуть группы панелей, чтобы освободить больше места для содержимого панелей в других группах. Чтобы временно свернуть группу, дважды щелкните кнопкой мыши по любой вкладке с заголовком в этой группе. Пока группа свернута, все, что вы в ней видите, — перечень вкладок с заголовками панелей. В моем случае, я дважды щелкнул кнопкой мыши по вкладке «Образцы», чтобы свернуть группу, в которую она входит:
Дважды щелкните кнопкой мыши по любой вкладке с заголовком, чтобы свернуть группу панелей
Чтобы опять отразить все содержимое группы, нажмите на вкладку с заголовком панели один раз, что я и сделал в моем примере с вкладкой «Образцы». Двойной щелчок кнопки мыши сворачивает содержимое группы, одинарный щелчок — отражает все содержимое группы:
Щелкните кнопкой мыши по любой вкладке с заголовком один раз, чтобы развернуть группу панелей