1

Enter image description here

I wish to make a logo like the one in http://math.et.info.free.fr/TikZ/aideLogoSite.html.

But with a hexagon pattern as in the attached picture. It has no text, and it is better with two options: one had shadow, the other with curves, lines only making a negative space effect. Simple is best so that it can be used with pdflatex.

How can I make one with Tikz?

Enter image description here

24

Once we see that these Mobius ribbons always have a regular polygon in the middle the rest is practically finding a nice curve over each edge such that it blends with the next edge nicely (see the hexagon in the middle).

\documentclass[tikz]{standalone}
\usetikzlibrary{shapes.geometric}
\tikzset{my polygon/.style={regular polygon,regular polygon sides=#1,minimum size=4cm}}
\begin{document}
\begin{tikzpicture}[top color=black!50!blue,bottom color=blue]
\node[my polygon=6] (a){};
\foreach \x[remember=\x as \xp (initially 6)] in {1,...,6}{ % use `in {1}` to see the edge
  \fill[shade,shading angle={60*(\x+2)}] (a.corner \xp)
     ..controls ++(60*\x:2cm) .. 
     ([shift={({60*(\x+1)+6}:1.5cm)}]a.corner \x) 
     -- (a.corner \x);% Come back such that shading doesn't leak
}
\end{tikzpicture}
\end{document}

enter image description here

When we remove the fill, all my lies reveal themselves and we need further tweaks(I've also forgot the outer sep=0 before). Because we have to know the tangent point on the next bezier curve. I don't see any immediate fix for that since we are trying to blend in to a curve that is not drawn yet. Hence this :

\documentclass[tikz]{standalone}
\usetikzlibrary{shapes.geometric,calc}
\tikzset{my polygon/.style={regular polygon,regular polygon sides=#1,minimum size=4cm}}
\begin{document}
\begin{tikzpicture}
\node[my polygon=6,draw,outer sep=0] (a){};
\foreach \x[remember=\x as \xp (initially 6)] in {1,...,6}{
\draw[] (a.corner \xp)
      ..controls ++(60*\x:2cm) ..
        ([shift={({60*(\x+1)+7.35}:1.55cm)}]a.corner \x); % This part needs tweaking for a 
                                                       % nice blend (or a derivative I think).
}
\end{tikzpicture}
\end{document}

enter image description here

  • You could try to emulate the pink color from the image, which looks nice :P – Manuel Mar 31 '15 at 18:40
  • 2
    @Manuel I would if I wasn't colorblind and didn't think that it was one of those strange colors. – percusse Mar 31 '15 at 18:45
  • Ahm, I did not know :) – Manuel Mar 31 '15 at 19:34
  • The blue is much nicer than the pink anyway. – cfr Apr 1 '15 at 0:21
  • Thank you. It looks awesome online yet the shadow effect disappear when printed on paper. How can we make the simplified one with just curves and lines, still having the negative space effect? – Thumbolt Apr 1 '15 at 1:17
1
\documentclass{article}

\usepackage{pgf,tikz}

\begin{document}

\begin{tikzpicture}    
\draw[rounded corners=6mm, ultra thick]
  (3.97, 5.91) -- (6.15,3.65) -- (5.28,0.64) --
  (2.24,-0.12) -- (0.06,2.14) -- (0.93,5.15) --
  cycle;    
\draw [thick] (4.23,4.2) -- (1.14,5.1);    
\draw [thick] (2.53,4.53) -- (0.217,2.25);    
\draw [thick] (2.04,1.57) -- (5.09,0.69);    
\draw [thick] (3.74,1.34) -- (6,3.52);    
\draw [thick] (4.77,2.71) -- (4.02,5.7);    
\draw [thick] (1.42,3.17) -- (2.18,0.1);    
\end{tikzpicture}

\end{document}

output

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.