Как сделать лист в illustrator
Для начала нарисуем парочку листочков с использованием инструмента «Кисть».
Теперь зажимаем клавишу Alt, делаем несколько копий созданного листка и применяем к ним другие цвета:
Немного поработаем над формой копий:
Далее необходимо будет выделить два листика, которые располагаются друг над другом и запустить комбинацию клавиш Ctrl+Alt+B.
Если у вас получилось выполнить задание точно по примеру, проблема может быть в том, что программа автоматически включила режим обводки, а это неправильно!
Выполнить все те же манипуляции можно, не прибегая к клавишам, а на основе комбинаций команд Adobe Illustrator: Object->Blend->Blend Options(Объект->Переход->Параметры перехода). После этого добиться плавного перехода между цветом можно через следующие функции Object->Blend->Make(Объект->Переход->Создать).
Теперь мы нарисовали листик с плавным переходом. Необходимо создать копию правой фигуры для будущих этапов работы.
Займемся палитрой кисточек. Для этого перетащим прорисованный листик в соответствующую палитру и превратим его в рабочий инструмент:
Зададим нашей новой кисточке художественный, объектный тип.
Чтобы настроить параметры, нужно точно следовать инструкциям на картинке.
Теперь мы можем продолжить работу с использованием нового инструмента. Выполним специальные настройки после двойного клика по кисточке.
Необходимо нарисовать несколько художественных листиков. После этого можно будет создать парочку красивых завитков с помощью специально созданной кисти.
Спиралевидные объекты можно нарисовать на основе инструмента Спираль.
Теперь мы снова можем взяться за кисть, которая была создана нами из зеленого листика с плавным переходом. У нас должно получиться изменить стандартную спираль так, как это будет выгодно для заданного случая.
Выполняем редактирование спирали с помощью хитрого инструмента и любуемся результатом:
Теперь рисуем цветы, как на рисунке ниже:
Чтобы сделать большой цветок, нужно начать с первого лепестка, а потом дополнить его аналогичным элементом сверху, слегка изменив цветовую гамму. Потом упростить задачу можно, применяя комбинацию клавиш CTRL+ALT+B. Именно таким методом мы пользовались для работы с листками. Бутон можно превратить в кисть, чтобы работать было удобнее. Лепестки лучше всего попросту размножить, чтобы не тратить время на прорисовку каждого отдельного элемента.
Из этого простого урока вы узнаете, как использовать Mesh Tool в Adobe Illustrator для создания букета осенних листьев!
Как нарисовать лист
Давайте начнем с рисования красного листа с помощью Gradient Mesh.
Начните с рисования формы, похожей на ту, что на скриншоте ниже. Вы можете использовать Pen Tool (P) .
Продолжайте, окрашивая узлы, которые выбраны в каждой части скриншота (точки в узлах окрашены синим, а не белым). Вам понадобятся эти цвета:
Вам понадобятся эти цвета:
Давайте нарисуем левую часть листа таким же образом! Используйте эти цвета:
Возьмите обе части листа и совместите их. Это создает Лист 1 .
Чтобы создать Лист 2 , просто создайте вертикально отраженную копию Листа 1 (Объект > Трансформировать > Зеркальное отражение).
Для Листа 3 , возьмите копию Листа 2 измените его левую сторону, слегка подвинув края.
Сложите лист 1 и 2 вместе, как указано ниже.
Наконец, добавьте Лист 3 !
Как нарисовать стебель
Теперь, когда мы закончили с листом, нарисуем для него стебель.
Выделите левую сторону стебля и немного растяните там сетку. Закрасьте указанные узлы цветами:
Продолжите на правой стороне аналогичным образом. Используйте эти цвета:
Возьмите инструмент Деформация ( Shift-R ) и, используя следующие настройки, согните ствол, чтобы сделать его более реалистичным:
Наконец, измените непрозрачность правого края до 0% .
Прикрепите стебель к листу!
Как перекрасить листья
Сделайте копию красного листа и начните превращения яркого нашего листа в черно-белый, выбрав «Редактирование» > «Редактировать цвета» > «Преобразовать в градации серого» .
Сделайте этот серый лист желтым , выбрав «Редактирование» > «Редактировать цвета» > «Коррекция цветового баланса» , выбрав « Цветовой режим RGB» и применив следующие настройки:
Сделайте копию желтого листа и окрасьте его оранжевым со следующими настройками:
Как создать фон, тени и блики
Добавьте группу этих эллипсов, чтобы создать тень под оранжевым листом.
Точно так же примените тени к желтому листу и поместите его сверху оранжевого.
Наконец, добавьте красный лист с его собственными тенями.
Поместите градиент поверх серого круга.
Затем откройте панель « Прозрачность»(«Окно» > «Прозрачность» ) и, выбрав обе фигуры, нажмите «Создать маску» на панели.
Затем создайте копию меньшего размера и поместите ее посередине оригинала.
Шаг 7
Уменьшите непрозрачность обеих фигур до 60% и измените режим прозрачности на Наложение .
Создайте несколько копий:
И поместите их поверх листьев. Поместите все на фон, который мы сделали в Шаге 1.
Размножьте эти круги и хаотично поместите поверх листьев. Отличная работа, теперь все готово!
Для начала посмотрите на то, что мы будем стараться сделать:
Создадим новый документ шириной 960px и произвольной высотой. Я выбрал такую ширину, потому что, судя по посетителям нашего сайта, у большинства из них немаленькие мониторы.
Не забудьте выставить Color Mode в RGB.
Шаг второй
Чёрные границы на картинке ниже обозначают размеры создаваемого нами документа (область между ними ещё называют artboard). Мне нравится помещать скриншот с чистым окном браузера в качестве подложки: гораздо легче воспринимать страницу такой, какой она должна получиться.
Шаг третий
Следуюший шаг очень важен. Вы, разумеется, можете выбрать произвольный масштаб (Zoom) и даже изменять его в процессе работы, но имейте в виду, что текст на странице должен быть удобочитаемым при масштабе 100% (1:1). Для изменения масштаба вы можете использовать отмеченное ниже поле.
Шаг четвёртый
Вы можете скрывать и отображать границы рабочей области тогда, когда вам это нужно. Для её сокрытия вам нужно выбрать команду View > Hide Artboard. Есть только одна проблема: такая операция занимает слишком много времени. Поэтому, советую вам использовать специальное сочетание клавиш для этого: Command + Semicolon (;).
Шаг пятый
Чтобы легко разметить иерархию документа и сбалансансировать её, вы можете, для начала, разметить страницу серыми прямоугольниками, как это сделал я. Тонкие длинные прямоугольники — это будущий текст.
Шаг шестой
Когда вы будете уверенным в разметке страницы, вы можете удалить прямоугольники, заменив их направляющими (Guide lines).
Шаг седьмой
Используя в качестве отправных точек направляющие, добавьте на страницу различные элементы: навигацию, текст, логотип, изображения и иконки, по вашему вкусу. Когда вы наиграетесь с элементами интерфейса, попробуйте убрать направляющие и посмотреть на плоды своей работы. Может возникнуть такая ситуация, что направляющие будут работать против вас. Подстройте их, чтобы они знали своё место.
Шаг восьмой
Доведите шапку страницы до совершенства, добавив в неё изображения, иконки.
Шаг девятый
Я решил добавить голубого цвета в шапке.
Шаг десятый
Теперь можно переходить к оформлению текста. Определите, как будут выглядеть заголовки и ссылки. Я считаю, что лучше сразу сделать это, чтобы потом можно было сосредоточиться на разработке сайта (когда прийдёт время).
Шаг одиннадцатый
Существует несколько способов подготовки дизайна для WYSIWYG-редакторов (например, Adobe Dreamweaver). Первый предполагает использование слайсов (Slice). Их можно создать с помощью тех же направляющих или выделением. Сделаем с помощью направляющих: перетащим и расположим их вокруг каждого элемента-ссылки на странице. В нашем примере, все четыре иконки являются ссылками: ведут на отдельные страницы на нашем сайте.
Шаг двенадцатый
Когда вы разметите направляющими нужные блоки на странице, можно превратить их в настоящие слайсы. Для этого используем команду Object > Slice > Create from Guides. Я заметил, что Illustrator может не сделать соответствующие слайсы по первому требованию, поэтому я повторяю эту операцию три или четыре раза. Когда всё будет готово, появятся чёрные пронумерованные блоки.
Шаг тринадцатый
Для сохранения сделанных слайсов, используйте File > Save for Web & Devices. . Выделяйте с помощью Slice Select Tool (k) нужные для сохранения слайсы. Вы можете выбрать несколько таких блоков, зажав Shift. На панели справа выберите нужные вам параметры сохранения изображений. JPEG, например, больше подходит для изображений с несколькими цветами, GIF — для изображений с маленьким числом цветов и большими однотонными областями, а PNG — для сохранения прозрачности в изображениях (однако же, вам предстоит встретиться с чудаком по имени Internet Explorer в случае использования последней). Выберите нужное вам качество (можете поиграться с настройками) и нажимайте Сохранить.
Шаг четырнадцатый
Выберите место для сохранения файлов. Я выбрал Рабочий стол. Не забудьте выставить в поле Format значение Images Only.
Шаг пятнадцатый
На вашем рабочем столе появится папка с именем Images. Внутри — слайсы, которые теперь стали изображениями.
Шаг шестнадцатый
Очистите все направляющие командой View > Guides > Clear Guides. Далее, нарисуйте направляющие вокруг тех объектов, которые вы намерены разрезать сейчас. При наведении указателя на меню, оно должно менять свой цвет. Вам нужно разрезать его для всех используемых вами оттенков.
Шаг семнадцатый
Выберите слайсы, которые вы хотите сохранить. Навигация в моём примере как раз подходит для сохранения в GIF (не содержит изображений и большого количества цветов). Если вы хотите использовать обычные шрифты, то вам следует оформить нафигацию с помощью HTML.
Шаг восемнадцатый
Назовите изображения как вам угодно. Если вам не хочется этого делать, их имена будут выбраны автоматически.
Шаг девятнадцатый
При сохранении изображений в ту же папку, что и в прошлый раз, она будет содержать и новые, и старые изображения. Не забудьте повторить шаги 16-18 для других состояний кнопок навигации.
Шаг двадцатый
Имейте в виду, что это не единственный вариант развития событий. Вы можете экспортировать слайсы вместе, включая или отключая нужные при редактировании страницы.
Другой метод создания слайсов заключается в выделении объекта и выполнении команды Object > Slice > Create from Selection. Вы можете использовать любой способ для создания слайсов, какой больше нравится.
Шаг двадцать первый
В определённых случаях вам не понадобится написанный прямо в Illustrator текст, поэтому вы его можете спокойно удалить (до экспорта слайсов).
Шаг двадцать второй
Снизу изображение, указывающее на то, что я удалил текст после разметки слайса. Теперь его можно экспортировать.
Крайний шаг
Посмотрите ещё раз на то, что у нас получилось.
Я уверен, что вы почувствовали лёгкость при работе с Adobe Illustrator. В нём очень просто создавать макеты любой сложности: вы можете полностью контролировать процесс создания макета страницы.
В этом уроке мы будем рисовать очень осеннюю и теплую иллюстрацию в Adobe Illustrator. Нам предстоит создать осенние листья. Это очень хороший урок для тренировки навыков владения инструментом Mesh/Сетчатый градиент. Это действительно очень мощный инструмент, который открывает потрясающие возможности. Но пользоваться им совсем непросто, зато невероятно увлекательно!
Результат
1. Рисуем лист
Начнем с создания листа при помощи инструмента Gradient Mesh/Сетка градиента.
Шаг 1
Повторяйте шаги, продемонстрированные на картинке ниже. Для начала нарисуйте парусообразную фигуру инструментом Pen/Перо (P).
Добавляйте больше точек и окрашивайте их в указанные ниже цвета. Вам понадобятся следующие цвета:
Шаг 2
Продолжаем создавать прожилки. Выделяйте указанные ниже точки и раскрашивайте их. Используйте цвета:
Шаг 3
Нарисуем левую часть листа тем же способом. Используйте цвета:
Шаг 4
Соедините обе половинки. Получится первая часть листа.
Шаг 5
Дублируйте первую часть листа и отразите ее (Object > Transform > Reflect/Объект>Трансформировать>Отразить).
Шаг 6
Дублируйте отраженный объект и немного измените его левую сторону.
Шаг 7
Объедините первую часть листа и его копию как показано ниже.
Шаг 8
Добавьте объект, который создали последним.
2. Рисуем стебель
Шаг 1
Теперь, когда мы закончили с созданием листа, нам нужен стебель.
Шаг 2
Увеличьте масштаб документа, чтобы изменить черенок стебля, как показано ниже. Используйте цвета:
Шаг 3
Также измените форму и цвета правого конца стебля. Вот оттенки, которые вам понадобятся:
Шаг 4
Возьмите инструмент Warp/Искажение (Shift-R) и используйте указанные ниже параметры, чтобы сделать стебель реалистичнее:
Шаг 5
Наконец выделите пять левых точек и укажите им Opacity/Непрозрачность в 0%.
Шаг 6
Присоедините стебель к листу.
3. Как перекрасить листья
Шаг 1
Создайте копию всего листа. Не снимайте выделение с копии и выберите в меню Edit > Edit Colors > Convert to Grayscale/Редактировать>Редактировать цвета>Преобразовать в градации серого.
Шаг 2
Давайте сделаем этот лист желтым. Для этого выберите в меню Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Коррекция цветов. Выбираем режим RGB, ставим галочку в опции Convert/Конвертировать, и указываем следующие параметры:
Шаг 3
Снова создаем копию листа и на этот раз делаем его оранжевой, используя следующие параметры:
4. Рисуем фон
Шаг 1
Шаг 2
Шаг 3
Создайте копии овала, чтобы нарисовать тень под оранжевым листом.
Шаг 4
Добавьте желтый лист поверх оранжевого и таким же способом создайте тени.
Шаг 5
И наконец красный лист также с тенями.
Шаг 6
Почти готово. Поместите листья на наш фон, и если хотите добавьте несколько кругов в стиле боке. Вы можете узнать как их создавать в этом уроке.
Читайте также: