Show last authors
1 {{box cssClass="floatinginfobox" title="**Inhalt**"}}
2 {{toc /}}
3 {{/box}}
4
5 (% style="text-align:center" %)
6 [[image:final_code-n-stitch_logo-schrift.png||queryString="width=191&height=234" height="306" width="250"]]
7
8 (% class="box infomessage" id="HUnit0-Muster2FDesignErstellung28fFCrLehrpersonen29" %)
9 (((
10 **Ziel: **Dieses Tutorial zeigt welche Dinge zur Erstellung eigener Stick-Designs beachtet werden müssen.
11 )))
12
13 (% class="row" %)
14 (((
15 (% class="col-xs-12 col-sm-6" %)
16 (((
17 (% class="box" %)
18 (((
19 **Aber was ist Code'n'Stitch überhaupt?**
20
21 {{video url="https://www.youtube.com/watch?v=NdzeyXWx7nA"/}}
22 )))
23 )))
24
25 (% class="col-xs-12 col-sm-6" %)
26 (((
27 (% class="box" %)
28 (((
29 Mit der Stick-Erweiterung von [[Pocket Code>>https://play.google.com/store/apps/details?id=org.catrobat.catroid&hl=de_AT]] oder [[Create@School>>https://play.google.com/store/apps/details?id=org.catrobat.catroid.createatschool&hl=de_AT]] (nur für Android verfügbar) können eigene Stick-Muster programmiert werden. Der Fantasie sind keine Grenzen gesetzt!
30
31 (% style="text-align:center" %)
32 [[image:9d-3.PNG||queryString="width=349&height=353" width="400"]]
33
34 (% class="wikigeneratedid" %)
35 **Mehr Fotos und Videos gibt's auf der Instagram-Seite von [[Code’n’Stitch>>https://www.instagram.com/code_n_stitch/]].**
36 )))
37 )))
38 )))
39
40 = Vorbereitungen =
41
42 (% class="box infomessage" %)
43 (((
44 **Ziel: **Passende Rahmenbedingungen schaffen.
45 )))
46
47 (% class="row" %)
48 (((
49 (% class="col-xs-12 col-sm-12" %)
50 (((
51 (% class="box" %)
52 (((
53 **Zeichnen von geometrischen Mustern, einfachen Strichzeichnungen, Kreativphase:**
54
55 * erforderliche Kompetenzen: keine
56
57 * Rahmenbedingungen:
58 ** eventuell Smartphone oder PC für Recherche
59 ** Papier, Bleistifte, Lineal, Zirkel
60 ** Milimeter-Papier oder Ausdruck der [[Vorlage>>attach:Milimeter-Papier.pdf]]
61 )))
62 )))
63 )))
64
65 = Designprozess =
66
67 (% class="box infomessage" %)
68 (((
69 **Ziel**: Von einer Idee zur Umsetzung.
70 )))
71
72 (% class="row" %)
73 (((
74 (% class="col-xs-12 col-sm-6" %)
75 (((
76 (% class="box" %)
77 (((
78 **01. Idee**
79
80 Ich möchte ein Fahrrad sticken.
81 Recherche im Internet.
82
83 (% style="text-align:center" %)
84 [[image:fahrrad.0.jpg||width="300"]]
85 )))
86 )))
87
88 (% class="col-xs-12 col-sm-6" %)
89 (((
90 (% class="box" %)
91 (((
92 **02. Design zeichnen**
93
94 Das gewünschte Motiv sollte am besten mit der Hand am karierten Blatt Papier gezeichnet werden. Die Schüler*innen sollten sich dabei überlegen, welche geometrische Muster verwendet werden.
95
96 (% style="text-align:center" %)
97 [[image:fahrrad-1.png||width="212"]]
98 )))
99 )))
100 )))
101
102 (% class="row" %)
103 (((
104 (% class="col-xs-12 col-sm-6" %)
105 (((
106 (% class="box" %)
107 (((
108 **03. Geometrische Figuren des Fahrrads**
109
110 Fahrradbeispiel: Es werden zwei Kreise gezeichnet, die durch gerade Striche miteinander verbunden sind. Dabei sollen auch Überlegungen angestellt werden wie groß der Winkel zwischen den einzelnen Linien ist.
111
112 (% style="text-align:center" %)
113 [[image:2fahrrad-1.png||width="300"]]
114 )))
115 )))
116
117 (% class="col-xs-12 col-sm-6" %)
118 (((
119 (% class="box" %)
120 (((
121 **04. Des gestickte Fahrradmuster**
122
123 Nach Programmierung könnte das gestickte Muster so aussehen:
124
125 (% style="text-align:center" %)
126 [[image:fahrrad.3.jpg||width="350"]]
127 )))
128 )))
129 )))
130
131 = Was sind programmierbare Muster? =
132
133 (% class="box warningmessage" %)
134 (((
135 **WICHTIG: **Es ist sehr wichtig realistische Entwürfe zu erstellen, damit man im Nachhinein nicht von der Umsetzbarkeit enttäuscht wird!
136 )))
137
138 (% class="row" %)
139 (((
140 (% class="col-xs-12 col-sm-6" %)
141 (((
142 (% class="box" %)
143 (((
144 Hier geht es um **Abstraktion** und **Reduktion**, das heißt möglichst schematische Muster zu erstellen.
145
146 * **Was gut geht:** gerade Linien, Kreise, Halbkreise, Viertelkreise
147 * **Was nicht gut geht:** geschwungene Linien, Ovale, ausgefüllte Flächen, zu viele Einzelobjekte
148 )))
149 )))
150
151 (% class="col-xs-12 col-sm-6" %)
152 (((
153 (% class="box" %)
154 (((
155 **Vorgabe:**
156
157 * Maximal **15-20** einzelne „Striche“.
158 ** Also beispielsweise 9 Linien und 2 Kreise
159 * Nur **Linien**, **Kreise**, **Halb-** oder **Viertelkreise** verwenden
160 * Zuerst **einfach** denken, weniger Details!
161 ** Falls Zeit bleibt kann immer noch etwas dazu programmiert werden
162 )))
163 )))
164 )))
165
166
167 (% class="row" %)
168 (((
169 (% class="col-xs-12 col-sm-6" %)
170 (((
171 (% class="box" %)
172 (((
173 **Realistische Entwürfe:**
174
175 Nur Linien, Kreise, nicht zu komplex
176
177 **[[image:1.png||class="img-rounded" width="232"]] [[image:2.png||class="img-rounded" width="186"]]**
178
179 [[image:3.png||class="img-rounded" width="200"]] [[image:33.jpg||alt="6.png" class="img-rounded" width="183"]]
180
181 [[image:4.png||class="img-rounded" width="112"]] [[image:5.jpg||class="img-rounded" width="206"]]
182 )))
183 )))
184
185 (% class="col-xs-12 col-sm-6" %)
186 (((
187 (% class="box" %)
188 (((
189 **Unrealistische Entwürfe:**
190
191 Zwar sehr schön, allerdings schwierig umsetzbar.
192
193 Zu komplex, zu viele Details, zu viele Schwünge, zu flächig
194
195 [[image:7.png||class="img-rounded" height="290" width="117"]] [[image:8.png||class="img-rounded" width="272"]]
196
197 [[image:10.png||class="img-rounded"]]
198
199 [[image:11.png||class="img-rounded" width="159"]] [[image:12.png||class="img-rounded" width="171"]] [[image:9.png||class="img-rounded" width="163"]]
200 )))
201 )))
202 )))
203
204 = Wie wird dann programmiert? =
205
206 (% class="box infomessage" %)
207 (((
208 Die Programmierung erfolgt mit dem Smartphone-Programm „[[Create@School>>https://play.google.com/store/apps/details?id=org.catrobat.catroid.createatschool&hl=en_US]]“, welches eine visuelle Programmiersprache benutzt.
209 Die eigentliche Programmierung erfolgt mit vordefinierten Bausteinen, diese steuern die Stickmaschine.
210 )))
211
212 (% class="row" %)
213 (((
214 (% class="col-xs-12 col-sm-6" %)
215 (((
216 (% class="box" %)
217 (((
218 **Beispiel relative Drehung:**
219
220 Linie 5 cm, drehe links 45°, Linie 2 cm, drehe rechts 90°, Linie 2 cm, drehe links 45°, Linie 5 cm
221
222 [[image:13.png||class="img-rounded" width="364"]]
223
224 [[image:14.png||class="img-rounded" width="225"]]
225 )))
226 )))
227
228 (% class="col-xs-12 col-sm-6" %)
229 (((
230 (% class="box" %)
231 (((
232 **Folgendes Programm erzeugt einen Stern:**
233
234 [[image:16.png||width="300"]] [[image:15.jpg||class="img-rounded" width="306"]]
235 )))
236 )))
237 )))
238
239
240 (% class="row" %)
241 (((
242 (% class="col-xs-12 col-sm-6" %)
243 (((
244 (% class="box" %)
245 (((
246 **Hier ist ein Video-Tutorial für Beginner mit der absoluten Drehung:**
247
248 {{video url="https://www.youtube.com/watch?v=7OthbBkoNuc"/}}
249
250
251
252 Mehr Videos gibt es auf unserer [[Video-Tutorial-Seite>>doc:Education.Embroidery.Video Tutorials.WebHome||style="background-color: rgb(245, 245, 245);"]].
253 )))
254 )))
255
256 (((
257 (% class="box" %)
258 (((
259 **Hilfreiche Dokumente & Downloads zum Ausdrucken**
260
261 * Jede Menge Tutorial Cards zum Ausdrucken mit Anleitungen zu Basic Funktionen der Stick-Programmierung, sowie fertig ausprogrammierte Muster, findet man in diesem [[Dokument>>attach:Code'n'Stitch_Tutorial-Cards_deutsch.pdf]].
262
263 (% style="text-align:center" %)
264 [[image:Code'n'Stitch_Tutorial-Cards_heiligtümer-des-todes.png||width="332"]]
265
266 * Informationen und erste Schritte in Kurskarten-Format zur Ausgabe an die Kinder finden sich [[hier>>attach:Kurskarten Code´n´stitch din110_220_final.pdf]].
267
268 (% style="text-align:center" %)
269 [[image:kurskarten.PNG||width="364"]]
270
271
272 )))
273 )))
274 )))
275
276 = Beispieldesigns =
277
278 (% class="box infomessage" %)
279 (((
280 Grundsätzlich sind der Kreativität keine Grenzen gesetzt. Mehr Designs gibt's auch auf [[Instagram>>https://www.instagram.com/code_n_stitch/]] oder in unserem [[Stick-Wiki>>doc:Education.Embroidery.WebHome]].
281 )))
282
283 (% class="row" %)
284 (((
285 (% class="col-xs-12 col-sm-6" %)
286 (((
287 (% class="box" %)
288 (((
289 **Geometrische Muster:**
290
291 [[image:17.png||class="img-rounded" width="199"]] [[image:18.jpg||class="img-rounded" width="150"]] [[image:19.jpg||class="img-rounded" width="150"]]
292
293 [[image:22.jpg||class="img-rounded" width="150"]] [[image:20.jpg||class="img-rounded" width="266"]]
294 )))
295 )))
296
297 (% class="col-xs-12 col-sm-6" %)
298 (((
299 (% class="box" %)
300 (((
301 **Muster nur aus Linien:**
302
303 [[image:24.jpg||class="img-rounded" width="267"]]
304
305 [[image:26.jpg||class="img-rounded" width="246"]] [[image:25.jpg||class="img-rounded" width="150"]]
306 )))
307 )))
308 )))
309
310 = Musterstücke zum Besticken =
311
312 (% style="text-align:center" %)
313 [[image:apflbutzn.jpg||width="291"]]
314
315 (% class="box infomessage" %)
316 (((
317 In Kooperation mit der Firma [[Apflbutzn>>https://www.apflbutzn.at/]] werden fair produzierte Musterstücke bestickt.
318 )))
319
320 (% class="row" %)
321 (((
322 (% class="col-xs-12 col-sm-6" %)
323 (((
324 (% class="box" %)
325 (((
326 **Tallierte T-Shirts**
327
328 [[image:28.jpg||class="img-rounded" width="287"]] [[image:23.jpg||class="img-rounded" width="277"]]
329
330
331 )))
332 )))
333
334 (% class="col-xs-12 col-sm-6" %)
335 (((
336 (% class="box" %)
337 (((
338 **Gerade T-Shirts**
339
340 [[image:29.jpg||class="img-rounded" width="293"]] [[image:32.PNG||class="img-rounded" width="212"]]
341
342
343 )))
344 )))
345 )))
346
347 (% class="row" %)
348 (((
349 (% class="col-xs-12 col-sm-6" %)
350 (((
351 (% class="box" %)
352 (((
353 **Beutel**
354
355 [[image:30.jpg||width="249"]] [[image:34.jpg||class="img-rounded" width="225"]]
356
357
358 )))
359 )))
360 )))