Лента Каталог Файлы Форумы Услуги
ОсновноеRadiotalkПользовательское
Дизайн
8   •   Посмотреть все темы

🔒 Урок: Анимация в тексте (Авторский)

 
1

8497
Степан @Trilby
Здрасте)
Я тут посидел, и придумал урок 😀 (если кто то уже такое делал, сразу прошу прощения) не знал)

Ну начнём пожалуй
1.Создаём изображение (ctrl+N)
Цвет фона по вкусу
2.Пишем текст.. Желательно чтобы было очень жирно:

3.Далее, зажимаем на клаве CTRL и жмем туда куда показано красной стрелкой (ИМЕННО КРАСНОЙ!)

4.Делаем активным слой "Background" (у меня он Layer 1) и жмем на клавиатуре DeLeTe.
5.Удаляем слой с текстом и снимаем выделение!

6.Ищем картинку на задний фон
Я выбрал вот это

7.Открываем в фотошопе.. Выделяем.
8.Выбераем инструмент Movie Tool (его я обозначил синей стрелочкой, не путать!!!)

9.Выбераем область которая у нас будет "проигрываться на заднем плане" и копируем её... Рекомендую чтоб потом было легче выделить копию и оригенал и нажать CTRL+E! (делаем как бы кадр за кадром)
Ну как то вот так)

10. Наше выделенное изображение тупо перетаскиваем мышкой на текст.. (к сажелению это я не смог запечатлить)
11. Поставьте ваши "картинку" на задний план
12. Если у вас сливается текст и картинка внути - сделайте активным слой Background (Layer 1) и нажмите Layer -Style - Stroke. (ну и там сами настройте по вкусу 😀 )

Теперь Animation^^
13. Открываем анимационную панель... Window -> animation.
14.Я усложню вам задачу... На этот раз кнопку для нажатия я обозначу зеленой стрелочкой 🙄

15. Во второй фрейм передвигаем копию картинки) соответственно 1ая сдвигается влево. (Короче как на схеме..)


НУ ВОТ И ПОДОШЕЛ К КОНЦУ ВЕСЬ ЭТОТ БАРДАК)
Выделяем оба фрэйма внизу.. И жмем TWEEN...
Ставим там галочку на Position...
и от 7 до 35 кадров)...
все!

p.s. Жду вопросы, т.к. Отвечать на них не буду
ну и для тех кто "не в теме" - результат

5397
FF @Lion
Вопрос : Ещё раз и по русски и желательно в аську!

5397
FF @Lion
раз ещё раз и по русски не объяснили,решил я сам себе объяснять,чёт правда нахимичил я,ну вот смотрите,фон готорый бегает я сам нарисовал)

1778
Паша @pasha
во

9260
Евгений @starkon
Ребят красавы 😀 ))
Только осталось ко всему освоить оптимизацию изображения и все будет просто кулл 😀 ))

19
Make_Me_Feel @Make_Me_Feel
Как сохранить анимация на фотошопе ? ((((

7094
Dim @Render
Make_Me_Feel пишет:

Как сохранить анимация на фотошопе ? ((((

Файл/Сохранить для Web

19
Make_Me_Feel @Make_Me_Feel
Render пишет:

Make_Me_Feel пишет:

Как сохранить анимация на фотошопе ? ((((

Файл/Сохранить для Web

спасибо ))

1080
Денис @RuleZ-DM
Напишите как оптимизировать графику для новичков, с таким весом картинки будь это баннер или логотип сайт будет выглядеть печально!

2020
Don-A @Don-A
))

Отредактировано Don-A - 17.11.2009
5397
FF @Lion
вот еще летом баловался , просто показываю свою анимациюю...

3445
Андрей @VitrOn
Рой31 пишет:

эт знают все поверь кто с фотошопом работает:D

так ты выложи свою работу 😀

6376
Владимир @Drakoscha
Рой31 пишет:

Trilby пишет:

Здрасте)
Я тут посидел, и придумал урок 😀 (если кто то уже такое делал, сразу прошу прощения) не знал)

Ну начнём пожалуй
1.Создаём изображение (ctrl+N)
Цвет фона по вкусу
2.Пишем текст.. Желательно чтобы было очень жирно:
**********
3.Далее, зажимаем на клаве CTRL и жмем туда куда показано красной стрелкой (ИМЕННО КРАСНОЙ!)
**********
4.Делаем активным слой "Background" (у меня он Layer 1) и жмем на клавиатуре DeLeTe.
5.Удаляем слой с текстом и снимаем выделение!
**********
6.Ищем картинку на задний фон
Я выбрал вот это
**********
7.Открываем в фотошопе.. Выделяем.
8.Выбераем инструмент Movie Tool (его я обозначил синей стрелочкой, не путать!!!)
**********
9.Выбераем область которая у нас будет "проигрываться на заднем плане" и копируем её... Рекомендую чтоб потом было легче выделить копию и оригенал и нажать CTRL+E! (делаем как бы кадр за кадром)
Ну как то вот так)
**********
10. Наше выделенное изображение тупо перетаскиваем мышкой на текст.. (к сажелению это я не смог запечатлить)
11. Поставьте ваши "картинку" на задний план
12. Если у вас сливается текст и картинка внути - сделайте активным слой Background (Layer 1) и нажмите Layer -Style - Stroke. (ну и там сами настройте по вкусу 😀 )
**********
Теперь Animation^^
13. Открываем анимационную панель... Window -> animation.
14.Я усложню вам задачу... На этот раз кнопку для нажатия я обозначу зеленой стрелочкой 🙄
**********
15. Во второй фрейм передвигаем копию картинки) соответственно 1ая сдвигается влево. (Короче как на схеме..)
**********

НУ ВОТ И ПОДОШЕЛ К КОНЦУ ВЕСЬ ЭТОТ БАРДАК)
Выделяем оба фрэйма внизу.. И жмем TWEEN...
Ставим там галочку на Position...
и от 7 до 35 кадров)...
все!

p.s. Жду вопросы, т.к. Отвечать на них не буду
ну и для тех кто "не в теме" - результат
**********

эт знают все поверь кто с фотошопом работает:D

Два года спустя 🤣

6112
Turgaud @Turgaud
Рой31 пишет:

Trilby пишет:

Здрасте)
Я тут посидел, и придумал урок 😀 (если кто то уже такое делал, сразу прошу прощения) не знал)

Ну начнём пожалуй
1.Создаём изображение (ctrl+N)
Цвет фона по вкусу
2.Пишем текст.. Желательно чтобы было очень жирно:
**********
3.Далее, зажимаем на клаве CTRL и жмем туда куда показано красной стрелкой (ИМЕННО КРАСНОЙ!)
**********
4.Делаем активным слой "Background" (у меня он Layer 1) и жмем на клавиатуре DeLeTe.
5.Удаляем слой с текстом и снимаем выделение!
**********
6.Ищем картинку на задний фон
Я выбрал вот это
**********
7.Открываем в фотошопе.. Выделяем.
8.Выбераем инструмент Movie Tool (его я обозначил синей стрелочкой, не путать!!!)
**********
9.Выбераем область которая у нас будет "проигрываться на заднем плане" и копируем её... Рекомендую чтоб потом было легче выделить копию и оригенал и нажать CTRL+E! (делаем как бы кадр за кадром)
Ну как то вот так)
**********
10. Наше выделенное изображение тупо перетаскиваем мышкой на текст.. (к сажелению это я не смог запечатлить)
11. Поставьте ваши "картинку" на задний план
12. Если у вас сливается текст и картинка внути - сделайте активным слой Background (Layer 1) и нажмите Layer -Style - Stroke. (ну и там сами настройте по вкусу 😀 )
**********
Теперь Animation^^
13. Открываем анимационную панель... Window -> animation.
14.Я усложню вам задачу... На этот раз кнопку для нажатия я обозначу зеленой стрелочкой 🙄
**********
15. Во второй фрейм передвигаем копию картинки) соответственно 1ая сдвигается влево. (Короче как на схеме..)
**********

НУ ВОТ И ПОДОШЕЛ К КОНЦУ ВЕСЬ ЭТОТ БАРДАК)
Выделяем оба фрэйма внизу.. И жмем TWEEN...
Ставим там галочку на Position...
и от 7 до 35 кадров)...
все!

p.s. Жду вопросы, т.к. Отвечать на них не буду
ну и для тех кто "не в теме" - результат
**********

эт знают все поверь кто с фотошопом работает:D

руки в жо запихай, так безопаснее...

6600
Александр @admiral
Рой31 пишет:

эт знают все поверь кто с фотошопом работает:D

Это тоже знают все, поверь!

Отредактировано admiral - 22.11.2010
8497
Степан @Trilby
дабы пресечь флуд - оффтопик.


В закрытой теме нельзя отправлять сообщения.