Уроки фотошопа

  • АвторMARY
  • Дата публикации16 июн 2009
  • Просмотров8392

Рассмотрим создание иконок на примере иконки ошибки.

1. Создаем новый документ с прозрачным фоном.

2. Берем инструмент Elliptical Marquee (Эллиптическое выделение) и, удерживая Shift, создаем круглое выделение.

Круглое выделение

3. Заливаем выделение любым цветом.

Заливка выделения

4. Уменьшаем выделение на 10 пикселов: Select⇒Modify⇒Contract (Выделение⇒Модификация⇒Уменьшить).

Уменьшение выделения

5. Жмем Delete.

Удаление выделения

6. Применяем к слою стили (кнопка Кнопка стилей слоя на панели слоев): Inner Glow (Внутреннее свечение), Gradient Overlay (Наложение градиента) и Stroke (Обводка).

Стиль слоя Inner Glow (Внутреннее свечение)

Стиль слоя Gradient Overlay (Наложение градиента)

Редактор градиентов

Стиль слоя Stroke (Обводка)

Применение стилей к слою

7. Создаем новый слой.

8. Заливаем выделение любым цветом. Снимаем выделение (Ctrl+D).

Заливка выделения

9. Применяем к этому слою стили (кнопка Кнопка стилей слоя на панели слоев): Bevel&Embross (Тиснение), Gradient Overlay (Наложение градиента) и Stroke (Обводка).

Стиль слоя Bevel&Embross (Тиснение)

Стиль слоя Gradient Overlay (Наложение градиента)

Редактор градиентов

Стиль слоя Stroke (Обводка)

Применение стилей к слою

10. Выбираем подходящий шрифт и крупно пишем знак плюс белым цветом.

Пишем текст

11. Жмем Ctrl+T и поворачиваем слой на 45° в любую сторону.

Поворот слоя

12. Копируем слой с крестиком. Копию пока скрываем.

13. Применяем к нижнему слою с крестиком стили (кнопка Кнопка стилей слоя на панели слоев): Drop Shadow (Тень) и Stroke (Обводка).

Стиль слоя Drop Shadow (Тень)

Стиль слоя Stroke (Обводка)

Применение стилей к слою

14. Активируем верхний слой с крестиком и применяем к нему стиль (кнопка Кнопка стилей слоя на панели слоев): Gradient Overlay (Наложение градиента).

Стиль слоя Gradient Overlay (Наложение градиента)

Редактор градиентов

15. И сдвигаем слой на 1 пиксел влево.

Сдвиг слоя

16. Создаем новый слой.

17. Выделяем слой с кругом из п. 8 (Ctrl+клик на иконке слоя) и заливаем выделение белым цветом.

18. Уменьшаем непрозрачность слоя до 10%.

Панель слоев

Уменьшение непрозрачности слоя

19. Снова берем инструмент Elliptical Marquee (Эллиптическое выделение) и создаем примерно такое выделение.

Выделение

20. Жмем Delete.

Иконка в стиле Vista

Точно таким же образом можно сделать и другие иконки.

Иконка в стиле Vista




Теги: урок, web-дизайн, иконки, Vista
ОБСУДИТЬ НА ФОРУМЕ
При копировании материала ссылка на photoshop4u.ru обязательна.

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.