Текущее время: 29 мар 2024, 01:03

Как сделать gif-анимацию в фотошопе

Для любителей красоты

Модераторы: Clairette, Fosik

Как сделать gif-анимацию в фотошопе

Сообщение Intoo » 02 июл 2013, 20:57

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

Примеры моих гифок
Изображение

Изображение

Изображение

Ну и по пунктам:

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

2.
Делаем с ними необходимые операции в фотошопе, в данном случае я сконвертировала 4 кадра с электричкой в Adob Сamera Raw, затонировала и сохранила под web.

3.
Открываем все кадры в фотошопе, выбираем первую картинку, а три оставшиеся копируем на нее.
Я много работаю с горячими клавишами, поэтому мне привычнее сделать это так:
Ctrl + A - выделяем,
Ctrl + С - копируем, переключаемся на окошко с первой фотографией и
Ctrl + V - вставляем новый слой.

4.
Мы получили заготовку, состоящую из четырех слоев.
Если поочередно отключать по одному слою, то вы получите как раз желаемую анимацию, главное, делать это очень быстро))
Но мы не будем заниматься ерундой и попробуем "оживить" картинку другими средствами.

5.
Дальше на верхней панели заходим в Window и включаем панель Animation
Внизу появилась шкала, в которой мы и будем запускать нашу анимацию.
Изображение

6.
Легким движением руки отключаем все слои, кроме нижнего, делается это нажатием на значок "глаза".
Изображение

7.
А потом нажимаем на квадратик внизу, на панели анимации.
Если наш слой появился на ней, значит вы все сделали правильно.

Изображение

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

9.
В панели анимации у нас стоят все четыре слоя.
Теперь нам нужно запустить анимацию, а для начала задать время для каждого кадра.
Удерживая клавишу Ctrl, выделяем все 4 кадра. И нажимаем на маленькую черную стрелочку рядом с 0 sec. Задаем для начала 0.3, если окажется слишком быстро, можно поставить время побольше.
Изображение

10.
В углу прячется еще одна волшебная стрелочка, нажимаем на нее и выбираем Forever.
Изображение

11.

Осталось сохранить нашу gif-анимацию: Alt + Shift + Ctrl + S или [b]File --> Save for web, дальше выбираем формат gif, жмем на Save и указываем путь.
Изображение

12.
Вот что получилось.
Изображение

:)
Аватар пользователя
Intoo
Интермедиа
 
Сообщений: 752
Зарегистрирован:
25 июн 2013, 20:33
Откуда: Подмосковье
Благодарил (а): 264 раз.
Поблагодарили: 222 раз.

Re: Как сделать gif-анимацию в фотошопе

Сообщение Nadya_Ul » 02 июл 2013, 21:08

Спасибо!!! Давно мечтала научиться!!! Надо будет попробовать!
Изображение
Аватар пользователя
Nadya_Ul
Чемпион
 
Сообщений: 2481
Зарегистрирован:
25 июн 2013, 12:47
Откуда: Москва, Коломенская
Благодарил (а): 592 раз.
Поблагодарили: 543 раз.

Re: Как сделать gif-анимацию в фотошопе

Сообщение Clairette » 02 июл 2013, 21:24

Офигеть, фильм из фоток... :sh_ok: :co_ol:
Аватар пользователя
Clairette
Модератор
 
Сообщений: 3482
Зарегистрирован:
25 июн 2013, 23:53
Откуда: Москва, ЮВАО
Благодарил (а): 1142 раз.
Поблагодарили: 878 раз.

Re: Как сделать gif-анимацию в фотошопе

Сообщение Intoo » 02 июл 2013, 22:56

Nadya_Ul
Покажи потом, что получится ;)

Clairette
:a_g_a: :smu:sche_nie:
Аватар пользователя
Intoo
Интермедиа
 
Сообщений: 752
Зарегистрирован:
25 июн 2013, 20:33
Откуда: Подмосковье
Благодарил (а): 264 раз.
Поблагодарили: 222 раз.

Re: Как сделать gif-анимацию в фотошопе

Сообщение Nadya_Ul » 03 июл 2013, 06:55

Intoo писал(а):Покажи потом, что получится

Обязательно!!!

А вопрос по ходу: а не надо сначала сжать фото? Или прямо исходники копировать?
Изображение
Аватар пользователя
Nadya_Ul
Чемпион
 
Сообщений: 2481
Зарегистрирован:
25 июн 2013, 12:47
Откуда: Москва, Коломенская
Благодарил (а): 592 раз.
Поблагодарили: 543 раз.

Re: Как сделать gif-анимацию в фотошопе

Сообщение Nadya_Ul » 03 июл 2013, 07:20

Nadya_Ul писал(а):А вопрос по ходу: а не надо сначала сжать фото? Или прямо исходники копировать?

Вопрос снимается - пропустила пункт 2 :smu:sche_nie:
Изображение
Аватар пользователя
Nadya_Ul
Чемпион
 
Сообщений: 2481
Зарегистрирован:
25 июн 2013, 12:47
Откуда: Москва, Коломенская
Благодарил (а): 592 раз.
Поблагодарили: 543 раз.

Re: Как сделать gif-анимацию в фотошопе

Сообщение Intoo » 03 июл 2013, 11:36

Nadya_Ul
:)
Если не сжать, то гифка будет гигантская и неповоротливая :hi_hi_hi:
Аватар пользователя
Intoo
Интермедиа
 
Сообщений: 752
Зарегистрирован:
25 июн 2013, 20:33
Откуда: Подмосковье
Благодарил (а): 264 раз.
Поблагодарили: 222 раз.

Re: Как сделать gif-анимацию в фотошопе

Сообщение Nadya_Ul » 03 июл 2013, 22:04

Intoo писал(а):Nadya_Ul
:)
Если не сжать, то гифка будет гигантская и неповоротливая :hi_hi_hi:

это я понимаю, поэтому вопрос и возник
Изображение
Аватар пользователя
Nadya_Ul
Чемпион
 
Сообщений: 2481
Зарегистрирован:
25 июн 2013, 12:47
Откуда: Москва, Коломенская
Благодарил (а): 592 раз.
Поблагодарили: 543 раз.

Re: Как сделать gif-анимацию в фотошопе

Сообщение Nadya_Ul » 04 июл 2013, 06:43

В общем, кажется, у меня что-то получилось. Правда, снимала без штатива за неименеем оного, поэтому смещение есть
2.gif
2.gif (236.08 KiB) Просмотров: 12641


вот другой похожий вариант
Изображение
http://fotki.yandex.ru/users/uledova/view/885244/

ну и немного движения
Изображение
http://fotki.yandex.ru/users/uledova/view/885243/

Качество, конечно, не очень, но принцип я поняла!!! Мне понравилось! Ирина, спасибо!
Изображение
Аватар пользователя
Nadya_Ul
Чемпион
 
Сообщений: 2481
Зарегистрирован:
25 июн 2013, 12:47
Откуда: Москва, Коломенская
Благодарил (а): 592 раз.
Поблагодарили: 543 раз.

Re: Как сделать gif-анимацию в фотошопе

Сообщение Fosik » 04 июл 2013, 09:32

Надь, нормально! Смещение можно подравнивать немного. Теперь тебе более скоростную технику надо приобретать :hi_hi_hi:
Еще это в Fireworks можно делать. Эта прога более для анимации заточена.
Ты навсегда в ответе за всех, кого приручил.(с)
П-к колли ShaggyPack http://collierough.ru
Борис 8-916-369-4533 Skype: boris_masl
Аватар пользователя
Fosik
Модератор
 
Сообщений: 713
Зарегистрирован:
24 июн 2013, 21:33
Откуда: Москва САО
Благодарил (а): 204 раз.
Поблагодарили: 306 раз.

Re: Как сделать gif-анимацию в фотошопе

Сообщение Nadya_Ul » 04 июл 2013, 14:09

Fosik писал(а):Теперь тебе более скоростную технику надо приобретать

Эээ... Ей же еще надо уметь пользоваться :nez-nayu:
А какую лучше? :smu:sche_nie: А то такие разговоры ведутся... Наш чей-то барахлить стал...
Изображение
Аватар пользователя
Nadya_Ul
Чемпион
 
Сообщений: 2481
Зарегистрирован:
25 июн 2013, 12:47
Откуда: Москва, Коломенская
Благодарил (а): 592 раз.
Поблагодарили: 543 раз.

Re: Как сделать gif-анимацию в фотошопе

Сообщение Intoo » 04 июл 2013, 14:10

Nadya_Ul
А здорово :)))
Аватар пользователя
Intoo
Интермедиа
 
Сообщений: 752
Зарегистрирован:
25 июн 2013, 20:33
Откуда: Подмосковье
Благодарил (а): 264 раз.
Поблагодарили: 222 раз.

Re: Как сделать gif-анимацию в фотошопе

Сообщение Nadya_Ul » 04 июл 2013, 15:06

Intoo
Спасибо! Только вот без штатива не получилось не двигать фотоаппарат, а поставить я не догадалась - с рук на корточках делала, поэтому, конечно, прыгает...
Но мне интересно было принцип понять - поэтому, по сути, в полевых условиях. Зато собаки старались: несколько дублей захода (потом приходилось выгонять), Тася старательно вертела головой :-)
Изображение
Аватар пользователя
Nadya_Ul
Чемпион
 
Сообщений: 2481
Зарегистрирован:
25 июн 2013, 12:47
Откуда: Москва, Коломенская
Благодарил (а): 592 раз.
Поблагодарили: 543 раз.

Re: Как сделать gif-анимацию в фотошопе

Сообщение Fosik » 04 июл 2013, 15:23

Nadya_Ul писал(а):Зато собаки старались: несколько дублей захода (потом приходилось выгонять)


:-) Артисты!

Nadya_Ul писал(а):А какую лучше? :smu:sche_nie: А то такие разговоры ведутся... Наш чей-то барахлить стал...

Надь, а какой сейчас?
Ты навсегда в ответе за всех, кого приручил.(с)
П-к колли ShaggyPack http://collierough.ru
Борис 8-916-369-4533 Skype: boris_masl
Аватар пользователя
Fosik
Модератор
 
Сообщений: 713
Зарегистрирован:
24 июн 2013, 21:33
Откуда: Москва САО
Благодарил (а): 204 раз.
Поблагодарили: 306 раз.

Аватар пользователя
Nadya_Ul
Чемпион
 
Сообщений: 2481
Зарегистрирован:
25 июн 2013, 12:47
Откуда: Москва, Коломенская
Благодарил (а): 592 раз.
Поблагодарили: 543 раз.

След.

Вернуться в Фотография

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0

cron

Рейтинг@Mail.ru