xetex の Tikz - 古いソースを表示/提示する 2 つの方法を再現する

xetex の Tikz - 古いソースを表示/提示する 2 つの方法を再現する

私は、Google による Luther のソースのプレゼンテーションと同様に、個人的な目的で LaTeX の tikz 画像付きの古いデジタル化されたソースを提示したいと思います。これは、次の場所で確認できます。https://artsandculture.google.com/exhibit/3wIyuklRxxPJJQ(直接リンクはできません)。

私は特に、次の図のようなプレゼンテーションを再作成することに興味があります (右下隅の白いボックスと左右の矢印なし)。

ここに画像の説明を入力してください

そして、この 2 番目の画像 (左右の矢印なし) では、次のようになります。

ここに画像の説明を入力してください

いろいろ試してみましたが、tikzでプレゼンテーションスタイルを再現するのは私にとっては非常に困難です。これまでのコードはここにあります。ご自由に、ご自分のサンプル画像を使っても構いませんし、次のようなものを使っても構いません。これ

\documentclass{article}
\usepackage[margin=0cm, top=0cm, bottom=0cm, outer=0cm, inner=0cm, landscape, a4paper]{geometry}
\pagestyle{empty}

\usepackage{polyglossia}
\newfontfamily\Libertine[Ligatures={NoCommon}]{Linux Libertine O}

\usepackage{graphicx}
\usepackage{tikz,tikzscale}
\usetikzlibrary{
shapes.geometric,
quotes,
arrows,
arrows.meta,
calc,
backgrounds,
positioning,
decorations.pathreplacing,
bending}

\begin{document}

\begin{tikzpicture}[remember picture, overlay, background rectangle/.style={fill=black}, show background rectangle]
\node[opacity=0.88,inner sep=0pt] at (current page.center){\includegraphics[scale=.9]{image}};
\draw (1,10) node[text=white] {\fontsize{10}{10}\textit{\Libertine{Source description}}} {};
\node [shading = axis, path fading=north, fill=black, opacity=0.25, rectangle, shading angle=0, anchor=south, minimum width=\paperwidth, minimum height=5cm] (box) at (current page.south){};
\end{tikzpicture}

% I am not even quite sure how to write the second image in tikz code. :/
\begin{minipage}{.45\linewidth}
    Text here on several lines.
\end{minipage}\hfill
\begin{minipage}{.45\linewidth}
    \begin{tikzpicture}
        \includegraphics[scale=.5]{image}; % or crop pic
        \node [shading = axis, path fading=north, fill=black, opacity=0.25, rectangle, shading angle=0, anchor=south, minimum width=\paperwidth, minimum height=5cm] (box) at (current page.south){};
    \end{tikzpicture}
\end{minipage}

\end{document}

答え1

最初の画像の可能な実装。画像と非常に太い 2cm の境界線を含むノードを描画するというアプローチです。次に、説明を含む 2 番目のノードを描画します。この説明には白いテキストがあり、その左側が画像ノードの左側、中央から 5cm 下に配置されています。背景は黒く透明ですが、テキストは透明ではありません。内部には左揃えの固定幅のボックスがあります。

コード:

\documentclass{article}
\usepackage{tikz}
    \usetikzlibrary{positioning}

\tikzset{
  image/.style={
    path picture={
      \node[anchor=center] at (path picture bounding box.center) {
        \includegraphics[width=6cm]{leichenpredigt}};}},
  node/.style={
  rectangle, minimum width=8cm, minimum height=11cm, line width=2cm, draw =black!100, node distance = 26mm}
}

\begin{document}
\begin{tikzpicture}
    \node[node,image] (bookpage) {};
    \node[text=white,below = 5cm of bookpage.west,anchor=west, fill=black,opacity=0.4,text opacity=1] {\parbox{4cm}{\raggedright Sophie Amalie of Brunswick-L\"{u}neburg (24 March 1628 -- 20 February 1685) was queen of Denmark and Norway as the consort of the King Frederick III of Denmark.}};
\end{tikzpicture}
\end{document}

結果:

ここに画像の説明を入力してください

フェードとより詳細な配置を使用して編集します。

\usetikzlibrary{fadings}
\tikzfading[name=fade up,
  bottom color=transparent!0, top color=transparent!100]
\begin{tikzpicture}
    \node[node,image] (bookpage) {};
    \node[text=white,minimum width=9cm,below = 4cm of bookpage.west,anchor=west, fill=black,path fading=fade up] {\hspace{-1cm}\parbox{7cm}{\vspace{5mm}\tiny\raggedright Sophie Amalie of Brunswick-L\"{u}neburg (...)}};

結果:

ここに画像の説明を入力してください

出典:

Tikzノードの背景画像がright=を使用すると中央に配置されない

TikZのノード境界の太さを増やす

ノード内の tikz テキストの位置

TikZ で 2 つのノードを左に揃えるにはどうすればよいでしょうか?

不透明なテキストを持つ透明なノード?

Tikz フェードを透明にして、Beamer で背景が見えるようにしますか?

関連情報