Создайте новую группу слоев. Используя Прямоугольник со скругленными углами создайте форму  размером 100*100 пикселей.

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

Добавьте изображение на созданную область.

В завершении работы над этим объектом – нанесите текст  - название и описание.

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

Далее создаем следующий элемент – заголовок списка новостей.
Заголовок списка новостей должен  быть ровно под предыдущим блоком. Поэтому создаем новый  прямоугольник  с закругленными углами  510*40 пикселей. Цвет  тот же , что использовался раннее.

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

Далее наносим текст, добавляем к нему стиль:

Скопируйте красный прямоугольник, на копии залейте его желтым цветом  # ee931a. Используя маску слоя и Полигональное лассо для того, чтобы заместить половину прямоугольника желтым цветом.

Для того чтобы создать тени используйте новый слой , на котором примените градиент от черного к прозрачному и расположение как показано на рисунке ниже. Измените режим наложения на Перекрытие и уменьшите прозрачность до 50%. Нанесите текст на эту область.

Используйте инструмент Текст для нанесения ссылок под заголовком.