Как в яндексе сделать слайд шоу. Слайд-шоу из яндекс фоток

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

Раньше можно было получить линк лишь на отдельный файл. Или же все файлы нужно было собирать в архив и раздавать ссылку на него.

Однако всё это не очень удобно, т.к. требуются дополнительные действия со стороны пользователя. И особенно неудобно для любителей делиться фотографиями — ведь при желании показать свои фото/картинки кому-либо, нужно было получать ссылки на каждую картинку по-отдельности.

Как можно получить ссылку на папку в Яндекс Диске?

Через сделать это не получится (на данный момент). Так что надо перейти в веб-интерфейс сервиса и там просто выбрать любую папку (один раз нажать на неё л.к.м) , на которую следует получить ссылку. А затем, в правом нижнем углу поставить переключатель «Публичная ссылка» в положение «вкл.»:

Теперь этот линк уже можно раздавать кому угодно. Для получателя загрузится специальный веб-интерфейс, где он сможет просмотреть содержимое папки + затем его содержимое:

Просмотр каталога

Естественно, всё это дело можно скачать сразу — одним.zip-архивом, или же «поштучно», наведя курсор на отдельный файл.

Если в каталоге имеются картинки, то при клике на любой из них запустится удобное слайд-шоу:

Слайд-шоу в Яндекс Диске (кликабельно)

С появлением возможности получить ссылку на папку в Яндекс.Диск, этот сервис по своему функционалу очень приблизился к самому — Dropbox.com. Правда, у последнего есть возможность просматривать видеоролики онлайн, но нельзя запустить онлайн mp3-аудио. У Я.Диска — всё наоборот.

Также заслуживают внимания и эти облачные сервисы:

В общем, Яндекс.Диск очень активно развивается. Кроме получения прямой ссылки на папку, в нём теперь можно прямо онлайн читать текстовые документы разных форматов (.txt, .doc, .rtf, .pdf …) и даже разархивировать архивы —

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

Зачем нужно слайд-шоу

Перед тем, как написать подробную инструкцию, хочу еще пару слов сказать о том, почему я вообще озадачилась этим вопросом.

В прошлой статье я объяснила, зачем сделала новый блог на Blogspot. Основной трафик на него будет из поиска. А для этого нужна хорошая индексация и удачное ранжирование статей (интересно, кому они не нужны?! ) А для этого очень важны, в том числе, хорошие поведенческие факторы (ПФ). И немаловажной частью этих ПФ является время, проведенное посетителем на страницах блога.

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

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

Чувствуете безжизненный холод стандартных рекомендаций?! Не хватает только моей излюбленной фразы («делайте контент для людей!»). Вот и размещают многие в своих статьях о соленых огурцах видео… про котов или китов! Вот и втискивают огромные списки похожих статей. А если посмотреть, сколько переходов было по этим спискам и окажется, что 1 на 100 000 посетителей?

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

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

Небольшая предыстория о победе Яндекса над Гуглом

Вообще-то, это удивительная история о том, как Яндекс переиграл Google на его собственном (гугла) поле. Понятно, что первым делом я направилась в альбомы Picasa, где Blogspot и размещает все картинки, которые мы грузим на страницы блога. И там, не без труда, нашла функцию создания слайд-шоу и публикации его на стороннем ресурсе. Но выглядела эта презентация ужасно убого!

Странно, что Гугл не сделал удобного и презентабельного инструмента для создания слайд-шоу на своих же блогах. Поэтому я развернулась на 180° и двинулась в Яндекс Фотки. Где моментально обнаружила возможность сделать слайд-шоу из альбома и получить вполне пристойную картинку в блоге.

Инструкция по созданию слайд-шоу в Яндекс Фотках

Итак, приходим на Яндекс Фотки. Конечно, у вас должен быть аккаунт в Яндексе (думаю, что в среде блоггеров человека БЕЗ аккаунта в Яндексе не встретишь ). Если вы собираетесь сделать слайд-шоу из уже существующего альбома - то можно сразу пролистать эту инструкцию на пару пунктов вниз. А мы быстренько рассмотрим, как сделать совершенно новый альбом и анимировать его содержимое.

Назовите альбом адекватно - не алб№1 или 463524. Его название будет выводится в начале слайд-шоу. Сделайте нормальное описание. Может быть, это уже просто привычка - везде, где можно, добавлять описания. Но все-таки есть надежда, что Яндекс обратит больше внимания на наш блог… Ну, может, через поиск по картинкам дело пойдет быстрее.

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

Теперь нужно зайти в свеженький альбом и выбрать ссылку «слайд-шоу» - справа от заголовка альбома:

Собственно, это все. Вот такую красивую картинку мы увидим:

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

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

После окончания просмотра в поле слайд-шоу появляется вот такая информация. Не очень красиво, но вполне функционально.

Демо слайд-шоу, созданного на ваших глазах, можете посмотреть в конце этой статьи http://www.domofor.com/2014/01/dvery-v-dome.html

Иногда возникает необходимость показать в блоге фотографии так, чтобы можно было просмотреть сразу их большое количество. Я как-то уже показывала, как можно разместить в блоге галерею, составленную из набора фотографий (здесь - , а здесь - с помощью ). А сегодня я расскажу, как можно организовать просмотр нескольких фотографий в виде слайдшоу: так, чтобы одна картинка автоматически сменялась другой.
Делается это очень просто, особенно если использовать готовые сервисы от "столпов" современных фотохостингов: Пикасы и/или Яндекса. Но можно пойти более сложным путем и поставить в блог свой скрипт. Как лучше, зависит от конкретной задачи. Я просто расскажу о каждом из этих трех способов подробнее.

1. Итак, самый простой способ вставить в блог слайдшоу - это воспользоваться встроенной функцией Пикасса.

Почему этот способ самый простой? Потому что для блогов на платформе Блоггер редактор Пикасса является "родным". Вставляя фотографии в блог, мы по умолчанию используем его. У каждого из пользователей Блоггер есть в Пикасса бесплатный аккунт, 15360 МБ для хранения фотографий и возможность пользоваться всеми услугами этого сервиса, включая и создание слайдшоу.
Допустим, вы хотите показать в блоге все фото ваших с детьми новогодних поделок (как это понадобилось мне для поста в моем основном блоге " "). Для этого вам необходимо создать новый вебальбом Пикаса и за грузить в него все нужные фотографии. Не забудьте поставить опцию доступа "Видимый для всех в интернете", чтобы изображения были доступны для просмотра. А после останется всего лишь в правом сайдбаре (колонке) нажать "Ссылка на этот альбом".
Под ней появится строчка "Встроить слайд-шоу".

После того, как на нее нажмешь, откроется окошко, в котором можно настроить параметры слайд-шоу - время задержки кадра, его размер и т.д. А внизу будет код для вставки в блог, который надо будет просто скопировать, а потом в ставить в свой блог. Если вы хотите, чтобы слайдшоу отображалось в сообщении, то вставьте код в режиме HTML в окошке редактора. Если же вы хотите, чтобы слайдшоу показывалось у вас на боковой панельке блога, то полученный код надо вставить в гаджет "HTML/Java script".

Все, слайдшоу сразу же появится в вашем блоге.
P.S. В режиме редактирования сообщения у меня вместо экрана появляется надпись от Оперы (моего браузера) "Нет плагина. Ознакомиться". Но это ничего страшного - после публикации сообщения все появится в нужном месте.


2. Встраивание слайдшоу от Яндекса.

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

И под окошком с примером слайд-шоу выбираете "Код для вставки на сайт или в блог".

Копируете предложенный код так же как и в предыдущем способе: если надо вставить в сообщение, то в режиме HTML, если надо на сайдбар, то с помощью гаджета "HTML/Java script".

Все параметры можно будет настроить уже в самом слайд-шоу. Вот как это будет выглядеть:
3. Встраивание слайдшоу с помощью скрипта.

Этот способ пригодится вам, если вы не только хотите показать фотографии, но и сделать так, чтобы каждое фото было ссылкой на соответствующее сообщение в блоге. В этом случае вам придется вставлять адреса изображений и связанные с ними ссылки вручную. Но, зато, так гораздо удобнее вашим читателям: кого-то заинтересовала фотография, он щелкнет по ней - и окажется в нужной статье.
Минус этого способа: когда у вас фотографий под сотню (как у нас в случае с поделками), то вручную их вставлять не очень-то интересно.
Самих скриптов можно найти по поиску множество. Например, такой (взято отсюда). Он очень простенький, но те, кто понимают HTML, могут без труда модифцировать его. А для каких-то простых целей и этого будет достаточно.

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

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

Способ 1: Slide-Life

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

  1. Перейдя по вышеуказанной ссылке, нажмите «Попробовать бесплатно» на главной странице сайта.
  2. Далее выберите один из доступных шаблонов.

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

  3. Определившись с выбором и кликнув по шаблону, нажмите на кнопку «Далее» для перехода к следующему этапу.
  4. Теперь нужно загрузить на сайт фотографии, из которых вы хотите создать слайд-шоу. Для этого кликните по кнопке с соответствующей надписью,

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

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

  5. В окне с добавленными фотографиями можно изменить их порядок. Рекомендуем сделать это сейчас, так как в дальнейшем такой возможности не будет. Определившись с порядком слайдов в будущем слайд-шоу, нажмите «Далее» .
  6. Теперь можно добавить музыку, которая будет звучать в создаваемом видеоролике. Рассматриваемый веб-сервис предлагает два варианта – выбор композиции из встроенной библиотеки или загрузку файла с компьютера. Рассмотрим второй.
  7. Кликните по кнопке «Загрузить мелодию» , в открывшемся окне «Проводника» перейдите в папку с нужным аудиофайлом, выделите его нажатием левой кнопки мышки и кликните «Открыть» .
  8. Спустя несколько секунд композиция будет загружена на сайт Slide-Life, где при желании ее можно прослушать. Нажмите «Далее» для перехода к непосредственному созданию слайд-шоу.
  9. Автоматически начнется рендеринг проекта, продолжительность этого процесса будет зависеть от количества выбранных файлов и длительности музыкальной композиции.

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

  10. На этом все – онлайн-сервис Slide-Life поприветствует вас с успешным выполнением процедуры,

    после чего останется лишь дождаться письма со ссылкой на скачивание готового слайд-шоу.

  11. Как видите, нет ничего сложного в том, чтобы создать слайд-шоу из собственных фотоснимков и даже со своим музыкальным сопровождением на сайте Slide-Life. Недостаток данного онлайн-сервиса заключается в некоторых ограничениях бесплатной версии и отсутствии возможности редактирования всего проекта и его элемнетов.

Способ 2: Kizoa

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

  1. Переход по вышеприведенной ссылке направит вас на главную страницу веб-сервиса, где нужно нажать кнопку «Попробовать» .
  2. На следующей странице потребуется предоставить разрешение на использование Flash Player . Кликните для этого по выделенной на изображении ниже области, а затем во всплывающем окне нажмите кнопку «Разрешить» .

  3. Следующий этап – определение режима работы с онлайн-сервисом Kizoa. Выберите «Модели Kizoa» , если планируете использовать для создания своего слайд-шоу один из имеющихся на сайте шаблонов, или «Создать самостоятельно» , если хотите разработать свой проект с нуля и контролировать каждый этап. В нашем примере будет выбран второй вариант.
  4. Теперь необходимо определиться с форматом будущего слайд-шоу. Выберите тип ориентации («Портрет» или «Пейзаж» ) и соотношение сторон, а затем нажмите «Утвердить» .
  5. На следующей странице кликните по кнопке «Добавить» , чтобы загрузить фотографии и/или видео для своего слайд-шоу,

    а затем выберите вариант добавления файлов – «Мой компьютер» (помимо этого, фотографии можно загрузить и с Facebook).

  6. В открывшемся окне «Проводника» перейдите в папку со снимками и/или роликами, из которых хотите создать слайд-шоу. Выделите их и нажмите «Открыть» .

    Отметим, что Kizoa позволяет загружать в том числе и файлы в формате GIF. При их использовании веб-сервис предложит выбрать, как с ними поступить – создать видеоклип или оставить в качестве анимации. Для каждого из вариантов предусмотрена своя кнопка, дополнительно требуется установить галочку напротив пункта «Примените этот выбор для моей GIF скачивания» (да, разработчики сайта не блещут грамотностью).

  7. Фотографии будут добавлены в редактор Kizoa, откуда их по одной следует перемещать в специальную область в том порядке, который вы сочтете нужным.

    При добавлении первого снимка в будущее слайд-шоу нажмите «Да» во всплывающем окне.

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

  8. Для этого перейдите во вкладку «Переходы» .

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

  9. Для обработки элементов слайд-шоу эффектами перейдите в одноименную вкладку.

    Выберите подходящий эффект и перетяните его на слайд.

    В появившемся всплывающем окне можно увидеть, как отразится выбранный вами эффект на конкретном изображении. Для его применения нажмите по небольшой кнопке «Утвердить» ,

    а затем по еще одной такой же.

  10. При желании на слайды можно добавить надписи – для этого следует перейти во вкладку «Текст» .

    Выберите подходящий шаблон и поместите его на изображение.

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

    Для добавления надписи на изображение дважды нажмите «Утвердить» .

  11. Если вы делаете поздравительное слайд-шоу или, например, создаете его для ребенка, на изображение можно добавить стикеры. Правда, здесь они называются «Мультфильмы» . Как и со всеми остальными средствами обработки, выберите понравившийся элемент и перетяните его на нужный слайд. При необходимости, повторите это действие для каждого слайда.
  12. Как и рассмотренный в первом способе веб-сервис Slide-Life, Kizoa тоже предоставляет возможность добавления музыки к слайд-шоу.

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

    Подтвердите свои намерения, нажав «Выбрать для создания слайд-шоу» во всплывающем окне.

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

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

    В открывшемся окне плеера можно просмотреть готовый проект и выбрать вариант его экспорта. Для сохранения слайд-шоу на компьютер в качестве видеоролика нажмите по кнопке «Скачать» .

  14. Если ваш проект весит меньше 1 Гб (а скорее всего так и есть), его можно скачать бесплатно, выбрав соответствующий вариант.
  15. В следующем окне определите параметры экспорта и выберите подходящее качество, затем нажмите «Подтвердить» .

    Закройте следующее всплывающее окно или кликните по кнопке «Выйти» для перехода к скачиванию файла.

    Нажмите «Скачать ваш фильм» ,

    после чего в «Проводнике» укажите папку для сохранения готового слайд-шоу и нажмите «Сохранить» .

  16. Онлайн-сервис Kizoa во многом превосходит Slide-Life, так как позволяет самостоятельно обрабатывать и изменять каждый элемент создаваемого слайд-шоу. К тому же, ограничения его бесплатной версии никоим образом не отразятся на обычном, небольшом проекте.