в

Создаем набор иконок по стоматологическому уходу

Final product image

Пожалуй, все мы знаем популярное высказывание, что здоровье – это богатство. Мы все понимаем и помним, насколько верно это высказывание, но часто нам необходима мотивация или напоминание, чтобы жить здоровой жизнью.

Ежедневная гигиена является одним из основных требований к здоровью. В этом уроке мы научимся использовать простые фигуры, эффекты искажения и различные функции панели Обработка контуров для создания этих иконок. Мы напомним себе и окружающим людям: «Здоровая улыбка, здоровые вы».

Как бы там ни было, давайте начнем!

1. Создаём иконку зубной нити.

Шаг 1

Откройте Адобе Иллюстратор и создайте Новый Документ с 850×850 Высоты и Ширины.

Мы начнём с создания иконки зубной нити. Используя инструмент Прямоугольник со скруглёнными углами, создайте светло-серый прямоугольник с скруглёнными углами. Примените показанный ниже цвет Заливки. Снова нарисуйте линию на нашем прямоугольнике, используя инструмент Отрезок линии (\). Не забудьте удалить цвет заливки и выбрать любой цвет обводки. Цвет и толщина этой линии не имеют значения.

Теперь выберите скругленный прямоугольник и линию, и нажмите Разделение в панели Обработка контуров. После этого, клацните правой кнопкой мыши, и Разгруппируйте. Наш скругленный прямоугольник будет разделен на две части по размещенной вами линии. Наконец, выберите верхнюю часть прямоугольника, и смените цвет на голубой.

creating the dental floss box

Шаг 2

На вершине разделенного скругленного прямоугольника, добавьте два других таких же прямоугольника, заполненные цветами, показанными ниже. Чтобы получить скругленный прямоугольник с очень круглыми углами, нарисуйте вначале маленький округлый прямоугольник, и затем растяните его. Или вы можете перейти в меню View > Show Corner Widget (Просмотр > Показать виджет углов) и изменить углы, перетащив их внутрь.

adding the volume

Шаг 3

Поверните два белых скругленных прямоугольника, как показано ниже. Далее добавьте другой темно-серый прямоугольник под верхней частью, используя инструмент Прямоугольник (M). Разместите его позади, выделите и нажмите Ctrl-X, Ctrl-B.

Наконец, возьмите инструмент Карандаш (N) и нарисуйте нить, прикрепленную к этому прямоугольнику, без цвета Заливки. В завершение, поместите нить на заднем плане (Control-X, Control-B). Теперь она готова к использованию!

creating the floss of the dental floss box

2. Создаем иконку тюбика зубной пасты

Шаг 1

Для тюбика зубной пасты мы используем светло-серый прямоугольник, созданный с помощью инструмента Прямоугольник (M). Теперь мы деформируем этот прямоугольник.

Во-первых, используйте эффект Выпуклость. Выберите прямоугольник и перейдите в Эффект> Деформация> Выпуклость. В новом окне отрегулируйте показанные параметры. Разберите эту форму (Объект>Разобрать оформление).

creating the toothpaste tube shape

Во-вторых, мы используем эффект Дуга вверх. Удерживая выбранную фигуру, перейдите в Эффект> Деформация>Дуга вверх. В новом диалоговом окне смените параметры на те, которые вы видите на изображении ниже.

Разберите эту форму еще раз (Объект>Разобрать оформление).

creating the toothpaste tube shape 2

Шаг 2

На нижней части тюбика прикрепите еще один тонкий серый прямоугольник. Для того, чтобы выделить этот прямоугольник, создайте немного меньшую Копию этого, измените цвет на светло-коричневый, и разместите его позади оригинала, слегка сдвинув вверх.

creating the toothpaste tube shape 3

Шаг 3

Чтобы создать логотип зубной пасты, мы начнем с использования инструмента Эллипс (L), нарисовав овал. Давайте деформируем этот овал с помощью эффекта Флаг. Перейдите в Эффект> Деформация> Флаг, и введите параметры, показанные ниже.

creating the toothpaste tube logo

Разместите форму по центру тюбика.

placing the logo

Шаг 4

Теперь нам нужен колпачок тюбика. Просто создайте синий прямоугольник и примените эффект Дуга вверх: для этого перейдите в Эффект> Деформация> Дуга вверх и настройте необходимые параметры.

creating the cap

Разместите этот колпачок поверх тюбика. Вы только что создали тюбик зубной пасты! 

placing the cap

3. Создаем иконку зуба

Шаг 1

Чтобы создать форму зуба, создайте скругленный прямоугольник и измените его. Здесь мы будем использовать эффект Рыба: перейдите в Эффект> Деформация> Рыба и введите настройки ниже. Разберите эту фигуру.

Затем создайте вертикально расположенный овал поверх этой формы (см. изображение ниже). Мы будем использовать этот овал как обрезку; поэтому его цвет не имеет значения.  Выберите обе фигуры и нажмите кнопку Минус передний на панели Обработка контуров. Это действие оставит нам зубовидную форму. 

creating the tooth shape

Шаг 2

Если у вас есть одна из более поздних версий Адобе Иллюстратор, вы можете перейти в меню Просмотр > Показать виджет Углов. Выделите два отмеченных угла и перетащите их внутрь. Ваши углы должны закруглиться.

Если у вас нет Виджета Углов, вы можете тянуть ручки отмеченных опорных точек, чтобы они стали плавными.

Так как зуб не совсем плоский сверху, давайте снова его исказим: перейдите в Эффект> Деформация> Дуга вверх. 

creating the tooth shape 2

Шаг 3

Создайте тонкий горизонтальный овал и поместите его на верхнюю часть зуба. Выберите инструмент Прямое выделение (A) и выделите правую и левую опорные точки этого овала и сдвиньте их вверх.

Чтобы добавить больше объема к этому изображению, Скопируйте зубовидную форму, немного уменьшите ее, измените цвет на боле светлый и разместите ее перед оригинальной фигурой. Наш зуб готов!

adding the volume to the tooth icon

4. Создаём иконку зубной щетки.

Шаг 1

Начните с синего закругленного прямоугольника, использовав его для ручки щетки. Примените к этому прямоугольнику эффект Флаг. Перейдите к Эффект > Деформация > Флаг и используйте показанные настройки. Не забудьте разобрать финальную форму, для этого выделите её и перейдите в Объект > Разобрать оформление.

creating the handle of the toothbrush

Шаг 2

Чтобы создать щетинки щётки, нарисуйте тонкий белый вертикальный овал. Выделите его, и, удерживая Shift и Alt, перетяните его вправо. Теперь у вас есть вторая копия этого овала, идеально совпадающая с оригинальной. Когда новый овал выделен, нажмите команду Control-D столько раз, сколько вам надо, чтобы получить набор овалов, как на изображении ниже.

Теперь мы разрежем этот набор овалов.  Для резака создайте прямоугольник без цвета Заливки и с любым цветом Обводки, каким захотите. Создайте прямоугольник, перекрывающий нижнюю часть овалов.  Сохранив все выделенным, нажмите кнопку Обрезка в панели Обработка контуров (в меню Окно > Обработка контуров). Мы закончим с нижними частями овалов.

Наконец, после обрезки мы должны очистить некоторые пустые области заливки. Перейдите в Объект> Контур> Очистить, убедитесь, что все поля отмечены, и нажмите ОК.

creating the bristles of the toothbrush

Шаг 3

Выделите созданные фигуры и примените эффект Выпуклость: перейдите в меню Эффект> Деформация> Выпуклость. В новом окне введите показанные параметры эффекта.

Поместите эти щетинки на ручку.

И, наконец, чтобы сделать ручку зубной щетки более подходящей, добавьте еще один белый овал имитирующий на ней резиновую ручку, как показано ниже. Зубная щетка готова!

placing the bristles on the toothbrush

5. Создаем бутылку жидкости для полоскания рта

Шаг 1

Создайте светло-серый скругленный прямоугольник. Теперь мы сделаем меньшую Копию, но разместим ее ровно по центру.  Выбрав этот округленный прямоугольник, перейдите в Объект> Контур> Создать параллельный контур и введите отрицательное число (от -4 до -10). Вы получите меньшую копию скругленного прямоугольника поверх оригинальной.

Измените цвет меньшей копии на более темный оттенок серого. Выделите меньший прямоугольник и сделайте его копию на переднем плане (Control-C, Control-F).  Измените цвет верхней копии на синий (используйте инструмент Пипетка (I), чтобы получить тот же синий цвет заливки, что и ручка зубной щетки). Это цвет нашей жидкости в бутылке.

Итак, на этом этапе у нас есть три закругленных прямоугольника:

  1. большой светло-серый
  2. меньший темно-серый
  3. синий того же размера, что и второй
creating the mouth rinse bottle

Шаг 2

Создайте прямоугольник (любого цвета) и сделайте его перекрывающим синий скругленный прямоугольник на том уровне, сколько жидкости вы хотите в бутылке.  Затем, удерживая синий скругленный прямоугольник и выбранный новый прямоугольник, нажмите кнопку Минус верхний в панели Обработка контуров. Это действие оставит нам необходимое количество жидкости.

Чтобы добавить эффект жидкости, нарисуйте несколько светло-голубых кругов разных размеров поверх синего закругленного прямоугольника. Чтобы создать ровный круг, рисуйте его, используя Эллипс (L), и удерживая клавишу Shift.

creating the liquid of the mouth rinse bottle

Шаг 3

Чтобы создать колпачок, создайте синий прямоугольник и примените эффект Дуга вверх (в меню Эффект> Деформация> Дуга вверх) с приведенными ниже параметрами. Или вы можете просто Скопировать колпачок с тюбика зубной пасты, созданной нами ранее, и отрегулировать нужный размер. 

Разместите этот колпачок поверх бутылки. Теперь бутылка закончена!

creating the cap of the mouth rinse bottle

6. Создадим фон для иконок

Шаг 1

Создайте пять синих кругов, где вы разместите все свои иконки. Чтобы сделать копии выровненными, используйте комбинацию кнопок Alt и Shift, как мы делали ранее в этом уроке.

creating the icons backgrounds

Шаг 2

Разместите иконки на синих кругах. Чтобы проще размещать иконки внутри, Сгруппируйте каждый значок (щелкните правой кнопкой мыши > Сгруппировать).

placing all icons on backgrounds

Заключение

Надеюсь, вам понравился этот урок! Я считаю, что следуя этому уроку, вы обнаружили новые интересные советы и рекомендации, которые помогут вам в ваших будущих иллюстрациях. Ознакомьтесь с другими моими уроками, для получения более простых и легких уроков. 

И не забудьте вывесить ваш результат в комментариях ниже.

Dental Icons Adobe Illustrator Tutorial

Автор: Nataliya Dolotko

Проголосуйте:

Аватар
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
spray paint brushes preview 1b

Кисти — Spray Paint

risuem malchika na skutere v adobe illustrator

Рисуем мальчика на скутере в Adobe Illustrator