Прямоугольник с узором затенения в качестве фона заголовка

Прямоугольник с узором затенения в качестве фона заголовка

Я хотел бы оформить верхний (и нижний) колонтитулы моих документов/писем довольно затейливым образом. Я пытаюсь добиться цветного фона с каким-то узором затенения, который немного более сложный, чем простая градиентная заливка или что-то подобное. Я хочу, чтобы эта «полоса» охватывала всю ширину бумаги и находилась прямо в самом верху страницы.

Я попробовал использовать пакет fancyhdr для достижения этой цели, так как подумал, что он может пригодиться мне позже, если я буду использовать его в документах, но если бы я мог разместить фон вверху с возможностью писать на нем, этого было бы достаточно на данный момент.

До сих пор мне не удалось достичь ни одного из вышеперечисленных пунктов... Чтобы дать вам некую подсказку, я мечтал о следующем:

\usepackage{tikz}
\usepackage{tikzpagenodes}
\usetikzlibrary{mindmap, backgrounds}
\usepackage{fancyhdr}
\pagestyle{fancy}

\lhead{ %
\begin{tikzpicture}
\begin{pgfonlayer}{background}
\clip (-1.5,-5) rectangle ++(20,1);
%The shadings
\end{pgfonlayer}
 \end{tikzpicture}
  This is my colored header}

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

И вот как должен выглядеть конечный продукт:

Пример заголовка

решение1

Вы можете использовать несколько прямоугольников с затенением bilinear interpolation:

\documentclass{article}

\usepackage{tikz}
\usepackage{tikzpagenodes}
\usetikzlibrary{fit,shadings}

\begin{document}
\begin{tikzpicture}[overlay,remember picture]
  \node[inner sep=0,fit=(current page)] (cp){};
  \shade[upper left=white,lower left=gray,upper right=white,lower right=cyan]
  (cp.north west) rectangle +(4cm,-3cm);
  \shade[upper left=white,lower left=cyan,upper right=yellow,lower right=white]
  ([xshift=4cm]cp.north west) rectangle +(4cm,-3cm);
  \shade[upper left=yellow,lower left=white,upper right=gray,lower right=red!50!white]
  ([xshift=2*4cm]cp.north west) rectangle +(4cm,-3cm);
  \shade[upper left=gray,lower left=red!50!white,upper right=white,lower right=cyan]
  ([xshift=3*4cm]cp.north west) rectangle +(4cm,-3cm);
  \shade[upper left=white,lower left=cyan,upper right=white,lower right=gray]
  ([xshift=4*4cm]cp.north west) rectangle ([yshift=-3cm]cp.north east);

  \node[font=\Huge\bfseries] at ([yshift=-1.5cm]cp.north) {Hello World!};
\end{tikzpicture}
\end{document}

введите описание изображения здесь

решение2

Вы можете начать с чего-то вроде этого. Вы можете использовать более продвинутую штриховку или узор или даже включить картинку, идея останется той же.

\documentclass{article}
\usepackage{tikz}
\usepackage{tikzpagenodes}
\usetikzlibrary{mindmap,backgrounds}
\usepackage{fancyhdr}
\pagestyle{fancy}

\lhead{%
\begin{tikzpicture}[overlay,remember picture]
\path[inner color=blue,outer color=red] (current page.north west) rectangle ([yshift=-2cm]current page.north east);
\node at ([yshift=-1cm]current page.north) {\large\sffamily\bfseries\color{white}This is my colored header};
\end{tikzpicture}
}

\begin{document}
...\newpage...\newpage...\newpage...
\end{document}

введите описание изображения здесь

Связанный контент