Гулим Амирханова
Научись уже делать картинки! «Учебник» маминой подруги, или Книга-презентация. Визуальные принципы мультимедиа для начинающих

Знак информационной продукции (Федеральный закон № 436-ФЗ от 29.12.2010 г.)

Руководитель проекта: Анна Туровская

Иллюстраци: Гулим Амирханова, Михаил Кишкарев

Графический дизайн: Михаил Кишкарев, Татевик Саркисян

Корректоры: Анна Шабалдина, Елена Сербина

Верстка: Михаил Кишкарев, Белла Руссо

В книге упоминаются социальные сети Instagram и/или Facebook, принадлежащие компании Meta Platforms Inc., деятельность которой по реализации соответствующих продуктов на территории Российской Федерации запрещена.

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

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

© Амирханова Г., 2024

© Zerde Publishing, 2024

* * *

Говорю спасибо

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

Моим кошкам Кисе и Шанти, которые страдали без внимания, мешали работать, бросаясь на клавиатуру, но не переставали радовать в минуты творческого отчаяния!

Друзьям, которые ждали, пока я вернусь из книжной ссылки, и даже тем из них, кто постоянно не вовремя звал меня выпить.

Обращение автора

Привет, дорогой читатель! Ты читаешь банальное начало небанального учебника. Самоуверенное заявление? Пожалуй!

Сначала я попытаюсь представить себе тебя – того, для кого я пишу эту книгу. Тебе может быть и 18, и 50 лет, ты можешь быть и мужчиной, и женщиной, вести (не)популярный блог, играть в Call Of Duty, не понимать, в чем фишка NFT, или вкладывать в коины, отправлять поздравительные открытки в WhatsApp, смотреть турецкие сериалы и новинки с Netflix, писать анонимные комментарии, читать новости на информационных сайтах или пролистывать их в Instagram, считать Facebook чатом для пожилых, но у тебя точно есть любимые тиктокеры (и им не обязательно 15 лет). Твоя жизнь сегодня состоит из круглосуточного мультимедийного контента.

Этим-то ты и интересен! Ты не просто читаешь и смотришь – потребляешь такой контент, ты его еще и создаешь. И это превращает тебя из рядового пользователя в автора! Каждый твой пост, сторис, рилс – это мультимедийный контент. И в этой книге я расскажу о том, что тебе поможет сделать его видимым, заинтересовывающим и стильным. Я убеждена, что мультимедийный контент помогает нам познавать мир вместе. Вот зачем мы создали эту книгу, и вот почему тебе стоит ее прочитать.

Гулим Амирханова

P. S. Кстати, профессия у тебя может быть любой. Но к преподавателям в нашей книге будет особое отношение. Листай дальше – увидишь сам!

Хм, говорят, что дети правильный ответ дают очень быстро, а вот у взрослых на решение уходит много времени.

Какой правильный ответ? Как ты к нему пришел? Что ты первым увидел на этой картинке?

Запомни свой ответ, и двинемся дальше. Во второй главе мы вспомним эту картинку еще раз, а ты сможешь подтвердить свою догадку. А пока читай главу первую о том, что такое мультимедиа.

Глава 1. Сделай это мультимедийно!

Введение

Еще раз о том же, если ты не прочитал обращение автора

Какая первая ассоциация приходит тебе на ум, когда ты слышишь слова «мультимедиа» или «мультимедийный»? Когда в последний раз ты их видел?

Наверняка в настройках смартфона, если он у тебя на Android. А может быть, на сайтах государственных ведомств, где все еще может располагаться рубрика «мультимедиа», что бы это ни значило.

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

Когда в обращении автора я пишу «твоя жизнь сегодня состоит из круглосуточного мультимедийного контента», я не лукавлю. Посмотри статистику потребления на своем телефоне, и ты в этом убедишься! На несколько часов в день мы с головой уходим в соцсети, в которых одновременно являемся и потребителями, и создателями контента. Каждый сам себе автор, каждый сам себе медиа. Соцсети уже больше 10 лет гонятся за расширением мультимедийного контента на своих площадках, в конечном счете делая особую ставку на видео. И мы становимся теми, кто его им поставляет.

Давай определимся, что мы с тобой будем считать мультимедиа. Это точно крутая штука?

Если ты «спросишь гугл», он тебе ответит, что МУЛЬТИМЕДИА – это обмен информацией в виде картинки, звука, видео или анимированной графики.

Ок, гугл! Но я добавлю: это еще и обязательно контент в ОНЛАЙНЕ. Иначе все, что написало, нарисовало, наснимало человечество с момента появления Homo sapiens, – мультимедиа.

Есть еще один важный принцип: мультимедийный контент всегда интерактивен. Что я понимаю под интерактивностью? То, что пользователь сам управляет тем, как потреблять информацию. Он действует по принципу, в основе которого возможность и желание: могу и хочу! Могу увеличить или уменьшить, хочу остановить, перелистнуть или установить хронометраж и т. д. И если у пользователя возникло желание взаимодействовать с контентом, у него должна быть возможность это сделать. Запомни это и используй, когда ты придумываешь свой мультимедийный контент!

Если к этому моменту ты уже начал ворчать, что мы еще не упомянули такой старый добрый вид информации, как текст, то следующий абзац для тебя!

Текст в мире мультимедиа очень важен, он никуда не девается, так как он – первооснова любого контента. И никто на его лавры не покушается, Гутенберг может спать спокойно. Но текст в чистом виде для мультимедиа – слишком традиционная и застывшая форма: вспомни статью в бумажной газете. Онлайн открыл новые возможности для текста, позволил ему стать выразительным в буквальном смысле. Он стал живым. Технологии стали для текста способом самовыражения.

Мультимедийный текст живой, потому что интерактивен. Он изначально представлен через аудио, видео, фото, графику. И все это вперемешку![1]

С мультимедийным текстом пользователь может взаимодействовать: трогать, передвигать, останавливать – он с ним контактирует. В этом и есть суть мультимедийности.

Посмотри на ставший легендарным проект Snow Fall[2], он опубликован в 2012 г. The New York Times (NYT), сканируй QR ниже, и ты увидишь первый мультимедийный проект, созданный СМИ и положивший начало эре мультимедийности в медиа.

Бывалым мультимедийщикам от упоминания этого проекта сводит скулы. Так и есть! В свое время про него так много рассказывали на журналистских тренингах и описывали в диссертациях, что он и вправду надоел. Но писать книгу про мультимедиа и игнорировать этот проект – это как рассказать историю возникновения печати и не упомянуть Гутенберга (еще раз привет, Иоганн) или не пытаться цитировать Маклюэна с его не менее набившим оскомину The Medium is the Message, говоря о влиянии смартфонов на нашу способность общаться.

3. Тулина Е. 16 лонгридов, которые хочется пересматривать и перечитывать // Monocler.ru. 2013. https://monocler.ru/16-longridov-kotoryie-hochetsya-peresmatrivat-i-perechityivat/.

Моя старшая кошка Киса на фоне главной страницы проекта Snow Fall газеты NYT

Snow Fall заслужил, чтобы о нем продолжали вспоминать. Он начал эру совершенно другого контента в СМИ: «поженил» смыслы и технические фишки. Многие журналисты и редакторы только после его появления стали смотреть на создание материалов со стороны технологических возможностей онлайна, увидели, что в сети рассказывать истории можно визуально насыщенно и интерактивно. И что от этого история только выигрывает!

Созданный NYT проект был настолько нов для медиа, что появилось сразу несколько определений, которыми пытались обозначить суть формата: мультимедийная статья, лонгрид, лонгформ, мультимедийная история, мультимедийный фичер и др. На пару лет само название проекта стало нарицательным, все большие интерактивные материалы называли snowfall.

В этом проекте все было необычно для медиа 2012 г.:

● Широкоформатная верстка, без отвлекающих внимание боковых виджетов и баннеров.

● Завораживающая полноэкранная шапка со встроенным в нее видео.

● Звук вьюги, сопровождавший картинку и с первой секунды вводивший пользователя в историю.

● Использование параллакс-скроллинга[3], тогда он произвел главный вау-эффект, был впервые применен для верстки журналистского материала, до этого использовался при создании рекламных посадочных страниц.

● Внедрение в повествование 3D-графики, разверстанной во всю ширину сайта.

● Многочисленные видео, фотослайд-шоу.

● И при этом в проекте было очень много текста: 17 000 слов (больше 100 000 знаков).

Все элементы в проекте дополняли друг друга, перетекая по ходу рассказа один в другой, что создавало новый уровень эффекта присутствия – эффект погружения.

Новаторская визуализация текста в Snow Fall принесла его автору Джону Бранчу Пулитцеровскую премию 2013 г. На страничке премии в Википедии за этот год напротив его фамилии написано: «За прекрасный рассказ истории, усиленный искусной интеграцией мультимедийных элементов».

Младшая кошка Шантель на фоне главной страницы проекта Firestorm газеты The Guardian

Через полгода после выхода Snow Fall британский The Guardian «кидает ответку» и выпускает мультимедийный проект Firestorm[4] – о пожарах в Тасмании.

Сделали ли они это специально, но британцы противопоставили свой проект американскому даже в названии – пусть у них снег, зато у нас – огонь! Ироничненько.

Два проекта, две журналистские школы, два подхода к производству больших мультимедийных историй. Оба уже очень мультимедийные, но с большой разницей: несмотря на визуальную составляющую, в основе Snow Fall – текст, а в Firestorm – видео.

Киса на фоне проекта Snow Fall газеты NYT

Разницу можно увидеть в верстке проектов. Если мультимедийные элементы в Snow Fall обрамляют текст, визуально отдавая ему главенствующее место, то в Firestorm текст дают короткими абзацами, размещая их поверх видео, сверстанного во весь экран как фон.

Шантель на фоне проекта Firestorm газеты The Guardian

Уникальность Snow Fall и Firestorm в том, что они ставят знак равенства в производстве между текстом и картинкой, навсегда закрыв спор, что из них главнее. Надо ли гнаться за оболочкой, если важнее содержание? Оказалось, что оболочка тоже несет смыслы, а содержание может быть представлено не только текстом. Они равноправны, они равнозначны! На визуальное оформление авторы обоих проектов потратили не меньше времени, чем на сбор информации и написание текста.

Мы договоримся, что для нашей мультимедийной истории важно и то, что рассказывать, – смыслы, и то, как это изобразить – в какую обертку их завернуть.

Итак, под мультимедиа в этой книге мы будем понимать контент:

● визуальный – как мы представим текст;

● интерактивный – как с увиденным может взаимодействовать пользователь;

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

Почему мультимедиа – это крутая штука? Переходи по ссылке: https://www.nytimes.com/projects/2012/snow-fall/index.html, читай Snow Fall, переходи по второй: https://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family и смотри Firestorm.

Задание для преподавателей[5]

1 Посмотрите проект по ссылке и ответьте на вопрос: какой элемент в проекте Snow Fall не является интерактивным, если смотреть его на сайте, но становится интерактивным, если смотреть его на телефоне? Задайте тот же вопрос студентам, попросите их привести примеры других интерактивных проектов. Действительно ли то, что они предлагают, – интерактивные проекты? Дискуссия приведет к единому пониманию термина.

Ответ: карта Каскадных гор на первой странице проекта Snow Fall. Она анимирована в 3D-формате и выглядит потрясающе! Но если смотреть ее на сайте, с ней нельзя взаимодействовать: остановить, приблизить, разглядеть. На сайте это графическая анимация, но она не интерактивна. Если же проект смотреть на телефоне, карта представлена в видеоплеере, и там ее можно останавливать и передвигать бегунок.

2 Дайте задание студентам определить: из каких единиц контента состоит проект? В каких разных формах представлен контент? Что именно, на их взгляд, инновационного было в Snow Fall и что из этого является привычным сейчас или даже устаревшим?

Ответ: нет единственного правильного ответа. Это вопрос для исследования проекта студентами и составления собственного мнения.

3 Изучите проект Firestorm. В чем главное отличие этого проекта от Snow Fall? Какой из этих двух проектов вам больше понравился и почему? Спросите студентов, на какой из видеоформатов в TikTok похожи некоторые блоки в Firestorm?

Ответ: авторы Firestorm акцентировали внимание на видео. Сначала в этом проекте ты смотришь и только потом читаешь то, что появилось сбоку. Текст сверстан в боковой панели неспроста. В таком виде он не отвлекает внимание от фона – видео, которое является основным способом рассказывания этой истории. Текст не мешает ему, становясь добавочным объяснением к видео. Тогда как в Snow Fall наоборот – видео было дополнением к тексту. Текста в Firestorm на самом деле тоже немало, но он подан кусочками, на каждый скролл (экран) по несколько абзацев.

И вспомните видео в TikTok с появляющимся текстом. Правда, чем-то похоже?

«ИСТОРИЧЕСКАЯ СПРАВКА» № 1

Фотография первой полосы газеты «Новый вестник» с опубликованным QR-кодом

QR-эксперимент

В карагандинской газете «Новый Вестник» 11 лет назад пытались оживить печатный текст. К некоторым статьям в газете были опубликованы QR-коды, которые вели к дополнительным материалам на сайте – к видео или к фотогалерее. Так в редакции хотели совместить аудитории печатной версии и сайта. Чуда не случилось! Эксперимент не привел к результату: перетекания аудитории печатной газеты на сайт не произошло. Попытка превратить бумажный текст в интерактив оказалась искусственной. Важный вывод: пользователям надо не просто давать техническую фишку, но и понимать, как и для чего они ее используют. Будет ли она их удивлять, развлекать, решать их конкретные проблемы или что-то другое?

Фотография номера газеты «Новый вестник» с опубликованным QR-кодом в теле статьи

Контекст эксперимента

К середине нулевых люди, читавшие новости одного и того же СМИ в газете и на сайте, были драматично далеки друг от друга. Это были очень разные люди. Интернет в доме, ноутбуки и смартфоны были не у всех. Возможно, это сложно представить[6], но тогда для казахстанских медиа читатели «бумаги», несмотря на катастрофическое сокращение тиражей, были привлекательнее. По крайней мере, они, покупая печатные номера, еженедельно приносили пусть уже не те, но деньги. СМИ было сложно перестроиться и полностью уйти в интернет, мало кто понимал, как зарабатывать там. Создать новостное медиа только в соцсети? Речь о таком вообще не шла: появившиеся блог-платформы и соцсети СМИ воспринимали враждебно. «Это всего лишь еще один источник информации, не более того», – говорили в редакциях.

Задание для преподавателей

Сервис, в котором можно сгенерировать QR-код: https://www.qrcode-monkey.com.

Используйте QR для привлечения внимания аудитории и геймификации лекции. Подумайте, как бы вы использовали QR-код на своей лекции, что бы вы зашифровали в нем для своих студентов? Можете сделать это в виде игры: зашифруйте тему или главный тезис лекции – по одному слову в виде QR-кода. Раздайте их студентам. Их задача – быстро расшифровать свое слово и встать в ряд, чтобы получилось целое осмысленное предложение. Для чего такое упражнение? Для групповой динамики и чтобы не было скучно, дать возможность подвигаться на лекции, не отходя от темы.

1 Обсудите с вашей аудиторией, какой важный вывод можно сделать из карагандинского эксперимента с техническими инновациями и их использования в производстве контента.

2 Представьте, что вы все являетесь редакцией сайта. Как бы вы привлекали читателей к вашим онлайн-изданиям, учитывая и изменения потребностей аудитории, и возможности новых технологий?

3 Рассмотрите примеры других СМИ, которые успешно используют новые технологии для привлечения аудитории. Опишите, какие конкретно технологии они используют и как они помогают им удивлять, развлекать и решать проблемы своих читателей/зрителей/слушателей.

Конец ознакомительного фрагмента.

Текст предоставлен ООО «Литрес».

Прочитайте эту книгу целиком, купив полную легальную версию на Литрес.

Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом.

Notes

1

Запомни, здесь мы впервые заговорили об еще одной особенности мультимедийного контента – о гибридности! Вперемешку – гибридность! Или назови это комбинированием.

Вернуться

2

Snow Fall – история о горнолыжниках, оказавшихся под лавиной в Каскадных горах в США. Автор Джон Бранч, материал опубликован 20 декабря 2012 г.

Вернуться

3

Parallax, с греч. «смена, чередование». Параллакс-скроллинг, или «эффект шторок». Создается за счет того, что различные элементы, находящиеся на странице, прокручиваются с разной скоростью. Разные слои изображений накладываются друг на друга и при прокрутке страницы, двигаясь с разной скоростью, создают эффект трехмерности.

Вернуться

4

Проект о пожарах в Тасмании Firestorm, The Guardian. Опубликован 23 мая 2013 г.

Вернуться

5

Цель большинства заданий – развить навыки анализа и интерпретации информации. Они не всегда дают четкие ответы: это черное, а это белое. Вы можете использовать мои задания или придумать свои. Не жди от них больше того, чем они являются, помни, что это не учебник, а «учебник»!

Вернуться

6

Привычное для нас массовое использование интернета пришло благодаря развитию соцсетей, появлению современных смартфонов, их распространенности и более широкому покрытию мобильным интернетом. Чего в то время в таком масштабе не было.

Вернуться