Drawing a proper shadow for overlapping objects

Question

I draw images that are composed of several overlapping nodes. If I add a drop shadow to each node, the shadow of the second node is drawn over the first node, as seen in the picture below (which consist of two cylinder nodes drawn from bottom to top, each with a shadow):

(Thanks to zeroth for providing the image in reply to this related question. )

The documentation to TikZ states it clearly: You can apply a shadow only to a path, but not to a scope. The workaround I'm using is this:

• Create a \foreach loop that loops over {drop shadow,}, thus assigning first drop shadow, then the empty string to a macro, say, \s
• Use \s for the options of every node. (Perhaps I could append \s to every node and every path, didn't try that yet.)

Of course the image is drawn twice in the resulting PDF, which somewhat affects rendering speed and perhaps the size of the resulting PDF. In addition, the resulting code is rather ugly. My questions are:

1. Is there a clean way of achieving the desired result using a TikZ/pgf feature? Perhaps it is possible to turn a sequence of TikZ/pgf commands into a single path?
2. If not:
   • Is it possible to add some style parameters to nodes and paths in the first pass so that the details of the image are not rendered when drawing the shadow?
   • Would it be technically feasible to implement an environment shadowgroup that would hide the complexity and ugliness behind that?

Answer 1

The follow-up question Pass options to the scope that is internally created by preaction was, to my amazement, solvable with my code from "Z-level" in TikZ. I'm going to have to resort to astonishment (and plagarism) now because it turns out that this works with drop shadow with no modification (my solutions tend to be the epitome of hackishness so the fact that one works for something it was not tested with is Definitely Unusual).

Here's the code. I've taken the liberty of removing the nested tikzpictures (see What are most important variables set at the beginning of a tikzpicture? of a scope? and links therein).

\documentclass{article}
%\url{https://tex.stackexchange.com/q/43618/86}
\usepackage{tikz}
\usetikzlibrary{shapes.geometric}
\usetikzlibrary{shadows}

\pgfdeclarelayer{back}
\pgfsetlayers{back,main}

\makeatletter
\pgfkeys{%
  /tikz/on layer/.code={
    \pgfonlayer{#1}\begingroup
    \aftergroup\endpgfonlayer
    \aftergroup\endgroup
  },
  /tikz/node on layer/.code={
    \pgfonlayer{#1}\begingroup
    \expandafter\def\expandafter\tikz@node@finish\expandafter{\expandafter\endgroup\expandafter\endpgfonlayer\tikz@node@finish}%
  },
}
\makeatother

\newcommand{\dbpart}[1]{
    \node[drop shadow={opacity=1.0,on layer=back},draw, cylinder, shape aspect=1.5, inner sep=0.3333em, fill=white,
    rotate=90, minimum width=1cm, minimum height=0.45cm] (cyl) at (0,#1) {};
}
\newcommand{\dbicon}[1][]{
  \begin{scope}[#1]
      \dbpart{0cm}%
      \dbpart{0.4cm}%
  \end{scope}
}

\begin{document}
\begin{tikzpicture}
      \dbicon
\end{tikzpicture}
\end{document}

Here's what happens (oh, and I put fill=white as I agree with Frédéric that it looks nicer).

Let's have it without the fill just to see.

Answer 2

This answer gets the job done, but it might not be as clean and efficient as you would like. It builds on the answer to your previous question and adds layers (background layer).

\documentclass[border=5pt]{standalone}
\usepackage{tikz}
\usetikzlibrary{backgrounds}
\usetikzlibrary{shapes.geometric}
\usetikzlibrary{shadows}

\newcommand{\dbpart}[1]{
    \node[draw, cylinder, shape aspect=1.5, inner sep=0.3333em, 
    rotate=90, minimum width=1cm, minimum height=0.45cm] (cyl) at (0,#1) {};
    \begin{scope}[on background layer]
    \node[drop shadow={gray!50,opacity=1},cylinder, shape aspect=1.5, inner sep=0.3333em, 
    rotate=90, minimum width=1cm, minimum height=0.45cm] (cyl) at (0,#1) {};
    \end{scope}
}
\newcommand{\dbicon}{
    \begin{tikzpicture}
      \dbpart{0cm}%
      \dbpart{0.4cm}%
    \end{tikzpicture}
}

\begin{document}
\begin{tikzpicture}
  \node[inner sep=0pt] {
      \dbicon
  };
\end{tikzpicture}

\end{document}

The result is

On a personal note, if I were to use shadows, I would also fill the cylinders (fill=white). The result would be

Answer 3

Here is a shape declaration as a starting point. I didn't quite address the shadow problem, and actually I don't understand why it appears as garbled but I hope finish it later. I would appreciate if somebody can have a look too.

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{shadows,shapes.geometric}

\makeatletter
\pgfdeclareshape{dbicon}
{
    \anchor{center}{\pgfpointorigin}
    \savedanchor{\west}{\pgf@y = 0mm \pgf@x = 1cm} %%
    \anchor{east}{\west \pgf@x=-\pgf@x}
    \anchor{west}{\west}
    \savedanchor{\north}{\pgf@y = 3mm \pgf@x = 0mm} %%
    \anchor{north}{\north}

    \backgroundpath{
        \west \pgf@xa=\pgf@x \pgf@xb=0.75\pgf@xa
        \pgfpathmoveto{\pgfpoint{\pgf@xa}{0}}
        \pgfpathlineto{\pgfpoint{\pgf@xa}{-\pgf@xb}}
        \pgfpatharc{0}{-180}{\pgf@xa and 0.3\pgf@xb}
        \pgfpathlineto{\pgfpoint{-\pgf@xa}{0}}
        \pgfpathellipse{\pgfpointorigin}{\pgfpoint{\pgf@xa}{0mm}}{\pgfpoint{0mm}{0.3\pgf@xb}}
        \pgftransformshift{\pgfpoint{0}{0.9\pgf@xa}} %Shift up and make a full cylinder
        \west \pgf@xa=\pgf@x \pgf@xb=0.75\pgf@xa
        \pgfpathmoveto{\pgfpoint{\pgf@xa}{0}}
        \pgfpathlineto{\pgfpoint{\pgf@xa}{-\pgf@xb}}
        \pgfpatharc{0}{-180}{\pgf@xa and 0.3\pgf@xb}
        \pgfpathlineto{\pgfpoint{-\pgf@xa}{0}}
        \pgfpathellipse{\pgfpointorigin}{\pgfpoint{\pgf@xa}{0mm}}{\pgfpoint{0mm}{0.3\pgf@xb}}
    }
}
\makeatother

\begin{document}
\begin{tikzpicture}
\node[dbicon,shade,shading angle=90,draw,drop shadow] (a) at (0,0) {};
\end{tikzpicture}
\end{document}