\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);
\draw[fill=cyan] (8,-2) rectangle (9,-3);
%%% Beamer specific %%%
%%% \draw<3->[fill=cyan] (4,2) rectangle (5,1);
\draw[fill=cyan] (4,2) rectangle (5,1);
%%% Beamer specific %%%
%%% \draw<3->[gray,fill=cyan!40!white] (8,2) rectangle (9,1);
\draw[gray,fill=cyan!40!white] (8,2) rectangle (9,1);
%%% Beamer specific %%%
%%% \draw<3->[gray,fill=cyan!40!white] (0,-2) rectangle (1,-3);
\draw[gray,fill=cyan!40!white] (0,-2) rectangle (1,-3);
%%% Beamer specific %%%
%%% \draw<3->[fill=cyan] (4,-2) rectangle (5,-3);
\draw[fill=cyan] (4,-2) rectangle (5,-3);
\shadedraw[shading=ball,ball color=magenta] (3,-.5) .. controls (3.5,-.5) and (4,.2) .. (4.5,.2) .. controls (5,.2) and (5.5,-.5) .. (6,-.5) .. controls (5.5,-.5) and (5,-1.2) .. (4.5,-1.2) .. controls (4,-1.2) and (3.5, -.5) .. (3,-0.5);
%%% Beamer specific %%%
%%% \draw<2|trans: 0|handout: 0>[->] (1.2,1.5) -- node[auto=left] {\(\overline{\psi}\)} (3.4,.25);
\draw[->] (1.2,1.5) -- node[auto=left] {\(\overline{\psi}\)} (3.4,.25);
%%% Beamer specific %%%
%%% \draw<3->[->] (4.5,.9) -- node[auto=left] {\(\overline{\psi}\)} (4.5,.3);
\draw[->] (4.5,.9) -- node[auto=left] {\(\overline{\psi}\)} (4.5,.3);
\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);
%%% Beamer specific %%%
%%% \draw<2| trans: 0|handout: 0>[->] (5.6,-1.25) -- node[auto=left] {\(\overline{\phi}\)} (7.8,-2.5);
\draw[->] (5.6,-1.25) -- node[auto=left] {\(\overline{\phi}\)} (7.8,-2.5);
%%% Beamer specific %%%
%%% \draw<3->[->] (4.5,-1.3) -- node[auto=left] {\(\overline{\phi}\)} (4.5,-1.9);
\draw[->] (4.5,-1.3) -- node[auto=left] {\(\overline{\phi}\)} (4.5,-1.9);
%%% Beamer specific %%%
%%% \draw<3->[->] (1.2,1.5) -- node[auto=left] {\(1\)} (3.8,1.5);
\draw[->] (1.2,1.5) -- node[auto=left] {\(1\)} (3.8,1.5);
%%% Beamer specific %%%
%%% \draw<3->[->,gray] (5.2,1.5) -- node[auto=left] {} (7.8,1.5);
\draw[->,gray] (5.2,1.5) -- node[auto=left] {} (7.8,1.5);
%%% Beamer specific %%%
%%% \draw<3->[->,gray] (1.2,-2.5) -- node[auto=left] {} (3.8,-2.5);
\draw[->,gray] (1.2,-2.5) -- node[auto=left] {} (3.8,-2.5);
%%% Beamer specific %%%
%%% \draw<3->[->] (5.2,-2.5) -- node[auto=left] {\(1\)} (7.8,-2.5);
\draw[->] (5.2,-2.5) -- node[auto=left] {\(1\)} (7.8,-2.5);
\end{tikzpicture}
\end{document}