Статьи, приемы, хитрости и Уроки по Photoshop, Illustrator, Web дизайну и кодингу.

(Часть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)

(Часть1) Создание иллюстрации мелков в Adobe Illustrator

Последнее изменениеВторник, 15 Июль 2014 17:41
  • Оцените материал
    (0 голосов)
  • Опубликовано в Vector
  • Прочитано 3662 раз
SeRbGa

SeRbGa

мечтатель

Сайт: www.serbga.ru

Оставить комментарий

You have no rights to post comments

Наверх

Популярные статьи

  • 1
  • 2
  • 3
  • 4

последние комментарии

ON-Line Блог SeRbGa.ru предоставляет самую свежую и актуальную информацию для веб-дизайнеров и разработчиков в виде тематических материалов, уроков созданных собственноручно, а так же переводов статей и новостей, полученных с зарубежных информационных ресурсов.

Копирование материалов сайта разрешено только с указанием активной индексируемой гиперссылки на данный сайт!

ДИСКЛЕЙМЕР/DISCLAIMER:

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