Unlimited AE and Premiere Pro templates, videos & more! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Photo & Video
  2. The Photo Essay

Сделайте фотоснимок с помощью Atavist: длинная форма визуального повествования

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called The New Photo Essay.
What's the Right Storytelling Platform for Your Pictures? 10 Questions to Help You Choose
Snapchat in a Nutshell: Visual Storytelling in the Moment

Russian (Pусский) translation by Liliya (you can also view the original English article)

Мы все любим историю. Нам так нравятся истории, что мы даже составим повествование, где его не существует. Для нас это сложно: повествование формирует информацию в картинку, что облегчает понимание и запоминание информации. Рассказы затрагивают наши эмоции, а также наши мысли, играя с нашей двойственной натурой как мыслящие и чувственные творения. И рассказы более затрагивают наше сознание, активируя не только те клетки мозга, которые расшифровывают смысл слов, но и каждую часть нашего мозга, которая была бы задействована, если бы мы сами пережили события этой истории. Наши мозги толкует это действие как опыт, и мы гораздо больше увлечены опытом, чем с данными и речью.

«Люди забудут, что вы сказали, люди забудут, что вы сделали, но люди никогда не забудут, как вы их прочувствовали». -Maya Angelou

Мы также любим картины. Наше сознание обрабатывает визуальную информацию быстрее и с большей наглядностью, чем когда информация представлена ​​в тексте. Нам требуется миллисекунды, чтобы понять визуальную информацию по сравнению с минутами чтения текста. Картинки не требуют перевода, и они могут сообщать понятия и идеи, которые могли бы игнорировать в описании. Говорить о ребенке, измученном после дня осмотра достопримечательностей, - это одно; видение фотографии измученного ребенка - это нечто совсем другое.

Boy sleeping on his fathers lap
Фотография рассвета Остерхофф

«Хороший снимок удерживает момент, чтобы он не убежал». -Eudora Welty

Сочетание историй с картинками - особенно мощная комбинация. По мнению психологов, мы сохраняем очень мало того, что мы слышим или читаем, но мы сохраняем около 80 процентов того, что мы видим и переживаем. Эта комбинация рассказов и картин становится языком, который мы используем для общения, как в печати, так и в Интернете. Журналистика, реклама и образование используют сочетание слов и изображений для общения. Повествование, особенно визуальное повествование, теперь также является доминирующей тенденцией дизайна для веб-сайтов компаний и онлайн-маркетинга.

Длинные формы онлайн-повествований

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

Некоторое время мы могли позволить онлайн-истолкованию рассказывать об очередях с 140 символами или меньше, но в2012 году John Branch из New York Times снова зажег длинную историю с егоонлайн-публикацией «Snow Fall: The Avalanche at Tunnel Creek». «Филиал икоманда из New York Times комбинировали фотографии, видео, аудио, и текст навеб-платформе, чтобы рассказать истинную историю шестнадцати лыжников исноубордистов, попавших в лавину. “Snow Fall” (Падал снег)» - это повествующая сенсация, заработавшая финальную премию Пулитцера в 2013 году за написание функций. Хотя не каждая история может быть рассказана столь необычно, «Snow Fall» стала катализатором нового стандарта визуальных онлайн-историй.

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

В этой статье мы рассмотрим Atavist, одну из ранних и все еще высоко оцененных платформ, доступных для описаний длинной формы. Atavist была основана в 2011 году как издатель длинной формы со своим собственным интернет-журналом. Вскоре после этого Atavist добавила самопубликующую платформу Creativist, которая была переработана и возобновлена ​​в начале этого года как интегрированная часть Atavist. Это новая платформа для самостоятельной публикации, которую мы будем рассматривать.

Формирование вашей истории

Начните ваш повествовательный проект, почувствовав, что возможно с Atavist. Исследуйте «Built With Atavist», который будет вдохновлен примерами длинной формы повествований. Ваша история может быть вымышленной, или рассказ может быть о том, что вы испытали, засвидетельствоили были свидетелем или сфотографировали. Если вы хотите попытаться написать историю, но не знаете, с чего начать, подумайте об рассказе о каникулах, семейном или общественном мероприятии, прогулке, человеке или об интересах общества.

Вам не нужна безупречная история. Поскольку вы контролируете, когда ваша история становится доступной для публичного просмотра, вы можете использовать Atavist в качестве своего онлайн-текстового редактора и дизайнера макетов, экспериментировать с функциями, переписывать содержимое и отключать визуальные элементы. Тем не менее, вам будет легче построить свою историю, если у вас есть набросок или раскадровка для вашего повествования. Опишите свой сюжет - последовательность происходящего - и получите четкое представление об обстановке - где происходит история. Определите визуальные элементы, которые вы хотите использовать, чтобы рассказать историю и собрать готовые файлы изображений в одну папку для удобства использования.

Моя история

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

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

Storyboard with outline for a long form narrative

Помните, что вы можете создавать и экспериментировать на Atavist, не начинайте писать призовые истории, прежде чем вы даже начнете!

Создайте свой проект

  1. Если вы еще не создали учетную запись с Atavist, сделайте это сейчас.
  2. Создав свою учетную запись, вы получите страницу проекта, на которой вы можете организовать все проекты, которые вы создадите на Atavist. Вы можете вернуться на эту страницу проекта в любое время, щелкнув значок Atavist в левом верхнем углу окна или выбрав «Мои проекты» в меню на домашней странице Atavist.
  3. На странице проекта нажмите New Project (Новый проект), чтобы начать новую историю.
  4. На странице истории дайте вашему проекту название, затем выберите Subtitle, author и description, чтобы развернуть Project Flap, где вы можете добавить более подробную информацию о своем проекте. Обязательно сохраните изменения. (Я предлагаю оставить настройки заголовка, навигации и темы в настройках по умолчанию).
Atavist home page showing Atavist icon and My Projects menu item
Главная страница Atavist
Atavist project page
Страница проекта Atavist
Atavist story page showing Project Flap
Страница истории Atavist с Project Flap

Быстрый старт из Word

Кроме того, если у вас есть проект, уже запущенный в файле Microsoft Word, вы можете создать новый проект Atavist, просто перетащив .docx файл на страницу вашего проекта. Изображения будут преобразованы в конструктивные блоки. Разрывы страниц в .docx файле создадут новые разделы в вашем проекте Atavist. Хотя некоторое базовое форматирование текста будет сохранено, вам лучше всего выполнить весь свой стиль и макет, как только у вас появится проект в Atavist.

Дизайн с блоками

Пользователи создают свои истории на Atavist с помощью блоков дизайна и разделов. Блоки - это отдельные элементы текста, изображения, видео, слайд-шоу или что-то еще. Блоки группируются в разделы, которые равнозначны главам или статьям.

На странице истории нажмите значок Add Blocks (Добавить блоки) (белый + на синей кнопке), чтобы открыть Blocks Picker (выбор блоков), доступных для создания вашей истории.

Atavist story page showing Blocks Picker icon and selections

В Blocks Picker есть несколько вариантов, включая предполагаемые:

  • Изображение, видео, карта, слайд-шоу и аудио

Несколько вариантов предлагают элементы дизайна, обычно используемые в макете текста:

  • Pull Quote выделит раздел текста, который вы скопировали из своей истории, форматируя скопированный текст в более крупном шрифте, который также отмечен элементом дизайна (сплошной линией, например), чтобы выделить его отдельно от основного текста.
  • Sidebar добавит часть дополнительной информации на краю страницы.
  • Text Overlay позволяет размещать текст поверх изображения.
  • Chart позволяет создать диаграмму, используя данные, сохраненные в электронной таблице Google. Форматирование и стилизация диаграммы выполняется в Atavist.

Существует несколько блоков дизайна для добавления источников в социальных сетях. Во время этого урока они включают Instagram, Flickr Gallery, SlideShare и Twitter. Существуют также блоки дизайна, которые позволяют вам настраивать свою онлайн-историю с анимированными элементами, включая Giphy, Parallax, Image Compare и SoundCloud.

Если вы знакомы с кодированием, вы можете добавить также блоки для JavaScript и встроенного кода, например, код Facebook предусматривает добавление кнопки Like на веб-страницу.

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

Во всех случаях щелчок по блоку в Blocks Picker или щелчок и перетаскивание блока добавит этот блок к вашей странице истории. Я рекомендую щелкнуть и перетащить, чтобы лучше контролировать размещение блока дизайна. Когда блок находится на вашей странице истории, добавьте элементы в блок или настройте его внешний вид или используйте, перевернув блок, чтобы открыть параметры редактирования в верхней части блока. Опции включают кнопку удаления, если вы решите удалить блок.

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

Работа с текстом

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

Atavist story page showing text formatting options

Аннотации

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

Atavist story preview showing pop-up annotation
Если вы добавите всплывающее аннотирование, нажатие на выделенный текст в опубликованной истории приведет к всплывающей заметке.

Размещение блока разработки

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

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

  • Lorem Ipusum - это классический текстовый источник. И это уже давно. Ваши варианты ограничены указанием количества текста, который вы хотите (количество абзацев, слов или строк) и на каком языке. Это простой, основной и надежный.
  • Loripsum.net. Этот источник позволяет включать списки, блокировать кавычки (для цитат), заголовки и другие функции. Наличие этих элементов в тексте заполнителя может облегчить вашу работу, если вы знаете, что в вашей истории в конечном итоге будут некоторые из этих элементов в тексте.
  • Fillerati Если вы хотите, чтобы текст вашего заполнителя вдохновлял вас во время работы, посетите Fillerati, чтобы получить текст, созданный из романов, которые теперь находятся в общественном достоянии. Будьте осторожны, если используете текст из этого источника, потому что вы можете непреднамеренно производить текст с помощью HTML-маркеров, которые вам не нужны в Atavist.
  • Journo Ipsum Если ваша история является журналистской, вдохновляйтесь использованием текста заполнителя,заполненного редакционной терминологией.

Когда у вас есть текст на странице, вы можете переместить блоки:

  • Вверх и вниз по странице. Переверните блок мышью, чтобы открыть значок места размещения в верхнем правом углу блока. Выберите и удерживайте этот значок, чтобы переместить блок и поместить его между текстом, который вы уже написали.
  • Слева и справа. Переверните блок, чтобы открыть панель параметров для блока дизайна. Панель параметров будет содержать кнопки для выбора слева направо для этого блока. Например, неподвижное изображение может быть размещено, чтобы занять всю ширину страницы или занять всю ширину текста, или же оно может быть помещено слева или справа с обтеканием текста вокруг изображения.
Atavist story page showing options for placing design blocks

Варианты размещения для макета ограничены. Вы можете поместить блок дизайна между абзацами или свернуть текст, вы можете разместить блок дизайна только в начале или в некоторых случаях в конце абзаца. Размер каждого конструктивного блока также предопределен размерами, варьирующимися только для размещения места размещения. Например, полное изображение ширины будет полной шириной страницы, а изображение со свернутым текстом будет составлять 60% ширины страницы.

Настройка и тестирование дизайна

В какой-то момент, когда вы создаете свою историю, вам захочется изучить варианты общего внешнего вида вашего проекта. Чтобы просмотреть свои варианты, нажмите кнопку «История» в левом верхнем углу страницы, чтобы открыть Project Flap.

Справа от Project Flap находятся опции для изменения дизайна заголовка, переходы и темы. Существует множество опций – слишком много, чтобы описать здесь, поэтому я предлагаю вам, чтобы вы выбирали свой метод и выбирали варианты, которые вам нравятся. В зависимости от вашего выбора у вас могут быть дополнительные возможности для дизайна, например, использовать ли врезанный инициал или менять пространство между абзацами.

Atavist story page showing design options
Нажмите кнопку «История», чтобы открыть Project Flap, в которой раскрываются варианты настройки внешнего вида вашей истории.

Ищите проекты заголовков, макеты, шрифты, цвета и варианты переходов, которые улучшают тему вашей истории. Моя история, например, является исторической, поэтому я не хотел, чтобы смещение изображения было современным или анимированным GIF как часть названия. Я хотел что-то классическое, поэтому выбрал простой дизайн названия. Я решил использовать тему проекта Fisher, чтобы получить старинную бумагу для поиска фона и традиционного шрифта с засечками.

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

Разделы

Если вы используете разделы, чтобы разбить историю на более мелкие куски, у вас будет возможность спроектировать внешний вид каждого раздела и последовательно упорядочить разделы. Управляйте разделами, щелкая значок разделов в правом нижнем углу окна. Добавьте раздел с помощью Add Section. Переупорядочить или удалить разделы с помощью Edit Sections.

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

Atavist story page showing options for customizing sections

Переходы по проекту

Atavist - это простой, красивый интерфейс для создания истории, но переходы здесь могут быть сложным процессом. Например, чтобы получить доступ к Help, вы должны сначала нажать кнопку «История» в левом верхнем углу страницы, затем выбрать Subtitle, author и description , чтобы полностью открыть Project Flap. Затем выберите Help в правом нижнем углу этого диалогового окна. Я добавил страницу справки, чтобы получить доступ к этой информации непосредственно в отдельной вкладке или окне.

В некоторых случаях вы выходите из диалогового окна, выбрав Saved, Close или Cancel. В других случаях - например, при изучении Blocks Picker - вы выходите из выбора, добавляя блок или просто выходите назад на страницу истории. И все же с другими вариантами вы окажетесь на новой вкладке браузера и сможете вернуться на предыдущую позицию, вернувшись к этой открытой вкладке.

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

Чтобы внести изменения в свой проект, или если вы потерялись и просто не можете вернуться туда, где вам нужно, щелкните логотип Atavist в левом верхнем углу окна вашего браузера. Это вернет вас на страницу ваших проектов, где вы можете повторно ввести свой проект, выбрав Edit (редактировать), или вы можете настроить параметры проекта, нажав стрелку вниз.

Atavist story page with Atavist logo highlighted
Если все еще не удается, щелкните логотип Atavist в левом верхнем углу окна вашего браузера, чтобы вернуться на страницу ваших проектов.

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

Atavist profile page

Поделитесь своей работой

Я предполагаю, что вы захотите поделиться своей законченной историей. В любой момент во время вашего проекта и, разумеется, перед тем, как поделиться своей работой, взгляните на то, как ваша история появится другим, выбрав Preview (Предварительный просмотр) из параметров в правом верхнем углу страницы истории. Предварительный просмотр откроется на новой вкладке браузера, чтобы вы могли переключаться назад и вперед, чтобы настроить дизайн и проверить результат. Однако вам придется обновлять страницу предварительного просмотра каждый раз, чтобы увидеть результаты ваших изменений дизайна.

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

Когда вы выберете Publish, вам будут предоставлены опции для настройки URL-адреса для вашего проекта, добавления пароля для доступа и совместного использования проекта в социальных сетях. Ваш проект будет опубликован в Интернете и бесплатный для других, если вы не решите перейти на платный аккаунт. Переход на платный аккаунт также дает возможность опубликовать свою историю в приложении или электронной книге. Наконец, если у вас есть собственный сайт, не забудьте добавить ссылку со своего сайта на свой проект Atavist.

Atavist publish page
Публиковочная страница Atavist

Идите и творите!

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

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.