figura com múltiplas imagens - 3 imagens do mesmo tamanho e 1 imagem diferente em uma única figura

Question

Atualmente estou tentando formar uma figura com múltiplas imagens (veja imagem em anexo). Facilmente consegui fazer a parte com as três primeiras imagens mas não consegui adicionar a quarta imagem que é a legenda, da forma que mostrei na imagem anexa.

Você pode ajudar?

\begin{figure}[H]
\centering
\begin{subfigure}{0.48\textwidth}
\centering
\includegraphics[width=\linewidth]{figures/image1.png}
\caption{image 1}
\label{image 1}
\end{subfigure}
\hfill
\begin{subfigure}{0.48\textwidth}
\centering
\includegraphics[width=\linewidth]{figures/image2.png}
\caption{image 2}
\label{image 2}
\end{subfigure}
\hfill
\begin{subfigure}{0.48\textwidth}
\centering
\includegraphics[width=\linewidth]{figures/image3.png}
\caption{image 3}
\label{image 3}
\end{subfigure}
\caption{Multiple images}
\label{Multiple images}
\end{figure}

Answer 1

Para mover o conteúdo abaixo, você deve adicionar uma linha vazia ou preceder tal conteúdo com \par, que equivale à linha vazia. Além disso, se quiser controlar o espaço vertical, você pode alterar \parskipo ambiente da figura. Veja o exemplo abaixo.

O exemplo completo:

\documentclass{article}
\usepackage{graphicx}
\usepackage{subcaption}
\usepackage{kantlipsum}

% \usepackage{showframe}
% \renewcommand*\ShowFrameLinethickness{0.2pt}
% \renewcommand*\ShowFrameColor{\color{blue}}


\begin{document}
\kant[1][1]

\begin{figure}[tbh]
    \setlength\parskip{\baselineskip}%
    \setkeys{Gin}{width=\linewidth}%
    \centering
    \begin{subfigure}{0.48\textwidth}
        \includegraphics{example-image}
        \caption{image 1}
        \label{image 1}
    \end{subfigure}%
    \hfill
    \begin{subfigure}{0.48\textwidth}
        \includegraphics{example-image}
        \caption{image 2}
        \label{image 2}
    \end{subfigure}

    \begin{subfigure}{0.48\textwidth}
        \includegraphics{example-image}
        \caption{image 3}
        \label{image 3}
    \end{subfigure}

    \includegraphics[width=0.75\linewidth, height=1cm]{example-image-a}
    \caption{Multiple images}
    \label{Multiple images}
\end{figure}

\kant[1][3]
\end{document}

---

EDITAR. Algumas observações

• Você não precisa \centeringdentro de cada subfigureambiente. porque as imagens abrangem toda a largura da caixa parental.
• A linha de \setkeys{Gin}{width=\linewidth}define a largura de cada imagem seguinte, portanto não precisa ser repetida.
• Embora neste caso visualmente não faça diferença, cuidado, uma nova linha adiciona um espaço horizontal vazio, a menos que você termine a linha anterior com%

Para elaborar o último ponto, considere novamente o seu exemplo:

\begin{...}
...
\end{...} <--- empty horizontal space 
\hfill
\begin{...}
...
\end{...}

LateX adiciona espaço entre o primeiro e o segundo ambiente. então use \hfill. Então tudo está alinhado conforme o esperado. No entanto, digamos que você queira unir duas caixas. O código a seguir deixaria um espaço vazio entre eles

\begin{...}
...
\end{...} 
\begin{...}
...
\end{...}

embora este código não

\begin{...}
...
\end{...}% <--- no empty space added
\begin{...}
...
\end{...}

Além disso, macros sem parâmetros sa \hfill, \ceteringconsomem espaços, portanto o acima %não é necessário. Por outro lado, se você quiser forçar um espaço após essa macro, adicione colchetes vazios: {}, por exemplo, \mymacro{}em vez de \mymacro.