7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Icon Design

Иллюстратор за 60 Секунд: Как Создать Иконку Телефона

Scroll to top
Read Time: 2 mins

Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)

Добро пожаловать на нашу серию Illustrator за 60 секунд, в которой вы научитесь навыкам работы в Illustrator, узнаете особенности программы, и техники работы в ней всего за минуту!

Illustrator за 60 Секунд: Как Создать Иконку Телефона

В сегодняшнем уроке мы собираемся показать вам как создать вашу собственную иконку телефона, используя только простые формы и инструменты, с которыми вы возможно уже встречались в вашей работе.

Как Создать Иконку Телефона

Шаг 1

Начните с создания нового документа размером 128 х 128 рх, в котором мы создадим два слоя. Выберите первый слой и создайте окружность 120 х 120 px c желтой заливкой.

Crate a CircleCrate a CircleCrate a Circle

Шаг 2

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

Add a rounded rectangleAdd a rounded rectangleAdd a rounded rectangle

Шаг 3

Используя инструмент Прямоугольник (М) (Rectangle Tool), добавьте дисплей, нарисовав фигуру размером 40 х 58 рх, которую закрасим желтым и затем выравняем ее по центру относительно корпуса нашего телефона, и после этого поднимем его на несколько пикселей вверх. Добавьте нижнюю кнопку, нарисовав желтый круг размером 8 х 8 рх и выравняйте его по центру нижней части телефона.

Завершим иконку, создав динамик, используя прямоугольник размером 12 х 2 рх, с углами скругленными радиусом 1 рх, который выставим по центру верхней части телефона.

Add further shapesAdd further shapesAdd further shapes

Еще Немного Информации

Узнайте больше об Adobe Illustrator на Envato Tuts+: 

60 Секунд?!

Это урок из серии коротких видеоуроков на Envato Tuts+ в которых мы представляем вам различные темы за 60 секунд - ровно столько, чтобы вас заинтересовать. Оставляйте свои комментарии об этом видео, а также, пишите чему бы вы еще хотели научиться за 60 секунд!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.