Tikz가 포함된 순서도와 글머리 기호 및 희미한 색상이 있는 상자

Question

tikz(xelatex 사용)를 사용하여 제목과 최대 4개의 글머리 기호가 있는 상자가 포함된 순서도를 만들려면 어떻게 해야 합니까(가운데에 있는 빨간색 상자 제외)? 나는 겸손한 tikz 지식으로 간단한 흐름도를 얻었습니다. 아래를 참조하십시오. 그러나 상자가 아래쪽 끝으로 갈수록 배경색이 희미해지도록 하고 싶습니다. 거기에는 테두리도 없습니다(하단 끝). 어떻게 해야 이런 일이 일어날 수 있나요?

보너스: 하부 오버브레이스가 중앙 상자 쪽으로 정점에 도달하도록 하려면 어떻게 해야 합니까?

\documentclass[oneside,a4paper]{article}

\usepackage{tikz, tikzscale} % to use flowchart + to scale
\usetikzlibrary{shapes.geometric,arrows,calc,positioning,decorations.pathreplacing,bending}
\tikzstyle{startstop} = [rectangle, rounded corners, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=red!20]
\tikzstyle{process} = [rectangle, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=blue!30]
\tikzstyle{process2} = [rectangle, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=orange!30]
\tikzstyle{process3} = [rectangle, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=green!30]
\tikzstyle{arrow} = [thick,->,>=stealth]

\begin{document}
\begin{tikzpicture}[transform shape, node distance=2cm] % mock flow chart

\node (start) [process, align=center] {Title Bla Bla};
\node (pro1) [process, right of=start, align=center, xshift=2cm] {Title Bla Bla};
\node (pro2) [process, right of=pro1, align=center, xshift=2cm] {Title Bla Bla};
\node (pro3) [process2, below of=start, align=center, yshift=-.5cm] {Title Bla Bla};
\node (pro4) [process2, below of=pro1, align=center, yshift=-.5cm] {Title Bla Bla};
\node (pro5) [process2, below of=pro2, yshift=-.5cm] {Title Bla Bla};
\node (main) [startstop, below of=pro4, yshift=-.5cm] {Title Bla Bla};
\node (pro6) [process3, below left=1cm and 1cm of main, align=center] {Title Bla Bla};
\node (pro7) [process3, below of=main, align=center] {Title Bla Bla};
\node (pro8) [process3, below right=1cm and 1cm of main, align=center] {Title Bla Bla};
\node (pro9) [process3, right of=pro8, align=center, xshift=2cm] {Title Bla Bla};

\draw [arrow] (start) -- (pro3);
\draw [arrow] (pro1.south) -- (pro3.north);
\draw [arrow] (pro1.south) -- (pro5.north);
\draw [arrow] (pro2.south) -- (pro5.north);
\draw [arrow] (pro2.south) -- (pro4.north);

\draw[decorate, decoration={brace, mirror, amplitude=10pt, raise=4pt}, yshift=-2cm] (pro3.south west) -- (pro5.south east);
\draw[decorate, decoration={brace, amplitude=10pt, raise=4pt}, yshift=4cm] (pro6.north west) -- (pro9.north east);

\end{tikzpicture}
\end{document}

미리 감사드립니다!

Answer 1

귀하가 얻고자 하는 MWE 제안은 다음과 같습니다.

\documentclass[tikz,
               border=3mm,
               ]{standalone}
\usetikzlibrary{arrows.meta,
                decorations.pathreplacing,
                calligraphy,%had to be after lib. decorations.pathreplacing
                positioning,
                shadows
                }
\usepackage{enumitem}
\setlist{nosep,leftmargin=*}

\begin{document}
    \begin{tikzpicture}[
node distance = 22mm and 11mm,
   box/.style = {shape=rectangle, draw, thin, 
                 minimum height=10mm, text width=32mm, align=center,
                 top color=#1!20, bottom color=#1!80,
                 anchor=south west
                 },
BC/.style args = {#1/#2/#3}{% Braces Calligraphic
        decorate,
        decoration={calligraphic brace, amplitude=6pt,
        raise=#1,
              #2,% for mirroring of brace
        aspect=#3},
        very thick,
        pen colour={gray}
        },
                        ] % mock flow chart
 nodes, first row
\node (start) [box=blue] {\parbox{\hsize}{Title Bla Bla,
                            \begin{itemize}
                        \item   item 1
                        \item   item 2
                        \item   item 3
                            \end{itemize}}};
\node (pro1)  [right=of start.south east,box=blue] {Title Bla Bla,
                            \begin{itemize}
                        \item   item 1
                        \item   item 2
                            \end{itemize}};
\node (pro2)  [right=of pro1.south east,box=blue] {Title Bla Bla,
                            \begin{itemize}
                        \item   item 1
                            \end{itemize}};
% nodes, second row
\node (pro3)  [below=of start.south west,box=orange]    {Title Bla Bla};
\node (pro4)  [right=of pro3.south east,box=orange]     {Title Bla Bla};
\node (pro5)  [right=of pro4.south east,box=orange]     {Title Bla Bla};
% nodes, third row
\node (pro6)  [below=of pro4.south west,box=red,rounded corners] {Title Bla Bla};
% nodes, forth row
\node (pro7)  [below=of pro3.west |- pro6.south,
               box=green]                               {Title Bla Bla};
\node (pro8)  [right=of pro7.south east,box=green]      {Title Bla Bla};
\node (pro9)  [right=of pro8.south east,box=green]      {Title Bla Bla};
\node (pro10) [right=of pro9.south east,box=green]      {Title Bla Bla};
% connections
\draw[-Stealth] (start) edge (pro3)
                (pro1.south)  edge (pro3) (pro1.south)  edge (pro5)
                (pro2.south)  edge (pro4) (pro2.south)  edge (pro5);                
% braces
\draw[BC=2mm/mirror/0.500] (pro3.south west) -- (pro5.south east);
\draw[BC=2mm/      /0.375] (pro7.north west) -- (pro10.north east);
\end{tikzpicture}
\end{document}