Как создать такую картинку в фотошопе?

Взять картинку с кружкой, нарисовать два прямоугольника, сделать слой с прямоугольниками полупрозрачным, и добавить две надписи.

Как я тя понимаю...

filters - blur - gausian blur
потом 2 прямоугольника создаете с прозрачностью 30% +- нужного цвета и текст пишете.

точно так же как на скриншоте, только вместо кружочка - прямоугольничек

размываешь все, потом новый слой, рисуешь прямоугольник, заливаешь его цветом и делаешь полупрозрачным, сверху слой с текстом

Да и текст можно было сделать эффектом выдавливания.

Выделить нужное место, сделать полупрозрачный слой (указать процент прозрачности) , подобрать нужный шрифт, оставить надпись, сохранить, вуаля

На нижнем слое можно использовать инструсент "Размытие", и еще добавть слой, а лучше - пару слоёв текста.
Да, точно, забыла про позрачность текстовых слоёв. Добавить прозрачность до нужного уровня.

Для начала снять в нормальном качестве, а потом фотошопить.

ну покажи как получилось.

ну это пахать и пахать надо...