diff --git a/Storyboard/src/Storyboard.tex b/Storyboard/src/Storyboard.tex index 4798b4c..ab97148 100644 --- a/Storyboard/src/Storyboard.tex +++ b/Storyboard/src/Storyboard.tex @@ -12,6 +12,8 @@ \usepackage{lastpage} % Custom page numbering \usepackage{fancyhdr} \usepackage{graphicx} +\usepackage{mwe} +\usepackage{caption} \usepackage{tcolorbox} % Custom page numbering \usepackage{titling} @@ -118,7 +120,7 @@ %Kapitel 3.1 - Menüstruktur \subsection{Menüstruktur} - Als Menü-Navigation habe ich mich für eine Navigation am oberen Teil der Webseite entschieden. + Als Menü-Navigation habe ich mich für eine Navigation am oberen Teil der Webseite entschieden. %TODO text %Kapitel 3.2 - Farbwahl \subsection{Farbwahl} @@ -198,10 +200,12 @@ %Kapitel 3.3.2 - Design der Mockups \subsubsection{Design der Mockups} + %TODO text %Kapitel 3.3.3 - Mockups \subsubsection{Mockups} - Bilder der Mockups einfügen + %TODO text %Kapitel 4 - Bildbearbeitung \section{Bildbearbeitung} @@ -258,7 +262,6 @@ \end{enumerate} \pagebreak - Das fertige Bild sieht dann wie folgt aus:\\ \begin{figure}[h] @@ -279,12 +282,71 @@ Um diesen Ort dreht sich das ganze Spiel. Da auf den sogenannten Rinks (die einzelnen Bahnen) auch oft Werbung in das Eis eingelassen sind, habe ich so den Schriftzug ``Curling'' integriert. - %Kapitel 5.2 - Erstellung des Logos - \subsection{Erstellung des Logos} - Begonnen habe ich das Logo in Adobe xD. + \noindent\begin{minipage}{0.6\textwidth} + %Kapitel 5.2 - Erstellung des Logos + \subsection{Erstellung des Logos} + Begonnen habe ich das Logo in Adobe xD. Dort hatte ich bereits die einzelnen Ringe des Hauses gezeichnet. + Diese dienen während dem Spiel der einfacheren Bestimmung der Entfernung der Steine. Diese haben + möglichst unterschiedliche Farben, dass die einzelnen Ringe eifach voneinander unterscheidbar sind. + Dies habe ich hier realitästsgetreu nachgefärbt. Nach dem Zeichnen und färben der Ringe hat das Logo + wie rechts ersichtlich ausgsesehen. + \end{minipage} + \hfill + \begin{minipage}[c]{0.3\textwidth} + \raggedleft + \includegraphics[width=\linewidth]{media/curling_logo_step1} + \captionof{figure}{Logo mit den eingefärbten Ringen des Hauses} + \end{minipage} + + \noindent\begin{minipage}{0.6\textwidth} + Die Curlingsteine sind ebenso simpel wie das Haus. Die Steine sind einzelne kleine Kreise aus xD, welche + ich so gefärbt habe, dass sie den Farben des Curlings entsprechen. Bei einem richtigen Curlingstein ist + von oben einerseits der farbige Plastikgriff (Fachbegriff ``Handle'') sichtbar, aber auch der Stein + selbst zu sehen. Dies habe ich damit reproduziert, dass ich in xD die Rahmen des Kreises so skaliert + habe, dass sie ungefähr dem reellen Verhältnis entsprachen. Die drei Steine, welche ich anschliessend + irgendwo auf dem Haus plaziert habe, sind nun rechts ersichtlich. + \end{minipage} + \hfill + \begin{minipage}[c]{0.3\textwidth} + \raggedleft + \includegraphics[width=\linewidth]{media/curling_stones} + \captionof{figure}{Curlingsteine} + \end{minipage} + \\\\\\Um nun wie geplant den Schriftzug ``Curling'' in das Haus einzubetten, habe ich GIMP verwendet, da ich zu xD keine + Anleitung gefunden habe, welche für mich funktioniert hat, um Text an einer Rundung zu biegen. Den bisherigen + Fortschritt habe ich also als SVG aus Adobe xD exportiert, und in GIMP wieder geöffnet. + Dort habe ich dann wie folgt die Schrift hinzugefügt: + + \begin{enumerate} + \item Text ``Curling'' geschrieben + \item Eine neue Transparente Ebene erstellen + \item Auf dieser Transparenten Ebene mit dem ``elliptischen Auswahlwerkzeug'' genau den roten Kreis ausgewählt, + damit der Text später im weissen Kreis steht. + \item Im Kontextmenü ``Auswahl'' den Punkt ``Nach Pfad'' anklicken. So wird ein Pfad erstellt, entlang dessen + der Text später stehen wird. + \item Auf die Ebene mit dem Text zurück und dann mit Rechtsklick auf der Ebene den Punkt ``Text dem Pfad entlang'' + auswählen. So wird der Text dem vorher erstellten Pfad entlang geschrieben. + \item Als nächsten Schritt wählt man wieder die transparente Ebene aus und drückt Ctrl + Alt + A, um die Auswahl + verschwinden zu lassen. Dann im Kontextmenü ``Auswahl'' den Punkt ``Nach Pfad'' auswählen. + \item Dann mit dem Füllwerkzeug den aktuell noch gestrichelten Text in der gewünschten Farbe ausfüllen. + \item Oben rechts gibt es einen Reiter ``Pfade''. Dort blendet man den Pfad dann mittels dem Auge aus. + + \begin{figure}[h] + \centering + \includegraphics{media/paths} + \caption{Reiter um Pfade ein- und auszublenden} + \end{figure} + + \item In der Ebenenauswahl haben wir nun die transparente Ebene mit dem gebogenen Text, den originalen Text, + und in meinem Fall habe ich noch eine dritte Ebene mit dem bisherigen Fortschritt aus xD. + \item Nun kann ich den Originalen Text löschen, und den Transparenten Text mit dem Dreh- und Verschiebewerkzeug + so drehen und verschieben, dass er für mich passt. + \end{enumerate} %Kapitel 5.3 - Fertiges Logo \subsection{Fertiges Logo} + Aus GIMP wieder exportiert sah das fertige Logo wie folgt aus: + \begin{figure}[h] \includegraphics[width=\textwidth]{media/curling_logo} \caption{Fertiges Logo des E-Portfolios} @@ -293,15 +355,19 @@ %Kapitel 6 - Technisches Konzept E-Portfolio \section{Technisches Konzept E-Portfolio} -Welche Technologien werden verwendet + %TODO text %Kapitel 7 - Reflexion \section{Reflexion} + %TODO text %Kapitel 7.1 - Bildbearbeitung \subsection{Bildbearbeitung} + %TODO text %Kapitel 7.2 - Logodesign \subsection{Logodesign} + %TODO text %Kapitel 8 - Abbildungsverzeichnis \section{Abbildungsverzeichnis} diff --git a/Storyboard/src/media/curling_logo_step1.png b/Storyboard/src/media/curling_logo_step1.png new file mode 100644 index 0000000..df1bfdc Binary files /dev/null and b/Storyboard/src/media/curling_logo_step1.png differ diff --git a/Storyboard/src/media/curling_stones.png b/Storyboard/src/media/curling_stones.png new file mode 100644 index 0000000..d109068 Binary files /dev/null and b/Storyboard/src/media/curling_stones.png differ