Учебное пособие по Illustrator: как создать простой значок компьютера

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

1. Создание нового файла проекта

Как и в случае с любым новым проектом, мы собираемся начать работу с создания нового документа , перейдя к Файл> Создать (или с помощью сочетания клавиш Control-N ), который мы настроим следующим образом:

  • Количество монтажных областей: 1
  • Ширина: 96 пикселей
  • Высота: 96 пикселей
  • Единицы: пиксели

И на вкладке Advanced :

  • Цветовой режим: RGB
  • Растровые эффекты: экран (72ppi)
  • Режим предварительного просмотра: по умолчанию

2. Создание фона

После того, как мы настроили наш файл проекта, мы можем начать работу над фактическим значком, создав его фон. Для этого выберите инструмент Эллипс ( L ) и используйте его, чтобы создать круг 80 x 80 пикселей . , который мы раскрасим с помощью # FF793E , а затем выровняем по центру по большему основанию с помощью по горизонтали панели Align и Вертикальное выравнивание по центру .

3. Создание универсального компьютера

Как только у нас будет форма фона, мы можем приступить к работе на реальном компьютере, так что давайте сразу перейдем к нему!

Шаг 1

Начните с создания основную форму основания подставки с использованием прямоугольника 20 x 2 пикселей , который мы раскрасим в белый цвет ( #FFFFFF ), а затем выровняем по центру по большему основанию расположив ее на расстоянии 19 пикселей от нижней точки привязки .

Шаг 2

Добавьте вертикальную часть подставки, используя 12 x 8 пикселей , который мы раскрасим с помощью # D1B7B2 , а затем разместим в центре верхнего края предыдущего.

Шаг 3

Создайте жесткую тень, используя прямоугольник 12 x 4 px , который мы раскрасим с помощью # 56423B , а затем выровняйте по центру по верхнему краю вертикальной секции.

Шаг 4

Добавьте круглый вырез, используя круг 4 x 4 px ( # 56423B ), который мы выровняем по центру по центру подставки. вертикальный разрез. Когда вы закончите, выберите и сгруппируйте все составляющие формы подставки, используя сочетание клавиш Control-G .

Шаг 5

Начните работать с нижней частью корпуса компьютера, используя прямоугольник 40 x 4 пикселей . , который мы раскрасим в белый цвет ( #FFFFFF ), а затем разместим на подставке.

Шаг 6

Добавьте экран, используя прямоугольник 40 x 28 пикселей , который мы раскрасим, используя # 56 423B , а затем выровняйте по центру по верхнему краю предыдущего раздела.

Шаг 7

Создайте основную форму для выделения на экране, используя меньший прямоугольник 36 x 24 пикселей , который мы раскрасим с помощью # 7C6159 и затем выровняйте по центру по предыдущей форме.

Шаг 8

Готово выключите значок, а вместе с ним и сам проект, изменив форму, которую мы только что создали, выбрав ее нижнюю правую точку привязки с помощью Direct Selection Tool ( A ), а затем сдвинув его влево на расстояние 24 пикселей с помощью инструмента Перемещение ( щелкните правой кнопкой мыши> Трансформировать> Переместить> По горизонтали> -24 пикселя ). Когда вы закончите, выберите и сгруппируйте ( Control-G ) все составляющие формы экрана, сделав то же самое для всего устройства и значка.

Отличная работа!

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

Оцените статью
Botgadget.ru
Добавить комментарий