1

I'd like to create my own university logo with tikz, because on the title page, it has a better resolution.

The logo must be look like that:

enter image description here

Can I write the text in the tikzpicture, too?

How can I use the right colors in this picture?

I need your help because i have not much experience with tikz.


My first example:

\documentclass[tikz]{standalone}

\begin{document}
    \begin{tikzpicture}
    \draw[fill,blue] (0,0)--(2,1)--(2,0.1)--(0.9,-0.5)--(0,0);
    \draw[fill,gray] (-0.2,-0.1)--(0.9,-0.7)--(0.9,-1.3)--(-0.2,-0.7)--(-0.2,-0.1);
    \draw[fill,blue] (3.1,0.7)--(4.1,0.3)--(3.1,-0.1)--(3.1,0.7);
    \draw[fill,gray] (4.3,0.2)--(4.3,-0.7)--(2,-1.5)--(2,-0.7)--(4.3,0.2);
    \end{tikzpicture}
\end{document}

enter image description here

3
  • 1
    Imho you should better ask your university for a scalable version of the log instead of faking it. May 21 '19 at 14:01
  • What about using a tracer and exporting it then to TikZ? Next issue: most unis have some kind of a "press package" where you'd find the logos and whatnot, typically as PDF. May 21 '19 at 14:01
  • 2
    I would convert the official logo to pdf and use that. No need to worry about colors, typefaces, etc.
    – erik
    May 21 '19 at 14:27
4

Use a color picker and you will get (approximately)

\documentclass[tikz]{standalone}
\begin{document}
\begin{tikzpicture}
\definecolor{myblue}{RGB}{1,158,227}
\definecolor{mygray}{RGB}{197,197,197}
    \draw[fill,myblue] (0,0)--(2,1)--(2,0.1)--(0.9,-0.5)--(0,0);
    \draw[fill,mygray] (-0.2,-0.1)--(0.9,-0.7)--(0.9,-1.3)--(-0.2,-0.7)--(-0.2,-0.1);
    \draw[fill,myblue] (3.1,0.7)--(4.1,0.3)--(3.1,-0.1)--(3.1,0.7);
    \draw[fill,mygray] (4.3,0.2)--(4.3,-0.7)--(2,-1.5)--(2,-0.7)--(4.3,0.2);
\end{tikzpicture}
\end{document}

enter image description here

To have the text, you should add it in your title page but outside the TikZ picture. But if you want,

\documentclass[tikz]{standalone}
\usetikzlibrary{positioning}
\begin{document}
\begin{tikzpicture}
\definecolor{myblue}{RGB}{1,158,227}
\definecolor{mygray}{RGB}{197,197,197}
    \fill[myblue] (0,0)--(2,1)--(2,0.1)--(0.9,-0.5)--(0,0);
    \fill[mygray] (-0.2,-0.1)--(0.9,-0.7)--(0.9,-1.3)--(-0.2,-0.7)--(-0.2,-0.1);
    \fill[myblue] (3.1,0.7)--(4.1,0.3)--(3.1,-0.1)--(3.1,0.7);
    \fill[mygray] (4.3,0.2)--(4.3,-0.7)--(2,-1.5)--(2,-0.7)--(4.3,0.2);
    \node[font=\huge\sffamily\bfseries] (upper) at (2,-3) {THIS IS SOME TEXT};
    \node[below=5pt of upper,font=\Large\sffamily] {HELLO WORLD};
\end{tikzpicture}
\end{document}

enter image description here

Even better color

\documentclass[tikz]{standalone}
\usetikzlibrary{positioning}
\begin{document}
\begin{tikzpicture}
\definecolor{myblue}{RGB}{1,158,227}
\definecolor{mygray}{RGB}{197,197,197}
\definecolor{textgray}{RGB}{85,85,85}
    \fill[myblue] (0,0)--(2,1)--(2,0.1)--(0.9,-0.5)--(0,0);
    \fill[mygray] (-0.2,-0.1)--(0.9,-0.7)--(0.9,-1.3)--(-0.2,-0.7)--(-0.2,-0.1);
    \fill[myblue] (3.1,0.7)--(4.1,0.3)--(3.1,-0.1)--(3.1,0.7);
    \fill[mygray] (4.3,0.2)--(4.3,-0.7)--(2,-1.5)--(2,-0.7)--(4.3,0.2);
    \node[font=\huge\sffamily\bfseries\color{textgray}] (upper) at (2,-3) {THIS IS SOME TEXT};
    \node[below=5pt of upper,font=\Large\sffamily\color{textgray}] {HELLO WORLD};
\end{tikzpicture}
\end{document}

enter image description here

And, to complete this, run XeLaTeX or LuaLaTeX

\documentclass[tikz]{standalone}
\usepackage{fontspec}
\setsansfont{Roboto}
\usetikzlibrary{positioning}
\begin{document}
\begin{tikzpicture}
\definecolor{myblue}{RGB}{1,158,227}
\definecolor{mygray}{RGB}{197,197,197}
\definecolor{textgray}{RGB}{85,85,85}
    \fill[myblue] (0,0)--(2,1)--(2,0.1)--(0.9,-0.5)--(0,0);
    \fill[mygray] (-0.2,-0.1)--(0.9,-0.7)--(0.9,-1.3)--(-0.2,-0.7)--(-0.2,-0.1);
    \fill[myblue] (3.1,0.7)--(4.1,0.3)--(3.1,-0.1)--(3.1,0.7);
    \fill[mygray] (4.3,0.2)--(4.3,-0.7)--(2,-1.5)--(2,-0.7)--(4.3,0.2);
    \node[font=\huge\sffamily\bfseries\color{textgray}] (upper) at (2,-3) {THIS IS SOME TEXT};
    \node[below=5pt of upper,font=\Large\sffamily\color{textgray}] {HELLO WORLD};
\end{tikzpicture}
\end{document}

enter image description here


I have a proposal, which is (maybe?) more coordinate-accurate than yours.

\documentclass[tikz]{standalone}
\usetikzlibrary{positioning}
\begin{document}
\begin{tikzpicture}
\definecolor{myblue}{RGB}{1,158,227}
\definecolor{mygray}{RGB}{197,197,197}
\definecolor{textgray}{RGB}{85,85,85}
    \fill[myblue] (-2.5,0) -- (-2.5,1) -- (0,2) -- (2.5,1) -- (2.5,0) -- (0,1) -- cycle;
    \fill[mygray] (0,0) -- (2.5,1) -- (2.5,0) -- (0,-1) -- (-2.5,0) -- (-2.5,1) -- cycle;
    \draw[line width=2mm,white] (0,0) -- (2.5,1) -- (0,2) -- (-2.5,1) -- cycle;
    \fill[white] (0,.5) rectangle (-1.25,-1) (0,2) rectangle (1.25,.5);
    \node[font=\huge\sffamily\bfseries\color{textgray}] (upper) at (0,-3) {THIS IS SOME TEXT};
    \node[below=5pt of upper,font=\Large\sffamily\color{textgray}] {HELLO WORLD};
\end{tikzpicture}
\end{document}

enter image description here

From the view of a person who is not a student at your university, I can't be sure if the logo is precisely drawn.

6
  • 1
    Thanks for the colors...Is it the right way to create this logo with single coordinations? In my opinion it is an unattractive solution. May 21 '19 at 13:52
  • @nico.wagner The most beautiful thing is simpleness. Why do you want to make it uselessly complicated?
    – user156344
    May 21 '19 at 13:53
  • 1
    When I look other themes about tikz, there are always more complicated and never so easy created like my tikz creations. :( But its okay, I do it with my way. May 21 '19 at 14:00
  • 1
    Yes, but only when it is a quick thing... May 21 '19 at 14:02
  • 1
    @nico.wagner I added a proposal. It is more accurate I think
    – user156344
    May 21 '19 at 14:13

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.