• Авторизация


Экшен 25 кадров..Анимация.. 08-02-2012 12:24 к комментариям - к полной версии - понравилось!

Это цитата сообщения Джоан Оригинальное сообщение

Экшен 25 кадров..Анимация..

Предлагаю вам научится делать вот такую анимацию.

[366x550]

Для работы нам понадобится акция «25 кадров», которую можно скачать ЗДЕСЬ. Эта акция разрежет изображение на 25 кусочков. Итак, загружаем акцию в фотошоп. Как это сделать читайте ЗДЕСЬ.

[365x122]

 После того, как акция закончилась, в палитре слоёв у нас все кусочки изображения расположились на отдельных слоях . Это очень удобно для создания анимации, к которой мы сейчас приступим. Открываем панель анимации или переходим в приложение ImageReady, в зависимости от версии фотошопа. 1. На первом кадре все слои в панели слоёв открыты, т. е. видимость(глазик) включена. [180x300]

 

2. Создаём новый кадр (вторая иконка справа в панели анимации) и на этом кадре убираем видимость любого слоя. [250x207]

3. Создаём следующий кадр и убираем видимость ещё одного слоя.

[250x204]

Далее, создавая новые кадры, на каждом убираем видимость очередного слоя до тех пор, пока все слои не будут закрыты (т.е. убрана видимость). В итоге в панели анимации у вас 26 кадров и полностью убрана видимость слоёв.

[250x204]

4. А теперь действуем в обратном порядке. Начиная с 27 кадра открываем видимость слоёв. Не забывайте, что для одного кадра – один слой. Создаём кадры и открываем видимость у слоёв до тех пор пока в панели слоёв останется один закрытый слой. Нам не нужен последний кадр с полным изображением, так как у нас уже есть такой кадр – первый. В панели анимации у нас получилось 50 кадров. [250x204]

Меняем задержку времени. У первого кадра с полным изображением я поставила 5сек., у 26 кадра, без изображения – 2сек., у остальных кадров я поставила задержку 0,1сек. [700x191]

Всё, анимация готова. Сохраните её в формате гиф. (меню - файл - сохранить для web, в ImageReady - сохранить оптимизированным) [488x535]

Фон можете оставить, можете изменить цвет или добавить текстуру. Делайте всё, что считаете нужным. Моя задача была показать вам принцип создания такой анимации, а изменение фона и добавление клипартов или надписей, совсем другая история. Совет. Если вы занимаетесь редакцией фона и добавлением других элементов после создания кадров, то все действия должны проводится при активном первом кадре в панели анимации. Но лучше сначала сделать все вами задуманные ходы в оформлении, а потом приступить к созданию кадров.

Удачи!

МОИ УРОКИ

Автор- <i><img src="http://s48.radikal.ru/i122/1102/e4/dded323d3544.png" width="80" height="80" border="0">
Предлагаю вам научится  делать вот такую анимацию.
<img src="http://i044.radikal.ru/1002/e2/040bf457f66b.gif" width="366" height="550" border="0">
<cut text="Читать далее...">
Для работы нам понадобится акция «25 кадров», которую можно скачать <a href="http://files.mail.ru/GGRJ4Y" target="_blank">ЗДЕСЬ.</a>

Эта акция разрежет изображение на 25 кусочков.

Итак, загружаем акцию в фотошоп. Как это сделать читайте <a href="http://my.mail.ru/community/strana-fotoshop./5FFE1DD3BF545F90.html" target="_blank">ЗДЕСЬ.</a>
<img src="http://s44.radikal.ru/i105/1002/2f/22af5321a81f.png" width="365" height="122" border="0">

&nbsp;После того, как акция закончилась, в палитре слоёв у нас  все
кусочки изображения расположились на отдельных слоях . Это очень удобно
для создания анимации, к которой мы сейчас приступим.
Открываем панель анимации или переходим  в приложение    ImageReady, в
зависимости от версии фотошопа.

1. На первом кадре все слои в панели слоёв открыты, т. е. видимость(глазик) включена.
<img src="http://s006.radikal.ru/i214/1002/40/7efb0f6d237b.png" width="180" height="300" border="0">

2. Создаём новый кадр (вторая иконка справа в панели анимации) и на этом кадре убираем видимость любого слоя.
<a href="http://radikal.ru/F/s40.radikal.ru/i088/1002/1f/3f6c6bc44c9e.png.html" target="_blank"><img src="http://s40.radikal.ru/i088/1002/1f/3f6c6bc44c9et.jpg" width="250" height="207" border="0"></a>

3. Создаём следующий кадр и убираем видимость ещё одного слоя.
<a href="http://radikal.ru/F/i033.radikal.ru/1002/dd/885f68fe6478.png.html" target="_blank"><img src="http://i033.radikal.ru/1002/dd/885f68fe6478t.jpg" width="250" height="204" border="0"></a>

Далее, создавая новые кадры, на каждом убираем видимость очередного слоя
 до тех пор, пока все слои не будут закрыты (т.е. убрана видимость).  В
итоге в панели анимации у вас 26 кадров и полностью убрана видимость
слоёв.
<a href="http://radikal.ru/F/i057.radikal.ru/1002/e4/d50ee3a4995e.png.html" target="_blank"><img src="http://i057.radikal.ru/1002/e4/d50ee3a4995et.jpg" width="250" height="204" border="0"></a>

4. А теперь действуем в обратном порядке. Начиная с 27 кадра открываем
видимость слоёв. Не забывайте, что для одного кадра – один слой. Создаём
 кадры и открываем видимость у слоёв до тех пор пока в панели слоёв
останется один закрытый слой. Нам не нужен последний кадр с полным
изображением, так как у нас уже есть такой кадр – первый. В панели
анимации у нас получилось 50 кадров.

<a href="http://radikal.ru/F/s45.radikal.ru/i108/1002/08/6fe7beed2b9b.png.html" target="_blank"><img src="http://s45.radikal.ru/i108/1002/08/6fe7beed2b9bt.jpg" width="250" height="204" border="0"></a>

Меняем задержку времени. У первого кадра с полным изображением я
поставила 5сек., у 26 кадра, без изображения – 2сек., у остальных кадров
 я поставила задержку 0,1сек.
<img src="http://s003.radikal.ru/i204/1002/cb/86f85dab7526.png" width="700" height="191" border="0">
Всё, анимация готова. Сохраните её в формате гиф. (меню - файл - сохранить для web, в ImageReady - сохранить оптимизированным)
<img src="http://s39.radikal.ru/i085/1002/4e/308083cd5b9d.gif" width="488" height="535" border="0">

Фон можете оставить, можете изменить цвет или добавить текстуру. 
Делайте всё, что считаете нужным. Моя задача была  показать вам принцип создания такой анимации, а изменение фона  и добавление клипартов или надписей, совсем другая история.

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

Удачи!
МОИ УРОКИ
Автор - Предлагаю вам научится делать вот такую анимацию. [366x550] Для работы нам понадобится акция «25 кадров», которую можно скачать ЗДЕСЬ. Эта акция разрежет изображение на 25 кусочков. Итак, загружаем акцию в фотошоп. Как это сделать читайте ЗДЕСЬ. [365x122]  После того, как акция закончилась, в палитре слоёв у нас все кусочки изображения расположились на отдельных слоях . Это очень удобно для создания анимации, к которой мы сейчас приступим. Открываем панель анимации или переходим в приложение ImageReady, в зависимости от версии фотошопа. 1. На первом кадре все слои в панели слоёв открыты, т. е. видимость(глазик) включена.

[180x300]

2. Создаём новый кадр (вторая иконка справа в панели анимации) и на этом кадре убираем видимость любого слоя. [250x207]

3. Создаём следующий кадр и убираем видимость ещё одного слоя.

[250x204]

Далее, создавая новые кадры, на каждом убираем видимость очередного слоя до тех пор, пока все слои не будут закрыты (т.е. убрана видимость). В итоге в панели анимации у вас 26 кадров и полностью убрана видимость слоёв.

[250x204]

4. А теперь действуем в обратном порядке. Начиная с 27 кадра открываем видимость слоёв. Не забывайте, что для одного кадра – один слой. Создаём кадры и открываем видимость у слоёв до тех пор пока в панели слоёв останется один закрытый слой. Нам не нужен последний кадр с полным изображением, так как у нас уже есть такой кадр – первый. В панели анимации у нас получилось 50 кадров. [250x204]

Меняем задержку времени. У первого кадра с полным изображением я поставила 5сек., у 26 кадра, без изображения – 2сек., у остальных кадров я поставила задержку 0,1сек. [700x191]

Всё, анимация готова. Сохраните её в формате гиф. (меню - файл - сохранить для web, в ImageReady - сохранить оптимизированным) [488x535]

Фон можете оставить, можете изменить цвет или добавить текстуру. Делайте всё, что считаете нужным. Моя задача была показать вам принцип создания такой анимации, а изменение фона и добавление клипартов или надписей, совсем другая история. Совет. Если вы занимаетесь редакцией фона и добавлением других элементов после создания кадров, то все действия должны проводится при активном первом кадре в панели анимации. Но лучше сначала сделать все вами задуманные ходы в оформлении, а потом приступить к созданию кадров. Удачи!

МОИ УРОКИ

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Экшен 25 кадров..Анимация.. | Та_ещё_штучка_Я - Дневник Та_ещё_штучка_Я | Лента друзей Та_ещё_штучка_Я / Полная версия Добавить в друзья Страницы: раньше»