Эффекты в иллюстраторе: Обзор эффектов в Illustrator — Независимое театральное объединение "Зрительские симпатии"

Содержание

Новинки IT-индустрии, обзоры и тесты компьютеров и комплектующих

ПК и комплектующие
- Настольные ПК и моноблоки
- Портативные ПК
- Серверы
- Материнские платы
- Корпуса
- Блоки питания
- Оперативная память
- Процессоры
- Графические адаптеры
- Жесткие диски и SSD
- Оптические приводы и носители
- Звуковые карты
- ТВ-тюнеры
- Контроллеры
- Системы охлаждения ПК
- Моддинг
- Аксессуары для ноутбуков
Периферия
- Принтеры, сканеры, МФУ
- Мониторы и проекторы
- Устройства ввода
- Внешние накопители
- Акустические системы, гарнитуры, наушники
- ИБП
- Веб-камеры
- KVM-оборудование
Цифровой дом
- Сетевые медиаплееры
- HTPC и мини-компьютеры
- ТВ и системы домашнего кинотеатра
- Технология DLNA
- Средства управления домашней техникой
Гаджеты
- Планшеты
- Смартфоны
- Портативные накопители
- Электронные ридеры
- Портативные медиаплееры
- GPS-навигаторы и трекеры
- Носимые гаджеты
- Автомобильные информационно-развлекательные системы
- Зарядные устройства
- Аксессуары для мобильных устройств
Фото и видео
- Цифровые фотоаппараты и оптика
- Видеокамеры
- Фотоаксессуары
- Обработка фотографий
- Монтаж видео
Программы и утилиты
- Операционные системы
- Средства разработки
- Офисные программы
- Средства тестирования, мониторинга и диагностики
- Полезные утилиты
- Графические редакторы
- Средства 3D-моделирования
Мир интернет
- Веб-браузеры
- Поисковые системы
- Социальные сети
- «Облачные» сервисы
- Сервисы для обмена сообщениями и конференц-связи
- Разработка веб-сайтов
- Мобильный интернет
- Полезные инструменты
Безопасность
- Средства защиты от вредоносного ПО
- Средства управления доступом
- Защита данных
Сети и телекоммуникации
- Проводные сети
- Беспроводные сети
- Сетевая инфраструктура
- Сотовая связь
- IP-телефония
- NAS-накопители
- Средства управления сетями
- Средства удаленного доступа
Корпоративные решения
- Системная интеграция
- Проекты в области образования
- Электронный документооборот
- «Облачные» сервисы для бизнеса
- Технологии виртуализации

Наш канал на Youtube

Архив изданий

1999	1	2	3	4	5	6	7	8	9	10	11	12
2000	1	2	3	4	5	6	7	8	9	10	11	12
2001	1	2	3	4	5	6	7	8	9	10	11	12
2002	1	2	3	4	5	6	7	8	9	10	11	12
2003	1	2	3	4	5	6	7	8	9	10	11	12
2004	1	2	3	4	5	6	7	8	9	10	11	12
2005	1	2	3	4	5	6	7	8	9	10	11	12
2006	1	2	3	4	5	6	7	8	9	10	11	12
2007	1	2	3	4	5	6	7	8	9	10	11	12
2008	1	2	3	4	5	6	7	8	9	10	11	12
2009	1	2	3	4	5	6	7	8	9	10	11	12
2010	1	2	3	4	5	6	7	8	9	10	11	12
2011	1	2	3	4	5	6	7	8	9	10	11	12
2012	1	2	3	4	5	6	7	8	9	10	11	12
2013	1	2	3	4	5	6	7	8	9	10	11	12

О нас
Размещение рекламы
Контакты

Photoshop CS4, CorelDRAW X4, Illustrator CS4. Трюки и эффекты. Глава 7. Трюки и эффекты в Illustrator CS4

Отрывок из книги:
«Компьютерная графика: Photoshop CS4, CorelDRAW X4, Illustrator CS4. Трюки и эффекты»

Гурский Юрий Анатольевич, Гурская Ирина Владимирована, Жвалевский Андрей Валентинович

Издательский дом Питер

7.1. Эффекты объема

Объемная бутылка

Одной из основных особенностей Adobe Illustrator является возможность работы с трехмерной графикой. Причем речь идет не о средствах имитации объема, которые есть, скажем, в Photoshop, а о встроенном, вполне полноценном редакторе трехмерной графики.

Именно поэтому многие приемы, применяющиеся в профессиональном трехмерном моделировании, актуальны и для Illustrator. В этом примере мы продемонстрируем технику создания тел вращения — будем рисовать бутылку вина.

Прежде всего нужно нарисовать контур правой половины бутылки. Чтобы было легче это сделать, включите отображение сетки: View Show Grid (Вид Показать сетку). Затем запустите инструмент Pen (Перо) и повторите контур, показанный на рис. 001

Теперь нужно нарисовать пробку. Это делается тем же самым инструментом Pen (Перо). При этом можно ориентироваться на рис. 002. Зальем бутылку желтым цветом, а пробку — коричневым и сгруппируем их (удобнее всего это сделать с помощью сочетания клавиш Ctrl+G, предварительно выделив оба объекта).

После этого можно перейти к самому главному — приданию работе объема. Запустите эффект Revolve (Вращение в пространстве): Effect3DRevolve (Эффект3DВращение в пространстве). Использованные настройки показаны на рис. 003

Бутылка почти готова. Но не спешите закрывать окно эффекта Revolve (Вращение в пространстве). Мы добавим на нее этикетку.

Для этого нажмите кнопку Map Art (Текстура). Откроется окно редактора, позволяющего добавлять на поверхности объемной фигуры объекты, помещенные в символы (это могут быть любые растровые картинки, фотографии или текст).

Выберите в меню Symbol (Символ) изображение заготовки для надписи. Затем переключайте значение параметра Surface (Поверхность) до тех пор, пока нужная нам внешняя сторона бутылки не подсветится красными линиями. Расположите заготовку так, как показано на рис. 004.

На этом пример выполнен. В итоговом изображении показана созданная бутылка под разными углами просмотра (рис.005).

Свиток пергамента

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

Мы будем рисовать свиток пергамента. Сначала с помощью инструмента Line (Линия) создайте линию, имеющую небольшой наклон вправо. Затем, запустив инструмент Twirl (Скручивание) и выбрав достаточно крупную кисть, создайте завитки по краям свитка (рис. 006).

Если результат вполне похож на контур свитка, можно переходить ко второму этапу нашей работы. Запустите инструмент Type (Текст) и что-нибудь напишите. Условие одно: шрифт должен напоминать готический, а надписи должны быть достаточно крупными. Авторский вариант показан на рис 007.

Теперь необходимо превратить текст в символ. Для этого достаточно просто перетянуть его на палитру Symbols (Символы) (рис. 008).

Пришло время придать свитку объемный вид. Запустим эффект Extrude & Bevel (Объем и скос): Effect3DExtrude & Bevel (Эффект3DОбъем и скос). Использованные авторами настройки показаны на рис. 009.

Осталось добавить на свиток текст. Для этого в диалоговом окне Extrude & Bevel (Объем и скос) нажмем кнопку Map Art (Текстура). Затем в поле Symbol (Символ) выберем созданный нами текст и, переключая значение параметра Surface (Поверхность), наложим его на свиток (рис. 010).

Теперь пример выполнен. Итоговый результат показан на рис. 011.

Голова сыра

Этот простой пример продемонстрирует интересную возможность создания фигур неполного вращения. Мы будем рисовать голову сыра.

Выберите инструмент Rounded Rectangle (Закруглен-ный прямоугольник) и нарисуйте фигуру, напоминающую голову сыра в разрезе. Затем с помощью инструмента Scissors (Ножницы) обрежьте левую сторону фигуры, чтобы она стала подобна изображенной на рис. 012.

Задайте обводку (Stroke) сыра толщиной 3 пункта коричневого цвета, а заливку (Fill) — «сырного» желтого (см. рис. 012).

Если все получилось нормально, можно переходить к приданию сыру объема. Запустите эффект Revolve (Вращение в пространстве): Effect3DRevolve (Эф-фекты3DВращение в пространстве). Использованные при этом настройки показаны на рис.013.

Осталось нарисовать отрезанный кусок сыра. Для это-го скопируйте (Ctrl+C) и вставьте (Ctrl+V) созданную только что голову. Поместите копию немного в стороне и примените настройки, показанные на рис. 014.

На этом пример готов. Результат нашей работы, занявшей всего несколько минут, — вполне симпатичный сыр (рис. 015).

Рисуем флаг

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

Запустите инструмент Pen (Перо) и повторите кривую, показанную на рис. 016. Ее толщина должна составлять 1 пункт, заливки быть не должно.

После того как кривая будет готова, о ней можно на время забыть. Отодвиньте ее в сторону — нам нужно нарисовать то, что ляжет на объемное полотнище, а именно изображение флага. Авторы предпочли имитировать флаг Швейцарии.

Нарисовать флаг этой страны очень просто — запустите инструмент Rectangle (Прямоугольник) и создайте квадрат красного цвета. Затем этим же инструментом нарисуйте белую полосу, соответствующую по габаритам будущему кресту. Дублируйте ее, поверните на 90°и поместите все полученные элементы по центру относительно друг друга (рис. 017).

Затем выделите все три элемента и сгруппируйте их (Ctrl+G). Получившийся флаг перетяните на палитру Symbols (Символы). Это позволит сразу добавить его к списку символов в активной группе, что понадобится нам при моделировании флага.

Вернитесь к созданной в начале примера кривой. Пришло время превратить ее в настоящий флаг. Запустим эффект Extrude & Bevel (Объем и скос): Effect3DExtrude & Bevel (Эф-фект3DОбъем и скос). Использованные авторами настройки показаны на рис. 018.

В результате задания этих настроек мы получим уже нечто достаточно похожее на флаг, но черного цвета. Нужно наложить на лицевую поверхность созданный ранее рисунок швейцарского флага. Для этого в окне Extrude & Bevel (Объем и скос) нажмите кнопку Map Art (Текстура) и повторите то, что показано на рис. 019.

Итог — полностью готовое полотнище (рис. 020).

Теперь пришло время заняться древком. Мы можем смоделировать его с помощью эффекта Extrude & Bevel (Объем и скос). Для этого нарисуйте маленький кружок, диаметром соответствующий диаметру древка, с обводкой коричневого цвета и повторите настройки, показанные на рис. 021.

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

После того как удалось совместить древко и полотнище флага, остался последний шаг — создать острие. С помощью инструмента Pen (Перо) повторите контур, показанный на рис. 022.

Запустим эффект Revolve (Вращение в пространстве): Effect3DRevolve (Эффект3DВра-щение в пространстве) — и применим его с настройками, показанными на рис. 023.

Осталось совместить все части флага, и он полностью готов (рис. 024).

7.2. Текстовые эффекты

«Хищный» текст

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

Для начала напишем текст. Гарнитуру можно выбрать практически любую, а вот размер символов должен быть большим — в нашем случае 150 пунктов (рис. 025).

Затем получим эффект переплетающихся нитей: Effect Stylize Scribble (Эффект Стилизация Каракули). Авторские настройки этого полезнейшего инструмента показаны на рис. 026.

Теперь применим готовый стиль, который позволит повторить пятнистость, характерную для многих хищников. Откройте палитру Swatches (Образцы) и используйте вариант Jaguar.

Пришло время добавить надписи свечение: Effect Stylize Outer Glow (Эффект Стилизация Внешнее свечение) (рис. 027). После этого шага никаких видимых изменений с изображением не произойдет, но он необходим для получения итогового результата.

На этом все почти готово. Для большей контрастности добавим тень: Effect Stylize Drop Shadow (Эффект Стилизация Отбросить тень) — с настройками, показанными на рис. 028.

Эффект создан полностью. Однако помните: прежде чем передавать такую работу в печать, лучше перевести ее в растр, иначе могут быть проблемы. Итоговый вариант показан на рис. 029.

Надпись углем

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

Создайте любую надпись достаточно крупного размера (примерно 200 пунктов). Наш вариант показан на рис. 030.

Теперь необходимо создать новую обводку. Это делается с помощью меню палитры Appearance (Внешний вид) (рис. 031). Оставьте эту палитру активной — в процессе выполнения примера она нам еще понадобится.

На палитре Stroke (Обводка) изменим толщину только что созданного элемента до 3 пунктов. Затем применим к обводке эффект Roughen (Огрубление): EffectDistort & Transform Roughen (Эффект Искажение и трансформирование Огрубление). Авторские настройки показаны на рис. 032.

Первая часть примера закончена. Мы больше не будем работать с новой обводкой и вернемся к надписи. Для этого на палитре Appearance (Внешний вид) нужно выделить строку Characters (Символы).

Применим эффект Drop Shadow (Отбросить тень): Effect Stylize Drop Shadow (Эффект Стилизация Отбросить тень) — с настройками, показанными на рис. 033.

Остался последний шаг. Применим к надписи эффект Sprayed Strokes (Аэрограф): Effect Brush Strokes Sprayed Strokes (Эффект Штрихи кисти Аэрограф). Использованные настройки показаны на рис. 034.

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

Итоговое изображение показано на рис. 035.

Неоновая надпись

В этом примере мы средствами Adobe Illustrator будем реализовывать один из классических трюков компьютерной графики — неоновый текст.

Создайте любую надпись любой гарнитурой достаточно крупного кегля (около 100 пунктов). Мы остановились на варианте, показанном на рис. 036.

Используя команду Add New Stroke (Добавить новую обводку) меню палитры Appearance (Внешний вид), создайте новую обводку.

Переключив палитру Color (Цвет) с помощью ее меню в режим HSB, задайте для новой обводки цвет, значения которого показаны на рис. 037.

Добавьте еще одну новую обводку и задайте для нее точно такой же цвет, только сдвинув значение S — Saturate (Насыщенность) — на 10 %, до 90.

Повторите этот шаг еще восемь раз, пока значение Saturate (Насыщенность) не дойдет до 0 %. Затем увеличьте толщину некоторых обводок с помощью палитры Stroke (Обводка), как показано на рис. 038.

На этом большая часть эффекта выполнена, и он уже напоминает неоновые вывески. Однако впереди у нас еще два шага. Сначала добавим надписи немного свечения с помощью эффекта Outer Glow (Внешнее свечение): Effect Stylize Outer Glow (Эффект Стилизация Внешнее свечение). Цвет при этом также нужно выбрать фиолетовый, остальные настройки показаны на рис. 039.

Неоновая надпись готова, но грубые формы выбранной гарнитуры портят общее впечатление от работы. Это можно исправить с помощью эффекта Round Corners (Закругление углов): Effect Stylize Round Corners (Эффект Стилизация Закругление углов) (рис. 040).

Работа выполнена. Итоговое изображение показано на рис. 041.

7.3. Flash в Illustrator Анимированный баннер с деформацией

Рассмотрим, как получить не просто анимированное изображение, а картинку, которая плавно изменяется. Например, создадим перетекание слова «вода» в «суша» и обратно.

Создадим документ нужного размера, например 300 Ч 180 пикселов (рис. 042).

Теперь напишем слова «вода» и «суша», подгоним их по расположению и окрасим (рис. 043).

Следует перевести их в кривые командой Type Create Outlines (Текст Преобразовать в кривые) и построить между ними пошаговый переход. Последняя операция выполняется с помощью команды Object Blend Make (Объект Переход Создать). Должно получиться примерно следующее (рис. 044).

Если результат вас не устроит, попробуйте изменить количество промежуточных шагов, воспользовавшись командой Object Blend Blend Options (Объект Переход Настройки перехода) (рис. 045).

Так мы получили заготовку для перетекания первого слова во второе. Теперь нужно подготовить обратное перетекание, от «воды» к «суше». Для этого достаточно скопировать переход (например, нажав сначала Ctrl+C, а затем Ctrl+V) и применить к копии команду Object Blend Reverse Front to Back (Объект Переход Поменять планы). На экране получится «каша», но пока это неважно.

Выделите оба перехода и примените к ним команду Object Blend Expand (Объект Переход Преобразовать). В результате все промежуточные шаги переходов превратятся в обычные объекты. Правда, они сгруппированы, что будет нам мешать. Поэтому выделим все (Ctrl+A) и выполним команду Object Ungroup (Объект Разгруппировать). Теперь нужно выровнять объекты друг относительно друга. Это можно выполнить с помощью палитры Align (Выравнивание), нажав кнопки

и .

Осталось самое интересное — превратить набор разноцветных фигур в анимированное изображение формата Flash.

Для этого обратимся к палитре Layers (Слои). Выберите в меню этой палитры пункт Release to Layers (Sequence) (Разбить по слоям (последовательно)), и каждый объект будет переброшен на индивидуальный уровень. Теперь можно перейти к формированию SWF-файла.

Выполните команду File Save for Web & Devices (Файл Сохранить для веб и устройств). Появится окно (рис. 046), хорошо знакомое пользователям Photoshop.

В правой части окна во втором сверху списке выберите пункт SWF, а в списке ниже — Layers to SWF Frames (Слои в кадры SWF). Это позволит превратить содержимое каждого слоя в кадр анимации. Установка флажка Loop (Повторять) сделает мультфильм непрерывным. Параметр Frame Rate (Частота кадров) управляет скоростью анимации — чем меньше значение, тем плавнее изменение изображения.

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

Если вид баннера вас устроил, закрывайте браузер и нажимайте кнопку Save (Сохранить). Появится окно (рис. 047), в списке Тип файла которого лучше всего выбрать пункт HTML and Images (HTML и изображения). В этом случае будет сохранен не только SWF-файл, но и до-кумент HTML с фрагментом кода. Этот фрагмент нужно вставить в код вашей странички, чтобы баннер на ней отображался.

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

В заключение — несколько слов о добавлении к баннеру «кликабельности», то есть возможности перейти по определенному веб-адресу. Для этого перед сохранением выделите все объекты, разгруппируйте их и вызовите палитру Attributes (Атрибуты) (рис. 048).

В списке Image Map (Карта изображения) выберите Rectangle (Прямоугольник), а в поле под ним впишите нужный адрес. Если теперь сохранить SWF-файл, то все объекты в нем будут содержать гиперссылки.

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

И размер такого файла вполне приемлемый — менее 30 Кбайт.

Вращающийся баннер

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

Идея довольно проста: нужно создать в документе несколько слоев, на каждый из них поместить объект, повернутый на разные углы эффектом 3DRotate (3DВращение), а затем экспортировать результат в формат SWF. Но прежде чем начать работу, прибегнем к маленькой хитрости, которая позволит сэкономить массу времени при создании баннера с другим вращающимся изображением.

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

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

Создадим документ нужного размера и нарисуем объект (рис. 049). По умолчанию он находится на слое Layer 1.

Откроем палитру Layers (Слои) и скопируем Layer 1. Для этого достаточно перетащить его на значок в нижней части палитры.

Теперь внимание! Справа от имени слоя есть кружок — по умолчанию полый. Выделив его, можно применять эффекты ко всему слою в целом (то есть к каждому объекту, который находится на данном слое, будет создан или перемещен на него). Щелкните на этом маркере возле имени скопированного слоя (Layer 1 copy), и вокруг кружка появится еще один. Затем вызовите окно эффекта Effect3DRotate (Эффект3DВращение) (рис. 050).

Поскольку мы решили имитировать вращение вокруг вертикальной оси с шагом 18°, введем в поля и значение 0°, а в поле — 18°. Нажимаем OK.

Снова копируем слой и повторяем операцию. Правда, на сей раз не применяем эффект заново, а обращаемся к палитре Appearance (Внешний вид). Когда выделены все объекты слоя, к которому применен эффект, палитра принимает примерно такой вид, как на рис. 7.51.

Выделите слой Layer 1 copy 2 и щелкните на палитре Appearance (Внешний вид) на строке в поле следует ввести 36°. Повторите копирование слоя и изменение параметров эффекта еще семь раз, пока не достигнете в поле значения 180°.

СОВЕТ

На пятом шаге, когда нужно вводить 90°, лучше немного «ошибиться» и указать 89° или 91°. Дело в том, что при точном значении фигура нулевой толщины поворачивается к зрителю ребром, то есть кадр будет пустым.

Если вы не ошиблись в расчетах, то должно получиться 11 слоев — исходный плюс десять копий.

Осталось последнее действие — вызвать окно Save for Web & Devices (Сохранить для веб и устройств) и сохранить баннер в SWF-формате. Обратите внимание, что размер файла составит всего около 3 Кбайт.

Как видите, работа несложная, но довольно кропотливая. Чтобы не проделывать ее каждый раз, когда вы хотите создать вращающееся Flash-изображение, используйте только что созданный вами документ. Во избежание случайно-при выделении всех объектов го удаления полезной информации сохраните его в виде слоя, к которому применен шаблона командой File Save as Template (Файл Сохранить эффект как шаблон), а при необходимости открывайте командой FileNew from Template (Файл Новый из шаблона).

После открытия шаблонного документа удалите все объекты, а затем заполните слои копия-ми одного и того же изображения. Все эффекты вращения автоматически перенесутся на новые объекты. Можно использовать даже растровую картинку, правда, в этом случае баннер может получиться не таким компактным.

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

— Если вы хотите, чтобы на вашей веб-странице рядом вращалось несколько объектов, причем каждый — вокруг собственной оси, создайте несколько SWF-файлов по количеству объектов и расположите их рядом. Изменяя значение параметра Frame Rate (Частота кадров) в окне Save for Web & Devices (Сохранить для веб и устройств), можно заставить каждую фигуру вращаться с индивидуальной скоростью.

— Варьируя параметры , и окна эффекта Rotate (Вращение), вы можете придать объекту вращение во всех плоскостях одновременно. Правда, в этом случае, скорее всего, понадобится большее количество кадров.

— Если объект не обладает осевой симметрией, то количество кадров следует удвоить, так как цикл составляет не 180, а 360°. Дополнительные слои можно не создавать, а дублировать уже имеющиеся.

— Дополнительной реалистичности можно добиться, используя параметры освещенности. Они становятся доступными в окне эффекта при нажатии кнопки More Options (Дополнительные параметры). При этом также рекомендуется увеличить количество кадров.

Illustrator Основы эффектов изображения

НАЧИНАЮЩИЙ · 16 МИН

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

Что вам понадобится

Получить файлы

Примеры файлов для практики (ZIP, 12,9 МБ)

Добавить изображения

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

Чему вы научились: добавление изображений

В Illustrator вы можете добавлять в свои проекты растровые изображения, например те, которые были сняты на телефон.
Выберите «Файл» > «Поместить», чтобы поместить изображение в документ. В диалоговом окне «Поместить» при выборе параметра «Ссылка» создается ссылка на исходное изображение. Если изображение обновляется вне Illustrator, оно будет автоматически обновлено в вашем документе Illustrator. Отмена выбора параметра «Ссылка» при размещении изображения встраивает изображение в документ Illustrator.
Выберите инструмент «Выделение» на панели «Инструменты» и, удерживая клавишу Shift, перетащите угол, чтобы изменить размер изображения. Когда закончите, отпустите кнопку мыши, а затем клавишу Shift.
Нажмите кнопку «Обрезать изображение» на панели «Свойства» в правой части документа, чтобы обрезать части изображения. Перетащите любой маркер вокруг изображения, чтобы удалить ненужную часть. Нажмите «Применить» на панели «Свойства».

Понимание эффектов

Узнайте, что такое эффекты и как их добавлять и редактировать с помощью панели «Внешний вид».

Что вы узнали: об эффектах

В меню «Эффект» представлены различные эффекты Illustrator и Adobe Photoshop. Эффекты Illustrator — это векторные эффекты. Эффекты Photoshop — это растровые эффекты.
Чтобы применить эффект, нажмите «Выбрать эффект» на панели «Свойства».
Чтобы изменить эффект, щелкните имя эффекта на панели «Свойства», чтобы открыть параметры эффекта в диалоговом окне.
Чтобы открыть панель «Внешний вид», выберите «Окно» > «Внешний вид» или нажмите «Дополнительные параметры» в разделе «Внешний вид» на панели «Свойства». Панель «Внешний вид» показывает, что выбрано в вашем документе, и атрибуты внешнего вида, примененные к этому графическому объекту. Чтобы временно скрыть эффект, примененный к иллюстрации, нажмите значок глаза слева от названия эффекта на панели «Внешний вид». Чтобы изменить эффект, нажмите на название эффекта на панели «Внешний вид».

Добавить эффекты

Добавляйте творческие эффекты к своим работам с помощью эффектов и панели «Внешний вид».

Чему вы научились: добавление эффектов

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

Добавляйте креативные мазки кистью

Узнайте, как добавлять творческие мазки кистью к графическому объекту с помощью панели «Кисти».

Чему вы научились. Добавляйте творческие мазки кистью

Кисти применяются к мазку векторного изображения в Illustrator.
Выберите «Окно» > «Кисти», чтобы открыть панель «Кисти», которая содержит кисти по умолчанию и любые кисти, созданные в документе.
Выберите инструмент «Выделение» и нажмите, чтобы выбрать векторный рисунок. На панели «Кисти» нажмите кисть в списке, чтобы применить ее.
Измените толщину обводки на панели «Свойства»; размер кисти меняется вместе с ним.
Illustrator поставляется с рядом библиотек кистей. Нажмите «Меню библиотек кистей» в нижней части панели «Кисти», чтобы выбрать библиотеку кистей. Когда библиотека открыта в виде панели, нажмите, чтобы применить кисть к выбранному графическому объекту.

Вернуться к: Работа с монтажными областями | Далее: Поделиться иллюстрацией

Эффекты в Illustrator | Как применять эффекты в Illustrator?

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

Как применять эффекты в Illustrator?

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

1. Эффект вырезания бумаги

Шаг 1: Откройте Adobe Illustrator и откройте новый файл. Выберите инструмент «Перо». Сочетанием клавиш на клавиатуре является буква «Р». Начните рисовать самую внешнюю форму по мере необходимости и закройте петлю. Повторите то же самое внутри нарисованной структуры дважды, как показано на изображении ниже.

Шаг 2: Создайте прямоугольный внешний или квадратный внешний вид для полного изображения; мы также можем использовать полную монтажную область или размер файла, чтобы лучше визуализировать эффект. «M» — это горячая клавиша, или выберите фигуры на панели инструментов на левой панели приложения.

Шаг 3: Переверните элемент управления цветовой панелью, чтобы мы могли четко видеть выбранную область для дальнейшего процесса эффекта. Выберите инструмент построения формы «Shift + M» для выбора точной области.

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

Шаг 4: Теперь выберите цвета, которые будут заполняться внутри частей, спроектированных в соответствии с регулярно наблюдаемыми, и лучше всего выбрать один и тот же цвет с другим значением RGB, которое будет глубже, чем выбрано на изображении, чтобы придать более реалистичный вид. визуальный.

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

Шаг 5: Это несколько настроек для получения эффекта глубокого вырезания бумаги путем размещения частей рисунка в разных местах. Выберите самый внутренний слой, перейдите к «Объекты» в строке меню, перейдите к «Упорядочить» и выберите «Отправить на задний план».

Объекты -> Упорядочить -> На задний план

Шаг 6 : Выберите один из оставшихся компонентов после другого и установите их расположение, чтобы вывести их на передний план по отдельности.

Выберите объект -> Упорядочить -> На передний план

Шаг 7: Основное действие, которое оживляет работу, — это добавление тени к компонентам. Выберите все 3 компонента дизайна и нажмите «Эффекты», перейдите в «Стиль» и выберите «Тень». Откроется окно сведений о тени.

Эффекты -> Стиль -> Тень

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

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

2. Эффект отражения воды

Шаг 1: Откройте новую монтажную область прямоугольной формы и создайте объекты, которые должны отражаться; мы можем использовать различные формы и объекты для отражения. Создавайте текст с помощью фигур, пера, кисти и других инструментов.

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

Шаг 2: Выберите созданный дизайн и нажмите «O» на клавиатуре, чтобы включить отражение, удерживайте клавишу Alt и выберите точку привязки для отражения объекта в соответствующем направлении. Дважды щелкните инструмент отражения, показанный ниже, чтобы открыть окна для настройки значений. Поскольку отражение воды естественно наблюдается на нижней стороне, выберите в окне Горизонтальное и щелкните по копии, чтобы создать копию отражения.

Шаг 3: Наборы копий отражения созданы; выберите копию отражения и нажмите кнопку со стрелкой вниз, чтобы создать зазор между исходным и отраженным объектами.

Шаг 4: Выберите все и нажмите Ctrl + G, чтобы сгруппировать все в один файл. Нажмите Shift + F7 или Windows -> Выровнять, чтобы открыть параметры выравнивания.

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

Шаг 5: Выберите инструмент выделения, перетащите и выберите все компоненты, щелкните правой кнопкой мыши и выберите параметры разгруппировки. Это разделяет объекты для выбора.

Шаг 6: Дважды щелкните инструмент деформации на панели инструментов. Открывается окно конфигурации обтекания, в котором настраиваются параметры обтекания в соответствии с заданными значениями для создания инструмента диагональной деформации.

Шаг 7: Выберите объект, который должен быть создан в виде волны, и переместите вдоль него инструмент деформации, чтобы создать эффект волны, как показано на изображении. Повторите это для каждого объекта.

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

3. Эффект Line Art

Это еще один самый простой и легкий эффект.

Шаг 1: Импортируйте или создайте фигуру, которую необходимо преобразовать в линии, и создайте новый слой с именем линий.

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

Шаг 3: Выберите инструмент перехода, выберите обе линии и нажмите Enter, чтобы заполнить пробел линиями между ними.

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

Шаг 5: Выберите слой с линиями, перейдите в «Объекты» в строке меню и выберите «Развернуть».

Шаг 6: Откроется окно Expand, настройте параметры окна и нажмите «ОК».

Шаг 7: Линии и объекты должны находиться на разных слоях в одной и той же области.

Шаг 8: Нажмите на слой объекта (лев), выберите слой линий и выберите инструмент Sharp builder, удерживая Shift + Alt, и перетащите угол на линии, которых нет на объекте (лев), удаленный автоматически .

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

Вывод

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