Изображения: фотографии и иконки

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

Изображения

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

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

На данной странице мы будем говорить о фотографиях и иконках.

Содержание

Визуальная грамотность при рецепции изображений

Элементы визуального языка для понимания изображений

Как анализировать произведения искусства

Примеры заданий и вопросов по работе с иллюстрациями

Поиск изображений

Источники свободных изображений

Социальные сети, специализирующиеся на иллюстрациях

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

Как создавать и обрабатывать изображения

Сервисы создания изображений

Сервисы обработки изображений

Сервисы удаления фона фотографии

Как интегрировать изображения в текст

Типы верстки изображений

Литература

Визуальная грамотность при рецепции изображений

- умение находить смысл в образах, начиная от простой идентификации объектов до сложной интерпретации на контекстуальном, метафорическом и философском уровнях

Этапы:

1) Посмотреть - остановиться, найти удобную позу для наблюдения, сосредоточиться на изображении;

2) Понаблюдать (наблюдение - восприятие общей идеи изображения, различие деталей);

3) Увидеть - осознанное восприятие, связь увиденного с предыдущим опытом;

4) Описать - систематизировать свои мысли, какие предметы, элементы вы знаете (см. элементы визуального языка),

5) Изучить - понять значение деталей, выделенных ранее, подумать, как фигуры, объекты и места соединяются и создают единый образ, единую историю;

6) Объяснить (интерпретировать) - сделать вывод о предмете или объекте на основе связи увиденного с предыдущим опытом; объяснение возможно, если соединить анализ формы, символов, идей и значений. Быть визуально грамотным или «говорить на визуальном языке» означает то, что вы знаете все факторы, понимаете то, что видите, и спрашиваете себя, почему вы это видите именно таким образом .

После этапа интерпретации мы снова возвращаемся к этапу "посмотреть" - об этом говорит заштрихованная линия между этими этапами.

6 шагов понимания изображения от сотрудников Музея изобразительного искусства Толедо (США)
Оригинальный источник: www.toledomuseum.org/education/visual-literacy/art-seeing-art

Источник перевода: vizual.club/2017/08/27/kak-nauchitsya-ponimat-proizvedenia-iskusstva/

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

- аффективного отношения к содержанию изображения - умение определить и назвать эмоции, которые вызывает изображение, и обосновать их с опорой на изображение;

- композиционного строения - умение определить центральный объект/объекты изображения, а также элементы, являющиеся фоном для этого центрального объекта, направление движения (например, на кого/что обращен взгляд или жест центральной фигуры, что может располагаться в скрытой части изображения),

- прагматического и культурно-исторического контекста - для кого, кем и зачем создано изображение, в каком культурно-историческом контексте, есть ли скрытый посыл (например, в коммерческой или политической рекламе - за сообщением о строительстве нового детского сада, в открытии которого принимает участие политик, может скрываться посыл отдать голос именно за данного политика).

Элементы визуального языка для понимания изображений

Элементы визуального языка, помогающие при понимании визуального материала.
Источник: vizual.club/2017/08/27/kak-nauchitsya-ponimat-proizvedenia-iskusstva/

Как анализировать произведения искусства

Примеры заданий и вопросов по работе с иллюстрациями

1) Поэтапное развитие умений визуальной рецепции и визуального понимания (на основе вопросов, описанных в статье А.В. Вихровой)

Шаг 1: Наблюдение

• Посмотрите на изображение. Каково ваше первое впечатление? Что вы заметили первым? Какой элемент в изображении привлек вас больше всего и почему?

Шаг 2: Анализ

• Какие люди, предметы и действия изображены?

• Когда происходит то, что изображено на картинке? Почему вы так думаете?

• Какие цвета преобладают? Какое влияние на вас оказывают цвета?

• Что передается в изображении через цвета, контраст, жесты и освещение?

• Как используются размер и масштаб?

Шаг 3: Аффективная составляющая

• Какие чувства вызывает в вас изображение?

• Какие чувства испытывают люди, изображенные на картинке?

Шаг 4: Композиция

• Что является центральной фигурой? Что входит в фон?

• Является ли изображение симметричным? Какая часть изображения преобладает (задний, передний план, центральная композиция)? Как это способствует раскрытию смысла изображения?

Пример изображения для анализа. Автор: Jen Betton (image source: www.onceuponapicture.co.uk/ )

Шаг 5: Интерпретация (прагматические составляющие, культурно-исторический контекст)

• Кто может быть целевой аудиторией этого изображения?

• Какова может быть цель этого изображения?

• Какие базовые знания могут быть необходимы для понимания изображения?

Пример фото для анализа. Image source: www.nytimes.com

2) Развитие умений визуальной рецепции в группе (на основе заданий из статьи А.Г. Мартыновой)

1. Учащимся предъявляется фотография. В группах по 4 человека они обсуждают увиденное, отвечая на три вопроса по общей рецепции и аффективному восприятию, например: What is this photograph about? How does this photograph make you feel?

2. Восприятие деталей. Фотография разрезается на 4 квадрата. Каждый учащийся в группе получает один квадрат и задание: за ограниченное время перечислить как можно больше лексических единиц, обозначающих людей, предметы и действия на доставшемся им фрагменте изображения. При выполнении задания учащиеся заполняют таблицу People, Things, Actions.

3. Обмен идеями по восприятию деталей. Учащиеся представляют свои списки в группе; т. к. каждый работал со своим фрагментом, списки будут отличаться.

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

5. Учащимся предлагается сделать 3 вывода, к которым они пришли по поводу представленного им изображения. Данные выводы должны базироваться на лексических единицах, которые учащиеся записали в таблице в ходе выполнения задания на этапе 2. Таким образом обеспечивается употребление ими необходимого вокабуляра.

Поиск изображений

Изображения нам могут потребоваться для самых разных целей - презентация, рабочие материалы, хобби... Чтобы не ущемить ничьих авторских прав при использовании фотоматериалов, мы можем:

1) создать и обработать свои фото;

2) приобрести права на коммерческие фотоматериалы;

3) найти через поисковые системы фото, доступные для свободного распространения (по так называемой Creative commons license); для этого в поисковой системе выбираем Картинки - Инструменты - Права использования - Лицензии Creative Commons;

4) осуществить поиск по бесплатным фотостокам.

Источники свободных изображений

Wikimedia Commons

Free Digital photos Изображения с низким разрешением для свободного использования.

Free Images большая коллекция изображений (с 2022 г. доступ с территории РФ ограничен). Недостаток - продолжительная регистрация. Включает большое количество растиражированных фото.

Freepic Коллекция бесплатных векторных изображений.

Pixabay - сервис, на котором фото распространяются по лицензии Creative Commons (с 2022 г. доступ с территории РФ ограничен). Регистрация не требуется. Можно легко и быстро найти фотографии или иллюстрации под любой запрос. Но разрешение большинства картинок не очень высокое.

Pexels (с 2022 г. доступ с территории РФ ограничен) Большой архив фотографий – бесплатно, без регистрации, в высоком разрешении.

Public Domain pictures Коллекция фото, являющихся общественным достоянием. Скачать в полном размере можно за символическую цену, бесплатно доступны уменьшенные файлы. Есть интересные свежие фото.

Unsplash популярный фотобанк с бесплатными иллюстрациями.

Социальные сети, специализирующиеся на иллюстрациях

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

Flaticon коллекция векторных иконок от Freepictures.

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

3Dicons — библиотека бесплатных 3D-иконок с открытым исходным кодом, которые были созданы в Blender. Включают более чем 1440+ иконок. Сервис англоязычный, поддерживает перевод. Скачивается архивом.

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

Storyset - коллекция иконок, выполненных в разных стилях к одному и тому же поисковому запросу; можно менять цветовую гамму.

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

Как создавать и обрабатывать изображения

Сервисы создания изображений

AutoDraw - сервис для корректировки рисунков и создания иконок на основе искусственного интеллекта. Как работает AutoDraw: рисуем силуэт, а затем выбираем корректировку рисунка из предложенных готовых вариантов. На рисунке справа кот и перо уже выбраны и скорректированы, елка еще нет. Результат можно сохранить в виде рисунка

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

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

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

Скриншот рисунков в AutoDraw CC BY L.Shchipitsina, 2021

Сервисы обработки изображений

Fotoram.io - обработка изображений

Waifu2x - увеличение размера изображения

Depart.io - сервис для стилизации собственных фото под известные художественные направления (кубизм, импрессионизм...)

BeFunky – создание коллажей, обработка фото

AI Image Transformer – сервис преобразования загруженных изображений в карандашные наброски или стилизованные под художников картины.

Funny.Pho.to - стилизация изображений

ToonArt

PhotoRetrica

Stable Diffusion (в Архангельске с ней работает Открытая Мастерская Графики на своих МК по монотипии и картинах в стиле Шагала)

Prisma: Арт - Фото в рисунок (приложение Андроид)

Фото Л.Ю. Щипициной (2022) + стилизация под А.Матисса в AI Image Transformer

Сервисы удаления фона фотографии

Adobe Spark Помимо удаления фона, здесь можно сделать ретушь, изменить размер изображения и добавить разные эффекты, а после — сохранить картинку в большом размере.

Pixlr Сервис без рекламы, ограничений и платных подписок, с функцией быстрого удаления фона и его корректировки.

Remove.bg (временно недоступен для граждан России) автоматически удаляет фон с фотографии буквально за несколько секунд. Сохранить результат можно в формате png, чтобы сразу же использовать его в своём коллаже или презентации. Но: в максимальном размере скачать изображение можно только один раз.

Как интегрировать изображения в текст

Для объяснения идей текста рекомендуется использовать в тексте различные типы изображений (фото, диаграммы, коллажи и т.д.).

В программах обработки текста при вставке фото лучше использовать элемент "вставка", позволяющий объединить фото и подпись к нему. В подписи указывается номер рисунка, его название и источник. Если вы использовали собственную фотографию, оформите источник так: (с) (или CC BY) И.О. Фамилия, год создания

Примеры вставки рисунков и надписей вы найдете на данной странице. В печатном издании важно также применять нумерацию рисунков и делать отсылки к ним в текстовой части.

Типы верстки изображений (источник: Правила набора и верстки 2005: 55)

Типы верстки изображений

а – открытая верстка;

б – закрытая верстка;

в – глухая верстка;

г – верстка изображений на полях;

д - открытая верстка иллюстраций с выходом в поле "под обрез";

е - закрытая верстка иллюстраций с выходом в поле.

Литература

1) Вихрова А.В. Методика обучения описанию картинки на английском языке при помощи технологии визуальной грамотности // Современные научные исследования и разработки. 2018. № 12 (29). С. 188-193.

2) Дементий Д. Фото для блога: 46 источников бесплатных картинок для коммерческого использования // TexTerra: blog. 23.10.2019. URL

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

4) Как не нарушать авторское право в интернете? // Медиаразвитие (видео, 2:53) https://www.youtube.com/watch?v=1Hm6Vyz-1Y8

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

6) Мартынова А. Г. Формирование визуальной грамотности как компонента иноязычной коммуникативной компетенции // Наука о человеке: гуманитарные исследования. 2017. № 4 (30). С. 133-139.

7) Правила набора и верстки и примеры их выполнения: учебно-методическое пособие для студентов / сост. Зильберглейт М. А., Сахарова Е. Г. Мн.: БГТУ, 2005. С. 53-61.

8) Юдина И.А. В поисках визуального интеллекта или как преодолеть трудности обучения: Презентация к вебинару // Центр «Снейл». 25.11.2019

9) The Art of Seeing Art™ // Toledo Museum of Art. www.toledomuseum.org/education/visual-literacy/art-seeing-art

10) What's going on on this picture? // New York Times. www.nytimes.com/column/learning-whats-going-on-in-this-picture

Google Sites

Report abuse