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

Рисуем 3d иконку в Фотошопе.

В данном уроке мы узнаем, как сделать иконку в Фотошопе. Иконка хоть и ретро, но выглядит вполне симпатично, да и делается очень быстро ;).

3d иконка

fill oval Шаг 1. Создаем новый документ (Ctrl+N) и заливаем фон черным цветом (Shift+F5 и выбираем черный (black)). Рисуем белый овал с помощью Инструмент Oval (Эллипс (U)).
fill oval Шаг 1. Создаем новый документ (Ctrl+N) и заливаем фон черным цветом (Shift+F5 и выбираем черный (black)). Рисуем белый овал с помощью Инструмент Oval (Эллипс (U)).
перо
pen tool
Шаг 2. Нажимаем клавишу "+" на клавиатуре (чтобы следующая фигура добавилась к предыдущей) и, выбрав Инструмент Перо (Pen Tool (P)), рисуем хвостик
gradient overlay
наложение градиента
Шаг 3. Теперь идем в Стили Слоя (Layer Styles) (для этого нажимаем на клавишу layer styles внизу Палитры Слоев) и выбираем пункт Gradient Overlay (Наложение Градиента). Выставляем следующие параметры
рисуем овал
градиент
gradient
Шаг 4. Рисуем ещё один Овал и применяем к нему Стиль Слоя Gradient Overlay со схожими параметрами (различия будут только в угле (angle)).
растрируем слойШаг 5. Дублируем нижнюю фигуру (для этого идемна слой с фигурой и нажимаем Ctrl+J), растрируем её (кликаем правой кнопкой мыши по слою на Палитре слоев и выбираем пункт "Растрировать слой" (Rastrize layer)) и перемещаем слой вниз (Ctrl+Shift+{).
lasso tool
fill
Шаг 5. Создаем новый слой (Ctrl+Shift+N) и, выбрав Инструмент Лассо (Lasso Tool (L)) рисуем выделение, как на картинке внизу. После этого заливаем его #0588BC цветом (Shift+F5).
выделение
кисть
тень
Шаг 6. Удеживая клавишу Ctrl, кликаем по миниатюре последнего сделанного нами слоя (которого мы переносили вниз), чтобы выделить фигуру. Нажимаем Ctrl+J, чтобы на основе этого выделения создать новый слой и, выбрав мягкую Кисть (Brush tool (B)) #013C54 цвета, рисуем затененный участок (что придаст дополнительный 3d эффект).
рисуем теньШаг 7. Сливаем все слои с фигурами (для этого выделяем их, Удерживая Shift, на Палитре Слоев и нажимаем Ctrl+E). Дублируем этот слой (Ctrl+J), переносим вниз на Палитре Слоев и перемещаем саму фигуру вниз (с помощью Инструмента Move (перемещение (V)))
рисуем трехмерную иконку в фотошопеШаг 8. Ну и наконец, осталось только уменьшить Непрозрачность (Opacity) слоя с тенью до 50% и наша 3D иконка готова!

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


Другие уроки Фотошоп >>