Как вырезать эти картинки с макета?
Проще всего вырезать картинки PhotoShop СС, кликай на слой правой кнопкой и "Быстрый экспорт в PNG". Но лучше делать Экспорт для Web и сохранять jpg (оптимизация размера).
Вырежи картинки так как тебе удобно и добавь css filter www.w3schools.com/cssref/css3_pr_filter.asp
Делай это тегом img так правильнее будет, при наведении на блок убирай фильтр
Вырезать с рамкой и не нужно. Рамка - элемент вёрстки.