Руководство для начинающих по Adobe Illustrator

Это руководство доступно для скачивания в виде бесплатного PDF-файла. Загрузите этот файл сейчас . Не стесняйтесь копировать и делиться этим со своими друзьями и семьей.

Хочу начать учиться Adobe Illustrator , но чувствуете себя подавленным? Ознакомьтесь с «Приступая к работе с Illustrator», первым руководством по Illustrator от MakeUseOf. Благодаря простым инструкциям и множеству аннотированных снимков экрана, это руководство упрощает изучение Illustrator.

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

В отличие от Photoshop, который хранит информацию об изображении в виде точек, Illustrator использует математические уравнения при рисовании фигур. Векторные рисунки можно масштабировать, чтобы они соответствовали баннерам размером с небоскреб; растровые изображения не могут. Из-за этого Illustrator используется для создания рисунков, которые нужно легко масштабировать, например логотипов.

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

1. Введение

Если вы решили изучить Illustrator, то вам нужно начать с основ. Это действительно мощная программа, но также и сложная. Когда вы познакомитесь с интерфейсом, основными инструментами, палитрами и рабочим пространством, вы сэкономите много времени и нервов, а ваш рабочий процесс будет казаться плавным и приятным.

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

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

Это означает, что векторную графику (например, рисунок в Illustrator) можно масштабировать или увеличивать до любого размера без потери качества, в то время как растровые изображения (например, изображение, отредактированное в Photoshop) будут пикселизироваться при масштабировании:

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

• Преимущества векторной графики:

• Высокое разрешение при любом размере;

• Небольшой размер файла;

• Качественная печать;

• Отсутствие потери разрешения при редактировании.

Недостатки:

• Трудно создать реалистичные рисунки (но все же возможно).

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

Обратите внимание, что я использую Illustrator CS5 в Windows, поэтому пользователям Mac придется использовать несколько другие комбинации клавиш: Командование ключ вместо Ctrl а также Вариант вместо того Все .

2. Рабочее пространство Illustrator

Если вы знакомы с Photoshop, то рабочее пространство Adobe Illustrator вас не сильно удивит, поскольку основные его части в основном одинаковы:

В первую очередь вы будете использовать панель «Инструменты», поскольку там есть все необходимые инструменты. Чтобы настроить активный инструмент, вы будете использовать панель управления, где хранятся все параметры для текущего инструмента. И, конечно же, область закрепления панелей - в ней хранятся такие важные палитры, как образцы цвета, слои, параметры обводки, внешний вид, настройки градиента и т. Д. (Все палитры можно включить или выключить в Окна меню).

Давайте посмотрим Инструменты панель первая.

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

В наборе инструментов доступно множество инструментов, но вам не нужно все запоминать. Лишь немногие из них сделают эту работу.

Вот справочная таблица (некоторые инструменты, например Прямоугольник , содержат больше инструментов, которые можно выбрать, удерживая значок инструмента):

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

3. Создание логотипа в Illustrator

Обычно я использую Adobe Illustrator для создания логотипов для своих клиентов. Почему бы нам не попробовать?

Позвоните в нашу замечательную компанию LimeWorks . Нам нужно создать лайм и поставить под ним название. Нравится:

Однако имейте в виду, что мы создадим простой логотип, чтобы вы познакомились с некоторыми инструментами и методами. Начнем с рисования кусочков лайма.

3.1 Использование Pen Tool

Мы будем использовать Ручка инструмент, который является одним из наиболее часто используемых инструментов в Illustrator. Он используется для создания всевозможных форм и объектов. Выберите его, щелкнув его значок на панели инструментов или используя клавишу P.

как избавиться от оповещения об авторских правах comcast

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

Примечание: как видите, для большей точности я использую сетку (Ctrl +).

Чтобы закрыть путь, нажмите на первую точку:

Теперь он готов к заливке цветом. Убедитесь, что треугольник выбран (нажмите на него с Инструмент выделения, V ) и выберите желтый тон:

3.2 Создание скругленных углов

Нам нужны закругленные углы, чтобы наш салатовый сегмент (треугольник) выглядел более гладким. Мы будем использовать Круглые углы эффект:

в Круглые углы диалоговое окно, введите что-то вроде 4 мм (Я использую миллиметры в качестве единиц) и нажимаю ОК, чтобы применить изменения:

Выглядит неплохо. Теперь давайте добавим текстуру, чтобы она выглядела более реалистично.

3.3 Добавление эффектов Photoshop

В Adobe Illustrator, когда вы перейдете в меню «Эффекты», вы увидите, что есть эффекты Illustrator и эффекты Photoshop:

Мы будем использовать Витраж (Эффекты-> Текстура-> Витраж) .

Но перед этим нам понадобится копия нашего треугольника над исходным слоем.

3.4 Копирование объектов

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

Чтобы вставить копию выбранного объекта поверх исходного в точном месте, сначала скопируйте его ( Ctrl + C) а затем вставьте его, используя Ctrl + F (если вы используете Ctrl + V он вставит его в середину экрана). Чтобы вставить его под исходный объект, используйте Ctrl + B :

Хорошо, теперь вы знаете приемы копирования / вставки.

Скопируйте и вставьте наш треугольник прямо перед собой (Ctrl + F) и залейте вставленный объект белым цветом:

Открыть Витраж диалоговое окно и установить как мой ( Размер ячейки = 17; Толщина бордюра = 2; Интенсивность света = 0 ):

3.5 Расширение внешнего вида

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

Итак, простыми словами, Развернуть внешний вид используется для разделения объекта на отдельные контуры или изображения после применения к нему эффекта. Что ж, это звучит немного запутанно. Давайте просто воспользуемся им и посмотрим, как это работает.

Убедитесь, что вы выбрали белый треугольник с Витраж повлиять на это и перейти к Объект-> Развернуть внешний вид . Теперь наш объект - изображение:

3.6 Живая трассировка

Еще одна интересная функция Adobe Illustrator, Живая трассировка используется для преобразования растровых изображений в объекты трассировки. Уже есть несколько предустановок трассировки по умолчанию, но мы будем использовать пользовательские настройки.

Перейти к Объект-> Живая трассировка -> Параметры трассировки и установите значения, как показано ниже:

3.7 Развернуть

Расширять используется для преобразования объектов трассировки в редактируемые контуры (векторные). После трассировки растрового изображения следует использовать Расширять .

Поскольку наш текстурированный объект теперь отслежен и готов к возврату в пути, мы будем использовать Расширять :

Как видите, наша текстура теперь представляет собой набор пути , но нам нужно изменить его цвет с черного на белый. На этот раз мы будем использовать Инсульт (поскольку текстура представляет собой набор штрихов):

OK. Но сейчас он слишком резкий. Давайте немного размыем.

3.8 Эффект размытия

Перейти к Эффекты-> Размытие-> Размытие по Гауссу установите радиус 2,8 пикселя, и у вас должно получиться следующее:

На этом мы закончили с ломтиком лайма. Остальное проще.

3.9 Группировка объектов

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

Чтобы сгруппировать набор объектов, выделите их все, обведя их указателем мыши и щелкнув Ctrl + G . Еще один удобный способ выбора нескольких объектов - удерживать Сдвиг и щелкая по объектам.

Но поскольку у нас нет других объектов на нашей монтажной области, вы можете вместо этого выбрать все объекты ( Ctrl + A ) и сгруппируйте их ( Ctrl + G ):

3.10 Использование инструмента Повернуть

Повернуть инструмент (R) используется для ... угадайте, что? Да, чтобы вращать объекты или фигуры.

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

Теперь у вас должно быть это:

3.11 Маленькая хитрость

Есть небольшой трюк (один из многих), который упростит работу с Adobe Illustrator в будущих проектах. Уловка - это просто сочетание клавиш ( Ctrl + D ). Он повторяет или применяет последнее преобразование к выбранному объекту.

Это удобно и для нашей практики. Выберите новый фрагмент и используйте Ctrl + D 6 раз:

Вуаля! У нас вкусный лимон. Теперь некоторые подробности.

Прежде всего, сгруппируйте все кусочки вместе, чтобы все было в порядке. Затем убедитесь, что ничего не выделено, щелкнув где-нибудь еще на монтажной области.

3.12 Рисование круга

Выберите светло-зеленый цвет для Наполнять и нет для Инсульт :

Выберите Эллипс инструмент (вспомогательный инструмент под Прямоугольник или ударить В ):

Держать Shift + Alt , наведите указатель мыши на центр лайма и перетащите мышь, пока не получите круг, покрывающий весь лайм:

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

3.13 Расположение объектов

Как вы сейчас видите, зеленый кружок перед или выше наш лайм. Отправить это назад или ниже , выберите его и нажмите Ctrl + [(Ctrl +], чтобы вывести его над текущим слоем):

Хороший. Выделите этот круг и продублируйте его под собой (как мы это делали в 3.4.) С помощью Ctrl + C а потом Ctrl + B :

Измените цвет заливки на более темно-зеленый и сделайте его немного больше первого круга, удерживая Shift + Alt и перетаскивая одну из его контрольных точек:

Выглядит неплохо. Еще лучше: мы закончили с самым сложным.

3.14 Добавление текста

Давайте добавим название нашей компании под лаймом. Выбирать Тип орудие труда ( Т ), щелкните под лаймом и введите LimeWorks :

Теперь давайте выровняем все по центру.

3.15 Выравнивание объектов

Чтобы идеально выровнять объекты, используйте инструменты выравнивания. Эти инструменты расположены на панели управления, когда инструмент выделения активен. См. Ниже, чтобы понять различные варианты выравнивания:

Обратите внимание, что эти примеры верны для Выровнять по монтажной области :

Если вы выберете Выровнять по выделению , то объекты будут выровнены по внешним границам выделения.

OK. Выделите все объекты (Ctrl + A) и на панели управления нажмите на Центр выравнивания по горизонтали (цифра 2):

Вот и все. Теперь вы можете поиграть с размерами и цветами, если хотите.

Если вы сделаете лайм меньше и измените цвета текста, он будет выглядеть намного лучше:

Хорошо, поздравляем с вашим первым логотипом!

Перейдем к сохранению и экспорту.

3.16 Сохранение и экспорт

Чтобы сохранить файлы Illustrator, просто нажмите Ctrl + S (как всегда) и сохранит его в к формат.

Если вы хотите сохранить свой логотип в формате. PNG , то вы можете воспользоваться одним из двух способов: Файл-> Экспорт или Файл-> Сохранить для Интернета и устройств .

В то время как второй способ экспортирует всю монтажную область, первый позволяет экспортировать только ваш объект (ы).

Вот пример:

Примечание : вы всегда можете изменить размер вашего Artb oard (Файл-> Настройка документа и нажмите Редактировать монтажные области ). После этого, когда вы используете Сохранить для Интернета и устройств вы увидите, что размер изображения - это новый размер вашего артборда.

Также обратите внимание: вы можете проверить Прозрачность при сохранении для Интернета у вас будет логотип с прозрачным фоном.

Давайте рассмотрим еще одно руководство, чтобы изучить другие основные инструменты. Мы создадим трехмерный текст с шероховатым фоном.

4. Создание 3D-текста в Adobe Illustrator.

Хотя векторная графика обычно бывает двухмерной, вы также можете создавать красивые трехмерные объекты. В этом уроке мы создадим простой 3D-текст с шероховатым фоном, как показано ниже:

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

4.1 Добавление шероховатого фона

Начнем с классного фона.

Зайдите на свой любимый веб-сайт, найдите бесплатные текстуры и фоны и найдите красивый шероховатый фон. Я взял один из Изображение запаса :

Скопируйте и вставьте его в свой документ Adobe Illustrator. Скорее всего, он будет слишком большим, поэтому вам нужно будет уменьшить его. Использовать Панель преобразования чтобы контролировать размер вашего изображения:

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

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

4.2 Создание прямоугольника

Выберите Прямоугольник из Инструментов (M), нарисуйте прямоугольник того же размера, что и ваше фоновое изображение (вы можете использовать Преобразовать панель для установки точных значений) и установите Наполнять цвет до светло-коричневого и без штриха:

4.3 Добавление эффекта внутреннего свечения

Перейти к Эффект-> Стилизация-> Внутреннее свечение и установите значения, как показано:

Вот что у вас должно получиться:

4.4 Использование прозрачной панели

Вы всегда можете использовать Панель прозрачности , чтобы изменить способ смешивания объекта или слоя со слоями ниже. Во-первых, давайте разместим наш прямоугольник позади изображения. Выделите прямоугольник, щелкнув по нему, и используйте Ctrl + [ .

Теперь выберите слой изображения, щелкнув изображение и откройте Панель прозрачности (Окно-> Прозрачность) и выберите Умножить в качестве режима наложения:

Отлично. Мы закончили с фоном. Перейдем к самому трехмерному тексту.

4.5 Работа с инструментом Текст

С помощью Инструмент типа (T) напишите MakeUseOf красивым шрифтом (я выбрал Дьявло Смелый , который можно скачать по адресу exljbris Font Foundry ). Сделайте это достаточно большим, как 65pt , установите отслеживание -двадцать и выберите белый цвет:

4.6 Создание контуров

Использовать Создать контуры - щелкните текст правой кнопкой мыши и выберите Создать контуры , чтобы преобразовать текст в векторные пути:

4.7 Добавление 3D-эффектов

3D-эффекты можно применять к любым объектам, а также к тексту. Выделите текст, перейдите в Эффект-> 3D-> Выдавливание и скос и применяются следующим образом:

Вот что у вас должно получиться так далеко:

Теперь нам нужно отделить грани текста и наш 3D-эффект друг от друга. Использовать Развернуть внешний вид сделать это ( Объект-> Развернуть внешний вид ).

С участием Инструмент прямого выбора (A) , выделите только грани текста (удерживайте Сдвиг для выбора нескольких объектов):

Кончик : при выборе убедитесь, что якоря синий и ни один из них не был белым. Для этого немного увеличьте масштаб и щелкните где-нибудь посередине объектов (здесь - лица текста).

4.8 Использование Unite на панели Pathfinder

Теперь скопируйте и вставьте свой выбор и используйте Объединенный из Следопыт панель, чтобы объединить все выбранные грани в один сгруппированный путь:

Поместите новый слой поверх старого и установите его Цвет обводки к белому и Вес хода до 1pt:

Мы почти там.

4.9 Добавление стиля градиента

Добавить градиент довольно просто - просто выберите объект, нажмите на Градиент панель справа и настройте цвета. Более того, вы всегда можете использовать заранее определенные Библиотеки из Окно-> Библиотеки образцов-> Градиенты . Но на этот раз давайте настроим его вручную.

в Градиент панель, набор Тип к Линейный , установите первый цвет в позиции 0% на темно-красный, второй цвет в позиции 80% на оранжевый и последний цвет на 100% на ярко-красный, Угол на -90 °:

Кончик : используйте верхний ползунок для управления цветовым диапазоном градиента.

4.10 Добавление тени

Чтобы придать тексту глубину, давайте добавим к нему тени. Мы будем использовать Размытие по Гауссу эффект.

Сначала скопируйте ( Ctrl + C ) наш новый слой и вставьте его перед ( Ctrl + F ). Затем измените его цвет на черный и установите для обводки значение none, отправьте его за слой с 3D-эффектом с помощью Ctrl + [ (убедитесь, что он находится над фоновыми слоями):

Переместите его вниз с помощью клавиш со стрелками (вы также можете изменить координаты Y на панели Transform, чтобы быть более точным):

4.11 Применение размытия по Гауссу

Наша тень теперь не выглядит реалистичной; нам нужно немного его размыть. Перейти к Эффект-> Размытие-> Размытие по Гауссу и установите Радиус на 9 пикселей:

Мы сделали!

5. Несколько полезных советов

Советы и приемы бесконечны, но я покажу вам некоторые из них:

• Заблокировать слои - если вы хотите выделить несколько небольших объектов, которые находятся перед другими объектами (например, фон), вместо нажатия Shift + щелчка по каждому из них вы можете просто заблокировать фон с помощью Ctrl + 2 или поставить знак блокировки. панель 'Слои'.

• Всегда проверяйте палитру «Слои» - при работе со многими объектами и слоями действительно полезно давать названия своим слоям и проверять, как они выровнены (находится ли слой выше или ниже другого, заблокирован ли он и т. Д.);

• Повторно редактируйте стили слоя в любое время, когда вам нужно - да, вы всегда можете изменить настройки стиля или эффекта, которые вы уже применили к объекту или слою ранее, через панель «Внешний вид» (Окно-> Внешний вид);

• Используйте библиотеки - есть несколько хороших предопределенных библиотек, которые можно использовать в ваших работах. Перейдите в «Окно» -> «Библиотеки» и выберите «Библиотеки кистей», «Библиотеки образцов», «Библиотеки графических стилей» или «Библиотеки символов». Их много.

6. Заключение

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

Руководство Опубликовано: август 2012 г.

Делиться Делиться Твитнуть Эл. адрес Как получить доступ к встроенному пузырьковому уровню Google на Android

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

Читать далее Похожие темы

творческий
Системы автоматизированного проектирования
Длинная форма
Длинная направляющая

Об авторе Азамат Денибекович Эсеналиев(Опубликовано 3 статьи) Ещё от Азамата Денибековича Эсеналиева

Подписывайтесь на нашу новостную рассылку

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

Нажмите здесь, чтобы подписаться

Оглавление