(Часть1) Создание иллюстрации мелков в Adobe Illustrator
В этом уроке Вы изучите, как создать иллюстрацию мелков в Adobe Illustrator и еще кое-какие приемы работы в программе.
Начинающие узнают как установить простую сетку и как создать основные формы используя основные инструменты и эффекты. Используя основное смешивание и векторные методы создания формы Вы изучите, как добавить гладкие элементы и блики для существующих форм. Дальше, Вы изучите как работать с линейными градиентами и как добавить тонкую текстуру для некоторых форм. Наконец изучите, как добавить фон к иллюстрации и как добавить тонкую штриховку для Ваших мелков.
1. Новый документ и установка сетки
Нажмите Ctrl-N, чтобы создать новый документ. Выберите Pixels из выпадающего меню Units, введите 600 в поле ширины и 570 в поле высоты, щелкните по кнопке Advanced. Выберите RGB, Screen (72 пкс/дюйм) и удостоверьтесь, что флажок Align New Objects to Pixel Grid снят, прежде чем Вы нажмете "OK"
Включите Сетку (Просмотр> Показать Сетку) Grid (View > Show Grid) и Выравнивание по Сетке Snap to Grid (View > Snap to Grid). Нужна сетка в 5 пкс, поэтому идите в меню Редактирование> Установки>Направляющие и сетка - Сетка (Edit > Preferences > Guides > Grid), введите 5 в поле Gridline every (линии через каждые) и 1 в поле Subdivisions (внутреннее деление). Такая сетка будет упрощать Вашу работу и ее можно легко включить или отключить используя Ctrl + " (кавычки). Вы должны также открыть панель Info (Окно> Информация) для живого предварительного просмотра размеров и позиций Ваших форм. Не забудьте устанавить единицу измерения в пикселях в меню Редактирования>Установки> Модули> Общие.
2. Создание основной формы мелков
Шаг 1
Выберите Инструмент "Прямоугольник" (M) и на Панели инструментов удалите цвет изобводки, потом выбираем заливку и ее цвет будет R=39 G=170 B=225. Переместитесь в рабочую область и создайте прямоугольник 15 на 130 пкс, функция Snap to Grid должна упростить Вашу работу.
Шаг 2
Установите цвет заливки в R=255 G=194 B=223, удостоверьтесь, что Инструмент "Прямоугольник" (M) все еще активен и создайте четыре формы 15 на 5 пкс. Поместите эти новые прямоугольники как показано на картинке.
Шаг 3
Повторно выберите эти пять прямоугольников и сгруппируйте их Ctrl-G. Удостоверьтесь, что Ваша группа выбрана и перейдите в меню Эффект> Деформация> Выпуклость. Введите свойства как на картинке и нажмите "OK".
Шаг 4
Повторно выберите свою группу и идите в меню Object>Expand Appearance (Объект>Разобрать оформление). Тепрь нажмите дважды Shift-Control-G что бы разгруппировать объекты. В панели Layers и избавляется от этих пяти, нижней части, синих форм. Вы будете только нуждаться в основных синих формах и этих четырех, розовых.
Используя Инструмент Прямое Выделение (A), выберите синюю форму теперь на панели управления (Включается в меню Окно) установите Углы в 1 пкс.
Шаг 5
Далее нужна сетка в 1 пкс, поэтому идите в меню Редактирование> Установки>Направляющие и сетка - Сетка (Edit > Preferences > Guides > Grid), введите 1 в поле Gridline every (линии через каждые) и 1 в поле Subdivisions (внутреннее деление).
Выберите цвет переднего плана в R=255 G=192 B=66, выберите Инструмент "Прямоугольник" (M) , создайте объект 13 на 5 пкс и поместите его как показано на картинке. Выбираем ее и идем в меню Эффект>, Стилизация> Закругленные углы. Введите Радиус 1 пкс, нажмите "OK" и идите в меню Эффект> Деформация> Дуга Вниз. Введите свойства, как на картинке, нажмите "OK"далее поместите ее под синим объектом.
Шаг 6
Выберите цвет переднего плана в R=127 G=79 B=163, выберите Инструмент "Прямоугольник" (M) , создайте объект 13 на 5 пкс и поместите его как показано на картинке. Выбираем ее и идем в меню Эффект>, Стилизация> Закругленные углы. Введите Радиус 1 пкс, нажмите "OK" и идите в меню Эффект> Деформация> Дуга Вниз. Введите свойства, как на картинке, нажмите "OK"далее поместите ее под синим объектом.
Шаг 7
Выберите цвет переднего плана в R=57 G=181 B=74, выберите Инструмент "Прямоугольник" (M) , создайте форму 11на 15 пкс и поместите его как на рисунке. Используя Инструмент Прямое Выделение (A) выберите левую точку привязки и перетащите ее на 4 пкс вправо, а другую точку на 4 пкс налево. В конце Ваш зеленый прямоугольник должен превратиться в трапецию. выберите эту форму и поместите под фиолетовый объект Ctrl - [ (это называется Монтаж - Ctrl - [ помещает объект вниз, а Ctrl - [ - вверх).
3. Добавьте тонкие выделения для основных форм мелков
Шаг 1
Отключите Сетку (Просмотр> Скрыть Сетку) Grid (View > Show Grid) и отключите Выравнивание по Сетке Snap to Grid (View > Snap to Grid)
Повторно выберите свой зеленый трапецоид и сделайте его копию (Ctrl-C> Ctrl-V). Выберите фиолетовую форму и идите в меню Объект> Путь> Путь Смещения (Object > Path > Offset Path). Введите Смещение на 1 пкс и нажмите "OK". Выберите получающуюся форму вместе с копией, сделанной в начале шага, откройте панель Pathfinder (Окно>Обработка контуров) и нажмите кнопку Intersect (область пересечения фигур). Удостоверьтесь, что получающаяся форма остается выбранной переходите на панель Appearance Оформление (Окно> Оформление). Замените существующий цвет заливки черным цветом (R=0 G=0 B=0), просто щелкните по той части "Непрозрачности" текста, чтобы открыть панель Transparency (прозрачность). Измените Режим Смешивания на Мягкий Свет и понизьте Непрозрачность до 70%.
Шаг 2
Повторно выберите свою фиолетовую форму и сделайте две копии (Ctrl-C> Ctrl-V> Ctrl-V). Выберите главную копию и переместите ее 1 пкс, вниз используя кнопку стрелки вниз от Вашей клавиатуры. Повторно выберите обе копии, сделанные на этом шаге и щелкните Вычесть из фигуры (Minus Front) кнопка на панели Pathfinder. Устанавите цвет заливки белым (R=255 G=255 B=255) и понизьте его Непрозрачность до 40% и измените Режим Смешивания на Мягкий Свет.
Шаг 3
Выберите свою фиолетовую форму и сделайте копию (Ctrl-C> Ctrl-V) тогда выбирите синюю форму и идите в меню Объект> Путь> Путь Смещения (Object > Path > Offset Path). Введите Смещение на 1 пкс и нажмите "OK". Выберите получающуюся форму вместе с копией, сделанной в начале шага и нажмите кнопку Intersect (пересечение) в панели Pathfinder. Замените существующий цвет заливки черным цветом, понизьте его Непрозрачность до 70% и измените Режим Смешивания на Мягкий Свет.
Шаг 4
Повторите шаг 3 для желтого объекта.
Шаг 5
Повторно выберите свою синюю форму и сделайте две копии (Ctrl-C> Ctrl-V> Ctrl-V). Выберите главную копию и переместите ее на 1 пкс используя кнопку стрелки вверх и щелкните кнопку Вычесть из фигуры на панели Pathfinder, устанавите цвет заливки белым, понизьте его Непрозрачность до 40% и измените Режим Смешивания на Мягкий Свет.
Шаг 6
Повторите шаг 5 вверху нашего мелка.
4. Добавляем цвет и текстуру для основных форм мелка
Шаг 1
Выберите розовые формы, откройте панель Gradient (Окно> Градиент) и просто щелкните по миниатюре градиента, чтобы добавить значение по умолчанию (линейный градиент от черного к белому). Сделайте градиент как на картинке - выберите левый ползунок градиента и выберите цвет R=80 G=80 B=80, потом правый ползунок градиента и тот же цвет. Просто щелкните на панели градиента, чтобы добавить новый ползунок градиента и установите цвет в R=30 G=30 B=30, устанавлите его в 15% слева. Следует иметь в виду, что синие числа Градиента отображают процентную полосу расположения ползунков. Далее как на картинке.
Шаг 2
Выберите свою синюю форму, сделайте копию (Ctrl-C> Ctrl-V) и перенесите ее на передний план (Ctrl-]). Далее идите в панель Appearance.
Выберите существующую заливку и замените синий черным. Понизьте его Непрозрачность до 5% измените Режим Смешивания на Наложение и идите в Эффекты> Путь> Путь Смещения (Effect > Path > Offset Path). Введите Смещение-1px, нажмите "OK" далее идите в меню Эффекты> Имитация >Зернистость фотопленки) (Effect > Artistic > Film Grain). Введите атрибуты, как на картинке, нажмите "OK" и возвратитесь к панели Appearance. Добавьте вторую заливку для своей формы используя кнопку Add New Fill. Выберите эту новую заливку и выберите цвет R=60 G=36 B=21. Понизьте его Непрозрачность до 30% измените Режим Смешивания на Затемнение потом идем в Эффекты> Путь> Путь Смещения. Введите Смещение-1px, нажмите "OK" и идите в меню Эффекты> Эскиз> Почтовая Бумага. Введите свойства, как на картинке и нажмите "OK".
Шаг 3
Повторно выберите свою синюю форму и замените существующий цвет заливки линейным градиентом, показанным в следующем изображении. Не забывайте, что синие числа от Градиента отображают стенд для процента Расположения.
Шаг 4
Выберите свою желтую форму и замените существующий цвет заливки линейным градиентом как на картинке. Вы должны будете сохранить этот сложный градиент, поэтому на панели Gradient щелкните по той миниатюре градиента, просто перетащите ее в панели Swatches (Окно> Образцы) и Ваш градиент будет сохранен.
Шаг 5
Выберите свою фиолетовую форму и замените существующий цвет заливки Вашим сохраненным линейным градиентом на панели Swatches. Вы должны внести только одно изменение для этого градиента. Просто выберите ползунок, расположенный в 70% и перетащите его в 65%.
Шаг 6
Повторно выберите все формы, сделанные до сих пор и копируйте их (Ctrl-C> Ctrl-V). Выберите только копии и нажмите кнопку Unite от панели Pathfinder. Заполните получающуюся форму черным цветом и на панели Layers переименуйте его в "тень" и выключите его видимость. она потребуется нам позже.
Шаг 7
Включите Сетку (Просмотр> Показывать Сетку) и удостоверьтесь, что Привязка к Сетке остается отключенной. Выберите свою зеленую трапеию и Сетчатый градиент Mesh Tool (U). Просто щелкните по главной стороне своей формы и сделайте как на картинке.
Шаг 8
Выберите Инструмент Прямое выделение (A). Выберите точки петли один за другим и добавьте цвета как на картинке.
Шаг 9
Повторно выберите все свои видимые формы и сгруппируйте их (Ctrl-G). Переместитесь в панель Layers и переименуйте ее в "основную" группу, включите видимость для своей "теневой" формы.
Шаг 10
Поместите тень под основную форму и объедение их в группу (Ctrl-G). А на панели Layers переименуйте эту новую группу в "мелок".
Итак мелок готов. В следующем уроке будем доделывать иллюстрацию
по материалу Andrei Marius (www.tutsplus.com)