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

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

В этом уроке мы узнаем как нарисовать иконку в Фотошопе. Для примера нарисуем иконку папки. Все будет легко и просто. Подойдет даже для начинающих.

иконка папки

shape layersШаг 1. Создаем папку. Создаем новый документ (Ctrl+N) размером 271 на 180 пикселей. Далее выбираем инструмент Перо (Pen Tool (P)) в режиме рисования слой-фигура (Shape layers) в свойствах инструмента Перо и рисуем папку.
gradient overlayШаг 2. В эффектах слоя (чтобы вызвать эту Панель достаточно дважды кликнуть по миниатюре слоя на Палитре Слоев) выбираем Наложение Градиента (Gradient Overlay). Можно использовать следующие параметры.
рисуем папкуШаг 3. После этого дорисовываем вторую часть папки (на новом слое), не забывая о том, что внутренняя сторона должна быть темнее, чем внешняя. Результат должен получиться наподобии такого.
добавляем деталейШаг 4. Добавляем деталей. В этом шаге добавим реализма нашему изображению. Создаем новый слой (Ctrl+Shift+N) и выделяем ближайшую часть папки, для этого достаточно кликнуть, удерживая Ctrl, по миниатюре нужного слоя на Панели слоев, находясь при этом на новом слое.
gradient toolШаг 5. Затем выбираем инструмент Градиент (Gradient Tool (G)) и проводим Линейный градиент по выделенной части, задав при этом для нижней границы папки более темный оттенок ранее использованного цвета. Делаем тоже самое и для дальней стороны папки.
рисуем конвертШаг 6. Рисуем конверт. Теперь давайте добавим конверт. Проделав те же шаги, что и с папкой, получаем вот такую картинку.
рисуем листок бумагиШаг 7. После этого добавляем листок бумаги в конверт. Для придания ему реалистичной изогнутости используем градиент и эффект слоя - Тень (Drop Shadow).
horizontal type toolШаг 8. Значок наносим с помощью инструмента Горизонтальный Текст (Horizontal Type Tool (T)) и разворачиваем, используя Ctl+T.
Теперь перейдем к финальном штриху - тени от конверта. Для этого будем использовать инструмент Лассо (Lasso Tool (L)). Выделяем этим инструментом соответствущую область и закрашиваем её. Смягчаем размытием резкие переходы.
иконка для контактовИ наконец, вот наша итоговая картинка.

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


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