Здесь вы найдете многое о похудении, здоровом образе жизни, правила ухода за собой...все что бы оставаться прекрасной всегда, красивыми и неотразимыми вечно! Еще можете узнать много нового в разделах фотошопа, кулинарии, хобби.
 
ФорумФорум  ПоискПоиск  РегистрацияРегистрация  ВходВход  

Поделиться
 

 Анимация рукописного текста (***)

Перейти вниз 
АвторСообщение
mandarinochka
Admin
mandarinochka

Сообщения : 335
Дата регистрации : 2010-08-11
Возраст : 36
Откуда : Украина

Анимация рукописного текста (***) Empty
СообщениеТема: Анимация рукописного текста (***)   Анимация рукописного текста (***) Icon_minitimeПн Окт 11, 2010 8:46 pm

Создайте в Фотошопе новый документ с белым фоном. Мой размер 300х200 пикселей. Сделайте надпись. Для этого урока предпочтительнее использовать рукописный шрифт. Для примера я использовал шрифт Kaufmann. Скачать его и другие рукописные шрифты можно здесь. Установить шрифты можно по этой инструкции шрифты
Анимация рукописного текста (***) 091ceb24fba3

Для первого раза не делайте надпись длиннее 3-4 знаков, так проще и быстрее научиться. Затем уже можете использовать текст любой длины.

Теперь зайдите в Layer-Rasterize-Type (Слои-Растеризовать-Текст), чтобы перевести текст в растр (мы сможем закрашивать надпись). В окне слоев будут два слоя (нажмите F7, если это окно закрыто):
Анимация рукописного текста (***) 660753628724

В окне слоев кликните правой мышкой на слое с надписью и выберите Duplicate Layer (Сделать дубликат слоя).
Анимация рукописного текста (***) 5e2059bb9e71

Повторите операцию еще раз:
Анимация рукописного текста (***) 87a70dd43bcc

На этот раз нам предстоит создать много слоев- примерно по два-три слоя на каждую букву и знак нашей надписи. У меня 4 знака, я создам 10 слоев. В процессе работы я добавил еще несколько слоев. Но если будете добавлять слои в конце работы, то добавленные слои будут видимы в каждом кадре, и надо будет делать их невидимыми. Так что делайте все слои сразу. В идеале на каждую букву нужно около 4-5 слоев. Для начала сделайте 2-3.
Анимация рукописного текста (***) D1920352fcea

Теперь сделайте все слои невидимыми (за исключением первого и второго). Для этого кликните на значке глаза напротив каждого слоя. В итоге у Вас должно быть такое окно слоев:
Анимация рукописного текста (***) D083ce28cec3

Убедитесь, что в ImageReady у Вас открыты окна анимации и слоев. Если нет, откройте их через
Window-Animation (Окна-Анимация)
и
Window-Layers (Окна-Слои).

Затем на палитре инструментов ImageReady возьмите
Brush tool (Кисть)
Убедитесь, что у Вас активны только слой с белым фоном и первый слой с надписью. Остальные слои должны быть невидимы:
Анимация рукописного текста (***) A0bca14b48b5

Установите цвет кисти на белый, и начинайте закрашивать свою надпись
Анимация рукописного текста (***) 3d3fecd29a13

Оставьте только самый крайний участок первой буквы:
Анимация рукописного текста (***) Cfc7a44e272b

Теперь перейдем к окну анимации. Кликните на указанной иконке, чтобы сделать дубликат кадра:
Анимация рукописного текста (***) D6cb06929f67

Появится второй кадр- точная копия нашего первого кадра. Для того, чтобы каждый кадр немного отличался от предыдущего, мы будем немного менять каждый кадр, оставляя большую часть буквы, чтобы в итоге получился эффект анимации. Суть этого урока в том, чтобы каждому кадру соответствовал свой слой, который мы будем слегка изменять. Звучит сложно, но на самом деле это легко и просто. Итак, у нас теперь появился второй кадр:
Анимация рукописного текста (***) D0763dd13f3b

Второму кадру должен соответствовать следующий слой (Вам нужно сделать этот слой видимым, кликнув на значке глаза. Соответственно, другие слои, за исключением белого фона, должны быть невидимы). Не забудьте, что активный слой должен быть выделен синим:
Анимация рукописного текста (***) 2b8335163af2

Теперь для второго кадра стираем надпись, оставляя чуть большую часть буквы:
Анимация рукописного текста (***) F484e48bf5bc

Теперь снова кликаем на указанной иконке, чтобы создать очередной дубликат кадра:
Анимация рукописного текста (***) D55245b3cdaf

Для третьего кадра перейдем к следующему слою:
Анимация рукописного текста (***) 737023d731d7

Кадр создан:
Анимация рукописного текста (***) 0a02d095df49

Закрашиваем надпись и оставляем чуть большую часть буквы:
Анимация рукописного текста (***) Bcbbde249b0c

Аналогично создаем очередной дубликат кадра и делаем видимым очередной слой:
Анимация рукописного текста (***) 3165d5dcc650

Стираем надпись и оставляем еще большую часть буквы:
Анимация рукописного текста (***) 58330ba491ea

Далее действуем по той же схеме- создаем очередной кадр:
Анимация рукописного текста (***) 687d365b957d

Для нового кадра переходим к новому слою:
Анимация рукописного текста (***) Dd90224ada62

На этот раз оставляем первую букву целиком:
Анимация рукописного текста (***) 219fc77b0b33

Повторяем операции- создаем дубликат кадра:
Анимация рукописного текста (***) 78ea96e22776

Для нового кадра делаем видимым очередной слой:
Анимация рукописного текста (***) 12caa2d28960

Закрашиваем все меньше и меньше:
Анимация рукописного текста (***) C931e6a30b92

Делаем новый дубликат кадра:
Анимация рукописного текста (***) 2d2140243aac

Для нового кадра делаем видимым следующий слой:
Анимация рукописного текста (***) 2db66b4e0190

Закрашиваем и оставляем чуть больше надписи:
Анимация рукописного текста (***) B547ed6f4cc5

Тут главное- не торопиться. Делаем очередной дубликат кадра:
Анимация рукописного текста (***) 4f6e6b9b66a7

Для которого делаем видимым следующий слой:
Анимация рукописного текста (***) 47c97a1d55bd

При закрашивании оставляем все больше надписи:
Анимация рукописного текста (***) 92d42c2c3d85

Проделайте эти шаги со всеми буквами и знаками своей надписи. Затем в окне анимации кликните на маленьком треугольнике около каждого кадра, чтобы выставить задержку в 0.1 секунды:
Анимация рукописного текста (***) 6062a5e31dbc

У последнего кадра поставьте задержку в 1 секунду. Для того, чтобы анимация была непрерывной, выберите установку Forever (Навсегда) в левой части окна анимации. Осталось нажать на волшебную кнопку Play:
Анимация рукописного текста (***) E06ab07ae6fe

И анимация готова! Для того, чтобы сохранить файл с анимацией, воспользуйтесь командой Save Optimized As и сохраните результат в формате gif.
Анимация рукописного текста (***) 11ed84e66fb2


Источник материала
Вернуться к началу Перейти вниз
http://beauty.forum2x2.com
 
Анимация рукописного текста (***)
Вернуться к началу 
Страница 1 из 1

Права доступа к этому форуму:Вы не можете отвечать на сообщения
Красота спасет мир :: Волшебный мир ФОТОШОПА! :: Уроки Photoshop-
Перейти: