Hola, estoy viendo algo de LATEX.
Sé utilizar fireworks, programa versátil para diseño gráfico, y tengo una duda en general en cualquier programa de diseño gráfico/vectorial.
¿cómo insertar en una imágen (que tenga calidad y no se vea el código o las fórmulas atemáticas pixeladas) un código como el de la imagen

con sus colores en una la imagen de diseño ?, para que quede algo similar a:

Si borro el fondo blanco con la barita mágica, queda mal, y los interiores de las O, P, R, B quedan en blanco, y el texto no queda bien.
Y lo que más me interesa es como insertar fórmulas matemáticas que se vean integradas en una imagen como en esta?

Por cierto... ¿como harías algo similar a esto desde cero? (en FireWorks CS 6 ó similar)?

Muchas Gracias.