-Рубрики

 -Всегда под рукой


Урок анимации-Переворот текста(урок фотошопа)

Понедельник, 13 Января 2014 г. 17:02 + в цитатник



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

Для этого
1)Создадим новый документ ,ну например 400х400рх
2)Зальём пока наш документ чёрным цветом
3)А белым цветом напишем ну допустим,цифру 2

4)Растрируем наш текст

5)Сделаем копию нашей цифры: Ctrl+J

6)Встаем на оригинал слоя и применим стиль слоя

7)Для копии применим другой стиль слоя

8)Чтобы применить и закрепить данные стили
Мы создадим новый слой,слой ниже,и нажмём
Объеденить с предыдущим.


9)Создадим новый слой(Слой 4)
Или кистью,или произвольной фигурой нарисуем
Звёздочку например

10)Применим к ней также стиль(можете другой п.6) и закрепим его (п.8.)

11)Сделаем по две копии наших слоёв с цифрой
И пока выключим глазики на всех слоях кроме
Слоя 2 и фона

12)Встанем и активируем слой 2 копия
И инструментом масштабирования уменьшим наш слой по ширине
До 60%

13)Встаём и активируем слой 2 копия2

14)Тоже самое проделываем с копиями третьего слоя
П.12 и п.13

15)Теперь создадим копии 4 для звёздочки
Для каждой копии повернём звёздочку инструментом Трансформации поворот.

Пока мы оставим их расположение неизменным , их мы передвиним уже в кадрах.
16)Открываем окно анимации
Выставляем
Постоянно и время анимации 0,2с
И пока выключим глазики на всех слоях кроме
Слоя 2 и фона

16)Теперь будем составлять анимацию
Первый кадр у нас Слой 2
Второй кадр-Слой 2 копия
Третий кадр-Слой2 копия2
Четвёрдый кадр-Слой 3 копия 2
Пятый кадр-Слой 3копия
Шестой кадр –Слой 3

17)Если хотите сделать анимацию плавной,
Для этого идём в меню анимации и выбираем «Выделить все кадры»
Затем опять идём в меню анимации и выбираем «Копировать кадры»
Опять в меню анимации и выбираем «вставить кадры»

Затем опять в меню анимации и выбираем «Обратный порядок кадров»
18)Вроде бы анимация готова,но мы забыли о звёздочке.
Ну чтож идём на первый кадр и включаем глазик на звёдочке
И активируем этот слой

19)Переходим на второй кадр и влючаем глазик на первой копии звездочки,а на оригинале глазик закроем.
Немного передвиним инструментом перемещения нашу звёздочку,чтоб она касалась или заходила на нашу цифру

20)Переходим на третий кадр и активируем включаем глазик на второй копии звёздочки(на оригинале глазик отключаем) и передвигаем её

21)Переходим на следующий кадр и активируем третью копию звёздочки(на оригинале глазик отключаем) и передвигаем её немного дальше

22) Переходим на следующий кадр и активируем третью копию звёздочки(на оригинале глазик отключаем) и передвигаем её немного дальше

23) Переходим на следующий кадр и отключаем глазики на слоях со звёздочками(она как бы исчезает выходя за края слоя)
Перходим на следующий кадр и повторяем с п.18 по п.23
24) Влючаем воспроизведение и вот что у нас получилось.

Таким образом можно сделать анимацию со словом и даже разными словами.

Только каждую букву в слове мы пишем на отдельном слое
И для каждой буквы нужно делать как минимум одну копию.
Ну а всё остальное в принципе как в уроке.
Только это требует терпения и внимательности.
Успехов вам в творчестве.
Возникли вопросы,пишите,обсудим…
Ваша Sem.Irina.

Рубрики:  Уроки анимации
Уроки фотошопа
Мои уроки


Процитировано 176 раз
Понравилось: 78 пользователям

R-Oksana   обратиться по имени Понедельник, 13 Января 2014 г. 17:05 (ссылка)
Благодарю!Попробую!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 13 Января 2014 г. 17:15ссылка
Пожалуйста!!!Успехов!!!
Захаринка   обратиться по имени Понедельник, 13 Января 2014 г. 17:13 (ссылка)
Какая красота!...Спасибо,Иришка!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 13 Января 2014 г. 17:16ссылка
Пасиб,Оленька!!!Я рада ,что понравилось))
love55   обратиться по имени Понедельник, 13 Января 2014 г. 17:13 (ссылка)
Во- во-во....Ира,как раз учиться мне!!!!! Спасибо!!!!!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 13 Января 2014 г. 17:17ссылка
Учись,золотце!!!Только будь внимательна со слоями...Хорошо изучи этот урок,что бы было понятно)))
Перейти к дневнику

Понедельник, 13 Января 2014 г. 17:31ссылка
Ира,у меня нет терпения..мне надо быстрей и сразу.......
Перейти к дневнику

Понедельник, 13 Января 2014 г. 17:33ссылка
Ну так не бывать.,Некоторые анимации требуют терпения,что бы было красиво...Так что учись.
Перейти к дневнику

Понедельник, 13 Января 2014 г. 17:38ссылка
Ира,а ты не пробовала работать с текстом в проге BluffTitler,я там тоже до конца не дошла...интересная прога!!!!
Перейти к дневнику

Понедельник, 13 Января 2014 г. 17:41ссылка
Неа,я даже её ещё не скачала...
Перейти к дневнику

Понедельник, 13 Января 2014 г. 17:48ссылка
Рекомендую,там не только текст,но можно и футажи делать!! У нас по этой проге был тренинг!!!
Перейти к дневнику

Понедельник, 13 Января 2014 г. 17:49ссылка
Я знаю...Но пока желания нет..может потом...
Натали0607   обратиться по имени Понедельник, 13 Января 2014 г. 17:17 (ссылка)
как интересно!!!!Благодарю,Ирочка!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 13 Января 2014 г. 17:18ссылка
Пожалуйста,Наташенька!
Franzuzhenka   обратиться по имени Понедельник, 13 Января 2014 г. 18:23 (ссылка)
Irisha, klassnij urok!!! Priwetik milaja!!! Utashila w swoj sunduchok!!! PASIBKI!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 14 Января 2014 г. 04:20ссылка
Привет,Катенька!!!!Я рада что понравилось!!!Удачи в освоении урока тебе и твоим читателям))))
jzayka   обратиться по имени Понедельник, 13 Января 2014 г. 18:42 (ссылка)
Спасибо,Ирина,за урок.
Интересный..но терпения надо..)
Ответить С цитатой В цитатник
Перейти к дневнику
Elocjka   обратиться по имени Понедельник, 13 Января 2014 г. 18:43 (ссылка)
ух ты как классно... стоит попробовать
Ответить С цитатой В цитатник
Перейти к дневнику
alina1980   обратиться по имени Понедельник, 13 Января 2014 г. 18:52 (ссылка)
Ой... Как здорово!!! Ириночка спасибо! Пойду попробую.
Ответить С цитатой В цитатник
марина-значит_морская   обратиться по имени Понедельник, 13 Января 2014 г. 19:45 (ссылка)
Да шикарный урок но трудоемкий терпения не хватит
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 14 Января 2014 г. 04:21ссылка
Главное понять,а там дело техники...
НатаТито   обратиться по имени Понедельник, 13 Января 2014 г. 20:06 (ссылка)
спасибо , всё понятно !:mms_flowers:
Ответить С цитатой В цитатник
koreckolga   обратиться по имени Понедельник, 13 Января 2014 г. 21:50 (ссылка)
Спасибо, милая Ирочка! Очень красиво получается!
Ответить С цитатой В цитатник
streglova   обратиться по имени Понедельник, 13 Января 2014 г. 21:55 (ссылка)
Спасибо за урок, Ирочка!
Ответить С цитатой В цитатник
Nella__solneshko   обратиться по имени Понедельник, 13 Января 2014 г. 21:58 (ссылка)
Спасибо Ирина! Интересно!
Ответить С цитатой В цитатник
Дюанка   обратиться по имени Вторник, 14 Января 2014 г. 07:03 (ссылка)
Спасибо за урок!!!
Ответить С цитатой В цитатник
Megeta44   обратиться по имени Вторник, 14 Января 2014 г. 07:51 (ссылка)
Спасибо огромное!!! Давно искала такой урок!!! не хочется ставить еще одну прогу.Просто подарок на Новый год!От души благодарна Вам за такой замечательный урок!
Ответить С цитатой В цитатник
Т5959595959   обратиться по имени Вторник, 14 Января 2014 г. 08:18 (ссылка)
Очень интересный урок, огромное спасибо!!!
Ответить С цитатой В цитатник
Галина_Клиновицкая   обратиться по имени Вторник, 14 Января 2014 г. 09:03 (ссылка)
спасибо.красиво,надо попробовать
Ответить С цитатой В цитатник
Ejkova   обратиться по имени Вторник, 14 Января 2014 г. 12:22 (ссылка)
Спасибо, замечательный урок!
Ответить С цитатой В цитатник
zaytuna   обратиться по имени Вторник, 14 Января 2014 г. 12:46 (ссылка)
Спасибо. Урок очень кстати.
Ответить С цитатой В цитатник
Нияра   обратиться по имени Вторник, 14 Января 2014 г. 13:07 (ссылка)
Спасибо. Люблю анимашки!
Ответить С цитатой В цитатник
надюша2525   обратиться по имени Вторник, 14 Января 2014 г. 17:20 (ссылка)
Ирочка,большое спасибо за урок!!!!
Ответить С цитатой В цитатник
Pannamusic   обратиться по имени Вторник, 14 Января 2014 г. 18:27 (ссылка)
Ух,очень сложный урок...Возьму пока на вооружение в цитатник!Спасибо,Ирочка!)))
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 15 Января 2014 г. 03:35ссылка
Привет,Анечка!!!Если честно,не очень...Главное понять смысл,как оно делается,а там как по маслу....Не знаю,а у меня с первого раза получилась анимация "С Новым годом"(в уроке которая).
Выше_Радуги_   обратиться по имени Вторник, 14 Января 2014 г. 19:52 (ссылка)
Спасибо за классный урок !
Ответить С цитатой В цитатник
Hatshepsoot   обратиться по имени Вторник, 14 Января 2014 г. 21:09 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Vega49   обратиться по имени Вторник, 14 Января 2014 г. 23:51 (ссылка)
Спасибо за урок, Ирочка.
Ответить С цитатой В цитатник
виктор541   обратиться по имени Среда, 15 Января 2014 г. 15:50 (ссылка)
Ирочка,спасибо урок понятный,но слишком у занятых девушек отнимает времени.Рекомендовал бы анимацию картинок делать в After Effects.Сэкономленное время потратить на оформление коллажей у Вас,девушек это красиво получается.Просто всегда завидую Вашему умению!У меня картинка 900Х1024 пикселей с фоном сделана за несколько минут.Удачи Вам!
ТЕКСТ (615x700, 3807Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 15 Января 2014 г. 17:03ссылка
Спасибо,Виктор.Но эта анимация рассказана конечно же как сделать переворот букв в фотошопе,но и с помощью этого урока,можно с помощью переворота менять одно слово на другое,или смена цвета,при помощи снежинок, бабочек и т.п.Это была в принципе основная задача урока.А прог много,но все (я по крайней мере не знаю такой),делали такую анимацию...
Перейти к дневнику

Среда, 15 Января 2014 г. 20:11ссылка
Ирина,девушки!Это проги из серии "Adobe"они могут работать,как в паре,так и самостоятельно.АЭ в своей работе постоянно связан с ФШ.Так,что ничего удивительного здесь нет.Мы еще много чего не знаем о ФШ!Я сообразил по быстрому картинку в АЭ и ФШ совместно.Для примера не стал уменьшать ее веса.Мне интересно столько времени понадобилось бы ФШ,чтобы прокрутить все эффекты и вытянул бы он!?
КРЕЩЕНИЕ-ГОСПОДНЕ! (700x525, 4297Kb)
Fideriga   обратиться по имени Заголовок Среда, 15 Января 2014 г. 18:49 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
виктор541   обратиться по имени Среда, 15 Января 2014 г. 20:22 (ссылка)
Ирина,девочки-это программы "Adobe" они дополняют друг друга.Мы еще много чего не знаем о ФШ.Ирина, я понял о чем идет речь в твоем уроке,а далее....А ФШ и АЭ делает все.Я не стал буквы крутить снежинками пусть они лучше падают-)
КРЕЩЕНИЕ-ГОСПОДНЕ! (700x525, 2285Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 05 Февраля 2014 г. 01:14ссылка
Красиво получается, не поделитесь ссылочкой на скачивание этой чудо-программки?
Isentiya   обратиться по имени Среда, 15 Января 2014 г. 23:37 (ссылка)
Спасибо.
Ответить С цитатой В цитатник
Sobirayu_vinograd   обратиться по имени Среда, 15 Января 2014 г. 23:50 (ссылка)
Иринка. красивый эффект!
Благодарю, солнышко.
Отличного настроения!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку