Как нарисовать иконку карты в Иллюстраторе
В этом уроке мы будем рисовать простую иконку карты в Adobe Illustrator. Мы используем базовые инструменты и фигуры, поработаем с обработкой контуров. Урок подойдет новичкам. Вы сможете попробовать как работают базовые инструменты на деле, и поймете как создавать сложные фигуры из простых.
Как нарисовать иконку карты в Иллюстраторе
Шаг 1
Создайте новый документ, выбрав в меню File > New/Файл>Создать (или нажмите Control-N). В появившемся окне укажите параметры как показано ниже.
Шаг 2
Давайте нарисуем фон для нашей иконки. Для этого нарисуйте круг размером 120 x 120 px и укажите ему цвет заливки #FF8D4D. Теперь отцентруйте его относительно холста по вертикали и горизонтали.
Шаг 3
Нарисуйте прямоугольник размером 40 x 36 px цвета #EDE7E6, и поместите его как показана на картинке ниже.
Шаг 4
Инструментом Direct Selection/Прямое выделение (A) выделите обе правые точки прямоугольника. Кликните по ним правой кнопкой мыши и выберите Transform > Move > Vertical > 12 px/Трансформировать>Переместить>Вертикально>12 px.
Шаг 5
Получившейся фигуре укажите обводку цвета #422C21 и толщиной в 4 px. Также укажите обводке скругленные углы.
Шаг 6
Таким же способом добавляем еще одно сложение карты. Рисуем прямоугольник размером 20 x 36 px (#BFB3B2), выделяем левые точки и перемещаем на 12 px. Также фигур указываем обводку толщиной в 4 px (#422C21).
Шаг 7
Чтобы создать еще одно сложение, просто дублируйте левую часть (Control-C > Control-F) и разместите ее как показано ниже.
Шаг 8
Инструментом Pen/Перо нарисуйте кривую вдоль всей вашей карты. Укажите ей обводку толщиной в 4 px (#422C21).
Шаг 9
Начнем рисовать пин. Создайте круг размером 40 x 40 px и укажите ему цвет заливки #FFC550. Выровняйте его по центру фона и расположите на 16 px ниже верхней точки большого круга.
Шаг 10
Кликните по нижней точке маленького круга инструментом Convert Anchor Point Tool/Преобразовать опорную точку (Shift+C). Так вы сделаете ее углом.
Шаг 11
Инструментом Direct Selection/Прямое выделение (A) выделите нижнюю точку и переместите ее вниз на .
Шаг 12
Настройте манипуляторы, чтобы добиться красивой формы и нужного скругления. Выделите боковые точки и опустите их на 16 px.
Шаг 13
Нарисуйте круг размером 12 x 12 px и расположите его как показано на картинке ниже. Выделите круг и пин и в палитре Pathfinder/Обработка контура нажмите на иконку Minus Front/Минус верхний.
Шаг 14
Укажите фигуре обводку толщиной в 4 px (#422C21).
Результат
Автор урока Andrei Ștefan
Ссылка на источник
Уроки Illistrator. Уроки Adobe Illustrator. Уроки Иллюстратора. Adobe illustrator уроки. Уроки adobe illustrator для начинающих. Adobe illustrator уроки на русском. Видео уроки adobe illustrator. Adobe illustrator уроки для начинающих на русском. Adobe illustrator уроки с нуля. Уроки adobe illustrator cc для начинающих. Adobe illustrator cc 2019 уроки. Уроки adobe illustrator скачать торрент. Уроки по adobe illustrator cc. Adobe illustrator уроки вектор гайд. Уроки рисования adobe illustrator. Adobe illustrator уроки вектор гайд. Уроки векторной графики в adobe illustrator. Adobe illustrator cc 2018 уроки. Adobe illustrator логотип уроки. Уроки adobe illustrator cc 2018 для начинающих. Бесплатные уроки adobe illustrator. Урок 01 что такое adobe illustrator.
Пример HTML-страницы
18 уроков по Adobe Illustrator от профессионалов | by Steak Lab о дизайне и творчестве
Возможно, вам пригодятся уроки по Adobe Illustrator, которые мы нашли.
В этом уроке Руслан Хасанов создает иллюстрацию, чтобы выразить концепцию мультилокализма. Он объясняет, как он перешел от видения к готовым произведениям, используя Photoshop, Illustrator, Dimension, Adobe Stock и традиционные краски.
В этом уроке Illustrator Бен О’Брайен рассматривает, как начать работу с инструментом Puppet Warp и как использовать его различные функции. Он показывает вам, как настраивать персонажей при подготовке к использованию с помощью инструмента, как его использовать для настройки графических линий или объектов, а также как использовать свои навыки, чтобы придать персонажу характер.
В этом уроке иллюстратор Эрик Ван Ден Бум объясняет, как вы можете использовать линии и узоры, чтобы добавить ощущение движения к иллюстрации или обложке.
Здесь вы научитесь создавать многогранный и многоугольный дизайн логотипа, популярный сейчас в сфере цифровых технологий. Шаг за шагом, автор объясняет, как использовать целый ряд инструментов для создания такого дизайна в векторном формате.
Откройте для себя быстрый способ оцифровки буквенных обозначений и логотипов с помощью инструмента Pen Pen для Adobe Illustrator. В этом видеоуроке объясняется, как сэкономить время с помощью этого инструмента.
В этом пошаговом руководстве вы узнаете, как создать плоский фон и добавить к нему смелый текстовый эффект.
В этом уроке Sascha Preuß показывает, как создавать красочных персонажей и сделать их симпатичными: от первоначального эскиза до окончательной окраски.
Создание собственных кистей — отличный способ перевести векторные иллюстрации на следующий уровень.
В этом учебном пособии вы познакомитесь с созданием кисти, которую вы можете использовать для впечатляющего жемчужного ожерелья.
Урок показывает, как использовать инструмент Gradient Mesh для создания красочной круговой сферы, которая также может быть превращена в абстрактную форму с помощью инструмента Warp, готового для использования во всех видах брендинга или арт-проектах.
В этом уроке вы научитесь создавать полностью редактируемый график в Illustrator с помощью инструмента Graph Column. Затем вы будете использовать инструмент Direct Selection Tool и панель Graphic Styles для стилизации основных компонентов диаграммы.
Хотите создать привлекательный заголовок для вашего следующего проекта? В этом учебном пособии вы узнаете, как выбрать высококачественный шрифт, применить уникальную верстку и использовать простой метод согласования цветов.
В этом учебном пособии вы познакомитесь с созданием дизайна логотипа в стиле винтаж для футболки.
В этом уроке Бен О’Брайен показывает, как создавать и готовить обложки виниловых наклеек для украшения вашего дома.
Следуйте по этому списку от Джеффа Херда, чтобы убедиться, что ваши проекты готовы к анимации.
В этом учебном руководстве вы узнаете, как создать пару акварельных кистей и использовать их для создания акварельного текстового векторного эффекта.
В этом уроке Eelco van den Berg приглашает вас, чтобы увидеть, как он создает свои невероятные векторные портреты, превращая фотографию в векторную иллюстрацию.
Используйте инструмент Gradient Illustrator CC, эффекты Inner и Outer Glow и эти отличные методы для создания динамичных 3D-векторных работ.
В этом уроке минималистский итальянский художник Андреа Минини использует инструмент Blend Adobe Illustrator CC, чтобы превратить две простые строки в сложную векторную иллюстрацию цветочного рисунка.
Спасибо за внимание!
Если вам понравилась статья, нажмите кнопку с аплодисментами (можно несколько раз).
Больше информации:
На Сайте: steak-lab.
ru|Во ВКонтакте: vk.com/steaklab|На Telegram-канале: t-do.ru/steak_lab|В Instagram: www.instagram.com/steak_lab|На Facebook: www.facebook.com/SteakLab|В Twitter: twitter.com/steaklab
ru|Во ВКонтакте: vk.com/steaklab|На Telegram-канале: t-do.ru/steak_lab|В Instagram: www.instagram.com/steak_lab|На Facebook: www.facebook.com/SteakLab|В Twitter: twitter.com/steaklabAdobe Illustrator Cc Tutorials дизайны, темы, шаблоны и загружаемые графические элементы на Dribbble
Посмотреть иллюстрацию дизайна персонажей, плоский дизайн
Иллюстрация дизайна персонажей, плоский дизайн
Посмотреть градиенты розового зелья материи | День 3
Градиент розового зелья материи | День 3
Посмотреть логотип совы с круговой сеткой
Круглая сетка с изображением совы
-
Посмотреть #CatalystClass часть 1🥕🥕🥕
#CatalystClass часть 1🥕🥕🥕
Просмотр иллюстрации | Значок Adobe Illustrator CC для Adobe MAX ’19
Иллюстрация | Значок Adobe Illustrator CC для Adobe MAX ’19
Просмотр творческих иллюстраций Adobe
Творческие иллюстрации Adobe
Посмотреть SpeedArt Chicken Cook [Adobe Illustrator и Photoshop]
Куриный повар Speedart [Adobe Illustrator и Photoshop]
View How to: Пурпурная башня замка
Как пройти: Castle Purple Tower
-
Посмотреть УЧЕБНЫЕ ПОСОБИЯ
ОБУЧЕНИЕ
Посмотреть ██ procreate.
art ████ procreate.art ██
Просмотр иллюстрации | Значок Adobe Photoshop CC для Adobe MAX ’19
Посмотреть Color Rush — Дизайн логотипа
Color Rush — дизайн логотипа
Посмотреть иллюстрации приложения Wallet
Иллюстрации приложения Wallet
-
Посмотреть пейзажную иллюстрацию плоского дизайна в Adobe Illustrator cc 2019
Flat Design Пейзажная иллюстрация в Adobe Illustrator cc 2019
Посмотреть у костра в лесу
Костер в лесу
Посмотреть расширение Adobe CC
Adobe CC Рост
Посмотреть логотип, значки и марки The Cloak Room Secondary
Гардероб Второстепенный логотип, значки и штампы
Посмотреть учебник по Illustrator и Photoshop: добавление текстуры и деталей к
Учебное пособие по Illustrator и Photoshop.
Добавление текстуры и деталей кПосмотреть логотип птицы с золотым сечением
Логотип в виде птицы с золотым сечением
View The Cloak Room — концепция логотипа винтажного бара Speakeasy
Гардеробная — винтажная концепция логотипа бара Speakeasy
Просмотреть иллюстрацию девушки с плоским дизайном в Adobe Illustrator CC 2019
Иллюстрация девушки в плоском дизайне в Adobe Illustrator CC 2019
Посмотреть Дизайн этикетки и упаковки масла Nature AZ CBD
Nature AZ Масло CBD Этикетка и коробка Дизайн упаковки
Посмотреть иллюстрацию персонажей плоского дизайна в Adobe Illustrator cc 2019
Иллюстрация персонажа Flat Design в Adobe Illustrator cc 2019
Посмотреть иллюстрацию дома с плоским дизайном в Adobe Illustrator
Иллюстрация дома в плоском дизайне в Adobe Illustrator
art ██
Добавление текстуры и деталей кЗарегистрируйтесь, чтобы продолжить или войдите
Загрузка еще…
Учебники Adobe Illustrator для начинающих 2019 • Блог художественных инструкций
Вот несколько качественных учебных пособий Adobe Illustrator для начинающих по состоянию на 2019 год.
. Я надеюсь, что вы найдете эти уроки полезными, как я знаю.
Последние учебные пособия по Adobe Illustrator 2019
Последние учебные пособия по Adobe Illustrator 2019Посетите этот источник здесь
Изучите Adobe Illustrator за 30 дней ускоренного курса — БЕСПЛАТНО Из Adobe
Учебники по Illustrator Из AdobeПосетите этот источник здесь
13 советов и рекомендаций для начинающих по Adobe Illustrator 2019
13 советов и рекомендаций для начинающих по Adobe Illustrator 2019Автор: tutvid
Если вы новичок в Illustrator, это видео будет идеальным для вас! Мы узнаем о некоторых вещах, которые изменили мою дизайнерскую жизнь в Adobe Illustrator, когда я узнал о них. В этом видео рассказывается о живых фигурах, привязке к точке, навигаторе, глобальных цветах, каллиграфических кистях и многом другом! Подпишитесь на ютуб-канал тутвида здесь.
Adobe Illustrator CC 2019 для начинающих | Руководство по началу работы | 3 Серия
Бесплатный урок для начинающих в Illustator. Не может быть более простого, чем это. Мы расскажем с самого начала: как создать монтажную область, как скопировать монтажную область, как создать текст, как использовать ярлыки, как сохранить в формате pdf или jpg, png и многое другое. Подпишитесь на канал YouTube о технологиях и дизайне.
Эпизод 1
Эпизод 2
Эпизод 3
youtube.com/embed/TuGsO2of6N4?feature=oembed» frameborder=»0″ allow=»accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture» allowfullscreen=»»> Adobe Illustrator CC 2019 НОВЫЕ ВОЗМОЖНОСТИ Учебное пособие
2 Illtor CC Инструмент Pathfinder или Shape Builder | Illustrator CC Tutorial (ОБЯЗАТЕЛЬНО ЗНАТЬ!)
By T&T Tutorials
В сегодняшнем пошаговом руководстве по Adobe Illustrator вы увидите доказательство того, что есть только 3 функции Pathfinder, которые вам нужно знать, потому что вам никогда не понадобятся другие 7 и будут вместо этого можно быстро использовать инструмент Shape builder.