[Tex/LaTex] How to add a transparent logo to the top sidebar of beamer

graphicstransparent

This is the code for beamer's sidebar:

\documentclass{beamer}
\usepackage{tikz,graphicx} 

\title{Title}
\author{My name}
\institute{My institute}

\useoutertheme[right,height=0pt,width=0.12\paperwidth]{sidebar}
\setbeamertemplate{sidebar canvas right}[horizontal shading]    [left=blue!10!white,right=white] 

\makeatletter
\addtobeamertemplate{sidebar right}{}{%
\begin{tikzpicture}[remember picture,overlay] % 
    \node[anchor=north east,xshift=0.8pt,yshift=2pt] at (current page.north east) {\includegraphics[width=0.11\paperwidth]{logo.png}};
\end{tikzpicture}
}
\makeatother

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

\begin{frame}
Frame content
\end{frame}

\end{document}

I want the logo image file(logo.png) to be transparent at the top of the sidebar and not cover the texts, what should I do?

Best Answer

The jpg format has no idea of what transparency is. If you create a png image with a proper alpha (transparent) layer, it should simply work.

I have

\addtobeamertemplate{frametitle}{}{%
\begin{textblock*}{100mm}(.98\textwidth,0.1cm)
    \includegraphics[height=0.9cm]{logo-eb}
\end{textblock*}}

(using \usepackage[absolute,overlay]{textpos}) and it works nicely:

(and the image is a .png with the parts external to the circle marked as transparent).

update

With the new MWE, and your logo, the result is satisfactory:

If you want that also the orange part (which is not transparent in the .png) you can

edit the PNG image so that it is partially transparent, or

add opacity like this:

   \node[anchor=north east,xshift=0.8pt,yshift=2pt,
    opacity=0.3] at (current page.north east) {\includegraphics[width=0.11\paperwidth]{logo.png}};

to obtain:

and/or move the logo down (for example with yshift=-0.11\paperwidth:

Related Solutions

[Tex/LaTex] Titlepage with logo centered at the top

You can do the following:

About the blank space above the logo, add some negative spacing before \includegraphics, e.g.
```
\vspace*{-6\baselineskip}
```
and some positive spacing after it, e.g.
```
\vspace*{4\baselineskip}
```
About the image looking shifted to the right, add some horizontal negative spacing before \includegraphics, e.g.
```
\hspace*{-0.1\textwidth}
```

MWE:

\documentclass[12pt,a4paper]{report}
\usepackage{amsmath}
\usepackage{parskip}
\usepackage[demo]{graphicx}
\usepackage{braket}

\usepackage{booktabs,dcolumn}
\usepackage{caption}
\usepackage{subcaption}
\usepackage{url}
\linespread{1.5}
\begin{document}
\begin{titlepage}
\centering
\vspace*{-6\baselineskip}
\hspace*{-0.1\textwidth}\includegraphics[width=1.2\textwidth]{logo.pdf}
\par\vspace*{4\baselineskip}
{\huge \bfseries Title of the thesis}\\[1.5cm]
\textsc{\LARGE Ruhr-Universit\"at Bochum}\\[1.5cm]
\textsc{\large Department of Atomistic Modelling and Simulation, ICAMS}\\[1.5cm]
\textsc{\Large{Project Work}}\\[2.0cm]
Vorname \textsc{Name}\\[0.3cm]
108008112625\\[1.5cm]
\emph{Lecturer:} \\
Dr.~Thomas \textsc{Hammerschmidt}\\

\vfill

% Bottom of the page
{\large May 2014}
\end{titlepage}
\end{document}

Output:

enter image description here

[Tex/LaTex] Logo Top Right Latex Beamer Warsaw Presentation

Very raw, but should serve as starting point. Only thing remaining is to calculate the vertical length of the box accurately (now bit large). You can play with \@tempdimb=5mm% , if you have only one section.

%% Help logo top right code
\documentclass{beamer}

%% Use warsaw theme
\usetheme{Warsaw}

\makeatletter
\ifbeamer@compress

\defbeamertemplate*{headline}{my split theme}
{%
  \leavevmode%
  \begin{beamercolorbox}[wd=.5\paperwidth,ht=2.5ex,dp=1.125ex]{section in head/foot}%
    \insertsectionnavigationhorizontal{.5\paperwidth}{\hskip0pt plus1filll}{}%
  \end{beamercolorbox}%
  \begin{beamercolorbox}[wd=.5\paperwidth,ht=2.5ex,dp=1.125ex]{subsection in head/foot}%
    \centering\includegraphics[width=5mm]{logo}%
  \end{beamercolorbox}%
}%

\else

\defbeamertemplate*{headline}{my split theme}
{%
  \leavevmode%
  \@tempdimb=2.5mm%
  \ifnum\beamer@subsectionmax<\beamer@sectionmax%
    \multiply \@tempdimb by \beamer@sectionmax%
  \else%
    \multiply\@tempdimb by\beamer@subsectionmax%
  \fi%
  \ifdim\@tempdimb>0pt%
    \advance\@tempdimb by 0.1ex%
    \begin{beamercolorbox}[wd=.5\paperwidth,ht=\@tempdimb]{section in head/foot}%
      \vbox to\@tempdimb{\vfil\insertsectionnavigation{.5\paperwidth}\vfil}%
    \end{beamercolorbox}%
    \begin{beamercolorbox}[wd=.5\paperwidth,ht=\@tempdimb]{subsection in head/foot}%
      \vbox to\@tempdimb{\vfil\centering\includegraphics[height=5mm]{logo}\vfil}%
    \end{beamercolorbox}%
  \fi%
}%

\fi
\makeatother

%% Stuff for the title page
\title[]{Example slides}
\subtitle[]{Logo Top Right}
\author[]{Christopher Meaney}
%\logo{\includegraphics[width=5mm]{logo}}

%% Content of talk begins here
\begin{document}

%% Insert title
\begin{frame}
\titlepage
\end{frame}

%% Insert toc
\begin{frame}
\tableofcontents
\end{frame}

%% Section 1
\section{Section 1}
%% Section 1 slide 1
\begin{frame}
\frametitle{Section 1}
Test section 1
\end{frame}

%% Section 2
\section{Section 2}
%% Section 2 slide 2
\begin{frame}
\frametitle{Section 2}
Test section 2
\end{frame}

%% Section 3
\section{Section 3}
%% Section 3 slide 3
\begin{frame}
\frametitle{Section 3}
Test section 3
\end{frame}

\end{document}