Как рисовать мелом в иллюстраторе (Adobe Illustrator)?


В этом уроке мы научимся создавать меню, написанное на доске мелом в Adobe Illustrator. Мы будем использовать базовые инструменты программы, а также эффекты. Это простая техника, которая дает весьма симпатичные результаты. Усвоив ее вы сможете создать любой дизайн в похожем стиле.
А выполнение урока наверняка принесет вам массу удовольствия! Особенно часть с рисованием мелками.. Создайте новый документ размером 600x600px и в цветовом режиме (Color Mode) CMYK.. Создайте прямоугольник при помощи инструмента Rectangle/Прямоугольник (M). Залейте его любым цветом.. Дублируйте его и на время забудьте о копии, мы вернемся к ней позже.. В меню выберите Effect > Stylize > Drop shadow (Эффект>Стилизация>Тень) и укажите следующие параметры:. Поместите в документ текстуру дерева, которую можно скачать здесь.
Возьмите копию прямоугольника, который мы создали в предыдущем шаге и поместите его над текстурой. Выделите текстуру и прямоугольник и в меню выберите Objects > Clipping Mask > Make(Объект>Обтравочная маска>Создать).. Вот что должно получиться:. Копируйте (Ctrl/Cmd + C) текстуру дерева и вставьте ее на передний план (Ctrl/Cmd + F). Укажите ей режим наложения Multiply/Умножение.. Создайте новый прямоугольник цвета #2A2A2A. Дублируйте его и на время забудьте о копии..
Укажите прямоугольнику обводку толщиной в 3,5pt и укажите обводке градиент как показано ниже.. Не снимая выделения с объекта, выберите в меню Effect > Stylize > Inner Glow(Эффект>Стилизация>Внутреннее свечение) и настройте эффект как показано ниже.. Выделите копию прямоугольника, разместите ее на переднем плане, затем в меню выберите Effect > Artistic > Rough Pastel(Эффект>Имитация>Пастель). Настройте эффект следующим образом:. Укажите прямоугольнику с текстурой режим наложения Soft light/Мягкий свет и Opacity/Непрозрачность в 30%. Затем в меню выберите Effect > Stylize > Inner Glow(Эффект>Стилизация>Внутреннее свечение) и укажите настройки как показано ниже:. Возьмите инструмент Paintbrush/Кисть (B) и нарисуйте произвольные линии на доске, как показано ниже.
Выделите все штрихи, выберите в меню Brush Library > Artistic > Artistic_Watercolor(Галерея кистей>Имитация>Акварель), и примените кисть Watercolor Stroke 6.. Укажите кисти толщину в 1pt и Opacity/Непрозрачность в 2%.. В этом шаге мы создадим текст. В примере использован шрифт «Myriad Pro» для слова «Menu». Укажите тексту цвет заливки #FFFFFF и толщину обводки в 1pt.. Откройте галерею кистей Artistic_ChalkcharcoalPencil (Уголь и мел) и примените к обводке кисть Pencil – Feather, убрав Opacity/Непрозрачность до 80%.. Копируйте (Ctrl/Cmd + C) слово «Menu» и вставьте копию на задний план (Ctrl/Cmd + B).
Укажите тексту цвет #000000 и чуть сместите его вправо.. Повторите предыдущий шаг для слова «Healthy food», только на этот раз выберите кисть «Pencil».. Копируйте (Ctrl/Cmd + C) слова «Healthy food» и вставьте их на задний план (Ctrl/Cmd + B). Укажите тексту цвет #00ADEF и чуть сместите его вправо.. Возьмите инструмент Star/Звезда и нарисуйте три звездочки. Затем инструментом Pen/Перо (P) нарисуйте две линии.. Укажите обводке линий и звезд цвет #FFFFFF и примените к обводке кисть «Pencil – Thick»..
Инструментом Rectangle/Прямоугольник (M) создайте прямоугольник, а инструментом Ellipse/Эллипс (L) — четыре круга по его углам, как показано на картинке ниже.. Выделите прямоугольник и четыре круга и в меню выберите Windows > Pathfinder > Minus Front(Окно>Обработка контура>Минус Верхний).. Укажите получившейся фигуре отсутствие заливки и обводку цвета #FFFFFF. Примените к обводке кисть «Pencil – Feather» и снизьте Opacity/Непрозрачность до 50%. Дублируйте фигуру и уменьшите копию. Должно получиться как на картинке ниже:. Возьмите инструмент Pen/Перо (P) чтобы создать линии как показано ниже..

Укажите им обводку цвета #FFFFFF и примените кисть «Pencil – Feather». Дублируйте это солнышко и разместите копии по всем углам доски.. В этом шаге мы будем рисовать фрукты и овощи. Это просто. Возьмите инструмент Brush/Кисть (B) и рисуйте в простом схематичном стиле. Раскрашивайте овощи и фрукты при помощи цветов обводки, но не заливки. Используйте кисть «Pencil – Thickfor».
Вот что примерно должно у вас получиться:. Разместите фрукты и овощи на доске.. Теперь продолжим, используя шрифт «Myriad Pro», чтобы создать пунктирную линию и указать цены.. Укажите обводке текста цвет #FFFFFF толщиной в 0.25pt и примените кисть «Pencil».. Возьмите инструмент Rounded rectangle/Прямоугольник со скругленными углами, чтобы нарисовать мел. Залейте его градиентом, указанным ниже.. Не снимая выделения с мела, выберите в меню Effect > Stylize > Drop shadow(Эффект>Стилизация>Тень) и введите следующие параметры:.
Теперь создадим фон. Инструментом Rectangle/Прямоугольник (M) кликните где-нибудь в рабочей области и в появившемся окне введите желаемый размер фигуры: 600 x 600 px.. В палитре Swatches/Образцы найдите Open Swatches Library > Gradients > Skintones(Открыть галерею образцов>Градиенты>Оттенки кожи). Выберите «Skintone 11» и залейте им прямоугольник. Пошлите прямоугольник на задний план.. Результат превосходит себя:. Буду рад видеть ваш результаты..
1. клонированные элементы. 2. тень на мелке почему-то сверху. 3. тень у доски почему-то вокруг доски. 4.
«мультиплей» в данном случае выдал два неприятных серых пятна на доске, может, стоило что-то другое посоветовать?. 5. ровные углы у текста, нарисованного мелками?)). бро, ты потерял букву «l» в «healthy» . А мне показалось, что так специально и задумано.. это все равно, что написать здороая еда, или поезная пища. Ну так, это выглядит как какой-то бренд или что-то вроде того..
возможно меня закидают какахами, но имхо — херня вышла. . Скажите, пожалуйста, в чем смысл подобных перепостов с Дежурки? Я бы поняла, если бы Вы делали что-то свое на основе найденных уроков, создали новое, но Вы просто тупо скопировали текст и скрины с одного сайта на другой (а сайт, между делом, эту статью перевел), при этом еще и ник свой ставите в тегах, как будто это Ваша заслуга. . Многие художники/дизайнеры на стадии обучения копируют, но Вы ничему не научитесь, если не будете анализировать и перерабатывать полученную информацию. . Вызывайте модератора тогда, если человек и правда ворует контент. Только ссылку приведите. Я действительно беру контент с сайта.Но я в конце поста выкладываю ссылку откуда я тырю информацию.Если же перейти на сайт с которого я беру контент,то там сказано,что при использовании ихнего контента указывайте ссылку сайта,что я и сделал.Так что я считаю,что ко мне предъявлений со стороны сайта не должно быть.. А ворую с сайтов лишь по тому,что средний пикабушник не просматривает и половины сайтов с данным контекстом.А что бы проявить интерес у пикабушников,я выкладываю посты с тех сайтов..
Ссылка стоит в самом конце, в тегах нет никакого указания, что это чужой урок или «не мое», зато ник Ваш почему-то есть. Большая часть аудитории не станет даже разбираться, а автоматически посчитает Вас автором. . После вот таких вот постов, сайты дизайнерской тематики теряют в посещаемости, так как по запросу Гугл автоматом показывает ссылку на Пикабу.В любом случае, дело Ваше, лишь интересно, какой в этом интерес? нарубить лайков, копируя чужие идеи без проблеска своих собственных? Только вот не надо говорить о том, что пробуждаете интерес здешних посетителей — те, кому это действительно нужно, сами найдут и уроки, и сайты. Вы лишь даете им рыбку вместо удочки, при этом даже не являясь рыбаком. . Вот бы еще в хтмл это сверстать . да ты охренел — кабачки по 2 бакса!. у большинства «крутых дизайнеров» почему то страдает юзабилити.