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

Знак информационной продукции (Федеральный закон № 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, – мультимедиа.

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

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

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

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

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

Посмотри на ставший легендарным проект Snow Fall², он опубликован в 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 г.:

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

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

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

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

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

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

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

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

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

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

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

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

Два проекта, две журналистские школы, два подхода к производству больших мультимедийных историй. Оба уже очень мультимедийные, но с большой разницей: несмотря на визуальную составляющую, в основе 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.

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

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

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

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

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