From: Good Guy Date: Fri, 28 Oct 2022 18:04:49 +0000 (-0600) Subject: Another set of overlay illustrations X-Git-Tag: 2022-10~1 X-Git-Url: https://git.cinelerra-gg.org/git/?p=goodguy%2Fcin-manual-latex.git;a=commitdiff_plain;h=2ddea52f955817de0167f86f273fcf6f870dc6ca Another set of overlay illustrations --- diff --git a/images/graphic-art2.png b/images/graphic-art2.png new file mode 100644 index 0000000..49820a4 Binary files /dev/null and b/images/graphic-art2.png differ diff --git a/images/logical2.png b/images/logical2.png new file mode 100644 index 0000000..bddea30 Binary files /dev/null and b/images/logical2.png differ diff --git a/images/normal2.png b/images/normal2.png new file mode 100644 index 0000000..e0b6967 Binary files /dev/null and b/images/normal2.png differ diff --git a/images/porter-duff2.png b/images/porter-duff2.png new file mode 100644 index 0000000..d1c4e0f Binary files /dev/null and b/images/porter-duff2.png differ diff --git a/images/porter-duff3.png b/images/porter-duff3.png new file mode 100644 index 0000000..359c37a Binary files /dev/null and b/images/porter-duff3.png differ diff --git a/parts/Overlays.tex b/parts/Overlays.tex index 34b202f..07f6bd0 100644 --- a/parts/Overlays.tex +++ b/parts/Overlays.tex @@ -27,6 +27,7 @@ Conceptually, when the foreground color is completely opaque, the resulting blen When blending source and destination shapes (Dst and Src), the shape boundaries can be changed with the alpha blending effects. There are a total of 10 standard Porter-Duff operators, but there are 30 possible overlay modes used in \CGG{}. Each is characterized by its value in the four regions: source, destination and both, with the \textit{neither} region always being blank. The source and destination regions can either be blank or filled with the source or destination colors. A specific compositing math formula is used to calculate effect. This is only applicable to RGB; some effort has been made to accommodate YUV, but the effects are not as predictable, and may not be useful. Below, in figure~\ref{fig:normal}, are the results of utilizing the 30 available operations within \CGG{} as listed on a following page. Src is the solid green rectangle and Dst is the solid red rectangle. There are better illustrations of what alpha blending can do, however for consistency sake, these are the results when using standards. +For an alternative set of source video illustrations, see \nameref{sec:altviews}. \begin{figure}[htpb] \centering @@ -210,6 +211,46 @@ Typical operations from popular \textit{paint} packages. \item[Softlight:] Darkens or lightens the colors, dependent on the source color value. If the source color is lighter than 0.5, the destination is lightened. If the source color is darker than $0.5$, the destination is darkened, as if it were burned in. The degree of darkening or lightening is proportional to the difference between the source color and $0.5$. If it is equal to $0.5$, the destination is unchanged. Using pure black or white produces a distinctly darker or lighter area, but does not result in pure black or white. The effect is similar to shining a diffused spotlight on the destination. A layer with pure black or white becomes markedly darker or lighter, but does not become pure black or white. Soft light is not related to “Hard light” in anything but the name, but it does tend to make the edges softer and the colors not so bright. Math formula is the same as used by Gimp; SVG formula differs. \end{description} +\section{Alternative Views of Overlay Modes}% +\label{sec:altviews} + +An alternative set of source videos used to provide a different real world view is shown here to help illustrate alpha blending. They use a landscape photo as one and the other is half of a color and half of a black and white gradient photo. First is shown the Aritmetic, Logical, and Graphic-Art views. +After that the Porter Duff overlays are shown using the same source videos but +with each of the Source videos offset in a different direction so that the +generated output is more obvious. + +\begin{figure}[ht] + \centering + \includegraphics[width=1.0\linewidth]{normal2.png} + \caption{Normal and Arithmetic overlays + ** Subtract currently not applying guards but should look like this when corrected.} +\end{figure} + +\begin{figure}[ht] + \centering + \includegraphics[width=1.0\linewidth]{logical2.png} + \caption{Logical overlays} +\end{figure} + +\begin{figure}[ht] + \centering + \includegraphics[width=1.0\linewidth]{graphic-art2.png} + \caption{Graphic Art overlays} +\end{figure} + +\begin{figure}[ht] + \centering + \includegraphics[width=1.0\linewidth]{porter-duff2.png} + \caption{Offset source videos to illustrate Porter Duff overlays} +\end{figure} + +\begin{figure}[ht] + \centering + \includegraphics[width=1.0\linewidth]{porter-duff3.png} + \caption{Porter Duff overlays} +\end{figure} + + %%% Local Variables: %%% mode: latex