\documentclass{article}
\thispagestyle{empty}
%\def\pgfsysdriver{pgfsys-tex4ht.def}
\usepackage{tikz}
\usepackage{pxfonts}
\newcommand{\R}{\mathbb{R}}
\begin{document}
\begin{tikzpicture}
\draw[fill=cyan] (0,0) rectangle (1,-1);
\draw[ultra thick, cyan] (3.5,-.5) -- node[auto=left, pos=.8, black] {\(\R\)} (5.5,-.5);
\draw[gray,fill=cyan!40!white] (8,0) rectangle (9,-1);
\draw[fill=cyan] (0,-2) rectangle (1,-3);
\draw[ultra thick, cyan] (3.5,-2.5) -- node[auto=left, pos=.8, black] {\(\R\)} (5.5,-2.5);
\draw[fill=cyan] (8,-2) rectangle (9,-3);
\draw[gray,fill=cyan!40!white] (0,-4) rectangle (1,-5);
\draw[ultra thick, cyan] (3.5,-4.5) -- node[auto=left, pos=.8, black] {\(\R\)} (5.5,-4.5);
\draw[fill=cyan] (8,-4) rectangle (9,-5);
\draw[->] (1.2,-0.5) -- node[auto=left] {cts} (2.4,-0.5);
\draw[->,gray] (6.4,-0.5) -- (7.8,-0.5);
\draw[->] (1.2,-2.5) -- node[auto=left] {const} (2.4,-2.5);
\draw[->] (6.4,-2.5) -- node[auto=left] {const} (7.8,-2.5);
\draw[->,gray] (1.2,-4.5) -- (2.4,-4.5);
\draw[->] (6.4,-4.5) -- node[auto=left] {cts} (7.8,-4.5);
%%% Beamer specific %%%
%%% \draw<2->[->] (4.5,-.7) -- node[auto=left] {smooth} (4.5,-2.3);
\draw[->] (4.5,-.7) -- node[auto=left] {smooth} (4.5,-2.3);
%%% Beamer specific %%%
%%% \draw<3->[->] (4.5,-2.7) -- node[auto=left] {smooth} (4.5,-4.3);
\draw[->] (4.5,-2.7) -- node[auto=left] {smooth} (4.5,-4.3);
%%% Beamer specific %%%
%%% \draw<4->[->] (4.3,-.7) -- node[pos=.75,auto=right] {not smooth} (4.3,-4.3);
\draw[->] (4.3,-.7) -- node[pos=.75,auto=right] {not smooth} (4.3,-4.3);
\end{tikzpicture}
\end{document}