3

Considering the recent excellent questions that I've really enjoyed

Welcoming 2019 Pi day: How to draw the letter π? and What has been your most complicated TikZ drawing?

I have carefully observed this link Tikz: How to create and reuse a picture, where there is a beautiful image created in 2014 of a smarthpone. See image below:

enter image description here

Considering that we are in the year 2019, and that I also teach in an art school, I wanted to show that to create beautiful drawings, such as smartphones that they use daily, you do not necessarily need to use external programs, but just a lot of creativity and talent to create one, using mathematics.

I don't know how to draw it and I say that I'm not interested in votes or anything.

I hope you will cooperate extensively. Thank you all.

  • 2
    If we are to do that, wouldn't we be facing IP related issues? (But +1, for the question though :)). – Raaja Mar 16 at 20:36
  • 1
    if we are recreating the already existing class of mobile phones, then it will replicate their designs. I am not sure whether we can do that. – Raaja Mar 16 at 20:39
  • 1
    I think your question is clear to me ;) – Raaja Mar 16 at 20:42
  • 4
    This is how my smartphone looks like: \documentclass[tikz,border=3.14mm]{standalone} \begin{document} \begin{tikzpicture} \fill[rounded corners] (0,0) rectangle (0.5,0.9); \end{tikzpicture} \end{document} ;-) – marmot Mar 16 at 22:54
  • 1
    @marmot Fantastic one liner so lifelike, looks like you may need to charge your phone again I can only see the lock screen / screen saver (or is it face down) sitting on your table :-) – user170109 Mar 17 at 0:58
11

Honestly this is the most complicated TikZ picture I have ever made. The size of the phone (5 × 9) is suggested by @marmot.

\documentclass[tikz]{standalone}
\usepackage{graphicx}
\usepackage{textcomp}
\usetikzlibrary{positioning,calc}
\begin{document}
\begin{tikzpicture}[font=\sffamily\tiny]
\fill[yellow!50] (0,8.3) rectangle (5,8.6);
\draw[rounded corners,line width=1.5mm] (0,0) rectangle (5,9);
\fill[rounded corners] (0,8.6) |- (2.5,9) -| (5,8.6);
\fill[rounded corners] (0,0.5) |- (2.5,0) -| (5,0.5);
\draw[ultra thin,white] (4,8.85) circle (0.1);
\draw[rounded corners,very thin,white,fill=black!90] (2,0.05) rectangle (3,0.35);
\draw (2.5,4) node {\includegraphics[width=4.5cm]{lion.png}};
\begin{scope}[yshift=8.45cm]
\draw (0,0) node[right] (1) {\includegraphics[height=0.25cm]{texse.png}};
\draw (1) node[right] (2) {\includegraphics[height=0.25cm]{stackexchange.png}};
\draw (2) node[right] (3) {\includegraphics[height=0.2cm]{fb.png}};
\draw (2.5,0) node {8:42 AM};
\fill[green!50!black] (4.55,.08) rectangle (4.75,-.08);
\draw (4.8,-.08) rectangle (4.55,.08);
\fill (4.8,-.04) rectangle (4.83,.04);
\draw (4.55,0) node[left,inner sep=1pt] (i) {80\%};
\coordinate (ii) at ($(i.west)+(-0.15,-.075)$);
\fill (ii) circle (0.02cm);
\foreach \i in {1,...,4} {%
    \draw ($(ii)+(135:{0.04*\i})$) arc (135:45:{0.04*\i});
}
\end{scope}
\draw (2.5,7) node[font=\scriptsize\sffamily,inner sep=1pt] (day) {Thursday, 14 March 2019};
\draw (day.north west) node[above right,font=\Huge\sffamily,inner sep=1pt] (time) {8:42};
\draw (day.north east) node[red!50!black,above left,align=right,inner sep=1pt] {Hanoi\\15\textdegree C \scalebox{0.5}{(59\textdegree F)}\\Rainy};
\draw (time.north east) node[below right,inner sep=1pt] {AM}; 
\foreach \i in {2.3,2.5,2.7} {
    \foreach \j in {0.8,1,1.2} {
        \fill (\i,\j) circle (1.2pt);
    }
}
\fill[green,rounded corners] (0.4,0.8) rectangle (0.9,1.3);
\begin{scope}[shift={(0.65,1.05)}]
\fill[white] (135:0.2)--($(135:0.2)+(45:0.075)$)--($(135:0.1)+(45:0.075)$)--(135:0.1) to[out=-135,in=-135] (-45:0.1)--($(-45:0.1)+(45:0.075)$)--($(-45:0.2)+(45:0.075)$)--(-45:0.2) to[out=-135,in=-135] (135:0.2);
\end{scope}
\fill[blue,rounded corners] (1.3,0.8) rectangle (1.8,1.3);
\begin{scope}[shift={(1.55,1.05)}]
\fill[white,rounded corners=1pt] (-0.175,0.125) rectangle (0.175,-0.125);
\draw[blue] (-0.175,0.125)--(0,0)--(0.175,0.125);
\end{scope}
\fill[cyan,rounded corners] (3.2,0.8) rectangle (3.7,1.3);
\begin{scope}[shift={(3.45,1.05)}]
\draw[white,thick] (0,0) circle (0.15);
\draw[white,thick] (-.15,0)--(.15,0);
\foreach \i in {-150,-90,-30} {
    \draw[white,thick] (0,.15) to[out=\i,in=-\i] (0,-.15);
}
\draw[white,thick] (150:0.15)--(30:0.15);
\draw[white,thick] (-150:0.15)--(-30:0.15);
\end{scope}
\fill[gray,rounded corners] (4.1,0.8) rectangle (4.6,1.3);
\begin{scope}[shift={(4.35,1.05)}]
\draw[ultra thick,white] (0,0) circle (0.13);
\foreach \i in {0,45,...,315} {
    \coordinate (x) at (\i:0.15);
    \fill[white,rounded corners=0.1pt] ($(x)+(\i-90:0.03)$)--($(x)+(\i-90:0.03)+(\i:0.04)$)--($(x)+(\i+90:0.03)+(\i:0.04)$)--($(x)+(\i+90:0.03)$)--cycle;
}
\end{scope}
\end{tikzpicture}
\end{document}

enter image description here

Some notes about sources I used:

  1. The TeX lion drawn by Duane Bibby.
  2. The icons on the top left:

About copyright

According to CTAN, I'm allowed to include the TeX lion to my answer.

I don't know if I am allowed to include the three icons on the top left like this. If there is any copyright issue, please comment here and I will be happy to remove the copyrighted content.

  • 2
    Gorgeous! I like it very much! – CarLaTeX Mar 17 at 8:08
  • Your work is simply splendid. Why so great? :-( Is that a tablet? :-) Is that a tablet? :-) The suggestion of marmot is not good LOL. – Sebastiano Mar 17 at 12:44
  • @Sebastiano It is not so great: it is only 5cm x 9cm, and I think it is a bit small. You are just seeing a zoomed version of it. – user156344 Mar 17 at 14:06
  • JouleV @marmot hid 3.14 in his code, as I also did for my icon, but can't see where you have hidden it, ooh very very subtle just noticed the March 14 :-) P.S if my rep hits 3142 does that count :-) – user170109 Mar 17 at 19:13
  • @JouleV Ah I thought the beautiful code you generated was from a really big smartphone. :-) It's a pity my question isn't taken seriously. – Sebastiano Mar 17 at 21:37
6

A sim card.

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{calc}
\begin{document}
\pagestyle{empty}
\begin{tikzpicture}
\definecolor{goldSim}{HTML}{F7E7AB}
\definecolor{graySim}{HTML}{B1B8C8}
\draw[fill=graySim]
(-1.33,2.24) -- (-2,2.94)
[rounded corners=5pt]-- (-4.75,2.94) -- (-4.75,-2.8)
[sharp corners] -- (-4.28,-2.8) arc (180:0:0.04)
-- (-1.89,-2.8) arc (180:0:0.04)
[rounded corners=5pt] -- (-1.33,-2.8)
[sharp corners]-- cycle;

\draw[fill=goldSim,rounded corners=12pt]  (-4.32,0.76) rectangle (-1.82,-2.28);

\draw (-3.05,0.76) -- (-3.05,-0.32);

\draw (-2.47,0.76) -- (-2.48,-0.29);

\draw (-1.85,-2) -- (-2.48,-2);

\draw (-3.05,-2.28) -- (-3.05,-1.2);

\draw (-3.63,-2.28) -- (-3.63,-1.24);

\draw (-2.48,-2.28) -- (-2.48,-1.28);


\draw (-4.32,-0.47) .. controls (-3.79,-0.48) 
and (-3.9,-0.42) .. (-3.75,-0.6) .. controls (-3.75,-0.7) 
and (-3.75,-0.8) .. (-3.75,-0.92) .. controls (-3.9,-1.09) 
and (-3.79,-1.04) .. (-4.32,-1.04);
\draw(-1.82,-0.37) .. controls (-1.9,-0.37) 
and (-1.94,-0.37) .. (-2,-0.37) .. controls (-2.09,-0.29) 
and (-2.11,-0.24) .. (-2.2,-0.24) .. controls (-2.25,-0.24) 
and (-2.22,-0.29) .. (-2.48,-0.29);
\begin{scope}[yshift=-1.57cm,rotate around x=180]
\draw(-1.82,-0.37) .. controls (-1.9,-0.37) 
and (-1.94,-0.37) .. (-2,-0.37) .. controls (-2.09,-0.29) 
and (-2.11,-0.24) .. (-2.2,-0.24) .. controls (-2.25,-0.24) 
and (-2.22,-0.29) .. (-2.48,-0.29);
\end{scope}
\draw (-3.64,0.76) -- (-3.64,-0.23) .. controls (-3.4,-0.23)
and (-3.5,-0.2) .. (-3.35,-0.2) .. controls (-3.2,-0.2) 
and (-3.26,-0.32) .. (-3.05,-0.32) .. controls (-2.83,-0.32) 
and (-2.9,-0.2) .. (-2.8,-0.2) .. controls (-2.7,-0.2) 
and (-2.7,-0.2) .. (-2.48,-0.29) .. controls (-2.3,-0.46) 
and (-2.35,-0.5) .. (-2.35,-0.8) .. controls (-2.35,-1.1) 
and (-2.3,-1.13) .. (-2.48,-1.28) .. controls (-2.7,-1.32) 
and (-2.7,-1.32) .. (-2.8,-1.32) .. controls (-2.9,-1.32) 
and (-2.83,-1.2) .. (-3.05,-1.2) .. controls (-3.26,-1.2) 
and (-3.2,-1.3) .. (-3.35,-1.3) .. controls (-3.62,-1.3) 
and (-3.54,-1.24) .. (-3.63,-1.24) .. controls (-3.68,-1.24) 
and (-3.74,-1.24) .. (-3.75,-0.92);

\node[yshift=4.5cm] at ($(-4.75,-2.8)!0.5!(-1.33,-2.8)$) {Ti\emph{k}Z};
\end{tikzpicture}
\end{document}

Sim Card with TikZ

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.