Transiciones animadas en diapositivas

Esta sección está dedicada a explicar cómo incorporar transiciones animadas entre dos diapositivas, y finalmente crear una diapositivas con botones hecha en LaTeX.

uvas.jpg | torta.jpg | none.png

\documentclass[aspectratio=169,14pt]{beamer}
\usetheme{Boadilla}
\usepackage[spanish]{babel}
\usepackage{tikz,xcolor}
\usepackage{pgfplots}
\pgfplotsset{compat=1.17}
\usepackage{fancybox}
\usepackage{graphicx}
\usepackage{fancyvrb}
\usepackage{etoolbox, amsfonts,amsmath}
\setbeamercovered{invisible}
\definecolor{griss}{HTML}{CCCCCC}
\title{Transiciones}

\begin{document}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{none.png}
}
\begin{frame}
\begin{columns} 
    \begin{column}{5cm} 
    \begin{block}{Diapositiva A}    
        
        $\setminus$begin$\left\lbrace frame \right\rbrace$
        
        \vspace{0.9cm}
        $\setminus$end$\left\lbrace frame \right\rbrace $
    \end{block}
\end{column}    
\begin{column}{5cm} 
    \begin{block}{Diapositiva B}    
        $\setminus$begin$\left\lbrace frame \right\rbrace$
        
        \vspace{0.1cm}
        Estilo de transición
        \vspace{0.1cm} 
        
        $\setminus$ end $\left\lbrace frame \right\rbrace$
    \end{block}
\end{column}

\end{columns}   

\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{uvas.jpg}
}


\begin{frame}[plain]

\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{torta.jpg}
}

\begin{frame}
\transblindshorizontal
\end{frame} 

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{none.png}
}
\begin{frame}[fragile]
\transblindshorizontal
\begin{verbatim}
\transblindshorizontal
\end{verbatim}
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{uvas.jpg}
}

\begin{frame}[plain]
    
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{torta.jpg}
}

\begin{frame}
    \transblindsvertical
\end{frame} 

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{none.png}
}
\begin{frame}[fragile]
    \transblindsvertical    
    \begin{verbatim}
        \transblindsvertical
    \end{verbatim}
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{uvas.jpg}
}

\begin{frame}[plain]
    
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{torta.jpg}
}

\begin{frame}
    \transboxin
\end{frame} 

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{none.png}
}
\begin{frame}[fragile]
\transboxin
    \begin{verbatim}
        \transboxin
    \end{verbatim}
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{uvas.jpg}
}

\begin{frame}[plain]
    
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{torta.jpg}
}

\begin{frame}
    \transboxout
\end{frame} 

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{none.png}
}
\begin{frame}[fragile]
    \transboxout
    \begin{verbatim}
        \transboxout
    \end{verbatim}
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{uvas.jpg}
}

\begin{frame}[plain]
    
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{torta.jpg}
}

\begin{frame}
    \transglitter
\end{frame} 

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{none.png}
}
\begin{frame}[fragile]
\transglitter
    \begin{verbatim}
     \transglitter
    \end{verbatim}
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{uvas.jpg}
}

\begin{frame}[plain]
    
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{torta.jpg}
}

\begin{frame}
    \transdissolve
\end{frame} 

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{none.png}
}
\begin{frame}[fragile]
    \transdissolve
    \begin{verbatim}
        \transdissolve
    \end{verbatim}
\end{frame}
\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{uvas.jpg}
}

\begin{frame}[plain]
    
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{torta.jpg}
}

\begin{frame}
    \transsplitverticalin
\end{frame} 

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{none.png}
}
\begin{frame}[fragile]
    \transsplitverticalin
    \begin{verbatim}
        \transsplitverticalin
    \end{verbatim}
\end{frame}
\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{uvas.jpg}
}

\begin{frame}[plain]
    
\end{frame}
\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{torta.jpg}
}

\begin{frame}
    \transsplitverticalout
\end{frame} 

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{none.png}
}
\begin{frame}[fragile]
    \transsplitverticalout
    \begin{verbatim}
    \transsplitverticalout
    \end{verbatim}
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{uvas.jpg}
}

\begin{frame}[plain]
    
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{torta.jpg}
}

\begin{frame}
\transsplithorizontalin
\end{frame} 

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{none.png}
}
\begin{frame}[fragile]
\transsplithorizontalin
    \begin{verbatim}
        \transsplithorizontalin
    \end{verbatim}
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{uvas.jpg}
}

\begin{frame}[plain]
    
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{torta.jpg}
}

\begin{frame}
    \transsplithorizontalout
\end{frame} 

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{none.png}
}
\begin{frame}[fragile]
    \transsplithorizontalout
    \begin{verbatim}
        \transsplithorizontalout
    \end{verbatim}
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{uvas.jpg}
}

\begin{frame}[plain]
    
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{torta.jpg}
}

\begin{frame}
    \transwipe
\end{frame} 

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{none.png}
}
\begin{frame}[fragile]
    \transwipe
    \begin{verbatim}
        \transwipe
    \end{verbatim}
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{torta.jpg}
}

\begin{frame}
    \transpush
\end{frame} 

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{none.png}
}
\begin{frame}[fragile]
    \transpush
    \begin{verbatim}
    \transpush
    \end{verbatim}
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{uvas.jpg}
}

\begin{frame}[plain]
    
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{torta.jpg}
}

\begin{frame}
    \transreplace
\end{frame} 

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{none.png}
}
\begin{frame}[fragile]
    \transreplace
    \begin{verbatim}
        \transreplace
    \end{verbatim}
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{uvas.jpg}
}

\begin{frame}[plain]
    
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{torta.jpg}
}

\begin{frame}
    \transcover
\end{frame} 

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{none.png}
}
\begin{frame}[fragile]
    \transcover
    \begin{verbatim}
        \transcover
    \end{verbatim}
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{uvas.jpg}
}

\begin{frame}[plain]
    
\end{frame}

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{torta.jpg}
}

\begin{frame}
    \transduration{2}
\end{frame} 

\setbeamertemplate{background canvas}{
    \includegraphics[width=\paperwidth,height=\paperheight]{none.png}
}
\begin{frame}[fragile]
    \transduration{2}
    \begin{verbatim}
        \transduration{2}
    \end{verbatim}
\end{frame}

\begin{frame}{Resumen}
\begin{columns} 
    

    \begin{column}{8cm}
    \begin{itemize}
    \item <2-> transduration
    \item <3-> transblindshorizontal
    \item <4-> transblindsvertical
    \item <5-> transboxin
    \item <6-> transboxout
    \item <7-> transglitter
    \item <8-> transdissolve
    \item <9-> transsplitverticalin
    \end{itemize}
    \end{column}
    \begin{column}{8cm}
    \begin{itemize}
    \item <10-> transsplitverticalout
    \item <11->transsplithorizontalin
    \item <12-> transsplithorizontalout
    \item <13->transwipe
    \item <14-> transpush
    \item <15-> transreplace (default)
    \item <16-> transcover
    \item <17-> transduration{seg}
   \end{itemize}
    \end{column}


\end{columns}
\end{frame}

\begin{frame}{Cónicas}
    \Huge
\hypertarget{con}{} 
\hyperlink{cir}{
        \beamergotobutton{Circunferencia}
}
\hyperlink{eli}{
    \beamergotobutton{Elipse}
}
\hyperlink{hipe}{
    \beamergotobutton{Hiperbola}
}
\hyperlink{Circunferencia}{
    \beamergotobutton{Parábola}
}
\end{frame}

\begin{frame}{Circunferencia}
    \hypertarget{cir}{} 
    \hyperlink{con}{\beamerreturnbutton{Regresar a Cónicas}}
\end{frame}

\begin{frame}{Elipse}
    \hypertarget{eli}{} 
    \hyperlink{con}{\beamerreturnbutton{Regresar a Cónicas}}
\end{frame}

\begin{frame}{Hiperbola}
    \hypertarget{hiper}{}   
    \hyperlink{con}{\beamerreturnbutton{Regresar a Cónicas}}
\end{frame}

\begin{frame}{Parábola}
    \hypertarget{para}{}    
    \hyperlink{con}{\beamerreturnbutton{Regresar a Cónicas}}
\end{frame}

\begin{frame}[fragile]

\begin{verbatim}
\hypertarget{con}{} 
\hyperlink{cir}{
    \beamergotobutton{Circunferencia}
}
\hyperlink{eli}{
    \beamergotobutton{Elipse}
}
\hyperlink{hipe}{
    \beamergotobutton{Hiperbola}
}
\hyperlink{Circunferencia}{
    \beamergotobutton{Parábola}
}
    \end{verbatim}
\end{frame}

\begin{frame}[fragile]
    
    \begin{verbatim}
        \hypertarget{cir}{} 
        \hyperlink{con}{\beamerreturnbutton{Regresar a Cónicas}}
    \end{verbatim}
\end{frame}

\begin{frame}[fragile]
\small  
    \begin{columns} 
        \begin{column}{7.1cm}   
            \begin{block}{Diapositiva A}    
            \begin{verbatim}
                \hypertarget{con}{} 
                \hyperlink{cir}{
                    \beamergotobutton{Circunferencia}
                }
                \hyperlink{eli}{
                    \beamergotobutton{Elipse}
                }
            \end{verbatim}
            
            \end{block}
        \end{column}    
        \begin{column}{6cm} 
            \begin{block}{Diapositiva B}    
                $\setminus$hypertarget$\left\lbrace cir \right\rbrace \left\lbrace  \right\rbrace$

                \hspace{0.5cm}$\setminus$hyperlink$\left\lbrace con \right\rbrace \left\lbrace \right.$
                
                \hspace{1cm}$\setminus$beamerreturnbutton$\left\lbrace \right.$ 
                
                \hspace{1.8cm} Regresar a Cónicas $\left.\right\rbrace \left. \right\rbrace $
                
                \hspace{1.0cm} $\left. \right\rbrace $
            \end{block}
        
        \begin{block}{Diapositiva C}    
                $\setminus$hypertarget$\left\lbrace eli \right\rbrace \left\lbrace  \right\rbrace$

\hspace{0.5cm}$\setminus$hyperlink$\left\lbrace con \right\rbrace \left\lbrace \right.$

\hspace{1cm}$\setminus$beamerreturnbutton$\left\lbrace \right.$ 

\hspace{1.8cm} Regresar a Cónicas $\left.\right\rbrace \left. \right\rbrace $

\hspace{1.0cm} $\left. \right\rbrace $
        \end{block}
        \end{column}
        
    \end{columns}   
    
\end{frame}

\end{document}