Russian (Pусский) translation by Mavka (you can also view the original English article)
Следуйте этому уроку и узнайте, как создать иконку бублика в Адобе Иллюстратор. Вначале мы создадим обе части бублика, а затем изготовим все ингредиенты для бутерброда: кусочки салата, ломтики сыра и ветчины.
Самая интересная часть заключается в том, чтобы составить бутерброд из бублика, ведь здесь вы можете проявить творчество. Наконец, мы посыпем его сверху семенами кунжута с помощью дискретной кисти. Если вы любите уроки с продуктами питания, так же как я, давайте начнем развлекаться!
1. Начнем новый проэкт
Запустите Иллюстратор и перейдите к Файл > Новый, чтобы открыть пустой документ. Введите имя файла, настройте размеры, выберите Пиксели как Единицы и Цветовой режим как RGB.
Затем перейдите в меню Редактирование > Установки >Основные и установите Перемещение курсора на 1 рх, и перейдите к Единицам измерения, чтобы убедиться, что они установлены, как на следующем рисунке. Обычно я работаю с этими настройками, и они помогут вам в течение всего процесса рисования.
2. Создадим бублик
Шаг 1
Возьмите Эллипс (L) и нарисуйте два круга с указанными размерами. С выделенными кругами, нажмите Горизонтальное выравнивание по центру и Вертикальное выравнивание по центру в панели Выравнивание.
Шаг 2
С все еще выделенными кругами, перейдите в меню Объект> Составной контур> Создать (Ctrl-8), а затем залейте полученную форму светло-коричневым цветом. Я назову ее «бублик-верх», и нам понадобятся дополнительные копии формы на протяжении всего урока.
Шаг 3
С выбранной формой «бублик-верх», добавьте Новую заливку в панели Оформление над первой. Примените показанный радиальный градиент, и далее Эффект> Эскиз> Рельеф и примените параметры со следующего изображения. Установите Режим наложения на Рассеянный свет.
Шаг 4
Добавьте Новую заливку в панели Оформление, используя коричневый цвет; затем установите Режим наложения на Рассеянный свет.
Шаг 5
Опять добавьте Новую заливку и примените указанный цвет, а затем перейдите в меню Эффект> Эскиз> Почтовая бумага и примените параметры со следующего изображения. Установите этот атрибут заливки на Режим наложения Перекрытие и 15% Непрозрачности.
Шаг 6
Для того, чтобы избавиться от пикселизации края, созданной за счет эффекта Почтовая бумага, мы создадим маску. Выберите «бублик-верх», Скопируйте и Вставьте на передний план (Ctrl - F), чтобы сделать копию, а затем удалите все существующие заливки. Теперь выберите обе фигуры и перейдите к Объект> Обтравочная маска> Создать (Control-7). Назовите полученную группу «Бублик Верх».
Шаг 7
Давайте создадим нижнюю часть бублика. Сделайте еще одну копию «бублик-верх» на вашей монтажной области и примените показанный радиальный градиент, чтобы залить ее. Нам не нужно добавлять больше деталей, поскольку большинство из них будет покрыто ингредиентами в бутерброде.
3. Создадим кусок салата
Шаг 1
Возьмите Карандаш (N) и нарисуйте подобную форму, залив ее показанным радиальным градиентом. Воспользуйтесь инструментом Градиент (G), чтобы по необходимости отрегулировать направление.
Шаг 2
С все еще выбранной формой салата, перейдите в Объект> Контур> Создать параллельный контур и примените 1.2 px Смещение для того, чтобы получить немного большую форму. Залейте эту новую форму показанным линейным градиентом, и убедитесь, что она расположена позади первой.
Шаг 3
Теперь, возьмите Перо (P) и нарисуйте несколько фигур, как показано ниже, на листьях салата. Залейте их разными оттенками зеленого цвета (1). Чтобы добавить определенного объема нарисуйте несколько маленьких форм между «волнами» салата, но убедитесь, что вы отправили их на задний план. Примените темный оттенок зеленого цвета для заливки (2).
4. Создадим кусочек сыра
Шаг 1
Используйте Прямоугольник (M), чтобы нарисовать прямоугольник 73 х 150 px, а также примените желтый для цвета заливки. Затем, нарисуйте несколько кругов с помощью инструмента Эллипс (L) и Сгруппируйте (Control-G) их.
Прежде чем продолжить, создайте копию этой группы, потому что она понадобится вам на следующем шаге. Теперь выберите прямоугольник вместе с группой кругов и нажмите Минус верхний в панели Обработка контуров, чтобы получить отверстия в сыре.
Шаг 2
Теперь вам понадобится группа кругов с предыдущего шага (1). Выделите ее и примените Копировать и Вставить спереди (Control-F), чтобы получить другую группу кругов (зеленые). Переместите их немного вниз и вправо (2).
Далее, выделите обе группы и нажмите Исключение в панели Обработка контуров, а затем Разгруппируйте (Shift-Control-G) в меню Объект (3). Удалите все полученные фигуры с нижней правой стороны отверстий, потому что нам они не нужны. Если некоторые формы выходят за край, просто выберите Удалить опорную точку (-) и удалите лишние опорные точки в конце, и сделайте небольшие корректировки в случае необходимости (4). Залейте эти фигуры указанным цветом (5).
5. Создадим ломтик ветчины
Шаг 1
С помощью инструмента Карандаш (N), нарисуйте форму, как на следующем изображении, а также воспользуйтесь показанным линейным градиентом, чтобы залить ее. Переместите некоторые из опорных точек в направлении изнутри с помощью Прямое выделение (A), чтобы создать более реалистичный вид.
Шаг 2
Используйте Карандаш (N) еще раз, чтобы нарисовать фигуру в нижней части. Наконец, выберите форму ветчины и далее Копируйте и Вставьте на передний план (Ctrl-F) затем выберите эту копию вместе с черной формой и нажмите кнопку Пересечение в панели Обработка контуров. Залейте полученную форму показанным линейным градиентом.
Шаг 3
Как и в предыдущем шаге, создайте две новые фигуры и заполните их линейным градиентом, показанным в следующем изображении.
Шаг 4
Возьмите Перо (P) или Карандаш (N) и нарисуйте несколько случайных фигур на ветчине, чтобы добавить больше деталей. Заполните их линейным градиентом, показанным ниже.
6. Составим бублик-бутерброд
Шаг 1
На этом этапе все элементы готовы. Перед тем, как продолжить, Сгруппируйте (Control-G) все формы, составляющие салата и назовите группу «салат»; Сгруппируйте (Control-G) все формы, которые составляют кусочек сыра и назовите группу «сыр», и, как вы уже догадались... сделайте то же самое для «ветчины». Поскольку они в векторной форме, вы можете масштабировать их, если захотите.
Шаг 2
В верхней части «бублик низ», начните располагать кусочки салата. Размножьте группу «салат» столько раз, сколько захотите, и организуйте их, как вам угодно. Вы можете креативить здесь. Также добавьте первый кусочек сыра.
Шаг 3
Давайте добавим несколько теней, по ходу действия, потому что в конце будет сложнее добавить все тени. Лучше работать в слоях.
С помощью Пера (P) или Карандаш (N), нарисуйте два пути вдоль наружного края сыра, но не выходите за край «бублика-низ». Примените к ним 2 pt Обводки, используя показанный цвет, затем выделите Эффект> Размытие> Гауссово размытие с Радиусом 2 px. Отправьте эти два пути позади группы «сыр».
Пока все пути выделены, нажмите Новый стиль графики в нижней части панели Стили графики, чтобы сохранить его для дальнейшего использования. Назовите его Графический стиль Коричневая тень.
Шаг 4
Теперь сделайте копию группы «ветчина» и расположите ее на бублике. При помощи Пера (P) или Карандаша (N), нарисуйте путь в верхнем углу, а затем просто выберите Графический стиль Коричневая тень в панели Стили графики, чтобы добавить тень. Переместите этот путь позади группы «ветчина», но на передний план группы «сыр».
Шаг 5
Нарисуйте еще один контур в нижнем углу, примените к нему 2 pt черной Обводки, а затем примените 2 рх Размытия по Гауссу. Переместите этот путь позади «ветчины», но перед «салатом».
Сохраните стиль в панели Стили графики и назовите его Графический стиль Черная тень.
Шаг 6
Расположите второй кусок ветчины над бубликом, нарисуйте два пути, как на следующем изображении и выберите Графический стиль Черная тень в панели Стили графики, чтобы добавить тени. Переместите эти два пути позади «ветчины».
Шаг 7
Расположите третий кусок ветчины и нарисуйте два пути, как показано ниже. Для черного пути, выберите Графический стиль Коричневая тень, а для синего пути выберите Графический стиль Черная тень. Не забудьте отправить их позади «ветчины», но на передний план первого кусочка (1).
Добавьте еще один кусочек сыра, нарисуйте зеленый путь и выберите для него Графический стиль Коричневая тень. Отправьте этот путь позади "сыра" (2).
Шаг 8
Теперь выделите группу «Бублик Верх» и расположите ее поверх ингредиентов. Не располагайте ее непосредственно над "бублик низ" но сдвиньте ее немного ниже и правее.
7. Добавим тень под верх бублика
Шаг 1
Выделите «бублик-верх» и далее Копировать и Вставить на том же месте (Shift-Control-V). Удалите все имеющиеся заливки и залив его белым цветом, затем перейдите к Эффект> Стилизовать> Тень и примените настройки, показанные ниже. Переместите эту копию позади группы «Бублик-верх».
Как показано стрелками, есть области, где у нас нет ни салата, ни ветчины или сыра, торчащих из бублика, поэтому нет никакой необходимости в тени там. Чтобы сделать тень невидимой в этих конкретных областях, мы создадим маску в следующем шаге.
Шаг 2
Сначала заблокируйте группу «Бублик-Верх» в палитре Слои, или скройте ее в данный момент. Теперь выберите все ингредиенты вашего бублика (в моем случае: 3 х «салата», 3 х «ветчины» и 2 х «сыра»), но без контуров тени, а затем нажмите кнопку Соединение в панели Обработка контуров (1). В результате вы получите составной контур (2).
Далее, выберите белую форму из предыдущего шага вместе с этим составным контуром (который должен быть на передний план) и перейдите в Объект> Обтравочная маска> Добавить (Control-7) (3). Вы можете увидеть конечный результат на следующем изображении (4).
Шаг 3
С помощью Эллипса (L), чтобы нарисуйте круг 57 х 57 px, а затем разместите его в центре бублика. Выберите белый как цвет заливки, затем перейдите к Эффект> Стилизация> Внутреннее свечение и примените настройки, показанные ниже. В панели Оформление, измените Режим наложения белой заливки на Умножение, чтобы сделать ее прозрачной. Нам нужно, чтобы просматривалась только тень.
8. Добавьте семена кунжута на бублик
Шаг 1
Возьмите Перо (P) и нарисуйте кунжутобразную форму, а затем меньшую форму сверху. Воспользуйтесь указанными цветами для заливки этих форм, и создайте белое и черное зерно кунжута. В 100% просмотре семена очень мелкие, поэтому примите к сведению этот факт.
Перетащите белый кунжут в панель Кисти и выберите Новая дискретная кисть. Введите имя кисти и установите Поворот относительно Контура. Оставьте другие настройки, как есть, и нажмите кнопку ОК. Повторите то же самое с черным кунжутом.
Шаг 2
Возьмите Карандаш (N) и нарисуйте случайный контур поверх «Бублик Верх» и обведите его Дискретной кистью Кунжут, сохраненной ранее. Установите Толщину Обводки на 1 pt, цвет мазка не важен. Откройте окно Обводки в панели Оформление и измените настройки для того, чтобы рассеять семена как можно больше. Играйте с настройками, пока вам не понравится конечный результат.
Шаг 3
С все еще выбранным путем, нажмите кнопку Добавить новую обводку в панели Оформление . Воспользуйтесь той же Дискретной кистью Кунжут, но откройте окно опций Обводки и выберите различные настройки. Это добавит больше семян кунжута на бублик.
Шаг 4
Давайте добавим несколько черных семян кунжута. В панели Оформление нажмите Добавить новую обводку и на этот раз примените Дискретную кисть Черный кунжут, сохраненную ранее. Откройте окно Обводки и поиграйте с настройками.
Шаг 5
С все еще выделенным путем, выберите Разобрать оформление в меню Объект . В результате три обводки превратятся в три группы семян. Дважды щелкните по одному из семян несколько раз, чтобы войти в Режим изоляции, пока вы не выберете отдельные семена и удалите те, которое идут по краю бублика.
Когда вы закончите, выйдите из Режима изоляции, нажав на стрелку Назад на один уровень в левом верхнем углу монтажной области.
Шаг 6
Снова, выделите всю группу семян кунжута и перейдите в Эффект> Стилизация> Тень. Примените настройки с изображения ниже и нажмите кнопку OK.
9. Добавим тень под бутерброд-бублик
Шаг 1
Выделите составной контур, который вы сделали в начале урока, используя все ингредиенты в бутерброде, а затем Скопируйте и Вставьте в то же место (Shift-Control-V). Отправьте новую копию на задний план, перейдя в Объект> Монтаж> На задний план (Shift-control-[) (1).
Теперь выберите «бублик-низ», а затем Скопировать и Вставить на задний план (Control-B) (2). Пока эти две копии выбраны, нажмите Соединение в панели Обработка контуров, чтобы получить новый составлен путь (3).
Шаг 2
Выделите «бублик-верх», и затем Скопируйте и Вставьте в то же место (Shift-Control-V). Отправьте новую копию назад, перейдя в Объект> Монтаж> На задний план (Shift-control-[) (1). Теперь выберите составной контур из предыдущего шага вместе с копией «бублик-верх» и снова нажмите кнопку Соединение в панели Обработка контуров (3).
Шаг 3
Форма теперь готова. Выберите черный цвет заливки, а затем перейдите к Эффект> Стилизация> Тень. Применить этот эффект дважды, используя настройки, показанные ниже. В панели Оформление, установите Непрозрачность для черной Заливки на 0%.
Шаг 4
Нарисуйте прямоугольник на новом слое позади бублика и примените показанный радиальный градиент, чтобы залить прямоугольник для создания фона (1). Вы, конечно, можете добавить еще один фон, если хотите.
С помощью Эллипса (L), нарисуйте новый круг 57 х 57 px, и расположите его в центре бублика. Отправьте круг позади всего, перейдя в Объект> Монтаж> На задний план (Shift-control- [). Выберите черный цвет заливки и установите его Режим наложения на Перекрытие (2). Это немного более затемнит площадь в центре бублика (3).
Поздравляю! Вы закончили!
Иконка бутерброда закончена. Я надеюсь, ее создание было для вас развлекающим, поэтому не забудьте поделиться изображением с нами. Я хотела бы увидеть ваши повторные произведения. Также, дайте мне знать, если вы хотите получить больше уроков, связанных с едой в будущем.
Вы голодны сейчас?
