<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@vertical+block@0ec549eaaf214b7d897794990ece1422" data-request-token="61beffbc500411f08bf7a2e74663bb16" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@43efdf345f0143a9bfaf38e9d24b4e00">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@43efdf345f0143a9bfaf38e9d24b4e00" data-request-token="61beffbc500411f08bf7a2e74663bb16" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top: 32px;"><span style="color: #004984; font-weight: bold;"> Що таке ШІ-генератори картинок</span></h3>
<p style="text-align: justify;"><strong>ШІ-генератори картинок</strong> – це програми, що використовують штучний інтелект для швидкого створення зображень за текстовими описами. Вони можуть відтворювати картинки в будь-якому бажаному стилі (3D, 2D, кінематографічний тощо).</p>
<p style="text-align: justify;">Ви можете задавати як детальні, так і загальні запити, отримуючи миттєві результати. Ці інструменти корисні для створення розважального контенту, навчальних матеріалів<b> </b>тощо. Спробувати їх може кожен, адже це цікавий і захопливий процес.</p>
<p style="text-align: justify;"></p>
<h3 style="padding-top: 32px;"><span style="color: #004984; font-weight: bold;"> Найпопулярніші ШІ-генератори зображень</span></h3>
<table>
<thead>
<tr><th>Назва генератора</th><th>Найкраще підходить для…</th><th>Платформа</th><th>Особливості</th></tr>
</thead>
<tbody>
<tr>
<td><strong>Microsoft Designer / Copilot</strong></td>
<td>Універсальне створення зображень у чаті</td>
<td>Веб, Copilot</td>
<td>Інтеграція з Microsoft, простий інтерфейс, швидкий рендеринг</td>
</tr>
<tr>
<td><strong>DALL·E 3 (від OpenAI)</strong></td>
<td>Художники, дизайнери, освітній контент</td>
<td>Веб, ChatGPT</td>
<td>Працює з описами у чаті, підтримує редагування частин зображення (inpainting)</td>
</tr>
<tr>
<td><strong>Gemini (Google)</strong></td>
<td>Початківці, користувачі Google Workspace</td>
<td>Веб</td>
<td>Прості підказки, генерація через інтерфейс Google, базова графіка</td>
</tr>
<tr>
<td><strong>DreamStudio (Stability AI)</strong></td>
<td>Просунуті користувачі, контроль якості</td>
<td>Веб</td>
<td>Детальні налаштування: стиль, розмір</td>
</tr>
<tr>
<td><strong>Dream by WOMBO</strong></td>
<td>Мобільні користувачі, миттєві результати</td>
<td>iOS, Android</td>
<td>Реалістичні стилі, шаблони, зручний додаток, є безкоштовна версія</td>
</tr>
<tr>
<td><strong>Craiyon (ex-DALL·E mini)</strong></td>
<td>Найпростіше використання, експерименти</td>
<td>Веб</td>
<td>Примітивна якість, але повністю безкоштовний, безлімітні запити</td>
</tr>
<tr>
<td><strong>Adobe Firefly</strong></td>
<td>Професійне редагування та стиль на основі зразка</td>
<td>Веб, Adobe Cloud</td>
<td>Працює з фото, чудова деталізація, інтеграція з Photoshop</td>
</tr>
</tbody>
</table>
<p></p>
<p></p>
</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+CS-007-EDUP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@vertical+block@43bfb5d72dee4259bedf9122bdda4ded" data-request-token="61beffbc500411f08bf7a2e74663bb16" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@8b3f30e69bfd4435af36fe9eeceed6e1">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@8b3f30e69bfd4435af36fe9eeceed6e1" data-request-token="61beffbc500411f08bf7a2e74663bb16" 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: center;"><img height="auto" width="100%" src="/assets/courseware/v1/4e081e228b107cbccbc383c1c84c2c24/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m5_t3_firefly_img1_header.png" alt="picture1" /></p>
<div style="border: 2px solid #253777; box-shadow: 0px 0px 10px #C3CAD3; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #b1d5e4;">
<ul>
<ul>
<ul>
<li><b>Ресурс:</b> <strong><a href="https://firefly.adobe.com
" target="[object Object]">https://firefly.adobe.com</a></strong></li>
<li><b>Розробник: </b> Adobe Inc</li>
<li><b>Документація: <a href="https://helpx.adobe.com/ua/firefly/get-set-up/learn-the-basics/adobe-firefly-faq.html" target="[object Object]">Довідковий центр Adobe</a></b></li>
<li><b>Особливості: </b>Генеруйте зображення, аудіо, відео</li>
</ul>
</ul>
</ul>
</div>
<p><strong>Adobe Firefly</strong> — це генеративна модель штучного інтелекту, що спеціалізується на <strong>створенні зображень </strong>. Вона дозволяє розробникам контенту швидко генерувати високоякісні <strong>растрові або векторні зображення</strong> на основі текстових запитів.</p>
<p>Створені за допомогою Firefly зображення знаходять широке застосування:</p>
<ul>
<ul>
<li>освітній контент</li>
<li>розважальний контент</li>
<li>рекламні матеріали</li>
<li>блоги</li>
</ul>
</ul>
<p></p>
<h3 style="padding-top: 24px;"><span style="color: #004984; font-weight: bold; font-size: 130%;"> Основні можливості</span></h3>
<p style="margin-bottom: 1px; font-size: 80%;"><em>Натисніть на інтерактивні елементи, щоб дізнатись більше</em></p>
<p></p>
<div class="container-dm-pic3">
<div class="dm-pic3"><!-- button start 1 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>1. Генерація зображень за текстовим описом</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<ul>
<li>Створює унікальні растрові або векторні зображення з текстових запитів</li>
</ul>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end 1 --> <!-- button start 2 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>2. Створення текстових ефектів</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>Дозволяє оформлювати текст різноманітними візуальними ефектами</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button start 3 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>3. Отримання ліцензованого контенту</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>Отримуєте оригінальні результати без проблем з авторськими правами</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button start 4 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>4. Перефарбовування графіки </b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<ul>
<li>Легко змінюйвати кольорові схеми об'єктів, адаптуючи їх під різні стилі</li>
</ul>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button start 5 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>5. Створення відео</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<ul>
<ul>
<li>Створіть відео з текстового запиту за допомогою відеогенератора на базі ШІ</li>
</ul>
</ul>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end 5 --></div>
</div>
<style><!--
.dm-collaps-wrap {
margin-bottom: 15px;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09);
border-radius: 6px;
}
.dm-collaps {
background-color: #EDEDED;
color: black;
background-image: none;
text-shadow: none;
width: 100%;
font-family: inherit;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
border-radius: 6px 6px 0 0;
text-align: left;
outline: none;
font-size: 15px;
}
.dm-collaps i.fa-angle-down {
font-style: inherit;
margin-right: 10px;
}
.dm-collaps--active i.fa-angle-down {
transform: scaleY(-1);
}
button.dm-collaps--active,
button.dm-collaps:hover,
button.dm-collaps:focus,
button.dm-collaps:active {
background-color: #c0c0c0ff;
color: #000000;
background-image: none;
box-shadow: none;
border: none;
text-shadow: none;
}
.dm-collaps-content {
padding: 0 18px;
display: none;
border-radius: 6px;
overflow: hidden;
background-color: #fff;
}
.dm-collaps-content p {
margin-top: 5px;
}
.dm-collaps-content img {
height: auto;
}
.dm-picnorm {
display: flex;
align-items: center;
}
.dm-picnorm img {
width: auto;
max-height: 150px;
margin-left: 10px;
}
.element_container{
min-height: 120px;
}
@media only screen and (max-width: 980px) {
.dm-picnorm {
flex-direction: column;
margin: 0 auto;
}
}
--></style>
<p>
<script>// <![CDATA[
$(".dm-sc-collaps-wrapper").each(function () {
$(this)
.find(".dm-collaps")
.click(function () {
$(this).toggleClass("dm-collaps--active");
$(this).next().toggle();
});
});
// ]]></script>
</p>
<p></p>
<div style="display: flex; align-items: center; border: 2px solid #b71929; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/3d33571d67931fc65bcf5d9055ff72b9/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/minus_like.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p><span style="color: #b71929; font-weight: bold; font-size: 110%;">Чого не вміє:</span></p>
<ul>
<li>Генерація довготривалого відео</li>
<li>Створення 3D-моделей, які можна було б експортувати для використання в 3D-програмах</li>
<li>"Розуміння" складних запитів (може неправильно інтерпретувати складні промпти)</li>
</ul>
</div>
</div>
<p></p>
<p></p>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@1fe829285dcd4b358d36eddf5f790a07">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@1fe829285dcd4b358d36eddf5f790a07" data-request-token="61beffbc500411f08bf7a2e74663bb16" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p></p>
<p></p>
<div style="display: flex; align-items: center; margin-right: 16px; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/a8e78237e0ee63609bb77a09c07e3656/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_link.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p><em><b>Додатковий матеріал</b> – <a href="https://www.youtube.com/embed/rJsQQ3eVQlU?si=T70-xtZ3cq66qetU" target="[object Object]">Штучний інтелект для дизайнерів Adobe Firefly </a></em></p>
</div>
</div>
<p><iframe width="100%" height="550" src="https://www.youtube.com/embed/rJsQQ3eVQlU?si=T70-xtZ3cq66qetU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@c87e293bcff84ef099dc121d9c67ba07">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@c87e293bcff84ef099dc121d9c67ba07" data-request-token="61beffbc500411f08bf7a2e74663bb16" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div style="padding-left: 30px; text-align: justify;"></div>
<div style="display: flex; align-items: center; border: 2px solid #087ec8; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/8e11e4d73733afe2748fd4676b0ff741/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_interesting.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p><span style="color: #004984; font-size: 110%; font-weight: bold;">Рекомендації для викладачів щодо ШІ-генерації зображень: </span></p>
<ul>
<ul>
<ul>
<li><strong>DALL·E / ChatGPT</strong> - легкий доступ до сервісу (вбудована у модель GPT-4o)</li>
<li><strong>Canva AI, Bing Image Creator, Leonardo.Ai</strong> – акцент на дизайн та інфографіки</li>
<li><strong>RunwayML</strong> – для відео та генерації сцен</li>
<li><strong>Craiyon, Artbreeder</strong> – для експериментів і творчості</li>
</ul>
</ul>
</ul>
</div>
</div>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
</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+CS-007-EDUP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@vertical+block@f23107af1e5a4025b67cd250cbf2011d" data-request-token="61beffbc500411f08bf7a2e74663bb16" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@9c38138888ec4df9a6258acd56ef2e17">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@9c38138888ec4df9a6258acd56ef2e17" data-request-token="61beffbc500411f08bf7a2e74663bb16" 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;"><strong>Adobe Firefly</strong> — це важливий крок у сфері професійного дизайну. З ним користувачі можуть створювати яскраві, адаптовані, правові та креативні матеріали за лічені хвилини.</p>
<p style="text-align: justify;">Сервіс безкоштовно доступний на офіційному сайті Adobe. Платформа продовжує активно розвиватися. Adobe регулярно оновлює функціональність: розширює підтримку відео, покращує точність текстового розпізнавання та інтегрує Firefly в інші продукти, зокрема Photoshop, Illustrator, Premiere Pro та Adobe Express.</p>
<p style="text-align: justify;">У майбутньому інструмент буде повністю інтегрований у Creative Cloud. Крім того, Adobe планує надати API для інтеграції Firefly в інші платформи.</p>
</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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Модуль 5. Застосування штучного інтелекту у сфері навчання та створені контенту"
© Всі права захищено