Как правило, есть две разные картинки - это отображение сайта для заказчика и для верстальщика. Для заказчика необходимо показать целиком весь вид страницы. И тут необходима полоска как на ссылке длиной в 1980 pix. Для этого есть 2 пути, имеющие общий корень. Основа для такой ломанной это векторный элемент (фигура) - мы рисуем её в фотошопе (такие инструменты в нём есть) или импортируем из векторного редактора.
Вторая картинка - картинка для верстальщика которая состоит из набора файлов. и данный эффект может выглядеть как патерн повторяющийся в горизонтальной плоскости. Делается картинка одной волны, а последующие волны - это клоны этой картинки.
Поэтому можно немного облегчить себе жизнь сразу сделав такой патерн волну в фотошопе, определить её как узор и далее применять к прямоугольникам через эффект наложения узора.