commit 8d535ce7366b24d6a82013e4671a2f08b550c76e Author: nek0 Date: Thu Sep 8 03:26:46 2022 +0200 init diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..cdc30fc --- /dev/null +++ b/.gitignore @@ -0,0 +1,8 @@ +*.aux +*.log +*.nav +*.out +*.snm +*.synctex.gz +*.toc +*.sty diff --git a/Comics zeichnen mit freier Software.pdf b/Comics zeichnen mit freier Software.pdf new file mode 100644 index 0000000..ca4a852 Binary files /dev/null and b/Comics zeichnen mit freier Software.pdf differ diff --git a/Comics zeichnen mit freier Software.tex b/Comics zeichnen mit freier Software.tex new file mode 100644 index 0000000..7b6366b --- /dev/null +++ b/Comics zeichnen mit freier Software.tex @@ -0,0 +1,250 @@ +\documentclass[aspectratio=169,10pt]{beamer} +\usepackage{fontspec} +\usepackage[utf8]{inputenc} +\usepackage[english]{babel} +\usepackage{listings} +\usepackage{tcolorbox} +\usepackage{hyperref} +\usepackage{qrcode} +\usepackage{graphicx} + +\newtcbox{\mybox}{ + on line, + %colframe=mycolor, + colback=gray, + %boxrule=0.5pt, + arc=4pt, + boxsep=0pt, + left=6pt, + right=6pt, + top=6pt, + bottom=6pt +} + +\lstdefinelanguage{Haskelln}{ + language = Haskell, + otherkeywords = {=>,->,::,++,!!,|,<-}, +} + +\lstset{ + frame=none, + xleftmargin=2pt, + stepnumber=1, + numbers=none, + numbersep=5pt, + numberstyle=\ttfamily\tiny\color{lightgray}, + belowcaptionskip=\bigskipamount, + captionpos=b, + escapeinside={*'}{'*}, + language=Haskelln, + tabsize=2, + emphstyle={\bf}, + commentstyle=\it, + stringstyle=\mdseries\ttfamily\color{green}, + showspaces=false, + keywordstyle=[1]\color{cyan}\bfseries\ttfamily, + keywordstyle=[2]\color{orange}\bfseries\ttfamily, + keywordstyle=[3]\color{yellow}\bfseries\ttfamily, + keywordstyle=[4]\color{red}\bfseries\ttfamily, + keywordstyle=[5]\color{purple}\bfseries\ttfamily, + keywordstyle=[6]\color{blue}\bfseries\ttfamily, + %keywordstyle=\color{cyan}\ttfamily + columns=flexible, + basicstyle=\color{white}\small\ttfamily, + showstringspaces=false, + morecomment=[l]\%, + emptylines=1, +} + +% You can set fonts for Latin script here +\setmainfont{FreeSerif} +\setsansfont{FreeSans} +\setmonofont{Fira Mono} + +\usetheme{DarkConsole} + +\begin{document} + + % The metadata of the presentation + \title{Comics zeichnen mit freier Software} + \subtitle{Am Beispiel des Projektes \texttt{mateamt}} + \author[]{Amedeo Molnár - \href{mailto:nek0@nek0.eu}{nek0@nek0.eu}} + %\institute{SRH Berufsbildungswerk Dresden gGmbH} + \date{\today} % Replace with date of the presentation + +\begin{frame}[plain] + \maketitle +\end{frame} + +\begin{frame}{Gliederung} + \tableofcontents +\end{frame} + +\section{Anforderungen an die Technik} + +\begin{frame}{Hardware} + \begin{itemize} + \item<2-> Viel RAM + \item<3-> Gute CPU + \item<4-> Dedizierte GPU von Vorteil + \end{itemize} +\end{frame} + +\begin{frame}{Betriebssystem} + GNU/Linux mit grafischer Oberfläche und aktuellen Treibern +\end{frame} + +\begin{frame}{Peripherie} + \begin{itemize} + \item<2-> Kompatibler Scanner + (\href{SANE-Project}{http://www.sane-project.org/sane-supported-devices.html}) + \item<3-> Kompatibler Farb-Laser/LED-Drucker + (\href{OpenPrinting}{https://www.openprinting.org/drivers}) + \item<4-> Kompatibles Zeichen-Tablet/Monitor + \begin{itemize} + \item Wacom hat in aller Regel guten Linux-Support + \item Alternative Hersteller sind vom + \href{https://digimend.github.io/}{DIGIMend-Projekt} gelistet + \end{itemize} + \end{itemize} +\end{frame} + +\section{Anforderungen an den Comic} + +\subsection{Story} + +\begin{frame}{Story} + Bevor mit dem Zeichnen überhaupt angefangen werden kann, sollte eine + Rahmenhandlung stehen. + + \onslide<2->{ + \begin{center} + \mybox{ + \begin{minipage}{.66\linewidth} + \begin{center} + Sechs essentielle Fragen: + + \begin{itemize} + \item<3-> Um wen geht es? + \item<4-> Was woillen die Charaktere? + \item<5-> Warum können sie es nicht erreichen? + \item<6-> Was machen sie deswegen? + \item<7-> Wieso gelingt das nicht? + \item<8-> Wie geht alles aus? + \end{itemize} + + \onslide<8->{\tiny Quelle: \url{https://www.youtube.com/watch?v=F7i3w6XW_2Q}} + \end{center} + \end{minipage} + } + + \end{center} + } +\end{frame} + +\subsection{Worldbuilding} + +\begin{frame}{Worldbuilding} + + \begin{center} + Beschreibung einer midnestens unter oberflächlichen Betrachtung + konsistenten Welt, in welcher die Handlung stattfińden soll. + \end{center} + +\end{frame} + +\begin{frame}{Unterstützende Software} + \begin{itemize} + \item<2->\href{http://theologeek.ch/manuskript}{Manuskript} + \item<3->\href{https://www.zettlr.com/}{Zettlr} + \item<3->\href{https://vimwiki.github.io/}{vimwiki} + \end{itemize} +\end{frame} + +\subsection{Design und Gestaltung} + +\begin{frame}{Character Design} + \begin{center} + Visuelle Gestaltung der Charaktere unter Berücksichtigung ihrer Rolle und + Status in der Story und der Welt, in der Sie leben. + + \vspace{1cm} + + \includegraphics[width=.45\linewidth]{img/ref_fish.png} + \includegraphics[width=.45\linewidth]{img/ref_alys.png} + \end{center} +\end{frame} + +\begin{frame}{World Design} + \begin{center} + Visuelle Gestaltung der Welt und der in ihr vorkommenden Elemente + \end{center} + \begin{minipage}{.45\linewidth} + \onslide<2->{ + \begin{itemize} + \item Geographie + \item Landschaft + \item Pflanzen + \item Tiere + \item Fahrzeuge + \item KLeidung + \item Alltagsgegenstände + \item … + \end{itemize} + } + \end{minipage} + \begin{minipage}{.45\linewidth} + \includegraphics[width=\linewidth]{img/landscape.png} + \end{minipage} +\end{frame} + +\begin{frame}{Der Comic selbst} + \begin{center} + Das Zeichnen des Comics gliedert sich in der Regel in bestimmte Schritte + + \vspace{1cm} + + \onslide<2->{\mybox{ + \begin{minipage}[t]{.25\linewidth} + \begin{center} + Storyboards + + \vspace{.5cm} + + \raisebox{-0.5\height}{\includegraphics[width=.5\linewidth]{img/storyboard.png}} + \end{center} + \end{minipage} + }} + \onslide<3->{\mybox{ + \begin{minipage}[t]{.25\linewidth} + \begin{center} + Layouts + + \vspace{.5cm} + + \raisebox{-0.5\height}{\includegraphics[width=.5\linewidth]{img/layout.png}} + \end{center} + \end{minipage} + }} + \onslide<4->{\mybox{ + \begin{minipage}[t]{.25\linewidth} + \begin{center} + Reinzeichnung + + \vspace{.5cm} + + \raisebox{-0.5\height}{\includegraphics[width=.5\linewidth]{img/clean.png}} + \end{center} + \end{minipage} + }} + \end{center} +\end{frame} + +\begin{frame}{Unterstützende Software} + \begin{itemize} + \item<2-> \href{https://krita.org}{Krita} + \item<3-> \href{https://inkscape.org/}{Inkscape} + \end{itemize} +\end{frame} + +\end{document} \ No newline at end of file diff --git a/img/clean.png b/img/clean.png new file mode 100644 index 0000000..6d6e353 Binary files /dev/null and b/img/clean.png differ diff --git a/img/landscape.png b/img/landscape.png new file mode 100644 index 0000000..c55a7ad Binary files /dev/null and b/img/landscape.png differ diff --git a/img/layout.png b/img/layout.png new file mode 100644 index 0000000..118b2e2 Binary files /dev/null and b/img/layout.png differ diff --git a/img/ref_alys.png b/img/ref_alys.png new file mode 100644 index 0000000..1f37591 Binary files /dev/null and b/img/ref_alys.png differ diff --git a/img/ref_fish.png b/img/ref_fish.png new file mode 100644 index 0000000..1e292e5 Binary files /dev/null and b/img/ref_fish.png differ diff --git a/img/storyboard.png b/img/storyboard.png new file mode 100644 index 0000000..a02ceb8 Binary files /dev/null and b/img/storyboard.png differ diff --git a/writeup.md b/writeup.md new file mode 100644 index 0000000..12bb6c5 --- /dev/null +++ b/writeup.md @@ -0,0 +1,88 @@ +#Comics zeichnen mit freier Software + +##Technische anforderungen und deren Erfüllung + +###Hardware + +* Viel RAM +* Gute CPU +* Dedizierte GPU von Vorteil + * aktuell möglichst von AMD wegen besserem Treibersupport + +###Betriebssystem + +* GNU/Linux mit grafischer Oberfläche + * Welche Distribution und Oberfläche ist Geschmackssache + +###Peripherie + +* Scanner + * Vor dem Kauf auf Kompatibilität prüfen () +* Farbdrucker + * Vor dem Kauf auf Kompatibilität prüfen () +* Zeichentablet oder -Monitor + * Wacom hat in aller Regel sehr guten Linux-Support, ist aber in der Anschaffung teuer + * Alternative günstigere Tablets/Monitore sind auf der Projektseite von + [DIGImend](https://digimend.github.io/) gelistet. + +##Anforderungen an den Comic + +###Story + +Bevor mit dem Zeichnen überhaupt angefangen werden kann, sollte die Rahmenhandlung stehen + +####Sechs essentielle Fragen + +* Um wen geht es? +* Was wollen die Charaktere? +* Warum können Sie das nicht erreichen? +* Was machen sie deswegen? +* Wieso gelingt das nicht? +* Wie geht es aus? + +(siehe: ) + +###Worldbuilding + +Beschreibung einer mindestens unter Oberflächlichen Betrachtung konsistenten +Welt + +####Unterstützende Software + +Folgendes sind nur Beispiele für geeignete Software und nicht abschließend. Wie das Skript +geschrieben wird, ist von AUtor zu AUtor unterschiedlich. + +* [Manuskript](http://theologeek.ch/manuskript) +* [Zettlr](https://www.zettlr.com/) +* [vimwiki](https://vimwiki.github.io/) + +###Design und Gestaltung + +####Character Design + +Visuelle Gestaltung der Charaktere unter Berücksichtigung ihrer Rolle und Status in der Story und +der Welt in der Sie leben + +####World Design + +Visuelle Gestaltung der Welt und in ihr vorkommender Elemente: +* Geographie +* Landschaft +* Pflanzen +* Tiere +* Fahrzeuge +* Kleidung +* Alltagsgegenstände +* ... + +###Der Comic selbst + +Das Zeichnen des Comics unterteilt sich in der Regel in folgende Schritte: +* Storyboards +* Seitenlayout +* Reinzeichnung + +####Software + +* [Krita](https://krita.org/) +* [Inkscpae](https://inkscape.org)