Модные значки для сайтов и презентаций

Этот полезный урок Photoshop о том, как сделать модные значки, которые можно применить для дизайна сайтов и презентаций.

Итак, начнём! Для начала создаем новый документ с размерами 500x300px и заливаем его белым цветом. Теперь перейдём непосредственно к созданию значка. Создаём новый слой, затем выбираем инструмент Ellipse Tool и рисуем окружность, как Вы видите на моей картинке ниже:

После этого применяем настройки Blending Options: Gradient Overlay и Stroke с установками, которые указаны ниже.

Теперь у нас получилось что-то, вроде этого:

Не слишком похоже на значок, не так ли? Не волнуйтесь, мы в процессе. Теперь, используя инструмент Elliptical Marquee Tool, создаем выделение, как Вы видите на моей картинке ниже, затем создаём новый слой и заливаем выделение тёмно-голубым цветом (#1c2133) с градиентом в прозрачный.

Отлично, теперь выделяем нашу окружность (Ctrl+щелчок левой кнопкой мыши на значке слоя в списке слоев) и инвертируем выделение с помощью Ctrl+Shift+I. Очищаем выделенную область, нажав кнопку Delete.

Снимаем выделение с области с помощью Ctrl+D и переходим к следующему шагу урока. Снова берем инструмент Ellipse Tool, создаем ещё одну окружность и заливаем цветом #5ebf1a. Обратите внимание, что вторая окружность должна быть немного меньше первой фигуры.

Теперь применяем к слою с фигурой такие настройки, как Inner Glow и Stroke.

Но мы ещё не закончили со значком! Идём дальше! Производим растеризацию фигуры с помощью меню Layer > Rasterize > Shape. Берем инструмент Elliptical Marquee Tool, чтобы сделать такое же выделение, как делали раньше в начале урока. После этого берем инструмент Dodge Tool (Brush: 100 px, Range: Midtones, Exposure: 20%), и делаем нижнюю часть зеленой фигуры чуть светлее.

После этого инвертируем выделение с помощью Ctrl+Shift+I и меняем настройку Range у инструмента Dodge Tool с Midtones на Highlights и продолжаем работать.

Отлично, после этого возвращаем инвертированное выделение к первоначальному и берем инструмент Burn Tool (Brush: 100px, Range : Midtones, Exposure: 30%) для добавки контраста нашей кнопке.

Хорошо, мы почти закончили. Снимаем выделение с помощью Ctrl+D и переходим к следующему шагу. Я хочу добавить какой-то узор на зеленую фигуру. Берем инструмент Custom Shape Tool и берем одну из стандартных фигур в наборе Photoshop. Я использовал эту:

Будет смотреться лучше, если мы применим настройки Blending Option, например Drop Shadow.

Результат должен быть похожим на мой:

Отлично, теперь производим слияние всех слоёв нашего значка в один и применяем к нему Edit > Transform > Distort:

После этого скопируйте слой с помощью Ctrl+J и переместите ниже первоначальный слой, как показано на моей картинке ниже:

Используйте для этого слоя стиль Color Overlay.

Видите изменения?

Осталось только добавить немного тени внизу и наш значок будет готов. Хорошо, переходим к фоновому слою и создаём новый слой выше. Выбираем инструмент Elliptical Marquee Tool, чтобы создать выделение, как на моей картинке нижу, и заливаем его черным цветом.

Снимаем выделение с этого слоя с помощью Select > Deselect и применяем фильтр Filter > Blur > Gaussian Blur с такими же настройками, как показаны здесь:

Теперь применяем другой фильтр Filter > Blur > Motion Blur.

Результат должен быть следующим:

Отлично, мы закончили! Я также размножил эти значки. Попробуйте поэкспериментировать, и результат будет лучше, чем обычно!

http://www.photoshopstar.com/
Перевод: http://www.4webmaster.ru/

Рекомендуем почитать:
• Типографская врезка
• Отбрасывание тени
• Размытие