Шаг 1:
Создайте новый документ 600 на 600px и залейте белым цветом.

Шаг 2:
Создайте новый слой и нарисуйте прямоугольник, размерами 248 x 369 px.

Шаг 3:
Теперь заходим в Blending Options и делаем там следующие настройки:

Шаг 4:
Рисуем прямоугольник как на картинке 73×369px (слева должен остатьcя один пиксель)

Шаг 5:
В Blending Options делаем такие настройки:

Результат:

Шаг 6:
На новом слое создаем прямоугольник (52×369px) как на картинке:

Шаг 7:
Задаем прямоугольнику Blending Options как на картинке и поставте opacity равным - 39%

Результат:

Шаг 8:
Теперь берем с мягкой кистью размером 170px и стираем верхнюю , и нижнюю части

Шаг 9:
Создайте новый слой. Рядом с вашим прямоугольником создаем еще один размером 7×364px и цветом - #F4F4F4 затем делаем ему такие Blending Options:

Результат:

Шаг 10:
Создайте новый слой и нарисуйте на нем прямоугольник цветом - #353535, и размером - 40×363px

Источник: www.developertutorials.com
Перевод: Jly4uK

P.S. Закончу чуть позже