Drawing a grid on array of images

Question

I have nice story to tell with pictures. There Maltese type cross which is processing and twisting at the same time. So to make it more visual in paper i need grid something like this Drawing on an image with TikZ but on the whole array of images.

How Can I draw a grid on the array of images. I have something like this, sequence of images in which something is precessing around image's locus, and want to give more visual effect to reader.

\documentclass{article}

\usepackage{graphicx}
\usepackage{subfig}
\usepackage{multirow}
\usepackage{array}
\usepackage{color}
\usepackage{tikz}
\usepackage{graphicx}
\begin{document}

\begin{figure}
\centering
\advance\leftskip-3cm
\advance\rightskip-3cm

\begin{tabular}{llll}

\hspace{5mm}\subfloat[A]{\includegraphics[trim = 10mm 10mm 70mm 20mm,clip,scale=0.15]{image1}} &
\hspace{-5mm}\subfloat[A]{\includegraphics[trim = 10mm 10mm 70mm 20mm,clip,scale=0.15]{image2}}\\
\hspace{5mm}\subfloat[A]{\includegraphics[trim = 10mm 10mm 70mm 20mm,clip,scale=0.15]{image3}} &
\hspace{-5mm}\subfloat[A]{\includegraphics[trim = 10mm 10mm 70mm 20mm,clip,scale=0.15]{image4}} \\

\end{tabular}
\caption{Time Evolution}
\end{figure}
\end{document}

Answer 1

Here's a possibility using TikZ and the code in the answers to Drawing on an image with TikZ:

\documentclass{article}
\usepackage{subfig}
\usepackage[demo]{graphicx}
\usepackage{tikz}

\begin{document}

\begin{figure}
\centering
\begin{tikzpicture}
\node[anchor=south west,inner sep=0,align=center] (image) at (0,0) {%
\subfloat[A]{\includegraphics[trim = 10mm 10mm 70mm 20mm,clip,scale=0.15]{image1}}\quad
\subfloat[A]{\includegraphics[trim = 10mm 10mm 70mm 20mm,clip,scale=0.15]{image2}}\\
\subfloat[A]{\includegraphics[trim = 10mm 10mm 70mm 20mm,clip,scale=0.15]{image3}}\quad
\subfloat[A]{\includegraphics[trim = 10mm 10mm 70mm 20mm,clip,scale=0.15]{image4}}
};
\begin{scope}[x={(image.south east)},y={(image.north west)}]
\draw[help lines,xstep=.1,ystep=.1] (0,0) grid (1,1);
\foreach \x in {0,1,...,9} { \node [anchor=north] at (\x/10,0) {0.\x}; }
\foreach \y in {0,1,...,9} { \node [anchor=east] at (0,\y/10) {0.\y}; }
\end{scope}
\end{tikzpicture}
\caption{Time Evolution}
\end{figure}

\end{document}

Answer 2

\documentclass{article}


\usepackage{subfig}
\usepackage{multirow}
\usepackage{array}
\usepackage{color}

\usepackage[demo]{graphicx}
\begin{document}

\begin{figure}
\centering
%\advance\leftskip-3cm
%\advance\rightskip-3cm

\begin{tabular}{|c|c|}
\hline
\subfloat[A]{\includegraphics[trim = 10mm 10mm 70mm 20mm,clip,scale=0.15]{image1}} &
\subfloat[A]{\includegraphics[trim = 10mm 10mm 70mm 20mm,clip,scale=0.15]{image2}}\\
\hline
\subfloat[A]{\includegraphics[trim = 10mm 10mm 70mm 20mm,clip,scale=0.15]{image3}} &
\subfloat[A]{\includegraphics[trim = 10mm 10mm 70mm 20mm,clip,scale=0.15]{image4}} \\
\hline

\end{tabular}
\caption{Time Evolution}
\end{figure}
\end{document}

I added demo as I didn't have the images (you'll need to remove it)

I changed the tabular preamble to 2 column as you only had two columns in the body.

I removed the settings of left and right skip (which should never be set directly in LaTeX)

and I added vertical and horizontal rules.

---

With rules over the image:

\documentclass{article}


\usepackage{subfig}
\usepackage{multirow}
\usepackage{array}
\usepackage{color}

\usepackage[demo]{graphicx}
\begin{document}

\begin{figure}
\centering

\begin{tabular}[b]{cc}
\subfloat[A]{\includegraphics[trim = 10mm 10mm 70mm 20mm,clip,scale=0.15]{image1}} &
\subfloat[A]{\includegraphics[trim = 10mm 10mm 70mm 20mm,clip,scale=0.15]{image2}}\\
\subfloat[A]{\includegraphics[trim = 10mm 10mm 70mm 20mm,clip,scale=0.15]{image3}} &
\subfloat[A]{\includegraphics[trim = 10mm 10mm 70mm 20mm,clip,scale=0.15]{image4}} \\
\noalign{\null}
\end{tabular}\begin{picture}(0,0)
\color{blue}\setlength\unitlength{1mm}%
\multiput(0,0)(0,10){10}{\line(-1,0){120}}
\multiput(0,0)(-10,0){13}{\line(0,1){90}}
\end{picture}
\caption{Time Evolution}
\end{figure}
\end{document}

Answer 3

\documentclass[pstricks,border=12pt]{standalone}
\usepackage{graphicx}

\newsavebox\IBox
\savebox\IBox{\includegraphics{example-image-a}}

\def\row{10}
\def\col{10}
\psset
{
    xunit=\dimexpr\wd\IBox/\col,
    yunit=\dimexpr\ht\IBox/\row,
}

\addtopsstyle{gridstyle}
{
    gridcolor=cyan,
    gridlabels=0pt,
}
\begin{document}
\begin{pspicture}[showgrid=top](\numexpr\col*2,\numexpr2*\row)
    \rput[bl](0,0){\usebox\IBox}
    \rput[bl](\col,0){\includegraphics{example-image-b}}
    \rput[bl](0,\row){\includegraphics{example-image-c}}
    \rput[bl](\col,\row){\includegraphics{example-image-a}}
\end{pspicture}
\end{document}