Beamer 中块中图形的透明度/不透明度

Beamer 中块中图形的透明度/不透明度

我正在使用 Beamer 创建演示文稿,使用 Berkeley 作为主题。在一个框架上,我设置了列环境,以便并排放置两个块。每个块都有一个标题并包含一张图片。

我想在第一张幻灯片上显示两个块,然后在第二张幻灯片上仅突出显示第一个块。我使用命令实现了这一点\uncover,但尽管如此,第二个块中的图片仍然“完全”可见。相反,我还希望图片淡化(注意:不透明)。

换句话说,这就是我得到的:enter image description here 虽然这是我想要得到的:enter image description here

这是我正在使用的 MWE:

\documentclass[11pt]{beamer}
\usepackage[english]{babel}
\usepackage{fontenc}
\usepackage[latin1]{inputenc}
\mode<presentation>
{
\usetheme{Berkeley}
\setbeamercovered{transparent}
}

%Title
\title[Example]{Example}

%*DOCUMENT*
\begin{document}

%*INTRODUCTION*
\section{Introduction}

%Trees
\subsection[Trees]{Trees}
\begin{frame}
\frametitle{Introduction:\\ Trees}
\begin{columns}[t]
 \begin{column}{0.48\textwidth}
 \uncover<1,2>{
  \begin{block}{Tree1}
   \begin{figure}
    \centering
        \includegraphics[width=\linewidth]{Tree.jpeg}
        \label{fig:a}
   \end{figure}
  \end{block}}      
 \end{column}
 \begin{column}{0.48\textwidth}
 \uncover<1>{
  \begin{block}{Tree2}
   \begin{figure}
    \centering
        \includegraphics[width=\linewidth]{Tree.jpeg}
        \label{fig:b}
   \end{figure}
  \end{block}}
 \end{column}
\end{columns}
\end{frame} 

\end{document}

答案1

我只是在@samcarter 的基础上进行构建很好的答案\uncovergraphics并为其创建一个新命令,以便于重复使用(我个人将它放在我的自定义 beamer 主题中):

\newcommand<>{\uncovergraphics}[2][{}]{
    % Taken from: <https://tex.stackexchange.com/a/354033/95423>
    \begin{tikzpicture}
    \node[anchor=south west,inner sep=0] (B) at (4,0)
        {\includegraphics[#1]{#2}};
    \alt#3{}{%
        \fill [draw=none, fill=background, fill opacity=0.9] (B.north west) -- (B.north east) -- (B.south east) -- (B.south west) -- (B.north west) -- cycle;
    }
    \end{tikzpicture}
}

注意:我使用了名为 的颜色background,它是在我的 colortheme 中定义的,但可以根据您的需要进行更改。

然后我只需像下面这样使用它\includegraphics

\uncovergraphics<2->[width=\linewidth]{tree1}

编辑:

这个答案已经提出了相同的想法,但重新定义了includegraphics,以便它在任何情况下都能工作(例如在暂停命令之后)。

答案2

解决方案 1:

使用您选择的一些外部工具来制作图像的第二个褪色版本。

\documentclass[11pt]{beamer}
\usepackage[english]{babel}
\usepackage{fontenc}
\usepackage[latin1]{inputenc}
\mode<presentation>
{
\usetheme{Berkeley}
\setbeamercovered{transparent}
}

%Title
\title[Example]{Example}

%*DOCUMENT*
\begin{document}

%*INTRODUCTION*
\section{Introduction}

%Trees
\subsection[Trees]{Trees}
\begin{frame}
\frametitle{Introduction:\\ Trees}
\begin{columns}[t]
 \begin{column}{0.48\textwidth}
 \uncover<1,2>{
  \begin{block}{Tree1}
   \begin{figure}
    \centering
        \includegraphics[width=\linewidth]{tree1}
        \label{fig:a}
   \end{figure}
  \end{block}}      
 \end{column}
 \begin{column}{0.48\textwidth}
 \uncover<1>{
  \begin{block}{Tree2}
   \begin{figure}
    \centering
        \includegraphics<2>[width=\linewidth]{tree2}
        \includegraphics<1>[width=\linewidth]{tree1}
        \label{fig:b}
   \end{figure}
  \end{block}}
 \end{column}
\end{columns}
\end{frame} 

\end{document}

enter image description here

解决方案 2:

使用tikz

\documentclass[11pt]{beamer}
\usepackage[english]{babel}
\usepackage{fontenc}
\usepackage[latin1]{inputenc}
\mode<presentation>
{
\usetheme{Berkeley}
\setbeamercovered{transparent}
}

%Title
\title[Example]{Example}
\usepackage{tikz}

%*DOCUMENT*
\begin{document}

%*INTRODUCTION*
\section{Introduction}

%Trees
\subsection[Trees]{Trees}
\begin{frame}
\frametitle{Introduction:\\ Trees}
\begin{columns}[t]
 \begin{column}{0.48\textwidth}
 \uncover<1,2>{
  \begin{block}{Tree1}
   \begin{figure}
    \centering
        \includegraphics[width=\linewidth]{tree1}
        \label{fig:a}
   \end{figure}
  \end{block}}      
 \end{column}
 \begin{column}{0.48\textwidth}
 \uncover<1>{
  \begin{block}{Tree2}
  \begin{figure}
    \begin{tikzpicture}
    \node[anchor=south west,inner sep=0] (B) at (4,0) {\includegraphics[width=\linewidth]{tree1}};
    \only<2>{%
        \fill [draw=none, fill=white, fill opacity=0.7] (B.north west) -- (B.north east) -- (B.south east) -- (B.south west) -- (B.north west) -- cycle;
    }
    \end{tikzpicture}
    \end{figure}
  \end{block}}
 \end{column}
\end{columns}
\end{frame} 

\end{document}

enter image description here

相关内容