Артур Андрейко

Тут нет эффектов, обычный мэт с обработкой. Причем достаточно хреновый и грязный.

Минимум 960px это разрешение планшетов, нетбуков 1024x768, ретину не берем
Дальше зависит от устройства и типа дизайна, если адаптив, то надо прорисовывать макет сжимая до 320px
можно нарисовать один промежуточный вариант в 640px, например для горизонтальной ориентации смартфона.

Сетка при этому нужна что бы сохранять пропорции объектов и отступов при масштабировании.
Вот очень полезный пост habrahabr.ru/post/50497

А вообще, что бы хорошо рисовать по сетке надо выучить верстку HTML+CSS3, тогда все на свои места станет )

Значит его нет в системе. Нужно скачать его с Google Fonts и установить отдельно.

Тут нет загиба )
Здесь, как выше сказали, 3 фигуры, векторные. Нарисованные pen tool (P)
Самый просто для вас вариант это обвести просто эту картинку в векторе, а потом раскрасить по своему желанию. Могу видео записать, если чего не понятно )

1. Нарисовать линии в плоскости
2. Применить трансформацию - перспективу
3. Применить искажение (warp)

Нужно будет делать в увеличенном разрешении, а потом уменьшить под картинку, что бы у линий не было размытых краев.

Сайты не стоит. ) Лучше книги. Изучать рисование надо с азов. Упражнения на постановку руки, тренировки на видение формы, перспективы, света тени и прочее.
Я пока что год изучаю рисование. И лучшая на мой взгляд книга www.ozon.ru/context/detail/id/1580996

Так же советую Скот Робертсон - есть книга и видео курсы
Я еще подписан на Виталия Ивлева на Ютубе www.youtube.com/channel/UC6AoDPvcyoWxHPbDsebSYoA
И Ctrl+Paint www.youtube.com/channel/UCzZPlxdKOnqz7wZwSywD3wg
Очень полезные туторы, но это позже, уже CG арт

Много, если не все зависит от практики.