Создание в Фотошопе иконки дома в стиле Mac

Mac Style Home Icon Photoshop Tutorials
Привет, фотошоперы! Предположим, нам нужна иконка дома для нашего дизайн-проекта. Обычно дизайнер рисует в Иллюстраторе, но на этот раз создадим иконку домика в стиле Mac в Фотошопе.  Мы будем использовать техники создания контуров и настройки стилей слоя. Не так уж и сложно создать такую привлекательную иконку. Надеюсь, вы вдохновитесь этим уроком.

Конечный результат

mac-style-home-icon

Загрузить PSD

Mac Home Icon.zip | 0.21 MB

Подробности урока

Шаг 1 – Создание нового документа

Создайте новый документ (Cmd/Ctrl +N) с такими настройками.


Step-1

Шаг 2 – Создание контура крыши

Активируйте инструмент Прямоугольник с закруглёнными углами. На панели настроек установите режим shape layer (слой на основе залитого контура), радиус 20 px, цвет установите #a2a2a2. Создайте контур.


Step-2

Шаг 3 – Изменение векторного контура

Активируйте инструмент Convert point (Преобразовать узел). И щёлкните по точкам, показанным ниже, чтобы преобразовать их в углы.


Step-3

Шаг 4 – Ещё изменение векторного контура

С помощью функции пера «Auto Add/Delete» (Автоматическое добавление/удаление) удалите ключевую точку ниже.


Step-4a
Посмотрите сюда. Здесь нам надо удалить две точки.
Step-4b


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


Step-4c

Шаг 5 – Дублирование векторного контура

С помощью «Ctrl/Cmd + C» скопируйте контур, затем вставьте с помощью «Ctrl/Cmd + V".
Теперь у нас два контура на одном слое. А затем мы повернём одни на 90 градусов. Нажмите «Ctrl/Cmd + T» и передвиньте центр контроля поворота в правый верхний угол.


Step-5a


Поверните его на 90º против часовой стрелки, нажмите enter. Активируйте инструмент Path Selection (Выделение пути), сдвиньте контур влево вот так.


Step-5b

Шаг 6 – Подготовка блика (дублирование и масштабирование контура)

Теперь нам нужно дублировать слой сочетанием клавиш «Cmd/Ctrl + J». Назовём его «highlight». Затем изменим контуры на этом новом слое. Нажмите «Cmd/Ctrl + T», чтобы отобразить управление трансформацией. Чтобы упросить процесс, будем использовать клавиши Alt и Shift. Сначала уменьшите по горизонтали, затем по вертикали. Вот так.


Step-6a


Повторите трансформирование на другом контуре.


Step-6b

Шаг 7 - Растеризация

В палитре слоёв щёлкните правой кнопкой мыши на слое «highlight» и выберите «Rasterize Layer» (Растеризовать слой). Или данную команду можно вызвать из меню Layer (Слой) > Rasterize (Растеризовать) > Shape (Контур).


Step-7

Горячие объявления города Москвы - продвижение сайтов.
Рейтинг@Mail.ru