Log in
Post
Spam

Как сделать обложку-анимацию


Like

You cannot comment as you are not authorized.


Таня Егорова      19-08-2012 21:42 (link)
Re: Как сделать обложку-анимацию
НАЖМИТЕ НА ЭТУ КНОПКУ ПРАВОЙ КНОПКОЙ МЫШКИ!  ПОПАДЕТЕ НА СТРАНИЧКУ,ГДЕ НАДО ВЫБРАТЬ НАЗВАНИЕ САЙТА,НА КОТОРОМ ВЫ ХОТИТЕ ПОКАЗАТЬ ЭТОТ ПОСТ, КЛИКНИТЕ НА НЕГО. НАПИШИТЕ,ЕСЛИ ХОТИТЕ,ПОЯСНЕНИЕ К ДАННОЙ ССЫЛКЕ, ВСЁ! ВАШИ ДРУЗЬЯ,НАПРИМЕР,ВКОНТАКТЕ,УВИДЯТ ЕЁ И СМОГУТ ПОСМОТРЕТЬ ЭТУ ЗАПИСЬ,

КАК СДЕЛАТЬ ОБЛОЖКУ-АНИМАЦИЮ
ДЛЯ ПРОФИЛЯ MAIL.RU

Сегодня расскажу как сделать из картинки обложку с простой анимацией для профиля МИРа.

Для примера возьмем и из такого изображения сделаем анимированную картинку-обложку с падающим снегом.







Заходим на сайт онлайн-редактора , вот сюда
Жмем на кнопку - Выберите файл, находим нужную картинку на компе, загружаем ее и жмем на кнопку -Upload . Картинка отобразится в свою полную величину.
На панельке вверху жмем на кнопку - Wizards (см. фото А,1), затем на - Floaties (см.фото А,2). Дальше слева выбираем нужный эффект (см. фото А,3), затем нажимаем на - Apply (см. фото А,4)



Здесь же есть и другие эффекты (см. фото ниже)



На нашей картинке появился снег, но сама она стала меньше нужного размера. Нажимаем вверху на кнопку - Basics (см. фото Б,1), затем на - Resize (см.фото Б,2), Выставляем ширину изображения 600 ( см. фото Б,3), высота подстроится автоматически. Кликаем на - Apply.



Картинка увеличится до нужной нам ширины. Дальше надо вырезать участок по высоте 160 пикселей. Жмем на кнопку - Crop ( см. фото В,1). Слева выставляем ширину 600(см. фото В,2), высоту 160(см. фото В,3). Зажав левую кнопку мышки , можно передвинуть на нужное место красную рамочку на картинке(см. фото В,4), для выделения части изображения, которую будем вырезать. Следите за размерами, они при перемещении могут измениться. Снова выставляем нужные значения, если они слетели. Кликаем на - Apply (см. фото В,5).



Если захотите повернуть картинку, то жмем вверху на кнопку - Rotate Flip (см. фото Г,1), дальше на - Horizontal (см.фото Г,2). Картинка повернется по горизонтали.



Всё! Обложка готова. Для сохранения кликаем по ней правой кнопкой мышки и выбираем - Сохранить изображение как... или Сохранить картинку как...

А это ролик с процессом изготовления анимашки-обложки. Он без звука. Лучше смотреть в полноэкранном режиме. Для более четкого изображения нажмите на панельке видео на значок-колесико (см. фото ниже,1), потом поставьте галочку возле 480 р(см. фото ниже,2)




Урок "Как поставить на обложку анимационную картинку" здесь. Урок с дополнением к уроку и несколькими готовыми обложками здесь

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

Удачи!


Код урока для Li.ru здесь
Любовь Науменко      19-08-2012 21:47 (link)
Урок
СПАСИБО,Татьяна за прекрасный урок!!!
НАТАЛЬЯ Евтюхина      19-08-2012 21:48 (link)
Ирина Котова      19-08-2012 21:50 (link)
СПАСИБО! ПОПРОБУЮ!
Имя Фамилия      19-08-2012 21:50 (link)
Спасибо, взяла в блог.
დஜ Ярославна ஜდ      19-08-2012 21:51 (link)
Зайду попозже почитать - не успела зайти - муж выгнал
Тамара Ванькевич      19-08-2012 21:57 (link)
Спасибо,Танюша ! Полезный урок !
* Джулия *      19-08-2012 21:57 (link)
Ирина Ковалькова      19-08-2012 22:01 (link)
спасибо Танечка
Людмила Желнакова(Трутнева)      19-08-2012 22:01 (link)
СветЛана Длоугене      19-08-2012 22:05 (link)
Спасибо.мне этот урок больше нравится.хотя эффектов на фото маловато!Пригодится.утащила!
Владимир Грядовкин      19-08-2012 22:11 (link)
Lyubov Sibiryachka      19-08-2012 22:18 (link)
Благодарю.
Надежда Быковских      19-08-2012 22:20 (link)
СПАСИБО ТАНЮША!!! ТЫ СУПЕР!!!
Lyubov Griskova      19-08-2012 22:25 (link)
Спасибо, буду тренироваться.
галина л.      19-08-2012 22:28 (link)
Спасибо!
ЕЛЕНА ЩУКИНА      19-08-2012 22:29 (link)
Танечка. спасибо огромное!!! Этот урок -ну просто жизненно необходим теперь:)))
Лилия Соболева      19-08-2012 22:30 (link)
Спасибо за урок!!!
Галина Быкова      19-08-2012 22:31 (link)
Спасибо, Танечка. как всегда, урок замечательный и нужный!
Svetlana Engel      19-08-2012 22:35 (link)
Спасибо, Татьяна, за урок!
Жанна Смирнова      19-08-2012 22:36 (link)
Спасибо большое!!
Людмила Димова      19-08-2012 22:44 (link)
Спасибо за урок!
Лариса Чемерис      19-08-2012 22:56 (link)
Наталья Иванова      19-08-2012 22:56 (link)
Спасибо за урок !!!!
     19-08-2012 23:01 (link)
Re: Как сделать обложку-анимацию
· 1 ·  2   3   4   Next ›