Уроки по Photoshop, Illustrator, Flash и 3ds max. Статьи по дизайну и фотографии.

Рисуем иконку папки

иконка папки

Шаг 1. Создаем папку. Создаем новый документ (Ctrl+N) размером 271 на 180 пикселей. Далее выбираем инструмент Перо (Pen Tool (P)) в режиме рисования слой-фигура (Shape layers) в свойствах инструмента Перо и рисуем папку.

shape layers

Шаг 2. В эффектах слоя (чтобы вызвать эту Панель достаточно дважды кликнуть по миниатюре слоя на Палитре Слоев) выбираем Наложение Градиента (Gradient Overlay). Можно использовать следующие параметры.

gradient overlay

Шаг 3. После этого дорисовываем вторую часть папки (на новом слое), не забывая о том, что внутренняя сторона должна быть темнее, чем внешняя. Результат должен получиться наподобии того, что показан внизу.

рисуем папку

Шаг 4. Добавляем деталей. В этом шаге добавим реализма нашему изображению. Создаем новый слой (Ctrl+Shift+N) и выделяем ближайшую часть папки, для этого достаточно кликнуть, удерживая Ctrl, по миниатюре нужного слоя на Панели слоев, находясь при этом на новом слое.

добавляем деталей

Шаг 5. Затем выбираем инструмент Градиент (Gradient Tool (G)) и проводим Линейный градиент по выделенной части, задав при этом для нижней границы папки более темный оттенок ранее использованного цвета. Делаем тоже самое и для дальней стороны папки.

gradient tool

Шаг 6. Рисуем конверт. Теперь давайте добавим конверт. Проделав те же шаги, что и с папкой, получаем вот такую картинку.

рисуем конверт

Шаг 7. После этого добавляем листок бумаги в конверт. Для придания ему реалистичной изогнутости используем градиент и эффект слоя - Тень (Drop Shadow).

рисуем листок бумаги

Шаг 8. Значок наносим с помощью инструмента Горизонтальный Текст (Horizontal Type Tool (T)) и разворачиваем, используя Ctl+T. Теперь перейдем к финальном штриху - тени от конверта. Для этого будем использовать инструмент Лассо (Lasso Tool (L)). Выделяем этим инструментом соответствущую область и закрашиваем её. Смягчаем размытием резкие переходы.

horizontal type tool

И наконец, вот наша итоговая картинка.

иконка для контактов

Урок переведен автором сайта и при цитировании его на русском языке ссылка на сайт обязательна. Автор Oldman.
Оригинал статьи на английском

Другие уроки по Photoshop >>