https://peda.net/id/4a24f7af9b8 2024-11-05T17:26:11+02:00 https://peda.net/:static/535/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/4a2598f19b8 2024-04-28T14:08:17+03:00 <span>Tämän videonurkan videoiden avulla voit perehtyä aiheeseen halutessasi vielä syvemmin, mutta katsomista ei edellytetä kurssin suorittamiseksi tai asian ymmärtämiseksi. YouTube -videon voi kääntää videon asetuksista myös kotimaisille kielille. Kurssin opettajan tekemä video (jos valmis) löytyy Videonurkasta viimeisenä nimellä &quot;Johdantovideo&quot;. Johdantovideo voi olla kätevä katsoa, jos esimerkiksi olet ollut poissa tunnilta.</span> 2024-11-05T17:26:11+02:00 https://peda.net/id/4a267a399b8 2024-04-29T23:19:57+03:00 <a href="https://peda.net/p/JarkkoSoini/kuvien-generointi-tekoalylla/moduuli-17-ohjeiden-kuvitukset/ohjeiden-kuvitus/500d7a62-50a0-425f-9cc8-58dbf2a67587.jpg#top" title="_500d7a62-50a0-425f-9cc8-58dbf2a67587.jpg"><img src="https://peda.net/p/JarkkoSoini/kuvien-generointi-tekoalylla/moduuli-17-ohjeiden-kuvitukset/ohjeiden-kuvitus/500d7a62-50a0-425f-9cc8-58dbf2a67587.jpg:file/photo/bc040e9caa80603b8d98bd46e0551aaf01d42791/_500d7a62-50a0-425f-9cc8-58dbf2a67587.jpg" alt="" title="_500d7a62-50a0-425f-9cc8-58dbf2a67587.jpg" class="inline" loading="lazy"/></a><br/> <br/> Moduulia ei vielä ole julkaistu kokonaisuudessaan.<br/> Moduuli julkaistaan viimeistään päivää ennen opetuspäivää.<br/> <br/> <h3><b>Viisasti vesillä - ohjeen tekeminen 10 minuutissa: (esimerkki)</b></h3> <br/> Suomen Uimaopetus- ja Hengenpelastusliitto ei ole auditoinut opasta. Opas on tehty puhtaasti demonstraatiotarkoitukseen.<br/> <br/> Ohessa esimerkki ohjeen kokoamisesta. Tässä tapauksessa pyysin ChatGPT:ltä apua promptin suunnittelussa.<br/> Ohjetta ei ole kokonaisuudessaan syötetty Bing Image Creatorille, vaan se on syötetty vaiheittain (Kuva 1:n sisältö, Kuva 2:n sisältö jne).<br/> Kuvat olen tässä liittänyt valmiiksi alle.<br/> <br/> Kuvien tekstit ovat vaatineet muokkausta, sillä Bing Image Creator ja ChatGPT eivät vielä osaa täysin suomea varsinkaan pitkissä lauseissa. Kuvat saattavat myös vaatia lisää ohjetekstiä. Kuvat tuotettu Bing Image Creatorilla. Kuva 1:stä Bing näytti neljä eri versiota, josta valittu alla oleva harmaa. Tämän valinnan jälkeen tieto tyylistä ja värimaailmasta on tuotu seuraaviin kuviin. ChatGPT:llä generoidessasi voit pyytää kuvasta GEN_ID:n, jonka avulla tyyli näppärästi toistuu uusissa kuvissa.<br/> <br/> <div class="w-full text-token-text-primary" dir="auto"><!--filtered attribute: data-testid="conversation-turn-8"--> <div class="px-4 py-2 justify-center text-base md:gap-6 m-auto"> <div class="flex flex-1 text-base mx-auto gap-3 juice:gap-4 juice:md:gap-6 md:px-5 lg:px-1 xl:px-5 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]"> <div class="relative flex w-full min-w-0 flex-col"> <div class="flex-col gap-1 md:gap-3"> <div class="flex flex-grow flex-col max-w-full"> <div class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto" dir="auto"><!--filtered attribute: data-message-author-role="user"--><!--filtered attribute: data-message-id="aaa2ca9d-551b-4702-8d50-5da8ac4bd653"--> <div class="">Minä: &quot;Olen tekemässä ohjekirjaa pelastusrenkaan käytöstä. Ohje koostuu 5 kuvasarjasta. Tee ohje piirtäjälle kaikkien 5 kuvan osalta vaiheittain.&quot;<br/> <br/> </div> </div> </div> </div> </div> </div> </div> </div> <div class="w-full text-token-text-primary" dir="auto"><!--filtered attribute: data-testid="conversation-turn-9"--> <div class="px-4 py-2 justify-center text-base md:gap-6 m-auto"> <div class="flex flex-1 text-base mx-auto gap-3 juice:gap-4 juice:md:gap-6 md:px-5 lg:px-1 xl:px-5 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]"> <div class="relative flex w-full min-w-0 flex-col agent-turn"> <div class="font-semibold select-none">ChatGPT: &quot;<span>Tietenkin! Tässä on ohje piirtäjälle viiden kuvan sarjasta pelastusrenkaan käytöstä:&quot;<br/> <br/> </span></div> <div class="flex-col gap-1 md:gap-3"> <div class="flex flex-grow flex-col max-w-full"> <div class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto" dir="auto"><!--filtered attribute: data-message-author-role="assistant"--><!--filtered attribute: data-message-id="986034b7-8df3-4466-b645-edf91d8dacae"--> <div class="markdown prose w-full break-words dark:prose-invert dark"> <p><strong>Kuva 1: Pelastusrenkaan sijainti</strong></p> <p>Piirrä ensimmäinen kuva, jossa näytetään selkeästi, missä pelastusrengas sijaitsee. Kuvassa voi olla esimerkiksi ranta tai laituri, ja pelastusrengas on selvästi merkitty seinään tai tolppaan. Tässä vaiheessa opastetaan, miten pelastusrengas löydetään hätätilanteessa.<br/> <br/> <a href="https://peda.net/p/JarkkoSoini/kuvien-generointi-tekoalylla/moduuli-17-ohjeiden-kuvitukset/ohjeiden-kuvitus/ab1.jpg#top" title="ab1.jpg"><img src="https://peda.net/p/JarkkoSoini/kuvien-generointi-tekoalylla/moduuli-17-ohjeiden-kuvitukset/ohjeiden-kuvitus/ab1.jpg:file/photo/23d653098f7605351d21c48f7ca9f0314b64d30d/ab1.jpg" alt="" title="ab1.jpg" class="inline" loading="lazy"/></a><br/> <b>Kuva 1. <strong>Pelastusrenkaan sijainti</strong></b></p> <p><strong>Kuva 2: Pelastusrenkaan irrottaminen</strong></p> <p>Seuraavaksi piirrä mustavalkoinen kuva, jossa henkilö irrottaa pelastusrenkaan sen säilytyspaikaltaan. Tässä vaiheessa näytetään, miten renkaan varmistukset avataan ja miten se otetaan käyttöön.<br/> <br/> <a href="https://peda.net/p/JarkkoSoini/kuvien-generointi-tekoalylla/moduuli-17-ohjeiden-kuvitukset/ohjeiden-kuvitus/96fd7a09-fefd-40f5-a360-aa4c3f828362.jpg#top" title="_96fd7a09-fefd-40f5-a360-aa4c3f828362.jpg"><img src="https://peda.net/p/JarkkoSoini/kuvien-generointi-tekoalylla/moduuli-17-ohjeiden-kuvitukset/ohjeiden-kuvitus/96fd7a09-fefd-40f5-a360-aa4c3f828362.jpg:file/photo/dc72b926256c2bdbeb180ecd4929411a7c603bcf/_96fd7a09-fefd-40f5-a360-aa4c3f828362.jpg" alt="" title="_96fd7a09-fefd-40f5-a360-aa4c3f828362.jpg" class="inline" loading="lazy"/></a><br/> <strong>Kuva 2: Pelastusrenkaan irrottaminen</strong><br/> <br/> </p> <p><strong>Kuva 3: Pelastusrenkaan heittäminen</strong></p> <p>Kolmas kuva esittää henkilön heittämässä pelastusrenkaan kohti veteen joutunutta tai avun tarvitsevaa henkilöä. Kuva on muuten harmaa mutta pelastusrengas oranssi. Kuvassa tulee selvästi näkyä, miten pelastusrengas heitetään ja millainen liike siinä tehdään.<br/> <br/> <a href="https://peda.net/p/JarkkoSoini/kuvien-generointi-tekoalylla/moduuli-17-ohjeiden-kuvitukset/ohjeiden-kuvitus/37d193eb-16aa-4c98-bb62-cbdb4b3e9290.jpg#top" title="_37d193eb-16aa-4c98-bb62-cbdb4b3e9290.jpg"><img src="https://peda.net/p/JarkkoSoini/kuvien-generointi-tekoalylla/moduuli-17-ohjeiden-kuvitukset/ohjeiden-kuvitus/37d193eb-16aa-4c98-bb62-cbdb4b3e9290.jpg:file/photo/2feccb914511447e61702956cc0e4a2b33c2a364/_37d193eb-16aa-4c98-bb62-cbdb4b3e9290.jpg" alt="" title="_37d193eb-16aa-4c98-bb62-cbdb4b3e9290.jpg" class="inline" loading="lazy"/></a></p> <p><strong>Kuva 4: Pelastusrenkaaseen tarttuminen</strong></p> <p>Neljännessä kuvassa näytetään, miten avun tarvitsija tarttuu pelastusrengaslenkkiin ja pitää siitä kiinni. Kuva on muuten harmaa mutta pelastusrengas on oranssi. Tässä vaiheessa korostetaan turvallista otetta ja renkaan käyttämistä avun saamiseksi.<br/> <br/> <a href="https://peda.net/p/JarkkoSoini/kuvien-generointi-tekoalylla/moduuli-17-ohjeiden-kuvitukset/ohjeiden-kuvitus/f2427b00-c51f-434c-bd8a-edc78c474daa.jpg#top" title="_f2427b00-c51f-434c-bd8a-edc78c474daa.jpg"><img src="https://peda.net/p/JarkkoSoini/kuvien-generointi-tekoalylla/moduuli-17-ohjeiden-kuvitukset/ohjeiden-kuvitus/f2427b00-c51f-434c-bd8a-edc78c474daa.jpg:file/photo/9502664e7a63d2e59fd34f02ed5c66a1315db50c/_f2427b00-c51f-434c-bd8a-edc78c474daa.jpg" alt="" title="_f2427b00-c51f-434c-bd8a-edc78c474daa.jpg" class="inline" loading="lazy"/></a><br/> Kuva 4. Pelastusrenkaaseen tarttuminen</p> <p><strong>Kuva 5: Avun saaminen ja odottaminen</strong></p> <p>Viimeisessä kuvassa esitetään onnistunut pelastus. Kuva on muuten harmaa mutta pelastusrengas on oranssi. Avun tarvitsija odottaa rauhallisesti pelastusta pelastusrenkaan avulla. Taustalla voi näkyä auttajia tai turvallinen rantapaikka, jonne avun tarvitsija voidaan vetää turvaan.<br/> <br/> <a href="https://peda.net/p/JarkkoSoini/kuvien-generointi-tekoalylla/moduuli-17-ohjeiden-kuvitukset/ohjeiden-kuvitus/d848a730-636e-4ab4-b1c4-aacca251d6cb.jpg#top" title="_d848a730-636e-4ab4-b1c4-aacca251d6cb.jpg"><img src="https://peda.net/p/JarkkoSoini/kuvien-generointi-tekoalylla/moduuli-17-ohjeiden-kuvitukset/ohjeiden-kuvitus/d848a730-636e-4ab4-b1c4-aacca251d6cb.jpg:file/photo/98b60f60f2fd29dd2a8384232c8cc83431bcf71b/_d848a730-636e-4ab4-b1c4-aacca251d6cb.jpg" alt="" title="_d848a730-636e-4ab4-b1c4-aacca251d6cb.jpg" class="inline" loading="lazy"/></a></p> <p><br/> Toinen esimerkki:<br/> <br/> Epämääräinen kuva alla, mutta kuvastaa logiikkaa mitä kaikkea voit tehdä!<br/> <br/> <a href="https://peda.net/p/JarkkoSoini/kuvien-generointi-tekoalylla/moduuli-17-ohjeiden-kuvitukset/ohjeiden-kuvitus/bfa9539b-ddc6-4330-96d2-35601bfcd037.jpg#top" title="_bfa9539b-ddc6-4330-96d2-35601bfcd037.jpg"><img src="https://peda.net/p/JarkkoSoini/kuvien-generointi-tekoalylla/moduuli-17-ohjeiden-kuvitukset/ohjeiden-kuvitus/bfa9539b-ddc6-4330-96d2-35601bfcd037.jpg:file/photo/0ca50728bf76bb0ec70fc799d5fc5329c0a64965/_bfa9539b-ddc6-4330-96d2-35601bfcd037.jpg" alt="" title="_bfa9539b-ddc6-4330-96d2-35601bfcd037.jpg" class="inline" loading="lazy"/></a><br/> <br/> <a href="https://peda.net/p/JarkkoSoini/kuvien-generointi-tekoalylla/moduuli-17-ohjeiden-kuvitukset/ohjeiden-kuvitus/dall%C2%B7e-2024-02-19-17.01.41-i-would-like-you-to-generate-dif#top" title="DALL·E 2024-02-19 17.01.41 - I would like you to generate different 2D game character from the same original image. I want to see the characters in side profiles with different ha.png"><img src="https://peda.net/p/JarkkoSoini/kuvien-generointi-tekoalylla/moduuli-17-ohjeiden-kuvitukset/ohjeiden-kuvitus/dall%C2%B7e-2024-02-19-17.01.41-i-would-like-you-to-generate-dif:file/photo/a6cf7d482311d4169a14d88761185cc57dd35cb9/DALL%C2%B7E%202024-02-19%2017.01.41%20-%20I%20would%20like%20you%20to%20generate%20different%202D%20game%20character%20from%20the%20same%20original%20image.%20I%20want%20to%20see%20the%20characters%20in%20side%20profiles%20with%20different%20ha.png" alt="" title="DALL·E 2024-02-19 17.01.41 - I would like you to generate different 2D game character from the same original image. I want to see the characters in side profiles with different ha.png" class="inline" loading="lazy"/></a><br/> <br/> </p> </div> </div> </div> </div> </div> </div> </div> </div> 2024-11-05T17:26:11+02:00