Баскетбольная иконка в Adobe Illustrator
9 апреля 2017 | Опубликовано в Уроки | 1 Комментарий »
В этом уроке мы будем рисовать иконку баскетбольного мяча в Adobe Illustrator. Это довольно простой урок, он подойдет новичкам, а также тем, кто испытывает сложности со стильным минимализмом в Adobe Illustrator. Несколько таких уроков помогут вам поймать этот специфический стиль, который к сожалению не так прост в исполнении как кажется. Мы будем работать с обработкой контура и обтравочными масками, так что будет интересно.
Результат
Шаг 1
Создайте новый документ, нажав Control-N. Укажите параметры для нового документа как показано на картинке ниже.
Шаг 2
Теперь мы можем начать работу над иконкой. Инструментом Ellipse/Эллипс создайте круг размером 120 x 120 px и цветом заливки #96E5ED. В палитре Align/Выравнивание выберите Align to Artboard/Выравнивание относительно страницы, затем кликните по иконкам выравнивания по вертикальному и горизонтальному центрам.
Шаг 3
Инструментом Rounded Rectangle/Прямоугольник со скругленными углами нарисуйте разные по длине прямоугольники, высотой в 8 px. Укажите радиус скругления углов в 4 px. Также укажите прямоугольникам цвет заливки #EDF8F9. Разместите прямоугольники примерно так как показано на картинке ниже.
Шаг 4
Инструментом Rectangle/Прямоугольник дорисуйте прямоугольники, соединяющие некоторые созданные в предыдущем шаге фигуры. Пусть они также будут высотой в 8 px и с тем же цветом обводки (#EDF8F9).
Шаг 5
Из обычных прямоугольников вырезать круги. Для этого нарисуйте круг размером 8 x 8 px (в примере он красного цвета), наложите на край прямоугольника, как показано ниже. Выделите прямоугольник и круг, и в палитре Pathfinder/Обработка контура кликните по иконке Minus Front/Минус верхний.
Шаг 6
Мы хотим чтобы облака, которые мы нарисовали, были видны только внутри круга. Для этого нам нужно указать им маску. Выделите все облака и нажмите Control-G, чтобы сгруппировать их. Теперь выделите круг и копируйте его (Control-C), затем вставьте копию на передний план (Control-F). Не снимая выделения с круга нажмите Shift+ctrl+]. Так вы поместите круг на передний план. Выделите его и группу облаков, кликните по ним правой кнопкой и выберите Make Clipping Mask/Создать обтравочную маску. Выделите все что мы создали до этого момента и сгруппируйте (Control-G).
Шаг 7
Рисуем мяч. Начнем с круга размером 56 x 56 px и цветом обводки #F77B54. Выровняйте круг по горизонтали по центру, а по вертикали расположите его на 28 px ниже края большого круга.
Шаг 8
Инструментом Line Segment/Отрезок нарисуйте две линии как на картинке ниже, толщиной в 4 px и цветом обводки #302724.
Шаг 9
Нарисуйте два круга размером 40 x 40 px (те же параметры обводки и без заливки), центром которых будут крайние правая и левая точки мяча.
Шаг 10
Выделите обе линии и два круга и сгруппируйте их (Control-G). Дублируйте круг мяча, пошлите его на передний план, выделите круг и группу и создайте обтравочную маску. Так как мы сделали в Шаге 6. Но на этот раз мы хотим, чтобы линии и круги были видны только в пределах круга мяча.
Шаг 11
Создайте еще одну копию основного круга мяча (Control-C, Control-F) и укажите копии обводку цвета #302724 и толщиной в 8 px, без заливки. Выделите все элементы, составляющие мяч и нажмите Control-G.
Шаг 12
Завершите иконку, нарисовав маленькие линии толщиной в 4 px и цветом заливки #302724 со скругленными концами (Round Cap), на расстоянии 20 px друг от друга. Сгруппируйте их и разместите как показано ниже.
Результат
Автор урока Andrei Ștefan
Перевод — Дежурка
Смотрите также:
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
549
- Насколько важно сегодня использовать Web Safe цвета?
538
- 20 наборов кистей для Фотошопа, которые вам пригодятся
530
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191