Л2-ЦТвиз-Заоч-ВидыЦТвиз

Виды цифровых визуальных технологий

​Лекция 2 (ЗФО)

​Лектор: Л.Ю. Щипицина

Multiple Choice

Какая составляющая визуальной грамотности определяется так: Активизация и визуальная формализация мыслительных процессов через визуальные формы, которые позволяют создавать новое знание?

• Визуальное восприятие

• Визуальное научение

• Визуальное мышление

• Визуальный язык

• Визуальная коммуникация

•Эмоциональная окраска

•Цветовое ударение

•Мнемотехника                         der – die – das

Символика:

•красный: осторожно, опасность, неправильно, стоп, нельзя, много;

•зеленый: хорошо, безопасно, правильно, естественно, можно;

•синий: спокойно, обычно, холодно, мало

​Роль цвета

​Василий Кандинский «Желтое-красное-синее».
Источник фото: wikipedia.org

•Визуальная метафора – изображение, которое символизирует сложную идею или показывает отношение между двумя понятиями, обычно не связанными между собой.

•привлекают внимание, убедительно представляют идеи

​Принципы визуализации: визуальная метафора

Где на рисунке визуальная метафора?
Изображение: Soad Mady / Behance

Multiple Choice

Что не относится к элементам визуального языка?

• Цвет

• Форма

• Гармония

• Текстура

• Линия

Poll

Какая классификация цифровых визуальных инструментов (ресурсов) запомнилась лучше всего?

• Классификация по формату ресурса

• Периодическая таблица

• Типы визуализации по Д.Роэму

• Другое

- воспроизведение на плоскости или в пространстве внешнего облика какого-либо явления, предмета или процесса различными способами

​Понятие статичного изображения

Пример статичного изображения: Диаграмма

•рисунки,

•фотографии,

•схемы,

•иконки,

•скетч - набросок от руки, передающий основные черты сложного объекта

•фракталы (геометрические фигуры, состоящие из множества повторяющихся элементов, подобно снежинке).
+ видео (движущиеся изображения)

​Виды статичных изображений

Пример статичного изображения: Диаграмма

Multiple Choice

Изображение, которое символизирует сложную идею или показывает отношение между двумя понятиями, не связанными между собой – это …

• Рисунок

• Фото

• Визуальная метафора

• Пиктограмма

Multiple Choice

Знак, отображающий важнейшие узнаваемые черты объекта, предмета или явления, на которые он указывает в упрощенном виде, это …

• Рисунок

• Фрактал

• Диаграмма

• Пиктограмма

•Коллекции рисунков и иконок (например, https://www.freedigitalphotos.net/)

•Программы и сервисы для обработки иллюстраций (например, Paint, https://deepart.io/, https://www.remove.bg/ru)

•Сервисы создания иллюстраций (https://www.autodraw.com/)

•Сервисы создания диаграмм (например, https://www.lucidchart.com/)

•Сервисы создания ребусов (например, http://rebus1.com/index.php)

​Сервисы работы с изображениями

https://undraw.io

Фрактал – изображение, состоящее из множества собственных повторяющихся миниатюр

•UsefulJS – сервис создания фракталов

•MandelBulb программа для создания 3Д-фракталов

•Список других приложений - https://aiartists.org/fractal-art-generators

​Создать фрактал

Фрактал в UsefulJS

в поисковой системе выбираем Картинки - Инструменты - Права использования - Лицензии Creative Commons

​Поиск свободно
распространяемых фото

Скриншот работы в браузере Google Chrome

Фото для свободного использования:

•Wikimedia Commons

•Unsplash

•Pixabay

•Free Images

•Creative Commons Search

Фото для использования со ссылкой:

•Getty images

Imgur

​Источники фото

Бесплатный фотосток
www.publicdomainpictures.net/en/ 

•Flaticon векторные иконки от Freepictures.

•icon-icons бесплатные иконки, сгруппированные по тематике и стилю. Например, иконки в 3D или черно-белом исполнении; можно загружать наборами.

•3Dicons бесплатные 3D-иконки с открытым исходным кодом, созданы в Blender. Скачиваются архивом.

•Undraw авторская коллекция бесплатных иконок, созданная Katerina Limpitsouni. Тематический поиск иконок, можно скачать иконки в нужной цветовой гамме.

​Источники иконок

​Примеры иконок. Источник: 3Dicons

Open Ended

Какими фотостоками вы пользуетесь?

Multiple Choice

Какой тип лицензии Creative Commons позволяет использовать произведение по той же лицензии, что и оригинал?

• CC BY SA

• CC BY

• CC BY ND

• CC BY NC

•Сервисы создания презентаций

•Сервисы для создания инфографики

oкомплексные

oоблако слов,

oментальные карты,

oленты времени,

oбуклеты и т.д.

•Сервисы создания цифровых рассказов

•Сервисы создания сайтов и лонгридов

​Сервисы работы
с иллюстрациями и текстом

•Программы и сервисы обработки видео (https://videoredaktor.ru/, Movavi)

•Сервисы для создания видео (Adobe Spark, Animoto)

•Сервисы для записи скринкастов (Screencast-O-Matic)

​Сервисы работы
с видео

Искусственный интеллект (artificial intelligence) (ИИ) — научная технология моделирования процессов познания и мышления человека с помощью вычислительных устройств

Современные алгоритмы ИИ – на основе нейросетей

Нейросеть – принцип работы программы по подобию человеческого мозга, т.е. через связи между искусственными нейронами

4.Генеративные нейросети

​https://storyset.com

Word Cloud

Какие приложения ИИ вы уже пробовали для генерации визуальных произведений?

•шаблоны по тематике

•выравнивание элементов

•цветовая палитра

•подбор и генерация иллюстраций

•создание текстовых фрагментов

•…

ИИ-приложения в инфографике

​https://storyset.com

•Tome — составляет структуру презентации и генерирует слайды

•MagiсSlides (GPT for Slides) — помогает с «Google Презентациями»

•Gamma — создаёт слайды с интересной вёрсткой

•Prezo — генерирует текст и красивые иллюстрации

•Slidebean — помогает с редизайном презентаций

•Wepik — генерирует простые презентации без лишних уточнений

ИИ-приложения для создания презентаций

​https://storyset.com

•AutoDraw – создание иконок на основе искусственного интеллекта.

•Blush  - создание изображений из готового набора элементов

•Dream.ai – сервис создания стилизованных изображений по заданному слову

•Craiyon (Formerly DALL-E Mini) бесплатный генератор иллюстраций из текста на основе ИИ

ИИ-приложения для создания изображений

​Созданное изображение
в Stable Diffusion

•Kandinsky 2.1. Нейросеть от Сбера, доступна для всех пользователей, рисует чуть хуже Midjourney.

•DALL-E. Открыта в поисковике Microsoft Bing – рисует прекрасно, но плохо справляется с лицами и человеческими фигурами.

•«Шедеврум». Нейросеть-соцсеть от Яндекса, доступна только на телефонах. Неплохо рисует картинки даже по простым запросам.

ИИ-приложения для создания изображений

​Созданное изображение
в Шедеврум

Два способа:

•искать готовые промпты и подставлять в формулы свои значения;

•исследовать возможности на практике: пробовать разные подходы, менять порядок слов и вырабатывать свои фишки

Правила генерации изображений

​Созданное изображение
в Stable Diffusion

Промпт – текстовое описание для создания изображения. Включает:

•описание объекта

•настройки стиля

•разрешение картинки

Правила генерации изображений

​Источник фото и промпта: Тамилина 2024 Ссылка

•руки, ноги (не то количество пальцев, неестественное положение, нет одной ноги)

•перспектива (дальние объекты перекрывают ближние…)

•лицо (зрачки из нескольких элементов, неестественный взгляд, …)

•одежда (неодинаковые рукава, отсутствие швов…)

Проблемы сгенерированных изображений

Иллюстрации о школе, сгенерированы с Dream ai, (с) Л.Щипицина

•Pictory - генератор видео из текста или видеоматериала

•Deepbrain AI - генератор видео из текста

•InVideo - создание видео из текста

•Synthesia - генератор видео из текста, 60 шаблонов, 140 персонажей

•SimpleShow – видеоскрайбинг с озвучиванием из текста

ИИ-приложения для генерации видео

Видеоскрайбинг, сгенерированный в SimpleShow

•В визуальной информации складывается свой язык, включающий линии, формы, фоны, цвет, …

•Классификации сервисов визуализации различны (по модусам, по типу информации, по функционально-смысловым типам речи…)

•По модусу представления информации выделяют сервисы работы 1) со статичными изображениями, 2) с сочетанием изображения и текста (инфографика), 3) с видео (движущееся изображение)

•Статичное изображение – воспроизведение внешнего облика явления, предмета или процесса на плоскости; много видов

•В создании изображений и видео помогают генеративные нейросети – вид алгоритмов искусственного интеллекта, служащие решению задач человека на основе принципов работы человеческого мозга – связей между нейронами

Выводы

Draw

Оцените в плане важности для себя цифрами от 1 (самый важный) до 3 (менее важный) три группы сервисов визуализации на рисунке.

•Дементий Д. Фото для блога: 46 источников бесплатных картинок для коммерческого использования // TexTerra: blog. 23.10.2019. https://texterra.ru/blog/40-istochnikov-besplatnykh-foto-dlya-vashego-bloga.html?fbclid=IwAR2vBu14LZEzR5zK8dqvy4ezcqPHst34qWNoEvvekjDUr4_iockBFcKoMiE

•Ледовских М. Виды лицензий для защиты авторских прав. Лицензии Creative Commons // Маркетинг с азов. 2016. http://www.azconsult.ru/vidy-licenzij-dlya-zashhity-avtorskix-prav-licenzii-creative-commons/

•Тамилина Д. Что такое визуальная метафора // Skillbox. 14.06.2023. https://skillbox.ru/media/design/chto-takoe-vizualnye-metafory/

•4 базовых принципа визуализации данных от Jon Schwabish // infographer.ru/. 2018. http://infographer.ru/tag/pravila-vizualizacii/

•Панова Н. Теория цвета // АртВести [сайт]. 2017. URL: https://artvesti.ru/news/articles/2017/03/11/4621/ (дата обращения: 24.07.2024).

•Как научиться читать образы и понимать произведения искусства https://vizual.club/2017/08/27/kak-nauchitsya-ponimat-proizvedenia-iskusstva/

•Шорина А. Теория и психология цвета в дизайне // РБК-Тренды. 04.12.2023.

https://bangbangeducation.ru/point/instruktsiia/teoriya-czveta/

Литература

Multiple Choice

Технология моделирования процессов познания и мышления человека с помощью вычислительных устройств называется ... (выберите наиболее подходящий термин, который здесь определен):

• искусственный интеллект

• генеративная нейросеть

• машинное обучение

• робот