Откройте PS, создайте новый документ размером 300X200 пикселей и настройте цвет градиента:

Залейте градиентным цветом:

Следующий шаг: Фильтр -> Пикселизация -> Мозаика.

Сделайте еще один шаг: Фильтр -> Резкость -> Если эффект повышения резкости не очевиден, вы можете повысить его резкость несколько раз.

Конечный эффект: