

Сегодня мы научимся создавать свой собственный сочный сладйер. Этот элемент придатся нашему дизайну больше глубины и пространства!
Создаем Фоновые Слои
Создайте новый документ размером 600х400 пикселей. Я добавил светло-серый фон с клетчатой текстурой.
Начните с рисования простого прямоугольника (450х270 пикселей). Добавьте обводку в панеле Стили Слоя (Stroke = 1 пиксель Outside, #c8c8c8). Причиной добавления обводки является разделение рамки и фона, это особенно важно, если вы работаете с белым фоном.

Теперь мы добавим тень под рамку. Возьмите Кисть
и поставьте размер на 40% и Жесткость на 0%. Создайте новый слой и, удерживая Shift, нарисуйте линию наполовину рамки.

Теперь давайте повернем нашу тень. Я выбрал угол наклона 2,5. Что повернуть изображение, нажмите Ctrl+T.

Скопируйте слой с линией (Ctrl+J) и переверните его по горизонтали (Edit > Transform > Flip Horizontal).

Переместите оба слоя с тенью под рамку и уменьшите их (Ctrl+T)

В конце концов, объедините слои с тенью (Ctrl+E) и переместите слой в нужное место. Вы также можете уменьшить прозрачность, лично я выбрал 50%.

Создаем Слой Для Картинки
Создайте прямоугольник с таким же стилем слоя, что и у предыдущего.

Теперь поместите в наш документ любое изображение. Создайте Clipping Mask (правый клик и нажмите «Create Clipping Mask»

Добавьте Inner Shadow, используя Стили Слоя:
- Color: Black
- Opacity: 44%
- Distance: 1
- Choke: 0
- Size: 16px
Вот и все!

Создаем Круглые Кнопочки
Левая и правая кнопочка являются главной частью нашего слайдера, потому что они немного выступают за края и создают более интересную форму слайдеру.
Начните с рисования круга (зажмите Shift, чтобы круг получился идеальным). Поставьте размер около 60 пикселей.

Теперь добавьте стрелочки. Вы можете выбрать либо форму Photoshop, либо просто «>>».

Объедините круги и стрелки в одну группу.
Создайте маску слоя над группой, чтобы казалось, что круги частично заходят на рамку. Чтобы сделать это, нарисуйте прямоугольное Marquee Selection и нажмите «Add Layer Mask», когда у вас выделена группа.

Скопируйте группу и отобразите ее по горизонтали. Поставьте так же угол падения тени на 50% и удостоверьтесь, что у вас выключен Global Light!

Создаем Модуль Круглых Кнопок
Последнее, что мы должны сделать — это кнопки, которые покажут, сколько картинок у вас в слайдере.
Нарисуйте просто круг размером в 13 пикселей. Добавьте обводку в 1 пиксель и такого же цвета, что и ранее (#c8c8c8).
Добавьте градиент (от #D9D9D9 до белого цвета) с маленькой прозрачностью.
Скопируйте круги столько раз, сколько вам потребуется.

Нарисуйте прямоугольник с закругленными углами (10 пикселей) и поставьте прозрачность Fill на 50%.
Примените обводку в 2 пикселя (#a7a7a7) с прозрачностью 50%.

Последний этап! Добавьте маленький кружочек и поместите его в центре больших. Примените градиент к кружочкам.

