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

  • АвторMARY
  • Дата публикации7 мая 2008
  • Просмотров2983

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

2. Берем инструмент Rounded Restangle (Прямоугольник со скругленными углами) и рисуем прямоугольник с радиусом 20 пикселей. Цвет #0f7bd9. Скрываем контур (Ctrl+H).

Рисуем прямоугольник

3. Теперь берем инструмент Ellipse (Эллипс) и рисуем круг тем же цветом. Скрываем контур (Ctrl+H). Сливаем оба слоя с фигурами.

Рисуем эллипс

4. Применяем к слою с фигурой (кнопка Кнопка стилей слоя на панели слоев) стиль: Inner Glow (Внутреннее свечение).

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

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

5. Снова берем инструмент Ellipse (Эллипс) и рисуем еще один круг внутри нашей фигуры. Скрываем контур (Ctrl+H).

Рисуем круг

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

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

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

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

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

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

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

7. Копируем слой с кругом. Жмем Ctrl+T, уменьшаем его и сдвигаем вправо.

Трансформирование слоя

8. Копируем слой с маленьким кругом и сдвигаем его влево.

Перемещение слоя

9. Берем инструмент Custom Shape (Произвольная фигура), выбираем треугольник и рисуем его белым цветом. Жмем Ctrl+T и поворачиваем его вправо.

Произвольная фигура Рисуем фигуру

10. Применяем к слою со стрелкой (кнопка Кнопка стилей слоя на панели слоев) стили: Outer Glow (Внешнее свечение).

Стиль слоя Outer Glow (Внешнее свечение)

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

11. Копируем слой со стрелкой. Жмем Ctrl+T, уменьшаем и сжимаем ее, затем сдвигаем вправо.

Трансформирование слоя

12. Берем инструмент Restangle (Прямоугольник) и рисуем прямоугольник белым цветом рядом с маленькой стрелкой. Скрываем контур (Ctrl+H). Применяем к нему стиль из п. 10.

Рисуем прямоугольник

13. На панели слоев выделяем слой с маленькой стрелкой и слой с прямоугольником. Копируем их. Выделение не снимаем! Жмем Ctrl+T, затем правую кнопку мыши и выбираем Flip Horizontal (Отразить по горизонтали). И сдвигаем оба слоя влево.

Медиа-кнопка




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

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