Предлагаю вам научится делать вот такую анимацию.
[180x300]
[250x207]
[250x204]
[700x191]
[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">
После того, как акция закончилась, в палитре слоёв у нас все
кусочки изображения расположились на отдельных слоях . Это очень удобно
для создания анимации, к которой мы сейчас приступим.
Открываем панель анимации или переходим в приложение 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]
[365x122] После того, как акция закончилась, в палитре слоёв у нас все кусочки изображения расположились на отдельных слоях . Это очень удобно для создания анимации, к которой мы сейчас приступим. Открываем панель анимации или переходим в приложение ImageReady, в зависимости от версии фотошопа. 1. На первом кадре все слои в панели слоёв открыты, т. е. видимость(глазик) включена.
[250x207]
[250x204]
[700x191]
[488x535]