\documentclass{article}
\thispagestyle{empty}
%\def\pgfsysdriver{pgfsys-tex4ht.def}
\usepackage{tikz}
\begin{document}
\begin{tikzpicture}
\draw[fill=cyan] (0,2) rectangle (1,1);
\draw[fill=cyan] (0,0) rectangle (1,-1);
\draw[fill=cyan] (8,0) rectangle (9,-1);
\shadedraw[shading=ball,ball color=magenta] (3,-.5) .. controls (3.5,-.5) and (4,.5) .. (4.5,.5) .. controls (5,.5) and (5.5,-.5) .. (6,-.5) .. controls (5.5,-.5) and (5,-1.5) .. (4.5,-1.5) .. controls (4,-1.5) and (3.5, -.5) .. (3,-0.5);
\draw[->] (1.2,1.5) -- node[auto=left] {\(\overline{\psi}\)} (3.4,.5);
\draw[->] (1.2,-0.5) -- node[auto=left] {\(\psi\)} (2.4,-0.5);
\draw[->] (6.4,-0.5) -- node[auto=left] {\(\phi\)} (7.8,-0.5);
\end{tikzpicture}
\end{document}