Art-Slide

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

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


Вы здесь » Art-Slide » Уроки по Proshow Producer » Практические уроки ProShow Producer » Новогодний шарик из круглой рамки в ProShow Producer - 9


Новогодний шарик из круглой рамки в ProShow Producer - 9

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

1

Приветствую всех в разделе с уроком  :flag:

В моей теме "С Новым годом" были вопросы и пожелания по созданию новогоднего шарика и ёлочки.
Ссылка на тему "С Новым годом!"
Демо-ролик из проекта:

В этом уроке я покажу как создать такой "ребристый шарик", а ёлочка выстраивается аналогично. Для неё изменения будут лишь в настройках наклона по Y в ключевых кадрах. С ёлочкой всё проще... она не открывает фотографию и стоит на одном месте, поэтому, надеюсь, что сами с ней справитесь после этого урока.
В слайде с шариком есть фотография, которая зависит от этого шарика. Создавать его будет немного сложнее, поэтому начнём с него.
Для урока я немного изменила оформление и настройки, но сама конструкция с шариком осталась прежняя.
Создавать будем вот такой слайд:

Часть 1 - Подготовительный этап.
Для выполнения урока нам понадобятся:
1) Фотография - 1 шт.
2) Программа ProShow Producer - 9 версия.
3) Круглая рамка на прозрачном фоне в формате *png. Рамку надо подобрать такую, чтобы центр рамки совпадал с центром слоя на котором расположена рамка. Если рамка расположена правее или левее центра слоя, то в программе Фотошоп ей надо сделать тримминг и получить файл, у которого ширина равна высоте (квадратный слой будет). Это сильно облегчит нам работу.
Для своей работы я создавала рамочку такую:
http://sg.uploads.ru/t/FASCM.png
Можете использовать её или сделать свою.
О том, как делаются такие рамочки, можете посмотреть в видеоуроке Ирины.

Создание круглых рамочек в Фотошопе

Теги: урок ProShow Producer,новогодний шарик из круглой рамки

+13

2

Часть 2 - Основная работа по созданию шарика из круглой рамочки в ProShow Producer - 9.
Идея будет заключаться в следующем:
- шарик между ключевыми кадрами 1-2 стоит на месте (статичное положение);
- между ключевыми кадрами 2-3 масштаб увеличивается и рёбра шарика открывают фотографию;
- между кк 3-4 стоит на месте;
- между 4-5 кк масштаб уменьшается и ребра закрывают фотографию;
- между 5-6 ключевыми кадрами опять статичное положение.
Управление масштабом, позиционированием и вращением будем делать на отдельном управляющем слое.
Вертикальный наклон для рёбер шарика будем делать ключевыми кадрами.

1. Создаём слайд. Время слайда -12 секунд.
Время слайда потом уже можно увеличивать или уменьшать в зависимости от ваших потребностей.
Пока оставьте 12 секунд.

http://sh.uploads.ru/t/GqXV4.jpg

2. В нашем слайде создаём управляющий слой для шарика. Это обычный цветной слой (Solid Color)
Я сделала его красным цветом и переименовала в "Управляющий слой шарика".
Во вкладке "Коррекция" выставляем Непрозрачность слоя = 0.

http://sh.uploads.ru/t/twmZl.jpg
http://sg.uploads.ru/t/zgcOd.jpg

3. Добавляем в слайд нашу рамочку.
У меня размер рамки 1535 на 1535 пикселей. У вас тоже ширина изображения должна быть равна высоте (квадрат).

http://s5.uploads.ru/t/R7cJk.jpg

4. Создаём градиентный маскирующий слой для левой части шарика.
У меня он квадратный.
Левая половина у него белая, а правая половина - чёрная.
Переименуем слой в "Маска левая".
Под этой маской позже будем настраивать движение левой части шарика.

http://s8.uploads.ru/t/kV9ub.jpg
http://s5.uploads.ru/t/w2odR.jpg

5. Дублируем слой с маской и в настройках градиента делаем ему инверсию.
Получаем квадрат, у которого теперь левая половина будет черная, а правая половина - белая.
Переименуем слой в "Маска правая".
Под этой маской позже настроим движение правой части шарика.

http://s8.uploads.ru/t/nhgdb.jpg

Итак, после этого этапа мы получаем:
1 - красный управляющий слой;
2 - левую маску;
3 - правую маску;
4 - рамочку, которую будем превращать в ребристый шарик.
Слой с рамочкой переименовываем в "Слой -88".
-88 означает то, что в позже мы будем ему делать наклон по Y (горизонтальный наклон) на -88.

+4

3

6. Привязываем в настройках фильтра левую маску, правую маску и рамочку к управляющему слою по позиции, масштабу, вращению и центру вращения.
По наклону НЕ СВЯЗЫВАЕМ с управляющим слоем!!!

http://s7.uploads.ru/t/rSkWv.jpg

7. Сделаем круглую маску для фотографии из обычного белого слоя Solid.
Во вкладке "Фильтры" также делаем привязку этой маски по позиции, масштабу и вращению к управляющему слою.
Масштаб маски во вкладке "Фильтры" подбираем так, чтобы она совпала с контуром рамки.
У меня получился масштаб для маски 75%.
У вас могут быть другие значения масштаба при этой корректировке.

http://sg.uploads.ru/t/1i3Vy.jpg
http://sh.uploads.ru/t/vYs3b.jpg

8. Добавляем в слайд фотографию. Привязываем её во вкладке "Фильтры к управляющему слою по позиции и масштабу.
Регулируем положение и масштаб по своему усмотрению. У меня масштаб фотографии 77%, а позицию корректировать не пришлось.

http://s8.uploads.ru/t/QGzfP.jpg

+1

4

9. Переходим на "Слой -88".
Добавляем во вкладке "Эффекты" 4 ключевых кадра. Всего теперь на шкале 6 кк.
Напоминаю, что по замыслу между первым и вторым кадрами у нас статичное положение шарика в закрытом состоянии, потом, между вторым и третьим ключевыми кадрами шарик раскрывается. Между третьим и четвёртым ключевыми кадрами опять статичное положение. Между четвёртым и пятым ключевыми кадрами шарик закрывается. И между 5-6 кк опять статичное положение.

http://s8.uploads.ru/t/aLmUv.jpg

10. Дублируем "Слой -88".
Дубликат переименовываем в "Слой 88".
Располагаем слои под масками (см. скрин).

http://s8.uploads.ru/t/ZmuaT.jpg

0

5

11. Работаем с настройкой наклонов в "Слое -88".
Наклон по Y (горизонтальный наклон) в 1,2,5,6 ключевых кадрах ставим =-88.
В 3,4 кк наклон =0.

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

12. В "Слое 88" наклон по Y в 1,2,5,6 кк ставим  =88.
В 3,4 кк = 0.

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

0

6

13. Далее работаем с левой половинкой шарика.
Дублируем "Слой -88".
Нижний дубликат переименовываем в "Слой -80". В нём меняем наклон по Y в 1,2,5,6 кк на -80.

http://s9.uploads.ru/t/IP4xe.jpg

14. Дублируем "Слой -80". Нижний дубликат переименовываем в "Слой -70". В нём меняем наклон по Y в 1,2,5,6 кк на -70.
Поступая аналогично пп. 13-14, мы получаем под левой маской стек из 9 слоёв.

http://s7.uploads.ru/t/PiOCL.jpg

0

7

15. Начинаем создавать правую часть шарика.
Дублируем "Слой 88".
Переименовываем нижний дубликат в "Слой 80".
Меняем настройки наклона по Y в 1,2,5,6 кк на =80.
Далее проделываем работу аналогичную той, что была с левой частью шарика...
В результате под правой маской тоже получим стек из 9 слоёв.

http://s7.uploads.ru/t/s4UTV.jpg

После всех этапов с 1 по 15 у вас уже должен получиться шарик:

Но это ещё не всё... Продолжаем!  :flag: Осталось чуть-чуть потрудиться. Последний рывок  :yep:

0

8

16. Переходим к настройке управляющего слоя. Эту часть урока вы можете делать уже со своими параметрами. Я лишь опишу свои настройки...
Добавляем на шкалу управляющего слоя 4 ключевых кадра.
Всего их теперь 6.
По шкале они могут располагаться произвольно (не обязательно их настраивать также по времени, как для рамочек).
Расстановка кк может быть потом отрегулирована в зависимости от музыки и ваших идей оформления.

http://s5.uploads.ru/t/d31xh.jpg

0

9

17. В настройках кк управляющего слоя мы можем менять позиционирование, масштаб и вращение.
У меня в работе "С Новым годом" была выстроена композиция по центру экрана, поэтому настройки такие:

Ключевые кадры
------------------
Настройки

1 кк

2 кк

3 кк

4 кк

5 кк

6 кк

Позиция

x=0, y=-20

x=0, y=-20

x=0, y=0

x=0, y=0

x=0, y=-20

x=0, y=-20

Масштаб

Mx=40, My=40

Mx=40, My=40

Mx=80, My=80

Mx=80, My=80

Mx=40, My=40

Mx=40, My=40

Вращение

(0,0)

(0,0)

(0,0)

(0,0)

(0,0)

(0,0)

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

Часть 3 - Украшаем слайд.
Добавляем фон слайда, клипарт, тень от шарика, корректирующий слой в зависимости от общего освещения слайда и т.п. Всё оформление делайте так, как пожелаете.
Успехов во всех делах  :flag:

0

10

Первый этап прошла...рамку создалаhttp://s7.uploads.ru/t/UdXRr.png

+1

11

Пандора
Светлана, урок выполнила. Никаких трудностей при выполнении не возникло, все очень четко и понятно.

*ИриNа* Отдельно спасибо нашей Ирине за отличный урок

+6

12

admin
:cool:  Молодец! Катюша, красиво получилось  :cool: Букашечка прямо в тему  :cool: И фотография у тебя объём шарику добавила  :cool:
В стиль можно сохранить, чтобы всегда можно было воспользоваться.

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

Никаких трудностей при выполнении не возникло, все очень четко и понятно.

Ну и славненько. Я сильно переживала, что будет трудно и непонятно. А сколько по времени заняло? Долго?

0

13

Пандора написал(а):

А сколько по времени заняло? Долго?

у меня где-то час на все ушло

0

14

admin
Я думала первый раз часа два на это уйдёт. Час времени - нормально.
Всё... моя совесть спокойна.

0

15

Пандора написал(а):

В стиль можно сохранить, чтобы всегда можно было воспользоваться.

надо еще доработать анимацию букашки...а то там есть не корректный момент

0

16

Пандора написал(а):

Я думала первый раз часа два на это уйдёт. Час времени - нормально.
Всё... моя совесть спокойна.

Светочка...так все подробно, что час это еще много...это я еще с оформлением решала

0

17

Пандора, спасибо за такой замечательный урок! Все просто, доступно. И очень интересно.

+7

18

admin
Катюша, если бы ты не написала, то я бы не обратила внимание. Нормально летает. Реального полета всё равно в PSP не сделаешь. А образ полёта обозначен чётко.
Inina
Нина, поздравляю! Урок усвоен отлично  :cool: Получилось всё замечательно. Я очень рада, что смогла вам помочь  :)

+1

19

Inina
Ирина! ЗдОрово получилось!

+1

20

Пандора
admin
Спасибо за добрые слова.

0

21

Пандора
Светлана, спасибо за интересный урок! Я вот тоже смастерила... Сложно правда настроить правильное "качание", ну уж что получилось... и ещё застряла на фото в правом фонарике, вроде все центры по несколько раз проверила, всё равно "гуляет" фото и всё тут...😢

+9

22

Похожее делала в 2013г.

+5

23

oligawlad
Ольга Владимировна, ну вы себе задачу поставили по высшему классу  :cool: Смотрятся фонарики так, что глаз не оторвать  :O Очень красиво!!!
С качанием надо всё перепроверять. Скорее всего с форматом фотографии или центром вращения какие-то неувязки  :dontknow:  Надо попробовать... Может надо фотографию кадрировать в квадрат? Чтобы проще было настроить...
Татьяна56

Татьяна56 написал(а):

Похожее делала в 2013г.

Татьяна, попробуйте в новой программе. Программа ProShow Producer - 9 усовершенствовалась по сравнению с прежними версиями и теперь даёт сделать такой эффект намного проще.

+2

24

Татьяна56
Какая замечательная работа! Каким же мастером надо быть, чтобы это сделать! Спасибо, что показали!!!  [взломанный сайт]   [взломанный сайт]   [взломанный сайт]

0

25

oligawlad
Ольга Владимировна, фонарики просто шикарно получились...
Татьяна56
очень красиво получилось

+1

26

Пандора

Огромнейшее спасибо за прекрасный урок!!! Все четко, ясно, понятно!!!  :cool: 

Шарик получился без проблем.

Цветочки за Ваш труд:  [взломанный сайт]   [взломанный сайт]   [взломанный сайт]

*ИриNа*

По Вашему уроку была создана рамочка. Спасибо за отличный урок. Цветы "учителю": [взломанный сайт] [взломанный сайт] [взломанный сайт]

Вот моя рамочка (может кому-нибудь пригодится):

http://sd.uploads.ru/t/7f5Ow.png

oligawlad

Восхищена Вашими фонариками!!!  :cool:

Захотелось свой шарик сделать по типу Ваших фонариков. Поставила модификатор на вращение: синусная волна с параметрами 0.3 / 1 / 0 и центром вращения 0 / -100. И мой шарик в нижней части сразу начал разделяться на две половинки (по границе градиента). Что только не делала, везде меняла центры вращения с одинаковыми и разными параметрами, ничего не помогло... Зашла в тупик...  [взломанный сайт]   

Можете подсказать, в чем моя недоработка?

Отредактировано forumcanka (10-04-2019 15:54:00)

+1

27

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

И мой шарик в нижней части сразу начал разделяться на две половинки (по границе градиента)

А вы сделали модификатор на вращение самому градиенту?

0

28

forumcanka
замечательная рамочка

0

29

admin

Спасибо.

oligawlad

А вы сделали модификатор на вращение самому градиенту?

Нет. Модификатор применен к управляющему слою.

Отредактировано forumcanka (10-04-2019 22:39:31)

0

30

forumcanka
У меня модификатор на вращение добавлен к каждому слою шарика, градиенту и цепочке.

+1


Вы здесь » Art-Slide » Уроки по Proshow Producer » Практические уроки ProShow Producer » Новогодний шарик из круглой рамки в ProShow Producer - 9


Рейтинг форумов | Создать форум бесплатно