У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается

ProShow Producer

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ProShow Producer » Анимация в Adobe Photoshop » Анимация "Загрузка"


Анимация "Загрузка"

Сообщений 1 страница 13 из 13

1

Очень простая в исполнении анимация, но иногда такой эффект бывает нужен, да и лишний опыт работы с анимацией нам не повредит)))
1. Итак создаем новый документ 500х500 пкс, фон у меян прозрачный, вы можете сразу сделать белый или тот который вам нужен.
http://s020.radikal.ru/i713/1304/c6/11b2c5fcba3et.jpg
2. Выбираем инструмент "Прямоугольник со скругленными углами"
http://s019.radikal.ru/i622/1304/6d/6caac48bfa8et.jpg
3. На верхней панеле в Фотошопе выберите значение фигура и соответсвенно нужный вам цвет для прямоугольников.
http://i076.radikal.ru/1304/46/8046dcac6fedt.jpg
4. Нарисуем один прямоугольник и скопируем этот слой (Ctrl+J) столько раз сколько нам необходимо для заполнения анимации и эффекта который мы с вами воссоздаем.
http://s017.radikal.ru/i425/1304/3b/fb0b7e1d1b8ft.jpg
6. Напишите текст "ЗАГРУЗКА" выбрав инструмент Текст
5. Для более красивого рисунка я применила к прямоугольникам такие эффекты как Тиснение, Обводка и Тень. Это можно сделать вызвав панель Параметры наложения слоя (встаньте на слой с прямоугольником нажмите правую кнопку мыши и в выпавшем окне выберите Параметры наложения слоя... либо нажмите кнопочку fx на панеле слоев внизу)
http://s017.radikal.ru/i411/1304/5d/8c98c8232170t.jpg
http://s017.radikal.ru/i438/1304/12/610891ed87d3t.jpg
http://s45.radikal.ru/i107/1304/78/3bacb2fc3167t.jpg
6. Чтобы не повторять это на каждом слое отдельно мы можем скопировать стиль слоя, встаньте на слой к которому применили параметры и нажмите правую кнопку мыши, в выпавшем окне выберите пункт Скопировать стиль слоя...
http://s017.radikal.ru/i417/1304/0c/d5bce2c4b059t.jpg
и вставьте его в другие слои с прямоугольниками, встаньте на верхний слой и с зажатой клавишей Shift кликните по нижнему слою, тогда все слои находящиеся между ними выделяться, затем нажмите правую кнопку мыши и в выпавшем окне выберите пункт Вклеить стиль слоя.
http://s017.radikal.ru/i433/1304/4b/65464eaf0d91t.jpg
7. Теперь откроем окно анимации. Окно - Шкала времени (анимация).
http://s017.radikal.ru/i418/1304/f6/5fd9106077cat.jpg
8. У вас может выпасть такое окно, не пугаемяс и преобразовываем в покадровую анимацию.
http://i076.radikal.ru/1304/87/ccb65d5673c6t.jpg
9. Выставляем кадры по порядку. Первый кадр это включенные два слоя - слой с текстом и слой первого прямоугольника, затем создаем новый кадр и включаем глазик на втором слое с прямоугольником и так дальше пока в последнем кадре у нас не будут включены все слои с прямоугольниками. Также выставите время между кадрами, нам хватить 0.2 сек.
http://s018.radikal.ru/i506/1304/82/31c92beb8457t.jpg
10. Вот так будет выглядеть конечный результат в фотошопе
http://s003.radikal.ru/i203/1304/ce/422550a78733t.jpg
11. Сохраняем нашу работу как анимацию Файл - Сохранить для Web
http://s47.radikal.ru/i117/1304/b1/3ce213ffd240t.jpg
12. Тут вы можете поиграть с параметрами анимации.
http://s47.radikal.ru/i118/1304/91/403d15ba7470t.jpg
Жмем Сохранить и вот она наша красота)))
http://s018.radikal.ru/i524/1304/3c/36dad0203457.gif
Вариация на тему...
http://s019.radikal.ru/i614/1304/83/ae4282a6326e.gif

Теги: Уроки Фотошоп анимация

+9

2

Оля , спасибо за подсказку вот переделала .
http://s3.uploads.ru/t/Z3E01.gif

Отредактировано natalka (05-04-2013 11:23:58)

+1

3

natalka
Наташ, здорово получилось))) Только чтобы анимация проигрывалась постоянно надо поставить Постоянное воспроизведение...
http://s019.radikal.ru/i615/1304/eb/57a257e544f7t.jpg

0

4

Оль,  подскажи пожалуйста, я когда пытаюсь сохранить сделанную по твоему уроку загрузку, выскакивает окошко, где написано: Предупреждение http://s3.uploads.ru/t/zmeXl.jpg. А формат для сохранения какой?

0

5

oly, см. внимательно пост 1, скрин 11 = сохраняем для WEB.

0

6

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

0

7

oly, в окне предупреждения написано, что Вы используете в имени (или в в пути к файлу) спец.символы. Проверьте ещё раз правильность имени файла.

0

8

Сейчас еще раз сначала попробую, может что вначале напутала http://s9.rimg.info/6b970442c32dd68f39dddc3cabdde41d.gif

0

9

oly
Оль, жми ок))) у меня тоже такое бывает, но на конечном файле это никак не отображается... он скорей всего ругается на квадратные скобки)))

0

10

Кажется получилось. Только открывается через ProShow Producer  , а по другому не видно. Так и должно быть. Уж простите за такие вопросы, первый раз анимацию делаю.

0

11

А кто не хочет выходить из прошоу и боится фотошопа, для тех, один из вариантов.

http://s3.uploads.ru/t/q76zU.jpg

+2

12

oly написал(а):

Кажется получилось. Только открывается через ProShow Producer  , а по другому не видно. Так и должно быть. Уж простите за такие вопросы, первый раз анимацию делаю.

Нет, гиф-анимация обычно открывается в браузере.

0

13

Евгений, Олька, спасибо за уделенное время и советы. http://s8.rimg.info/6d48f845f573540e53e34450c510edd7.gif

0


Вы здесь » ProShow Producer » Анимация в Adobe Photoshop » Анимация "Загрузка"