Мы нарисуем модные космические иконки в плоском стиле с эффектом длинной тени, используя простые фигуры и операции с контуром.
1. Рисуем ракету
Шаг 1
Шаг 2
Шаг 3
Шаг 4
Давайте слегка затеним половину ракеты. Для начала активируем направляющие View – Show – Smart Guides (Вид – Показать – Быстрые направляющие), они помогут в точном размещении всех объектов. Создаем прямоугольник светло-серого цвета так, чтобы он перекрывал правую часть ракеты.
Шаг 5
Теперь мы должны убрать лишнюю часть прямоугольника, которая выходит за границы ракеты. Следующие действия могу показаться запутанными, но вам всего лишь нужно делать все четко по инструкции, и тогда не возникнет проблем.
Шаг 6
Заливаем стекло иллюминатора бледным серо-синим цветом, стараясь не отдаляться от оттенков нашей палитры. Затем в нижней части ракеты рисуем инжектор, используя инструмент Rounded Rectangle Tool (U) (Закругленный прямоугольник).
Шаг 7
Шаг 8
Жмем Ctrl+T, слегка поворачиваем стабилизатор и размещаем его позади ракеты. Затем жмем Ctrl+J чтобы дублировать стабилизатор и переходим Edit – Transform – FlipHorizontal (Редактирование – Трансформация – Отразить по горизонтали). Зажимаем клавишу Shift и перемещаем отраженную копию на противоположную сторону ракеты.
Шаг 9
Рисуем третий стабилизатор на фронтальной части ракеты и сжимаем его с помощью свободной трансформации (Ctrl+T).
Шаг 10
Теперь мы создадим модный эффект длинной тени. Начнем с рисования черного прямоугольника, затем на панели слоев уменьшаем его непрозрачность до 50%. Активируем свободную трансформацию (Ctrl+T) и поворачиваем прямоугольник на 45 градусов.
Растягиваем прямоугольник, чтобы он покрывал всю площадь ракеты, как показано на картинке ниже.
Шаг 11
Шаг 12
Вот еще один простой способ скрыть лишнюю часть тени, которая находится за пределами круглой основы иконки. Переходим на слой с тенью и жмем Ctrl+Alt+G, чтобы преобразовать его в обтравочную маску.
Шаг 13
По всей площади основы рисуем круглые звездочки бледно-желтым цветом.
2. Рисуем полосатую планету
Теперь мы владеем базовыми навыками работы в Photoshop и можем ускорить дальнейший процесс создания иконок, так как будем использовать те же операции. Давайте перейдем к следующей иконке – планете с кольцом из астероидов.
Шаг 1
Шаг 2
Шаг 3
Давайте добавим объем планете, нарисовав тень с правой стороны. Дублируем основу планеты и размещаем копию выше всех слоев, сдвигаем ее немного левее. Выделяем основу планеты и копию и выбираем Subtract Front Shape (Вычесть переднюю фигуру). Меняем режим смешивания на Screen (Осветление) и уменьшаем непрозрачность (Opacity) до 40%, сделав планету чуть светлее, и, таким образом, создав тень.
Шаг 4
Теперь нарисуем кольцо из астероидов. Создаем сплюснутый овал и включаем функцию Subtract Front Shape (Вычесть переднюю фигуру). Затем внутри предыдущего овала создаем новый, таким образом, сформировав отверстие.
Нужно удалить часть кольца, которая должна находиться за планетой. Создаем овал, покрывающий верхнюю часть планеты и часть кольца, которую нам необходимо скрыть (фигура с красной обводкой на картинке ниже). Выделяем слои с созданным овалом и основой планеты и выбираем Unite Shapes at Overlap (Объединить фигуры в наложении).
Шаг 5
Жмем правой кнопкой по фигуре с красной обводкой и выбираем Make Selection(Создать выделение). Затем переходим Select – Inverse (Выделение – Инвертировать).
Шаг 6
Создаем плоскую тень, используя ту же технику, которую мы использовали в первом разделе.
И, наконец, рисуем звезды.
3. Рисуем радиотелескоп с антенной
Шаг 1
Начинаем с создания черной окружности. На самом деле, цвет не имеет значения, так как сама по себе окружность нам не нужна. Поверх окружности создаем красный прямоугольник, перекрыв примерно половину. Загружаем выделение окружности, используя команду Make Selection (Создать выделение) (мы использовали ее выше), затем добавляем к слою маску, чтобы скрыть лишнее. Теперь мы можем удалить черную окружность, оставив только красную фигуру.
Чтобы немного детализировать телескоп, нижнюю часть его основы заполняем темно-красным цветом.
Шаг 2
Шаг 3
Слегка поворачиваем телескоп, чтобы он смотрел по диагонали вверх, передавая сигналы в космос. Рисуем еще один серый треугольник у основания телескопа. Внутри него вырезаем отверстие в форме такого же треугольника, используя команду SubtractFront Shape (Вычесть переднюю фигуру).
Шаг 4
Добавляем длинную тень и группу звезд.
4. Рисуем летающую тарелку
Шаг 1
Начнем с формирования верхней части тарелки и создаем окружность. Нам нужно удалить ее нижнюю часть с помощью дополнительного овала, который мы создаем в верхней части окружности. Создав фигуру, используем команду Unite Shapes at Overlap(Объединить фигуры в наложении).
Шаг 2
Рисуем блик на тарелке и нижнюю часть, которая состоит из двух красных овалов, расположенных один над другим. В нижней части под овалами рисуем серый прямоугольник.
Шаг 3
Детализируем тарелку, добавив светлый овал в нижней части и несколько желтых лампочек на красной части.
Заканчиваем иконку, нарисовав длинную тень и звезды.
5. Рисуем телескоп на штативе
Шаг 1
Начнем с формирования основы из вытянутого прямоугольника. Дублируем его (Ctrl+J) и сжимаем копию с помощью Free Transform (свободная трансформация) (Ctrl+T). Заливаем нижний прямоугольник темно-красным цветом, чтобы получить аккуратную тень.
Шаг 2
Размещаем линзу за передней частью телескопа, нажав комбинацию клавиш Ctrl+Shuft+[, затем светло-синим цветом рисуем блик.
Шаг 3
Регулируем наклон ножек и более темным оттенком рисуем между ними соединяющие детали.
Шаг 4
Поворачиваем телескоп так, чтобы он смотрел по диагонали вверх. Рисуем длинную тень и звезды.
6. Рисуем луну в облаках
Шаг 1
Начинаем с создания окружности желтого цвета, затем поверх нее рисуем меньшую окружность, разместив ее на верхней правой стороне предыдущей. Используем команду Subtract Front Shape (Вычесть переднюю фигуру), чтобы сформировать полумесяц.
Шаг 2
Теперь займемся облаками, которые будут полностью состоять из синих окружностей. Добавляем несколько окружностей разного размера, чтобы получить пушистое облако. Если окружности находятся на разных слоях, выделяем их все и через контекстное меню выполняем команду Unite Shapes (Объединить фигуры).
Шаг 3
Теперь отрежем нижнюю часть облака с помощью прямоугольника, который должен находиться поверх облака, и команды Subtract Front Shape (Вычесть переднюю фигуру).
Шаг 4
За полумесяцем рисуем еще одно облако, но меньшего размера, чтобы добавить глубины картинке. Затем рисуем длинную тень и звезды.
7. Создаем космический фон
Хьюстон, у нас нет проблем!
Отличная работа, друзья! Мы закончили создание набора современных иконок в плоском стиле с длинной тенью. Надеюсь, полученные знания пригодятся вам в будущих проектах. Удачи!
Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-master.ru