Wiki source code of Für Lehrpersonen: Muster & Design Erstellung
Last modified by Michael Jagoutz on 2021/05/19 17:41
Show last authors
author | version | line-number | content |
---|---|---|---|
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 | ))) |