Сделаем себе подарок слайд-гифку к праздникам...

Воскресенье, 22 Июля 2018 г. 14:24 + в цитатник

Цитата сообщения iro4kan

Прочитать целиком В свой цитатник или сообщество!

Сделаем себе подарок слайд-гифку к праздникам... Чайник-чайнику, мои уроки))

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

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

Безымянный-0.png

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

Безымянный-0+.png

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

Безымянный-0+1.png

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

Безымянный-2.png

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

Безымянный-3.png

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

Безымянный-6.png

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

Безымянный-6.png

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

Безымянный-7.png

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

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

Безымянный-9-рамка.png

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

Безымянный-10-увеличение.png

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

Безымянный-12-текст.png

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

сделано-итог.gif

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

кошки-5.gif

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

Безымянный-14-гифка.png

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

Безымянный-18+рамка.png

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

Безымянный-19-расширение текста.png

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

готово-2.gif

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

готово-2-уменьшенный.gif

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

Ваша Ирина N

Рубрики:

*ЭДИТОР

Метки: сделать гифку

<a href="https://www.liveinternet.ru/users/tapioka/post438077815/">РЎРґРµР»Р°РµРј СЃРµР±Рµ РїРѕРґР°СЂРѕРє СЃР»Р°Р№Рґ-РіРёС„РєСѓ Рє РїСЂР°Р·РґРЅРёРєР°Рј...</a><br/>РЎРґРµР»Р°РµРј СЃРµР±Рµ РїРѕРґР°СЂРѕРє СЃР»Р°Р№Рґ-РіРёС„РєСѓ Рє РїСЂР°Р·РґРЅРёРєР°Рј... Р§Р°Р№РЅРёРє-С‡Р°Р№РЅРёРєСѓ, РјРѕРё СѓСЂРѕРєРё))

РЈ РЅР°СЃ РµСЃС‚СЊ С„РѕС‚РѕРіСЂР°С„РёРё СЃРµРјРµР№РЅС‹Рµ, РЅР° РЅРёС… РґРѕСЂРѕРіРёРµ Рё Р±Р»РёР·РєРёРµ Р»СЋРґРё...РІРѕС‚ РµСЃР»Рё-Р±С‹ РёС… РѕР±СЉРµРґРёРЅРёС‚СЊ Рё РЅРµ РІ РєРѕР»Р»Р°Р¶...Р° РєР°Рє-С‚Рѕ...С‡С‚РѕР±С‹ РєР°Рє Р¶РёРІС‹Рµ! Р° РїРѕС‡РµРјСѓ РЅРµС‚! РІРѕС‚ СЌС‚РёРј СЃРµР№С‡Р°СЃ Рё Р·Р°Р№РјРµРјСЃСЏ. Р РґР»СЏ РЅР°С‡Р°Р»Р° СЃРѕС…СЂР°РЅРёС‚Рµ СЃРµР±Рµ РІ РїР°РїРєСѓ РґР»СЏ СѓСЂРѕРєР° СЌС‚Рё С„РѕС‚РєРё-РєР°СЂС‚РёРЅРєРё, РёРјРµРЅРЅРѕ СЃ СЌС‚РёРјРё РѕР±СЂР°Р·С†Р°РјРё РјС‹ Рё Р±СѓРґРµРј РґРµР»Р°С‚СЊ СѓСЂРѕРє... РїРѕ РёРґРµРµ, РїРµСЂРµРґ Р·Р°РіСЂСѓР·РєРѕР№ РґР»СЏ СЂР°Р±РѕС‚С‹ РЅР° СЃР°Р№С‚Рµ, РЅР°РґРѕ РїРѕСЂР°Р±РѕС‚Р°С‚СЊ СЃ С„РѕС‚Рѕ: РєР°РєРёРµ-С‚Рѕ СѓРІРµР»РёС‡РёС‚СЊ, РєР°РєРёРµ-С‚Рѕ СѓРјРµРЅСЊС€РёС‚СЊ РёР»Рё РѕР±СЂРµР·Р°С‚СЊ, С‚.Рє. РІ РёРґРµР°Р»Рµ РѕРЅРё РІСЃРµ РґРѕР»Р¶РЅС‹ Р±С‹С‚СЊ РѕРґРЅРѕРіРѕ СЂР°Р·РјРµСЂР° Рё РЅРµ РѕС‡РµРЅСЊ Р±РѕР»СЊС€РѕРіРѕ, С‚Р°Рє РєР°Рє РІ РёС‚РѕРіРµ Сѓ РЅР°СЃ РїРѕР»СѓС‡Рё... <a href="https://www.liveinternet.ru/users/tapioka/post438077815/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Цитатник

-Ссылки

-Видео

-Музыка

-Я - фотограф

-Подписка по e-mail

-Поиск по дневнику

-Рубрики

-Фотоальбом

-Приложения

-Резюме

Савченко Татьяна

-Новости

-Друзья

-Постоянные читатели

-Сообщества

-Трансляции

-Статистика

Сделаем себе подарок слайд-гифку к праздникам...