Как создавать подобные картинки?
Это делается в Photoshop или в каких то других программах? 
Картинка простейшая: затемненная фотка и сверху схема, такую можно даже в пейнте создать. Примитивнейший алгоритм такой: кидаешь фотку, сверху полупрозрачный темный прямоугольник, и на верхнем слое - схема.Есть ли для этого сервисы онлайн? 
Онлайн графический редактор-то?
https://www.designer.io
https://www.figma.com
И вообще немало ихЭто Digital рисунок или просто обычная графика?
Вопрос немного бессмысленный: любая графика, отображаемая на электронном устройстве, является цифровым изображением того или иного формата и типа.Что изучать чтобы самостоятельно можно было создавать подобные иллюстрации?
Открой фигму (ссылка выше), кинь туда фотку, создай прямоугольник поверх, сделай его темным, задай ему прозрачность, скачай из гугла схему по запросу вроде scheme transparent png (или с freepik.com), кинь ее поверх (при необходимости инвертируй цвета), сгруппируй всё и экспортни в jpg/png. Всё.
Если нужно что-то сложнее - гугли уроки, их полно бесплатных в интернете, на ютубе в том числе.
Это вообще фигня какая-то, можно сделать в обычном фоторедакторе. Например PhotoScape.