☰

编辑

tag-icon • tag-icon tikz-pgf fun tikz-shape
编辑

是否有一种优雅的方法来模拟手绘爆炸，如下图所示tikz？

在此处输入图片描述

答案1

starburst图书馆里有这样的形状shapes.symbols：

在此处输入图片描述

代码：

\documentclass[tikz,border=4pt]{standalone}
\usetikzlibrary{shapes.symbols}

\begin{document}

\begin{tikzpicture}

\node[starburst, draw, minimum width=3cm, minimum height=2cm,red,fill=orange,line width=1.5pt]
{BOOM!};
\end{tikzpicture}

\end{document}

或者更丰富多彩的版本：

在此处输入图片描述

\documentclass[tikz,border=4pt]{standalone}
\usetikzlibrary{shapes.symbols,decorations.text}
\usepackage{contour}
\usepackage{fontspec}

\setmainfont{Smartie CAPS}

\definecolor{color1}{RGB}{252,57,0}
\definecolor{color2}{RGB}{252,115,0}
\definecolor{color3}{RGB}{252,173,0}
\definecolor{color4}{RGB}{252,202,0}
\definecolor{color5}{RGB}{252,255,130}
\definecolor{contornoin}{RGB}{255,255,0}
\definecolor{contornoout}{RGB}{228,0,5}

\begin{document}

\contourlength{2pt}
\begin{tikzpicture}

\foreach \Escala [count=\xi] in {1,0.8,...,0.4}
\node[
  starburst,
  scale=\Escala,
  fill=color\xi, 
  minimum width=3cm, 
  minimum height=2cm,
  line width=1.5pt
  ]
  at (0,0) {};
\node[font=\Large] 
  at (0,0) 
  {\contour*{contornoin}{\textcolor{contornoout}{BANG!}}};

\end{tikzpicture}

\end{document}

更新

如果没有动画的话，哪还有乐趣呢？

在此处输入图片描述

代码：

\documentclass{beamer}
\usepackage{tikz}
\usetikzlibrary{calc,shapes.symbols,shapes.geometric}

\definecolor{color1}{RGB}{252,57,0}
\definecolor{color2}{RGB}{252,115,0}
\definecolor{color3}{RGB}{252,173,0}
\definecolor{color4}{RGB}{252,202,0}
\definecolor{color5}{RGB}{252,255,130}
\definecolor{contornoin}{RGB}{255,255,0}
\definecolor{contornoout}{RGB}{228,0,5}
\definecolor{dinamitadark}{RGB}{205,25,28}
\definecolor{dinamitalight}{RGB}{237,27,38}

\setbeamertemplate{navigation symbols}{}

 \tikzset{
  invisible/.style={opacity=0},
  visible on/.style={alt={#1{}{invisible}}},
  alt/.code args={<#1>#2#3}{%
    \alt<#1>{\pgfkeysalso{#2}}{\pgfkeysalso{#3}}
  },
}

\begin{document}

\begin{frame}
\centering
\begin{tikzpicture}[scale=2,transform shape]
\node[
  cylinder,
  draw=red!70!black, 
  minimum height=2cm, 
  minimum width=0.5cm,
  top color=dinamitadark,
  bottom color=dinamitalight!40,
  visible on=<1-12>
  ] (dynamite) {};
\coordinate[visible on=<1->] 
  (start) 
  at ( $ (dynamite.before top)!0.5!(dynamite.after top) $ );  
\draw[
  line width=0.8pt,
  double,
  overlay,
  visible on=<1-12>
  ]
  (start) -- ++ (30pt,0) coordinate (end);
\foreach \Valor in {0,1,2,...,12}
{
    \fill[white,visible on=<\Valor>]  
      ([yshift=10pt,xshift=1pt]end) 
        rectangle 
  ([yshift=-10pt] $ (end)!2pt*\Valor!(start) $ )
  ++(5pt,0) 
    node[
      outer sep=0pt,
      draw,
      fill=contornoin!90!black,
      starburst,
      overlay,
      scale=0.5,
      yshift=18.5pt,
      minimum size=6pt
      ] {}; 
}
\onslide<13-16>{
\foreach \Escala [count=\xi] in {1,0.8,...,0.4}
\node[
  starburst,
  scale=\Escala,
  fill=color\xi, 
  minimum width=3cm, 
  minimum height=2cm,
  line width=1.5pt,
  ]
  at (0,0) {};
\node[font=\Large] 
  at (0,0) 
  {BANG!};
}
\coordinate<15-18>;  
\end{tikzpicture}
\end{frame}

\end{document}

该动画是通过在终端中运行 ImageMagick 制作的

convert -verbose -delay 12 -loop 0 -density 300 a.pdf a.gif

答案2

这是Gonzalo Medina 的回答添加了一个装饰来模拟手绘：

\documentclass[tikz,border=5pt]{standalone}
\usetikzlibrary{shapes.symbols,decorations.pathmorphing}
\usepackage{cabin}
\begin{document}

\begin{tikzpicture}

  \node[starburst, font=\sffamily, draw=red, minimum width=3cm, minimum height=2cm,text=red,fill=orange!80!yellow,line width=1.5pt,decorate,decoration={random steps, segment length=2mm, amplitude=1pt}] {BOOM!};
\end{tikzpicture}

\end{document}

变形繁荣

为了更加强调爆炸效果，可以使用文字修饰：

爆炸性的轰鸣

\documentclass[tikz,border=15pt]{standalone}
\usetikzlibrary{shapes.symbols,decorations.pathmorphing,fit,decorations.text,backgrounds}
\usepackage{cabin}
\begin{document}
\begin{tikzpicture}
  {
    \path
      [decoration={
          text effects along path, text={BOOM!},
          text effects/.cd,
          character count=\i,
          character total=\n,
          characters={
            text along path,
            font=\sffamily\Huge\bfseries,
            text=red,
            scale=\i/\n*1.5+.75,
            anchor=center,
          }
        },
        decorate,
        local bounding box=boom
      ] (0,0) coordinate [left] (a) -- (5,0);
  }
  \scoped[on background layer]
  \node[starburst, starburst point height=20mm, draw=red, fill=orange!80!yellow, line width=5pt, decorate, decoration={random steps, segment length=2mm, amplitude=1pt}, fit=(boom)] {};
  ;
\end{tikzpicture}
\end{document}

编辑

还有几个变化。第一个将简单的阴影与文本装饰相结合，以增强 BOOM 的声音！

越来越繁荣！

第二个略有不同。它使用相同的文本装饰，但结合了不同的阴影和不同的 BOOM！边框。这更像是一扇观察爆炸的窗户，但爆炸撕裂了纸张：

繁荣！

\documentclass[tikz,border=50pt,multi]{standalone}
\usetikzlibrary{shapes.symbols,decorations.pathmorphing,fit,decorations.text,backgrounds}
\usepackage{cabin}
\begin{document}
\begin{tikzpicture}
  {
    \path
      [decoration={
          text effects along path, text={BOOM!},
          text effects/.cd,
          character count=\i,
          character total=\n,
          characters={
            text along path,
            font=\sffamily\Huge\bfseries,
            text=red,
            scale=\i/\n*1.5+.75,
            anchor=center,
          }
        },
        decorate,
        local bounding box=boom
      ] (0,0) coordinate [left] (a) -- (5,0);
  }
  \scoped[on background layer]
  \node[starburst, starburst point height=20mm, draw=red, inner color=yellow, outer color=orange, line width=5pt, decorate, decoration={random steps, segment length=2mm, amplitude=1pt}, fit=(boom)] {};
  ;
\end{tikzpicture}
\begin{tikzpicture}
  {
    \path
      [decoration={
          text effects along path, text={BOOM!},
          text effects/.cd,
          character count=\i,
          character total=\n,
          characters={
            text along path,
            font=\sffamily\Huge\bfseries,
            text=red,
            scale=\i/\n*1.5+.75,
            anchor=center,
          }
        },
        decorate,
        local bounding box=boom
      ] (0,0) coordinate [left] (a) -- (5,0);
  }
  \scoped[on background layer]
  \node[starburst, starburst point height=20mm, draw=red, ball color=yellow, line width=5pt, double distance=7.5pt, double=yellow, decorate, decoration={random steps, segment length=2mm, amplitude=1pt}, fit=(boom)] {};
  ;
\end{tikzpicture}
\end{document}

编辑

首先...

炸弹

\documentclass[tikz,border=10pt]{standalone}
\usetikzlibrary{arrows.meta,shadows}
\usepackage{cabin}
\begin{document}
\begin{tikzpicture}
  \draw [ball color=black] circle (50mm);
  \draw [fill=black, fill opacity=.5] circle (50mm);
  \foreach \i in {1,...,9}
  \node (i\i) [shape=circle, minimum size=(10-\i)/9*15mm, circular glow={fill=red!\i0!yellow}, yshift=2.5mm, xshift=-1mm] at (70:80mm) {};
  \draw [line width=2.5mm, draw=gray!50!black, shorten <=-2.5mm, -{Triangle[width=2.5mm,length=2.5mm, color=red]}] (70:65mm) [bend right] to (i4.center);
  \draw [line width=10mm] (75:45mm) [bend left] to (70:65mm);
\end{tikzpicture}
\end{document}

答案3

借鉴其他答案的想法。对于手绘模拟，我喜欢@percusse 的pencilline装饰– 加上starburst形状，看起来可能像这样：

在此处输入图片描述

% arara: xelatex: { shell: on }
\documentclass[tikz,border=5pt,convert]{standalone}
\usetikzlibrary{shapes.symbols,decorations.pathmorphing,patterns}
\usepackage{fontspec}

\setmainfont{Augie}

% credits:
% https://tex.stackexchange.com/a/49961/
\pgfdeclaredecoration{pencilline}{initial}{
  \state{initial}[
    width=+\pgfdecoratedinputsegmentremainingdistance,
    auto corner on length=1mm
  ]{
    \pgfpathcurveto%
      {% From
        \pgfqpoint
          {\pgfdecoratedinputsegmentremainingdistance}
          {\pgfdecorationsegmentamplitude}
      }
      {%  Control 1
        \pgfmathrand
        \pgfpointadd
          {\pgfqpoint{\pgfdecoratedinputsegmentremainingdistance}{0pt}}
          {%
            \pgfqpoint
              {-\pgfdecorationsegmentaspect\pgfdecoratedinputsegmentremainingdistance}%
              {\pgfmathresult\pgfdecorationsegmentamplitude}
          }
      }
      {%TO 
        \pgfpointadd
          {\pgfpointdecoratedinputsegmentlast}
          {\pgfpoint{1pt}{1pt}}
      }
  }
  \state{final}{}
}

\begin{document}

\begin{tikzpicture}

  \node[starburst, font=\huge, draw, minimum width=5cm, minimum height=3.5cm,red,fill=yellow,line width=1pt,decorate,decoration={pencilline}]
{BOOM!};
\end{tikzpicture}

\end{document}

答案4

以下是类似方法元帖子也。

在此处输入图片描述

只需将路径连接器从 更改为--，即可..获得右侧显示的飞溅形状。

参数：n是点的数量（上下），因此 n/2 是尖峰的数量；r是随机量；s是形状的半径。

prologues := 3;
outputtemplate := "%j%c.eps";

beginfig(1);

n = 40; r = 10; s = 50;

randomseed := 1234;

path explosion, splash;

explosion = for i=1 upto n:
  (s if odd(i): - else: + fi r + uniformdeviate r,0) rotated (i*360/n) --
endfor cycle; 

splash = for i=1 upto n:
  (s if odd(i): - else: + fi r + uniformdeviate r,0) rotated (i*360/n) ..
endfor cycle; 

fill explosion withcolor 1/2 green + red;
draw explosion withpen pencircle scaled 2 withcolor 2/3 red;
label("BOOM!" infont "phvr8r" scaled 2, center explosion) withcolor red;

splash := splash shifted (3s,0);
fill splash withcolor 1/2 green + blue;
draw splash withpen pencircle scaled 2 withcolor 2/3 blue;
label("SPLAT!" infont "phvr8r" scaled 2, center splash) withcolor blue;

endfig;
end.

相关内容