Актуальність візуалізації навчального контенту | Розділ 2. Генеративний ШІ: створення ілюстрації для навчальних матеріалів | Застосування штучного інтелекту у сфері П(ПТ)О Навчальна Програма

<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@vertical+block@4394a376bc614ffb90dd75f1958fb7a0" data-request-token="5e3fb8de667211f0bdfa26e67bf2b897" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CM-R042-OEP+2025+type@html+block@72a99e6bf1e641b68969dad058474ee8"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@html+block@72a99e6bf1e641b68969dad058474ee8" data-request-token="5e3fb8de667211f0bdfa26e67bf2b897" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p style="text-align: justify;">У сучасному освітньому процесі, особливо у сфері професійної (професійно-технічної) освіти, де наочність та візуалізація відіграють вкрай важливу роль, виникає постійна потреба у якісних, релевантних та доступних візуальних матеріалах. Традиційні методи їх створення (фотографування, малювання, пошук в інтернеті) мають свої обмеження. Саме тут генерація зображень за допомогою штучного інтелекту стає надзвичайно актуальним та потужним інструментом для викладачів П(ПТ)О з декількох ключових причин.</p> <p style="text-align: justify;"><strong>По-перше</strong>, це віртуальне моделювання складних процесів візуалізації. Наприклад, ШІ дозволяє створювати зображення внутрішньої будови складного обладнання, механізмів у розрізі, прихованих процесів (рух рідин, електричного струму), які важко або неможливо якісно сфотографувати чи зобразити вручну. Також для "безпечної ілюстрації", можна генерувати реалістичні, але безпечні візуалізації потенційно небезпечних ситуацій на виробництві, неправильного використання інструментів чи наслідків порушення техніки безпеки, не наражаючи нікого на реальний ризик. Водночас згенеровані ШІ зображення не менш корисні для візуалізації абстрактних понять (теоретичних концепцій, фізичних чи хімічних процесів), що лежать в основі професійної діяльності, роблячи їх зрозумілішими для здобувачів освіти.</p> <p style="text-align: justify;"><strong>По-друге</strong>, це можливості гнучкої персоналізації та специфікація навчального контенту. Наприклад, викладач може генерувати зображення, які точно відповідають конкретному обладнанню, інструментам чи технологіям, що використовуються в навчальній майстерні чи на базовому підприємстві, на відміну від універсальних стокових фото чи застарілих схем. За допомогою ШІ набагато легше створювати варіації зображень різного рівня складності, з різними акцентами, адаптовані під конкретну тему заняття та рівень підготовки групи здобувачів освіти. Також можна генерувати серії зображень, що покроково ілюструють певний технологічний процес або послідовність дій, забезпечуючи візуальну послідовність. У багатьох випадках генерація зображень може бути швидшою та дешевшою альтернативою пошуку відповідних ліцензійних зображень, замовленню ілюстрацій у дизайнера чи тривалому самостійному малюванню складних схем. Викладачам не обов'язково володіти професійними навичками фотографа чи художника-графіка, щоб створювати якісні візуальні матеріали. Достатньо навчитися ефективно формулювати промти (запити) до ШІ. Водночас згенеровані зображення є унікальними, що дозволяє уникнути проблем з авторським правом, які часто виникають при використанні картинок з Інтернету.</p> <p style="text-align: justify;"><strong>По третє</strong>, це абсолютно точно можна віднести до процесу модернізації освітнього процесу та підвищення залученості здобувачів освіти. Використання новітніх технологій, таких як ШІ, робить навчальний процес більш сучасним та привабливим. Якісні, чіткі та цілеспрямовано створені візуальні матеріали сприяють кращому розумінню та запам'ятовуванню інформації. Опанування інструментів ШІ підвищує рівень цифрової грамотності самого викладача, що також є вимогою нашого часу.</p> <h3><span style="color: #004984; font-weight: bold; font-size: 110%;"> Практичні кейси для викладачів П(ПТ)О?</span></h3> <ul> <ul> <li>Підвищити якість та ефективність навчання, робити складні технічні теми доступнішими та зрозумілішими;</li> <li>Ефективніше пояснювати правила безпеки - візуалізувати ризики;</li> <li>Швидко та гнучко адаптувати візуальний контент під конкретні потреби навчального процесу;</li> <li style="text-align: justify;">Бути сучасним та конкурентоспроможним педагогом, йти в ногу з технологічним прогресом та використовувати його потенціал для покращення підготовки майбутніх кваліфікованих працівників.</li> </ul> </ul> <p style="text-align: center;"><img height="auto" width="700" src="/assets/courseware/v1/80674e4d2a2554ce09012551660d572d/asset-v1:Profosvita+CM-R042-OEP+2025+type@asset+block/3_13.png" alt="" /></p> <p style="text-align: justify;">Таким чином, актуальність використання ШІ для генерації зображень викладачами П(ПТ)О зумовлена потребою у якісній візуалізації специфічного навчального контенту, необхідністю персоналізації навчання, прагненням до ефективності та модернізації освітнього процесу в умовах швидкого розвитку ІТ технологій. Це потужний допоміжний інструмент, який, за умови правильного та критичного використання, може суттєво покращити підготовку здобувачів професійної освіти до реальної роботи.</p> <p></p> <div id="gtx-trans" style="position: absolute; left: 76px; top: 484.234px;"> <div class="gtx-trans-icon"></div> </div> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () { require(['js/dateutil_factory'], function (DateUtilFactory) { DateUtilFactory.transform('.localized-datetime'); }); }); }).call(this, require || RequireJS.require); </script> <script> function emit_event(message) { parent.postMessage(message, '*'); } </script> </div>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@vertical+block@fcb7802498c74b51aa5f43845a8a0908" data-request-token="5e3fb8de667211f0bdfa26e67bf2b897" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CM-R042-OEP+2025+type@html+block@5c495e6ec5be4e7f8488383976dca3d4"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@html+block@5c495e6ec5be4e7f8488383976dca3d4" data-request-token="5e3fb8de667211f0bdfa26e67bf2b897" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3 style="text-align: justify;">Здобувачі освіти закладів П(ПТ)О потребують наочних, часто технічно деталізованих зображень для розуміння технологічних процесів, механізмів роботи обладнання, правил безпеки, а також загальних абстрактних понять.</h3> <h3 style="text-align: justify;"><span style="color: #004984; font-weight: bold; font-size: 110%;">Ключові методологічні підходи та принципи:</span></h3> <p style="text-align: justify;">1. <em><strong>Дидактична доцільність.</strong></em> Використання ШІ-зображень там, де вони мають переваги над фотографіями, схемами чи малюнками (візуалізація складного, небезпечного, створення унікальних прикладів тощо).</p> <p style="text-align: justify;">2. <em><strong>Точність та верифікація.</strong></em> Має відбуватись критична оцінка та перевірка згенерованих зображень викладачем-експертом на відповідність реальності, технічним вимогам та правилам безпеки.</p> <p style="text-align: justify;">3. <em><strong>Етичність.</strong></em> Усвідомлення обмежень ШІ, потенційних упереджень та необхідності відповідального використання технології. Детальніше про це ви дізнаєтесь у 4 модулі.</p> <p style="text-align: justify;">4. <em><strong>Дидактично вірна інтеграція.</strong></em> Зображення необхідно додавати з відповідними поясненнями та завданнями.</p> <p style="text-align: justify;">5. <em><strong>Безпека.</strong></em> Чітке та правильне зображення правил безпеки.</p> <p style="text-align: justify;"></p> <h3 style="text-align: justify;"><span style="color: #004984; font-weight: bold; font-size: 110%;">Методологічні особливості генерації зображень із дидактичною метою </span></h3> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;"> Етап <strong>1.</strong> Визначення завдань, аналіз потреб та постановка цілей</span></h4> <ul style="text-align: justify;"> <ul> <li style="text-align: justify;"><em><strong>Завдання.</strong></em> Визначити, яку конкретну навчальну потребу має задовольнити зображення. Що саме потрібно візуалізувати (об'єкт, процес, концепцію, сценарій, приклад)? Чому саме ШІ-генерація є оптимальним інструментом для цього?</li> <li style="text-align: justify;"><em><strong>Аналіз аудиторії.</strong></em> Врахувати рівень знань здобувачів освіти, специфіку їхньої майбутньої професії. Як зображення допоможе їм зрозуміти матеріал? Який рівень деталізації потрібен?</li> <li style="text-align: justify;"><em><strong>Навчальні цілі (SMART).</strong></em> Сформулювати, що здобувач освіти повинен знати або вміти робити після роботи з цим зображенням (наприклад: "Ідентифікувати три ключових компоненти на згенерованій схемі двигуна", "Розпізнати 2 ознаки небезпечної ситуації", "Описати послідовність дій, проілюстровану серією ШІ-зображень").</li> <li style="text-align: justify;"><em><strong>Етичний аналіз.</strong></em> Оцінити потенційні ризики упереджень в даних ШІ, можливість створення нереалістичних або шкідливих зображень, питання авторського права (залежно від інструменту та умов використання).</li> </ul> </ul> <p><img height="auto" width="580" src="/assets/courseware/v1/48f532524ac5be0181084acce2ef28ff/asset-v1:Profosvita+CM-R042-OEP+2025+type@asset+block/3_15.png" alt="" style="display: block; margin-left: auto; margin-right: auto;" /></p> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Етап <strong>2:</strong> "Дидактичний дизайн" та концепція зображення </span></h4> <ul style="text-align: justify;"> <ul> <li style="text-align: justify;"><em><strong>Визначення ключових елементів.</strong></em> Що обов'язково має бути присутнім на зображенні? Які деталі є критично важливими? Чого слід уникати, щоб не відвертати увагу або не вводити в оману?</li> <li style="text-align: justify;"><em><strong>Розробка концепції.</strong></em> Яким має бути стиль зображення (фотореалістичний, схематичний, креслення, ілюстрація)? Яка композиція буде найзрозумілішою? Який ракурс (зверху, збоку, в розрізі, ізометрія)? Яка кольорова (колірна) гама?</li> <li style="text-align: justify;"><em><strong>Попереднє формулювання промту (запиту, інструкції).</strong></em> Продумати ключові слова, фрази, описи, які допоможуть ШІ зрозуміти завдання. Врахувати технічну термінологію, бажаний стиль, елементи, які потрібно включити або виключити.</li> <li style="text-align: justify;"><em><strong>Контекст використання.</strong> </em>Як це зображення буде використовуватися? (У презентації, як роздатковий матеріал, в LMS, на плакаті). Чи потрібні будуть підписи, виноски, нумерація елементів безпосередньо на зображенні?</li> </ul> </ul> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Етап <strong>3:</strong> Підготовка до генерації </span></h4> <ul style="text-align: justify;"> <ul> <li style="text-align: justify;"><em><strong>Обрати платформу для генерації зображень,</strong></em> враховуючи її можливості, складність використання, доступність, ліцензійні умови використання згенерованих зображень в освітніх цілях.</li> <li style="text-align: justify;"><em><strong>Сформулювати детальні текстові запити (промпти)</strong> </em>на основі концепції. Включити не лише опис бажаного результату, але й негативні промпти (чого не повинно бути на зображенні). Підготувати декілька варіантів промптів для тестування.</li> <li style="text-align: justify;"><em><strong>Знайти реальні схеми, технічні описи,</strong></em> які можуть слугувати орієнтиром для ШІ або для подальшої перевірки викладачем згенерованого результату.</li> <li style="text-align: justify;"><em><strong>Налаштування параметрів генерації.</strong></em> Визначити бажане співвідношення сторін, роздільну здатність, можливі специфічні параметри.</li> </ul> </ul> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Етап <strong>4:</strong> Генерація зображень </span></h4> <ul style="text-align: justify;"> <ul> <li style="text-align: justify;"><em><strong>Ввести підготовлені промти в обраний ШІ-інструмент.</strong></em></li> <li style="text-align: justify;"><em><strong>Згенерувати декілька варіантів зображень для кожного промту.</strong> </em>Експериментувати з різними формулюваннями, ключовими словами, параметрами ШІ. Рідко вдається отримати ідеальний результат з першої спроби.</li> <li style="text-align: justify;"><em><strong>Проаналізувати отримані результати.</strong></em> Відібрати ті зображення, які найбільш точно відповідають поставленому завданню, концепції та навчальним цілям. Оцінити чіткість, композицію, відповідність стилю.</li> </ul> </ul> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;"> Етап <strong>5:</strong> Обробка, верифікація та адаптація</span></h4> <p style="text-align: justify; padding-left: 30px;"><em><strong>Критична верифікація</strong></em> - це найважливіший етап! Ретельно перевірити відібрані зображення на технічну та фактичну точність. Чи правильно зображені деталі, процеси, інструменти? Чи відповідають зображення правилам безпеки? Чи немає логічних помилок або "галюцинацій" ШІ (вигадані конструкції)? Порівняти з референсами та власними експертними знаннями. Використовуйте графічні редактори або інструменти самого ШІ для: виправлення неточностей, додавання або уточнення деталей, обрізки (кадрування), зміни розміру, корекції кольору, яскравості, контрастності для кращої читабельності. Додайте необхідні підписи, виноски, нумерацію, стрілки безпосередньо на зображення. Конвертуйте та збережіть фінальні зображення у відповідних форматах (JPEG, PNG тощо) та з потрібною роздільною здатністю для конкретного застосування (презентація, вебсторінка, друк тощо).</p> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Етап <strong>6:</strong> Інтеграція в навчальний процес</span></h4> <p style="text-align: justify; padding-left: 30px;"><em>Згенеровані зображення необхідно додавати в рамках логіки представлення навчального матеріалу</em> (презентація, електронний курс, методичні вказівки, робочий зошит). Важливо не просто показати картинку, а пояснити її, сфокусувати увагу здобувачів освіти на ключових аспектах. Варто розробити завдання, які вимагають взаємодії здобувачів освіти із зображенням: описати побачене, знайти елементи, порівняти, проаналізувати ситуацію, відповісти на питання за зображенням.</p> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Етап<strong> 7:</strong> Оцінка ефективності та можливі ітерації</span></h4> <ul style="text-align: justify;"> <ul> <li style="text-align: justify;"><em><strong>Збір зворотного зв'язку:</strong> </em>запитати здобувачів освіти, чи було зображення зрозумілим, корисним, чи допомогло воно краще засвоїти матеріал. Зібрати думки колег-викладачів/майстрів.</li> <li style="text-align: justify;"><em><strong>Аналіз результатів навчання:</strong> </em>оцінити, чи сприяло використання ШІ-зображення досягненню поставлених навчальних цілей. Чи стали здобувачі освіти краще розуміти тему, чи зменшилась кількість помилок у завданнях, пов'язаних з візуалізованим матеріалом?</li> <li style="text-align: justify;"><em><strong>Аналіз сприйняття зображення:</strong> </em>чи не виникало труднощів з інтерпретацією? Чи не було помічено неточностей, які завадили розумінню?</li> </ul> </ul> <div style="background-color: #a3b1e2; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"> <p style="text-align: justify; padding-top: 24px;"><em><strong>На основі отриманих даних необхідно відредагувати зображення, змінити спосіб його подачі чи завдання до нього, або ж згенерувати нове, більш вдале зображення, уточнивши промти.</strong></em></p> <p style="text-align: justify;"></p> </div> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () { require(['js/dateutil_factory'], function (DateUtilFactory) { DateUtilFactory.transform('.localized-datetime'); }); }); }).call(this, require || RequireJS.require); </script> <script> function emit_event(message) { parent.postMessage(message, '*'); } </script> </div>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@vertical+block@1de646d2b66b42d69e822c4704706fcc" data-request-token="5e3fb8de667211f0bdfa26e67bf2b897" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CM-R042-OEP+2025+type@html+block@969162bbc41e4012ac3d4ab5bdc18f7f"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CM-R042-OEP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CM-R042-OEP+2025+type@html+block@969162bbc41e4012ac3d4ab5bdc18f7f" data-request-token="5e3fb8de667211f0bdfa26e67bf2b897" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3 style="text-align: justify;"><span style="color: #004984; font-weight: bold; font-size: 110%;"> Використання застосунку Leonardo.Ai для створення ілюстративних навчальних матеріалів </span></h3> <div style="border: 4px solid #004984; margin-bottom: 24px; padding-top: 16px; padding-left: 16px; padding-right: 16px; background-color: #b1d5e4;"> <p style="text-align: justify;"><strong><span style="color: #000000;">Leonardo.Ai </span> </strong> - це платформа для генерації зображень на основі штучного інтелекту, яка особливо відома своєю здатністю створювати високоякісні зораження. Можливості цього сервісу можуть бути дуже корисними для викладачів. Leonardo.Ai пропонує різні моделі та можливості тонкого налаштування.</p> </div> <h4 style="padding-top: 24px;"><span style="color: #156082; font-weight: bold; font-size: 110%;"> Алгоритм використання застосунку</span></h4> <p style="font-size: 85%;"><i>Натисніть на інтерактивні елементи, щоб розглянути кроки налаштування</i><em>.</em></p> <div class="s-tabs"> <ul class="s-tabs__nav-row"> <li class="s-tab s-tabs__item is-active is-checked"> <div class="s-tab__nav"><button></button> <span>1</span></div> </li>  <li class="s-tab s-tabs__item"> <div class="s-tab__nav"><button></button> <span>2</span></div> </li>  <li class="s-tab s-tabs__item"> <div class="s-tab__nav"><button></button> <span>3</span></div> </li>  <li class="s-tab s-tabs__item"> <div class="s-tab__nav"><button></button> <span>4</span></div> </li> </ul> <div class="s-tabs__content"> <div class="s-tabs__panel s-panel is-active"> <div style="display: flex; align-items: center; margin: 0 !important;"> <div style="padding-left: 20px; text-align: justify;"> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;">Крок 1. Початок роботи </span></h4> <p style="text-align: justify;"><strong>1. Отримання доступу:</strong></p> <ul style="text-align: justify;"> <ul> <li>Перейдіть на вебсайт Leonardo.Ai (<a href="https://leonardo.ai/" target="[object Object]">https://leonardo.ai/</a>).</li> <li>На даний момент доступ до Leonardo.Ai може бути обмеженим або вимагати подання заявки на бета-тестування. Дотримуйтесь інструкцій на вебсайті для отримання доступу.</li> <li>Після отримання доступу увійдіть до свого облікового запису.</li> </ul> </ul> <p style="text-align: justify;"><strong>2. Ознайомлення з інтерфейсом:</strong></p> <ul style="text-align: justify;"> <ul> <li>Інтерфейс Leonardo.Ai може здатися дещо складнішим на перший погляд порівняно з Canva, але він пропонує більше контролю над процесом генерації. Основні розділи включають "Home", "Community Feed", "Personal Feed", "AI Image Generation" тощо.</li> </ul> </ul> </div> </div> </div>  <div class="s-tabs__panel s-panel"> <div style="display: flex; align-items: center; margin: 0 !important;"> <div style="padding-left: 20px; text-align: justify;"> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;"> Крок 2. Генерація зображень</span></h4> <p style="text-align: justify;">1. Перейдіть до "AI Image Generation": У лівій бічній панелі виберіть опцію "AI Image Generation".</p> <p style="text-align: justify;">2. У текстовому полі "Prompt" введіть детальний опис зображення, яке ви хочете згенерувати.</p> <p style="text-align: justify;">3. Leonardo.Ai пропонує різні моделі ШІ, кожна з яких має свої особливості та краще підходить для певних типів зображень. Експериментуйте з різними моделями, щоб знайти ту, яка найкраще відповідає вашим потребам (наприклад, Leonardo Diffusion, DreamShaper).</p> <p style="text-align: justify;">4. Leonardo.Ai надає безліч параметрів для тонкого налаштування процесу генерації: </p> <ul> <ul> <li>Negative Prompt (Негативний запит). Вкажіть елементи, які ви не хочете бачити на зображенні.</li> <li>Guidance Scale (Масштаб керування). Визначає, наскільки сильно ШІ повинен слідувати вашому запиту.</li> <li>Number of Images (Кількість зображень). Вкажіть, скільки варіантів зображень ви хочете згенерувати.</li> <li>Image Dimensions (Розміри зображення). Виберіть бажану роздільну здатність та співвідношення сторін.</li> <li>Sampling Steps (Кроки семплювання). Впливає на деталізацію та якість зображення.</li> </ul> </ul> <p style="text-align: justify;">5. Натисніть "Generate". Після введення запиту та налаштування параметрів натисніть кнопку "Generate".</p> <p style="text-align: justify;">6. Leonardo.Ai створить вказану кількість варіантів зображень. Перегляньте їх.</p> </div> </div> </div>  <div class="s-tabs__panel s-panel"> <div style="display: flex; align-items: center; margin: 0 !important;"> <div style="padding-left: 20px; text-align: justify;"> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;"> Крок 3. Редагування та використання зображень</span></h4> <p style="text-align: justify;">1. Ви можете збільшити роздільну здатність обраних зображень для кращої якості.</p> <p style="text-align: justify;">2. Leonardo.Ai часто пропонує інструменти для створення варіацій існуючих зображень або для їх редагування за допомогою масок та інших технік.</p> <p style="text-align: justify;">3. Натисніть кнопку "Download" під обраним зображенням, щоб зберегти його.</p> <p style="text-align: justify;">4. Вставте завантажене зображення у ваші презентації, документи, вебсайти або інші ресурси для здобувачів освіти.</p> <p style="text-align: justify;"></p> </div> </div> </div>  <div class="s-tabs__panel s-panel"> <div style="display: flex; align-items: center; margin: 0 !important;"> <div style="padding-left: 20px; text-align: justify;"> <h4 style="text-align: justify;"><span style="color: #156082; font-weight: bold; font-size: 110%;"> Крок 4. Загальні поради для викладачів</span></h4> <ul style="text-align: justify;"> <ul> <li>Досліджуйте різні моделі ШІ - експериментуйте з різними моделями Leonardo.Ai, щоб знайти ті, які найкраще підходять для ваших потреб.</li> <li>Використовуйте негативні запити - це може допомогти уникнути небажаних елементів на згенерованих зображеннях.</li> <li>Leonardo.Ai має активну спільноту користувачів, де можна знайти натхнення та дізнатися про нові техніки.</li> <li>Експериментуйте з параметрами, не бійтеся змінювати різні параметри генерації, щоб отримати бажаний результат.</li> </ul> </ul> </div> </div> </div> </div> </div> <style></style> <script>// <![CDATA[ /* Tabs */ // <![CDATA[ var tabNavItem = $('.s-tab'); var tabPanel = $('.s-panel'); tabNavItem.on('click', function () { var navIndex = $(this).index(); var selectedPanel = $('.s-panel').eq(navIndex); tabNavItem.not($(this)).removeClass('is-active'); tabPanel.not(selectedPanel).hide(); $(this).addClass('is-active is-checked'); selectedPanel.show(); }); // ]]></script> <p></p> <div style="background-color: #a3b1e2; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"> <p style="text-align: justify;font-weight: bold; font-style: italic;"> Leonardo.Ai є потужним інструментом для викладачів, які шукають більш просунуті можливості генерації зображень на основі ШІ з акцентом на художній стиль та деталізацію. Хоча він може вимагати трохи більше часу на освоєння, він пропонує значний контроль над процесом створення візуальних матеріалів для використання у навчанні здобувачів освіти. Пам'ятайте, що використання ШІ для створення зображень є відносно новою технологією, і якість результатів може варіюватися. Експериментуйте з різними інструментами та запитами, щоб знайти найкращі рішення для ваших освітніх цілей. </p> </div> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () { require(['js/dateutil_factory'], function (DateUtilFactory) { DateUtilFactory.transform('.localized-datetime'); }); }); }).call(this, require || RequireJS.require); </script> <script> function emit_event(message) { parent.postMessage(message, '*'); } </script> </div>

Завершення тесту

Тестування завершено.