Подборка уроков в adobe illustrator

Настройка рабочей среды

Рабочие среды позволяют запомнить текущее расположение панелей на экране. Можно создать и сохранить собственную рабочую среду. Для этого выберите New Workspace (Создать рабочую среду) в меню переключения между рабочими средами (справа вверху), а затем добавьте и упорядочите необходимые вам панели инструментов.

Восстановление рабочей среды в Adobe Illustrator

Если вдруг вы что-то перемудрили с настройкой панелей и нужно срочно вернуть все «как было», можно восстановить исходное состояние любой рабочей среды. Для этого выполните команду Reset… (Восстановить…) в меня переключения между рабочими средами.

Экспорт настроек

Настройки также можно экспортировать для использования на компьютерах коллег или создания резервной копии настроек. Для этого выберите команду Edit (Редактирование) → My Settings (Мои настройки) → Import Settings/Export Settings (Импорт/Экспорт).

О презентациях, дизайне и работе в PowerPoint читайте на www.beyondslide.ru

Совет № 4: Воспользуйтесь Smart Guides.

Сложно преувеличить значение выравнивающего инструмента (Align), однако ему под силу далеко не всё. Остальное сделает для вас Smart Guides. Чтобы включить «умные направляющие» выбираем в Панели инструментов меню «Вид». Затем находим команду Просмотр (View) и включаем функцию Smart Guides. Впрочем, можно пойти более простым путём и воспользоваться комбинацией клавиш «Ctrl + U».

После активации Smart Guides вы сразу же заметите, что при наведении на объект появляются линии подсветки и надписи: путь, центр, опорная точка. Теперь вы сможете наложить один контур на другой — Smart Guides подскажет, где объекты пересекаются.

Простой пример: Попробуйте выровнять по центру два круга. Сделать это просто: держите за «центр» первый круг и перемещайте его в «центр» второго.

Совет № 1: Изучите комбинации клавиш

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

Несколько примеров использования «горячих» клавиш для Windows:

«Ctrl + V» запускает инструмент Selection tool (курсор, стрелочка чёрного цвета), который делает активной любую векторную кривую.
«Ctrl + А» — включает Direct Selection tool (белый курсор), позволяет выделять элементы кривой и перетаскивать их в нужное вам место.
«Ctrl + R» — активирует Rotate tool, с помощью которого можно вращать выбранные объекты вокруг центральной точки на 360 градусов.
«Shift + E» даёт вам возможность воспользоваться ластиком (Eraser tool) и стереть ненужное.

Совет № 2: Освойте хитрости локального копирования

Одними из часто используемых функций иллюстратора являются копирование и вставка. Это достаточно простые операции, однако при необходимости вставить объект в одно и то же место, могут возникнуть трудности. Чтобы вставить изображение на передний (Paste in Front) или задний (Paste in Back) план необходимо воспользоваться соответствующими командами в меню Редактирование (Edit).

Весьма полезными являются следующие комбинации клавиш:

— «Ctrl + F» позволяют вставить изображение сверху того места, откуда оно было скопировано, а «Ctrl + В» — ниже него.

Здесь же пригодится знание горячих клавиш, вызывающих инструмент вращения Rotate tool. Выделив объект нужно дважды «кликнуть» на инструмент. После этого появиться меню, в котором вам необходимо выбрать угол «О» и нажать «копировать». И словно по волшебству копия изображения окажется в том же месте!

Совет № 6: Группируем объекты

Группировка объектов необходима в случае, когда нужно работать с ними, как с единым целым. При использовании команды «Сгруппировать» (Group) объекты будут накладываться друг на друга позади одного изображения, которое находится на переднем плане. Часто возникает потребность расположить объекты определённым образом в нужном вам слое. В этом деле команда «Сгруппировать», действительно, незаменима.

Необходимо поместить объект на задний план (В меню «Объект» кликаем на команду Монтаж (Arrange), а затем нажимаем на «Поместить на задний план» (Send to Back).
После выделения контура зажмите Shift и выделите тот объект, под слоем которого хотите разместить предыдущий.
Объедините оба объекта, воспользовавшись командой «Сгруппировать» в меню «Объект» или комбинацией горячих клавиш «Ctrl + G». Это закрепит объекты в нужной вам последовательности.

Совет № 10: Перевоплощение Звезды в Треугольник

Не каждый может подарить звезду с неба, но нарисовать её в иллюстраторе по силам любому. Однако не многие знают, что с помощью инструмента «Звезда» (Star) можно создавать и другие геометрические фигуры. Нарисуйте звезду и, удерживая её мышью, попробуйте добавлять и удалять опорные точки (кнопками «вверх» и «вниз»). Например, если нажать кнопку «вниз», то получите замечательный треугольник! Если вам нужно расположить его параллельно странице, просто нажмите на Shift, перед тем, как отпустить клавишу мыши.

Поторопитесь воспользоваться этими советами в своей работе и не бойтесь экспериментировать!

Шаг 7

Создадим еще несколько изгибов векторной бумажной ленты, используя Pen Tool (P). При помощи линейных градиентов передадим игру света и тени на этих поверхностях.

Для создания контраста между светлым фоном и бумажной лентой создадим падающие тени. При помощи Ellipse Tool (L) создадим окружность с заливкой радиальным градиентом от серого к белому цвету.

Трансформируем окружность в эллипс, используя Selection Tool (V) и удерживая клавишу Opt/Alt

Применяем к окружности режим смешивания Multiply и размешаем ее ниже бумажной ленты.

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

Режимы просмотра

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

В программе Adobe Illustrator существует четыре режима просмотра документа:

Режим презентации (англ. Presentation Mode) (Shift+F) – при его активации скрываются все панели, меню и рамки.
Обычный экранный режим (англ. Normal Screen Mode) – при его активации показываются все элементы рабочего пространства. Верхнее меню остается активированным, отображаются полосы прокрутки по бокам.
Полноэкранный режим со строкой меню (англ. Full Screen Mode with Menu Bar) – при его активации документ отображается в полноэкранном режиме. Верхнее меню остается активированным, полосы прокрутки не отображаются.
Полноэкранный режим (англ. Full Screen Mode) – при его активации документ отображается в полноэкранном режиме. Верхнее меню и полосы прокрутки отключаются. Чтобы получить доступ к панелям, в этом режиме, необходимо поместить курсор мышки к левому или правому краю экрана, панели появятся.

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

Что делать, если на панели инструментов нет кнопки переключения режимов?

Если по каким-то причинам с панели инструментов пропала данная кнопка, то ее можно легко туда вернуть.

Шаг 1. Редактируем панель инструментов. Необходимо нажать на кнопку с тремя точками в самом низу панели инструментов.

Шаг 2. Включаем отображение кнопки смены режимов просмотра. Кликаем по кнопке Show Screen Mode Controls:

Шаг 18

Используя описанные выше техники, я изменил дизайн остальных графиков.

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

Этот урок по созданию инфографики в иллюстраторе был создан мною для английского интернет издания Designmodo. Сегодня я публикую русскую версию данного урока.

Будьте всегда в курсе свежих новостей о векторной графике, новых уроков работы в Adobe Illustrator, статей и интервью посвященных графическому дизайну. Команда RU.Vectorboom работает для Вас!

Структура рабочего пространства

Перед тем как перейти к обзору структуры рабочего пространства, необходимо познакомиться с таким понятием как Фрейм приложения (англ. Application frame). Фрейм приложения – это область рабочего пространства, в которой группируются все элементы рабочей среды в единое интегрированное окно.

Фрейм приложения позволяет работать с программой как с единым целым. При масштабировании фрейма, все элементы рабочего пространства продолжают взаимодействовать между собой и не перекрывают друг друга. На компьютерах с системой Mac, если вы привыкли к традиционному интерфейсу, вы можете отключить фрейм приложения. Чтобы это сделать, в меню выбираем следующий пункт: Window -> Application Frame.

Рабочее пространство Adobe Illustrator состоит из следующих элементов:

Панель приложения (англ. Application bar) – это область, находящаяся в верхней части рабочего пространства. Содержит в себе: главное меню, переключатель рабочих сред, строку поиска и другие элементы управления приложением. Если работаете с системой Mac, то панель приложения включается только при отключении фрейма приложения.
Панель инструментов (англ. Toolbar) – это область, расположенная в левой части рабочего пространства. Содержит в себе все инструменты, необходимые для создания графических элементов, работы с текстом, редактирования изображений и др.
Панель управления (англ. Control panel) – это область, которая появляется при создании нового документа и располагается под панелью приложения. Панель управления показывает опции конкретно выбранного объекта в документе.
Окно документа (англ. Document window) – это область, в которой отображается находящийся в работе документ. В этой области также могут располагаться вкладки документов, если вы работаете с несколькими файлами одновременно.
Палитры или Панели (англ. Panels) – это небольшие области, которые помогают вам работать с документом, изменять его и следить за различными параметрами. Панели можно, группировать, прикреплять или свертывать.

Панель инструментов

Панель инструментов (англ. Toolbar) – это часть рабочего пространства, в которой находятся различные инструменты, которые используются при работе с документами. Инструменты помогают выполнять самые разнообразные задачи: перемещение объектов, создание и редактирование точек кривых, раскрашивание, работа с текстом и др.

Панель инструментов бывает двух типов:

Basic – эта панель инструментов включает в себя выборочный набор инструментов, которые используются чаще всего. Открывается по умолчанию при открытии Adobe Illustrator. Чтобы просмотреть или добавить другие инструменты, необходимо кликнуть на значок Edit Toolbar, расположенный в нижней части панели инструментов. Откроется панель All Tools. Простым перетаскиванием вы сможете добавить недостающие инструменты.
Advanced – эта панель инструментов включает в себя все инструменты, доступные в Adobe Illustrator.

Как переключиться с одной панели на другую?

Переключиться можно через меню приложения. Выбираем пункт Window -> Toolbars -> Advanced/Basic.

Совет № 8: Создаём плавные переходы

Команда «Превращение» (Blend) используется для создания «группы превращения», а также промежуточных объектов из используемых исходных форм (контуры, объекты с градиентными заливками). Для того чтобы создать плавные переходы необходимо задать нужное нам количество шагов в переходе.

Чтобы понять принцип действия, нарисуйте рядышком квадрат и круг. Затем в меню «Объект» находим команду «Превращение» (Blend) и одну из её опций – «Параметры превращения» (Blend Options). Открывшееся диалоговое окно задаём нужное нам количество шагов с помощью команды «Заданное число шагов» (Specified Steps). Затем выделяем оба наши контура, после чего выбираем другую опцию команды «Превращение» — «Создать» (Make). В итоге получаем несколько контуров, являющих собой нечто среднее между кругом и квадратом. Для дальнейшего редактирования созданных контуров можно использовать команду «Обработка прозрачности».

Как сделать сетку

Изначально вы должны будете зайти программу и открыть в ней чистый холст. Далее, на панели инструментов слева, найдите «линейку» (Line Segment Tool). Кликните по этой функции правой кнопкой мышки.

У вас откроется табличка, в которой будет инструмент «создание сетки» или Rectangular Grid Tool. Выбираем данный инструмент. Далее вам нужно будет перевести курсор на ваш холст и кликнуть по нему 1 раз левой кнопкой мышки. У вас на экране появится табличка с первичными настройками сетки.

В первых 2 окошках вы можете настроить ширину и высоту сетки. По умолчанию это 200 и 300 пикселей. Рядом с верхними пикселями вы увидите чертеж квадрата, со светлой точкой у одного из краев. Таким образом Illustrator показывает угол, из которого будет начата ваша сетка. Поставьте тот угол, который будет вам более удобен. Это нужно в тех случаях, когда вы собираетесь копировать неравномерный рисунок и клетки вашей сетки будут обладать различными размерами (например, увеличиваться от одного угла к противоположному).

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

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

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

Вот, собственно, и все. Вам нужно будет только нажать ОК, чтобы создать свою сетку.

Шаг одиннадцатый

Включите Snap to Grid, затем выполните Edit > Preferences > Guides & Grid и установите Gridline every : 5. Теперь выберите Ручку Pen Tool(P) и нарисуйте горизонтальную линию, как на изображении (1). Далее будет легче работать, если включить Snap to Grid. Дублируйте эту линию и форму «1». Выберите эти две копии и нажмите на кнопку Divide в палитре Pathfinder. Вы должны получить две новые формы. Выберите верхнюю и заполните ее линейным градиентом, показанным на изображении ниже (2), и понизьте его прозрачность к 70 %. Выберите нижнюю форму, заполните ее линейным градиентом, показанным на изображении (3), и понизьте его прозрачность к 70 %. Повторно выберите первоначальную горизонтальную линию и переместите ее наверх (Shift + Ctrl + ]). Сделайте для линии пустой заливку и добавьте обводку 3px с цветом (R=140 G=98 B=57). Затем нужно создать пунктирный эффект для обводки. Пойдите в пенель Appearance и нажмите на пункт Stroke . Откроется панель Stroke . Нажмите на кнопку Round Cap, поставьте флажок около Dashed Line. Укажите Dash = 12.

Создаем палитру в Adobe Photoshop

Шаг 1

Открываем Photoshop.

Кликните по квадратику Color Picker/Выбор цвета в нижней части палитры Tools/Инструменты (в левой части рабочего пространства).

Укажите значения CMYK для вашего цвета и нажмите кнопку Add to Swatches/Добавить в образцы.

Укажите имя, которое в наибольшей степени описывает ваш оттенок и нажмите OK.

Повторите процесс, чтобы добавить все цвета.

Шаг 2

После того как все цвета созданы, удерживайте Ctrl и выделите все лишние цвета из палитры, затем удалите их.

Оставьте только созданные нами оттенки, и в выпадающем меню выберите Save Swatches for Exchange/Сохранить образцы для обмена.

Укажите палитре имя и нажмите на Save/Сохранить.

Шаг 3

Чтобы открыть палитру в Photoshop, выберите Load Swatches/Загрузить образцы в палитре Swatches/Образцы.

После того как вы кликните на Open/Открыть, ваши цвета добавятся к уже имеющимся образцам.

Автор урока Grace Fussell

Перевод — Дежурка

Смотрите также:

Шаг 11

Выделяем при помощи Direct Selection Tool (A) название категорий и изменяем параметры текста при помощи панели Character (Window > Type > Character). Вы также можете изменить цвет текста и изменить его положение. Эти и дальнейшие преобразования по ходу урока не приведут к потере динамического статуса графика.

Выделяем при помощи Lasso Tool (Q) или Direct Selection Tool (A) точки, указанные на рисунке ниже и, удерживая клавишу Shift, удлиняем столбцы при помощи Direct Selection Tool (A). Здесь я хочу заметить, что преобразования в виде изменения размера отдельных элементов или их перемещение относительно других динамических элементов, следует производить после завершения работы с данными. В противном случае, любые изменения данных приведет к возвращению элементов на свои места и в нужной пропорции. И я думаю, это понятно.