figure* environment skips page after figure on first page

Question

I am using the figure* environment for twocolumn images in a twocolumn text document. When placing a onecolumn figure at the end of page one, i want the twocolumn figure (light blue) at the top of page two. But instead it gets to the next page.

I am using the following code:

\documentclass[twocolumn,11pt]{article}
\usepackage{graphicx}
\usepackage{lipsum}

\begin{document}

\lipsum[1-4]
Cu affert noster perfecto sit, ex eirmod perfecto senserit nam, est quem
ipsum ei. Qui minim dolor dicam ad, ea dicant nostrud eleifend has, pro
ad commodo detracto suscipit. Cu affert noster perfecto sit, ex eirmod
perfecto.

\begin{figure}[hb!]
    \includegraphics[width=\columnwidth]{example-image}
    \caption{random text small caption random text}
\end{figure}

\begin{figure*}[ht!]
    \includegraphics[width=\textwidth]{example-image}
    \caption{random text small caption random text}
\end{figure*}

\lipsum[1-4]

\end{document}

How do i prevent this?

Answer 1

As noted in comments you just need to move the figures earlier in the source.

\documentclass[twocolumn,11pt]{article}
\usepackage{graphicx}
\usepackage{lipsum}

\begin{document}

\lipsum[1-4]

\begin{figure}[!b]
    \includegraphics[width=\columnwidth]{example-image}
    \caption{random text small caption random text}
\end{figure}

\begin{figure*}[!t]
    \includegraphics[width=\textwidth]{example-image}
    \caption{random text small caption random text}
\end{figure*}

Cu affert noster perfecto sit, ex eirmod perfecto senserit nam, est quem
ipsum ei. Qui minim dolor dicam ad, ea dicant nostrud eleifend has, pro
ad commodo detracto suscipit. Cu affert noster perfecto sit, ex eirmod
perfecto.

\lipsum[1-4]

\end{document}

Answer 2

EDIT: My original answer was only a solution for figure not for figure*. My apologies for not realizing the differences between these two.

---

NEW ANSWER:

A previous question had similar problems and the solution provided was to either put the figure* earlier or later in the document to get the desired effect, or to load the fixltx2e package to fix this.

---

Old answer:

You can give options to the figure environment to tell LaTeX where you would like a figure float to go. You can even overwrite LaTeX parameters that are use for determining a "good" float position.

In your specific case you can do this to get the figure at the top of the page:

\begin{figure}[!t]
...
\end{figure}

t = Position at the top of the page.

! = Override internal parameters LaTeX uses for determining "good" float positions.

Full detail about the placement options is here.