[Tex/LaTex] Creating the own Beamer Theme

beamertemplatestikz-pgf

I'm trying to create my own beamer theme based on this answer. My data till now:

beamerthemetexsx.sty

%beamerthemetexsx.sty
\mode<presentation>

% Requirement
\RequirePackage{tikz}
\RequirePackage{xcolor}

%Colour
\definecolor{aublue}{HTML}{0A1439}

% Settings
\useinnertheme{texsx}
\useoutertheme{texsx}
\usecolortheme{texsx}

\setbeamertemplate{navigation symbols}{}
\setbeamertemplate{blocks}[rounded][shadow=true]  

\mode<all>

beamercolorthemetexsx.sty

%beamercolorthemetexsx.sty
\mode<presentation>

% Settings
\setbeamercolor*{title page header}{fg=white}
\setbeamercolor*{author}{fg=white}
\setbeamercolor*{date}{fg=white}
\setbeamercolor*{item}{fg=orange}
% Items
\setbeamertemplate{items}[square]
\setbeamertemplate{sections/subsections in toc}[square]
\mode
<all>

beamerouterthemetexsx.sty

%beamerouterthemetexsx.sty
\mode<presentation>

\setbeamertemplate{background}{
  \begin{tikzpicture}
  \useasboundingbox (0,0) rectangle(\the\paperwidth,\the\paperheight);
  \fill[color=aublue] (0,0.75) rectangle (\the\paperwidth, 8);
  \ifnum\thepage>1\relax%
   \fill[white,opacity=1] (0,0) rectangle(\the\paperwidth,\the\paperheight);
   \fi
  \end{tikzpicture}
}


% Title page
\defbeamertemplate*{title page}{texsx}[1][]
{ 
    \begin{beamercolorbox}[wd=12cm,leftskip=3cm,sep=8pt,#1]{title page header}
      \usebeamerfont{title}\inserttitle\par%
    \end{beamercolorbox}%
    \vskip0.75cm%
    \begin{beamercolorbox}[wd=12cm,leftskip=3cm,#1]{author}
      \usebeamerfont{author}\insertauthor%
    \end{beamercolorbox}
     \vskip0.2cm%
    \begin{beamercolorbox}[wd=12cm,leftskip=3cm,#1]{date}
      \usebeamerfont{author}\insertdate%
    \end{beamercolorbox}
  \vfill
}

\mode
<all>

beamerinnerthemetexsx.sty

%beamerinnerthemetexsx.sty
\mode<presentation>

% Frame title
\defbeamertemplate*{frametitle}{texsx}[1][]
{
\vskip1cm%
  \begin{beamercolorbox}[wd=\paperwidth,ht=1.2cm]{frametitle} 
  \begin{tikzpicture}
  \useasboundingbox[fill=white](0,0) rectangle(\the\paperwidth,1.2);
  \fill[aublue] (0,0) rectangle(\the\paperwidth,1.5);
   \ifx\insertframesubtitle\@empty%
      {\node[anchor=west, white,font=\large] at (3.2,0.61){\insertframetitle};}
      \else%
      {\node[anchor= west, white,font=\large] at (3.2,0.81){\insertframetitle};%
       \node[anchor= west, white,font=\small] at (3.2,0.41){\insertframesubtitle};}
      \fi
  \end{tikzpicture}
  \end{beamercolorbox}
}

\mode<all>

texsx-example.tex

%texsx-example.tex
\documentclass{beamer}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\title{There Is No Largest Prime Number}
\date[ISPN ’80]{27th International Symposium of Prime Numbers}
\author[Euclid]{Euclid of Alexandria \texttt{euclid@alexandria.edu}}


\usetheme{texsx}

\begin{document}

\begin{frame}
\titlepage
\end{frame}


\begin{frame} 
\frametitle{There Is No Largest Prime Number} 
\framesubtitle{The proof uses \textit{reductio ad absurdum}.} 
\begin{theorem}
There is no largest prime number. \end{theorem} 
\begin{enumerate} 
\item<1-| alert@1> Suppose $p$ were the largest prime number. 
\item<2-> Let $q$ be the product of the first $p$ numbers. 
\item<3-> Then $q+1$ is not divisible by any of them. 
\item<1-> But $q + 1$ is greater than $1$, thus divisible by some prime
number not in the first $p$ numbers.
\end{enumerate}
\end{frame}

\begin{frame}{A longer title}
\begin{itemize}
\item one
\item two
\end{itemize}
\end{frame}

\end{document}

Problems

1. Outer

A picture says more than thousand words:

I would like to place the university logo (looks like a square) at point 1, the title in big at point 2 and the name of my university at point 3. I've tried a lot, but it seems like all information just wants to be in the blue field. I don't know how to fix that.

2. Inner

Next image:

I would like to move the titleframe a little more upwards (there should still be some white space). In the white space over the titleframe, I would love to have the name of my university in black, next the name of the authors in grey (all seperated by | ) at point (1).

Second, I would love to place my university logo (from the title frame) at point 2.

More Clarification

I've tried the best I can. If I get a little help, I will try more (since it's just two problems going again and again).

Thank you very much in advance!

Best Answer

The following example should in principal display everything you mentioned. I redefined some of your elements, but now the positioning is very flexible. So if you want the frametitle a little bit further up, just play around with its coordinates.

[caution notice: all the coordinates are just to roughly fit our design, you might want to finetune them]

%texsx-example.tex
\documentclass{beamer}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\title{There Is No ...}
\date[ISPN ’80]{27th International Symposium of Prime Numbers}
\author[author1 \quad|\quad author2]{Euclid of Alexandria \texttt{euclid@alexandria.edu}}
\institute{My University}

\usetheme{texsx}

\begin{document}

\begin{frame}
\titlepage
\end{frame}


\begin{frame} 
\frametitle{There Is No Largest Prime Number} 
\framesubtitle{The proof uses \textit{reductio ad absurdum}.} 
\begin{theorem}
There is no largest prime number. \end{theorem} 
\begin{enumerate} 
\item<1-| alert@1> Suppose $p$ were the largest prime number. 
\item<2-> Let $q$ be the product of the first $p$ numbers. 
\item<3-> Then $q+1$ is not divisible by any of them. 
\item<1-> But $q + 1$ is greater than $1$, thus divisible by some prime
number not in the first $p$ numbers.
\end{enumerate}
\end{frame}

\begin{frame}{A longer title}
\begin{itemize}
\item one
\item two
\end{itemize}
\end{frame}

\end{document}

%beamercolorthemetexsx.sty
\mode<presentation>

% Settings
\setbeamercolor*{title page header}{fg=white}
\setbeamercolor*{frametitle}{fg=white}
\setbeamercolor*{framesubtitle}{fg=white}
\setbeamercolor*{headline}{fg=red}
\setbeamercolor*{author}{fg=white}
\setbeamercolor*{date}{fg=white}
\setbeamercolor*{title}{fg=red}
\setbeamercolor*{institute}{fg=red}
\setbeamercolor*{item}{fg=orange}
% Items
\setbeamertemplate{items}[square]
\setbeamertemplate{sections/subsections in toc}[square]
\mode
<all>

%beamerinnerthemetexsx.sty
\mode<presentation>

% Frame title
\defbeamertemplate*{frametitle}{texsx}[1][]{
    \setlength{\unitlength}{1mm}
    \begin{picture}(0,0)(0,0)
        %author
        \put(10,2){%
            \usebeamerfont{footline}
                \usebeamercolor[fg]{headline}%
                \ifx\insertinstitute\empty\else
                    \insertshortinstitute\quad|\quad
                \fi
                \ifx\insertauthor\empty\else
                    \insertshortauthor
                \fi
        }%
        % Blue background
        \put(-10,-12){\color{aublue}\rule{\paperwidth}{12mm}}
        % logo
        \put(-10,-12){\includegraphics[height=12mm]{pic}}
        % Title
        \put(10,-8){%
            \begin{minipage}[c][30mm][c]{80mm}
                \ifx\insertframetitle\empty\else
                \usebeamerfont{frametitle}\usebeamercolor[fg]{frametitle}\insertframetitle\par%
                \fi%
                \ifx\insertframesubtitle\empty\else
                \usebeamerfont{framesubtitle}\usebeamercolor[fg]{framesubtitle}\insertframesubtitle\par%
                \fi%
            \end{minipage}
        }
    \end{picture}
}

\mode<all>

%beamerthemetexsx.sty
\mode<presentation>

% Requirement
\RequirePackage{tikz}
\RequirePackage{xcolor}

%Colour
\definecolor{aublue}{HTML}{0A1439}

% Settings
\useinnertheme{texsx}
\useoutertheme{texsx}
\usecolortheme{texsx}
\usefonttheme{texsx}
\setbeamertemplate{navigation symbols}{}
\setbeamertemplate{blocks}[rounded][shadow=true]  

\mode<all>

%beamerouterthemetexsx.sty
\mode<presentation>

% Title page
\defbeamertemplate*{title page}{texsx}[1][]
{ 
        \setlength{\unitlength}{1mm}
        \begin{picture}(0,0)(0,0)
            % Blue background
            \put(-10,-46.5){\color{aublue}\rule{\paperwidth}{72mm}}
            % logo 
            \put(0,28){\includegraphics[width=.15\textwidth]{pic}}
            % Title
            \put(23,32){%
                \begin{minipage}[c][30mm][c]{80mm}
                    \usebeamerfont{title}\usebeamercolor[fg]{title}\inserttitle\par%
                \end{minipage}
            }
            % author etc
            \put(23,-5){%
                \begin{minipage}[c][30mm][c]{80mm}
                    \ifx\insertauthor\empty\else
                        \usebeamerfont{author}\usebeamercolor[fg]{author}\insertauthor%
                        \vskip0.2cm%
                    \fi%
                    \ifx\insertdate\empty\else
                        \usebeamerfont{author}\usebeamercolor[fg]{author}\insertdate%
                    \fi%
                \end{minipage}
            }       
            % author etc
            \put(23,-53){%
                \begin{minipage}[c][30mm][c]{80mm}
                \ifx\insertinstitute\empty\else
                    \usebeamerfont{institute}\usebeamercolor[fg]{institute}\insertinstitute%
                \fi%
                \end{minipage}
            }               
    \end{picture}
}

\mode
<all>

%beamerfontthemetexsx.sty
\mode<presentation>

\setbeamerfont{title}{series=\bfseries,size=\fontsize{18}{22}}
\setbeamerfont{footline}{size=\fontsize{6}{8}}

\mode
<all>

Related Solutions

[Tex/LaTex] beamer: Create own headline theme

You can redefine the headline, footline and frametitle templates; something along these lines:

\documentclass{beamer}

\definecolor{secinhead}{RGB}{249,196,95}
\definecolor{titlebg}{RGB}{51,51,51}

\setbeamercolor{secsubsec}{fg=secinhead,bg=black}
\setbeamercolor{frametitle}{fg=secinhead,bg=titlebg}

\setbeamertemplate{headline}
{
  \leavevmode%
  \hbox{%
  \begin{beamercolorbox}[wd=\paperwidth,ht=8.25ex,dp=3.5ex]{secsubsec}%
    \raggedright
    \hspace*{2em}%
    {\sffamily\Large\color{secinhead}\thesection.~\insertsection\hfill\insertsubsection}%
    \hspace*{2em}%
  \end{beamercolorbox}%
  }%
}
\setbeamertemplate{frametitle}
{\vskip-3pt
  \leavevmode
  \hbox{%
  \begin{beamercolorbox}[wd=\paperwidth,ht=1.8ex,dp=1ex]{frametitle}%
    \raggedright\hspace*{2em}\small\insertframetitle
  \end{beamercolorbox}
  }%
}
\setbeamertemplate{footline}{}

\begin{document}

\section{Introduction}
\subsection{The questions}
\begin{frame}\frametitle{A test frame}Test\end{frame}
\subsection{Another questions}
\begin{frame}\frametitle{Another test frame}Test\end{frame}

\end{document}

enter image description here

Note however that probably you will have to redefine also some other templates to mantain consistency; for example, which color/font to use to display the frame title? which color for enumerated lists?

Another option, this time the frametitle will have to be given another definition:

\documentclass{beamer}

\definecolor{secinhead}{RGB}{249,196,95}
\definecolor{shadowbg}{RGB}{51,51,51}

\setbeamercolor{secsubsec}{fg=secinhead,bg=black}
\setbeamercolor{shadow}{fg=secinhead,bg=shadowbg}

\setbeamertemplate{headline}
{
  \leavevmode%
  \hbox{%
  \begin{beamercolorbox}[wd=\paperwidth,ht=8.25ex,dp=3.5ex]{secsubsec}%
    \raggedright
    \hspace*{2em}%
    {\sffamily\Large\color{secinhead}\thesection.~\insertsection\hfill\insertsubsection}%
    \hspace*{2em}%
  \end{beamercolorbox}%
  }\vskip0pt%
  \hbox{%
  \begin{beamercolorbox}[wd=\paperwidth,ht=1.8ex,dp=1ex]{shadow}%
  \mbox{}
  \end{beamercolorbox}
  }%
}
\setbeamertemplate{frametitle}{}
\setbeamertemplate{footline}{}

\begin{document}

\section{Introduction}
\subsection{The questions}
\begin{frame}Test\end{frame}
\subsection{Another questions}
\begin{frame}Test\end{frame}

\end{document}

enter image description here

Here's the code producing the vertical shading color for the second vertical "bar":

\documentclass{beamer}
\usepackage{tikz}
\usetikzlibrary{shadings}
\definecolor{secinhead}{RGB}{249,196,95}
\definecolor{shadowbg}{RGB}{51,51,51}

\setbeamercolor{secsubsec}{fg=secinhead,bg=black}
\setbeamercolor{shadow}{fg=secinhead,bg=shadowbg}

\setbeamertemplate{headline}
{
  \leavevmode%
  \hbox{%
  \begin{beamercolorbox}[wd=\paperwidth,ht=8.25ex,dp=3.5ex]{secsubsec}%
    \raggedright
    \hspace*{2em}%
    {\sffamily\Large\color{secinhead}\thesection.~\insertsection\hfill\insertsubsection}%
    \hspace*{2em}%
  \end{beamercolorbox}%
  }\vskip-1pt%
  \hbox{%
  \tikz\draw[draw=none,top color=black,bottom color=shadowbg!60] (0,0) rectangle (\paperwidth,0.5);
  }%
}
\setbeamertemplate{frametitle}{}
\setbeamertemplate{footline}{}

\begin{document}

\section{Introduction}
\subsection{The questions}
\begin{frame}
Test
\end{frame}

\end{document}

and here's the upper part of the resulting frame:

enter image description here

Of course, change the values for top color, and bottom color according to your needs (you can even select a middle color value).

[Tex/LaTex] Beamer custom template: Simple head- and footline and a title page

I would just put the title page into a plain frame.

\frame[plain]{\titlepage}

Personally I redefine make title like this:

\def\maketitle{%
  \ifbeamer@inframe
    \titlepage
  \else
    \frame[plain]{\titlepage}
  \fi
}

This way I can use \maketitle directly in my presentations without having to put it into a frame.

I don't really understand your second question.

To answer your third question. Yes your implementation is not very "beamer-like". For example you don't use \setbeamerfont{•}{•}. And imho you overcomplicate things with using tikz everywhere. So here is an implementation which is I think a bit more how beamer was intended to be used.

\colorlet{sharky_main}{DodgerBlue3!80}
\colorlet{sharky_secondary}{white}
\definecolor{sharky_black}{RGB}{43,40,40}

\setbeamercolor{section in head/foot}{fg=white, bg=sharky_main}
\setbeamercolor{frametitle}{fg=white, bg=sharky_main}
\setbeamercolor{title page top}{fg=sharky_secondary, bg=sharky_main}
\setbeamercolor{title page bottom}{fg=sharky_black, bg=sharky_secondary}

\setbeamerfont{frametitle}{size=\Large, series=\bfseries}
\setbeamerfont{title}{size=\Huge, series=\bfseries}
\setbeamerfont{subtitle}{size=\small}
\setbeamerfont{author}{size=\LARGE, series=\bfseries}
\setbeamerfont{date}{size=\small}

\newdimen\sharky@frametitlesep
\sharky@frametitlesep=1.5ex
\newdimen\sharky@footbarsep
\sharky@footbarsep=1ex

% disable navigation
\setbeamertemplate{navigation symbols}{}

\def\maketitle{%
  \ifbeamer@inframe
    \titlepage
  \else
    \frame[plain]{\titlepage}
  \fi
}

% custom draw the title page above
\setbeamertemplate{title page}{%
    \begin{beamercolorbox}[wd=\paperwidth, ht=0.5\paperheight, center, sep=0pt]{title page top}
        \usebeamerfont{title}\inserttitle\par
        \vspace{0.5em}%
        \usebeamerfont{subtitle}\insertsubtitle\par
        \vspace{1em}%
    \end{beamercolorbox}%
    \begin{beamercolorbox}[wd=\paperwidth, ht=0.5\paperheight, center]{title page bottom}
    \vbox to 0.5\paperheight{%
        \vfil%
        \usebeamerfont{author}\insertauthor\par%
        \vspace{0.5em}%
        \usebeamerfont{date}\insertdate\par%
        \vfil%
    }%
    \end{beamercolorbox}
}

\setbeamertemplate{frametitle}{%
    \nointerlineskip%
    \usebeamerfont{frametitle}%
    \begin{beamercolorbox}[wd=\paperwidth,sep=\sharky@frametitlesep]{frametitle}
        \usebeamerfont{frametitle}\insertframetitle%
    \end{beamercolorbox}
}

\setbeamertemplate{footline}{
    \nointerlineskip%
    \usebeamerfont{frametitle}%
    \begin{beamercolorbox}[wd=\paperwidth, sep=\sharky@footbarsep]{section in head/foot}
        \hfill\scriptsize\insertframenumber/\inserttotalframenumber%
    \end{beamercolorbox}
}

Best Answer

Related Solutions

[Tex/LaTex] beamer: Create own headline theme

[Tex/LaTex] Beamer custom template: Simple head- and footline and a title page

Related Question