
У нас есть фотографии семейные, на них дорогие и близкие люди...вот если-бы их объединить и не в коллаж...а как-то...чтобы как живые! а почему нет! вот этим сейчас и займемся. И для начала сохраните себе в папку для урока эти фотки-картинки, именно с этими образцами мы и будем делать урок... по идее, перед загрузкой для работы на сайте, надо поработать с фото: какие-то увеличить, какие-то уменьшить или обрезать, т.к. в идеале они все должны быть одного размера и не очень большого, так как в итоге у нас получится гифка, а она утяжеляется от большого размера и большого количества материала. Мы возьмем 7, а можно больше или меньше и повторим ошибку, которую допустила раньше я сама, взяв разноразмерные фото...заодно научимся ее исправлять- может пригодиться в будущем)) дружной толпой идем сюда http://www.online-image-editor.com/








И так, фотки загружены и дружной толпой идем на сайт... http://www.online-image-editor.com/ и загружаем ЛЮБУЮ, просто для того чтобы попасть внутрь сайта...

Загрузились, а теперь смотрите: есть 2 варианта загрузки фоток для слайда, я предпочитаю регистр 2013, вот туда и попремся...

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


Загрузили все 7 и видим, что под каждой есть 2 окошка, где первое может регулировать время просмотра каждой (надо 100 заменить на 200, 300,...и т.д.), а второе даст нам возможность выбора перехода анимированного)

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



Теперь можно посмотреть что получится, жмем на анимирование и немного ждем...и вот что мы увидим в предварительном просмотре...

Сайт предлагает 2 варианта: скачать в папку (я просто навожу курсор и СОХРАНИТЬ КАК) и продолжить работу в основном окне сайта. Поскольку размер был НЕ одинаковым, то придется продолжить работу (при просмотре мелькают то узкие и длинные, то широкие и короткие...не красиво!), выбираем сайт...


Мы оказываемся в основном окне в базовом регистре, именно в нем все основные инструменты, жмем на НОЖНИЦЫ, тонкую красную окантовку растягиваем и за основу берем самую узкую, а в длину самую короткую фотку...


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

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


Почти готово, поставим надпись под цвет рамки, выберем размер, шрифт...


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


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



Загрузили? а теперь "сама-сама", скрины помогут ориентироваться...




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


А тут обратите внимание, текст короткий, есть возможность увеличить расстояние между буквами (а можно уменьшить- это в минусе)

Готово, вес= 6,1 Мб...хм, тяжеловато! придется уменьшать...


И вот уменьшили, но совсем немного, и вот еще вывод- сильно облегчить слайд-гиф НЕ удастся, поэтому учитываем это и много гифок для слайда НЕ берем!


Ну вот и всё на сегодня, пойду чай пить...и вам советую))) 
