Анимация Веб-дизайн Тюнинг Обработка фото Спецэффекты Эффекты текста Видеоуроки Фотомонтаж Планшет
Скачать кисти Скачать PSD Книги Программы Скачать стили Скачать шрифты



Кисти Photoshop

Бесплатно 2 GB для ваших коллажей и фотографий

Аудит, бухгалтерский учет - компания Интеллаудит

Форум Новости Конкурсы Интервью Рисование Сайт-шоу Обзоры Партнеры Реклама Контакты Гостевая
Словарь терминов Горячие клавиши Установка Фотошопа
Большая прогулка Винни Пуха (анимация)
Большая прогулка Винни Пуха (анимация)


Красивые губки
Красивые губки


Ведьма
Ведьма


Плавленый текст
Плавленый текст


Улучшаем форму груди
Улучшаем форму груди

» » Анимация рукописного текста
Купить полезную книгу: Самоучитель Photoshop CS6. Официальная русская версия (+DVD)

Популярные уроки по фотомонтажу

Создаем татуировку в Photoshop  Тучи и молнии  Как нарисовать слезу в Photoshop  Фотомонтаж  Девушка-кошка (фотомонтаж)  Фотомонтаж: меняем фон  Козабака  Фотомонтаж: создаем ангела с крыльями  Ангельские крылья: способ 2  Эффект Шарингана

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

: Анимация  : 4 октября 2007  : 108227  

Объявления:

Результат:



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



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

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



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



Повторите операцию еще раз:



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



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



Теперь перейдем в программу для анимации ImageReady, кликнув на указанной иконке или нажав Shift+Ctrl+M на клавиатуре.



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

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



Установите цвет кисти на белый, и начинайте закрашивать свою надпись.



Оставьте только самый крайний участок первой буквы:



Теперь перейдем к окну анимации. Кликните на указанной иконке, чтобы сделать дубликать кадра:



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



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



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



Теперь снова кликаем на указанной иконке, чтобы создать очередной дубликат кадра:



Для третьего кадра перейдем к следующему слою:



Кадр создан:



Закрашиваем надпись и оставляем чуть большую часть буквы:



Аналогично создаем очередной дубликат кадра и делаем видимым очередной слой:



Стираем надпись и оставляем еще большую часть буквы:



Далее действуем по той же схеме- создаем очередной кадр:



Для нового кадра переходим к новому слою:



На этот раз оставляем первую букву целиком:



Повторяем операции- создаем дубликат кадра:



Для нового кадра делаем видимым очередной слой:



Закрашиваем все меньше и меньше:



Делаем новый дубликат кадра:



Для нового кадра делаем видимым следующий слой:



Закрашиваем и оставляем чуть больше надписи:



Тут главное- не торопиться. Делаем очередной дубликат кадра:



Для которого делаем видимым следующий слой:



При закрашивании оставляем все больше надписи:



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



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



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



Желаю удачной анимации!

Глобатор

 Читайте также:

Если у Вас есть вопросы, можете задать их на нашем форуме.

Получайте новые уроки на e-mail:

Буду благодарен, если поделитесь ссылкой на эту страницу в одном из сервисов:

Присоединяйтесь к нам в Facebook (просто нажмите кнопку "Мне нравится"):

Понравился материал? Присоединяйтесь к нам в Твиттере @globatornet .



Популярные уроки по анимации

Создание анимированного GIF баннера  Анимация - блики на предметах  Прикольный анимированный аватар  Подмигивающая фотография  Сверкающий текст (анимация)  Анимация  Блеск драгоценностей (анимация)  Сверкающая одежда (анимация)  Новогодняя история (анимация)  Сверкающее око (анимация)

Популярные уроки по обработке фото

Кадр из старого фильма  Как изменить цвет глаз в Фотошопе  Перекрашиваем волосы в Фотошопе  Реалистичные капли на стекле  Историческая кисть в Photoshop  Как сделать коллаж в Adobe Photoshop  Как сделать макияж в Adobe Photoshop  Загар в Adobe Photoshop  Эффект миниатюры в Photoshop  Простой, но интересный эффект

Популярные уроки по спецэффектам

Африканские страсти и инструмент Перо  Реалистичная поверхность воды  Предчувствие весны (рисуем девушку)  Рисуем космос  Зима- морозные узоры на стекле  Урок по инструменту Перо  Абстракция  Использование стилей в Adobe Photoshop  Делаем рамки для фото  Обложка для диска

Популярные кисти Photoshop

Кисти-надписи  Сакура  Кисти-молнии  Кисти-бабочки  Кисти-морские обитатели  Кисти-цветы  Кисти-сердечки  Кисти Vector Curves  Кисти-бутылки  Кисти Magic Sparkle Lines

 





4istoe3oloto - победительница конкурса Подводный мир
4istoe3oloto - победительница конкурса "Подводный мир"


FatCat - победительница конкурса рисунка Кукольный мастер
FatCat - победительница конкурса рисунка "Кукольный мастер"


Айрена - победительница фотоконкурса Свет
Айрена - победительница фотоконкурса "Свет"


Яндекс цитирования Rambler's Top100
Уроки Photoshop
Вы можете установить кнопку Globator.net на своем сайте или блоге, скопировав этот код:

О проекте

Globator.net- это подробные уроки по Фотошопу, художественные кисти, красивые стили и полезные шрифты. Здесь вы найдете оригинальные уроки Фотошоп по следующим тематикам: фотомонтаж, обработка фото, анимация, спецэффекты, виртуальный тюнинг автомобилей и текстовые эффекты.

Подписка на обновления сайта

Вы можете получать обновления globator.net на e-mail или в свой RSS-ридер.


Всего подписчиков:Рассылка 'Уроки Фотошоп на Globator.com'
В случае перепечатки материалов сайта активная гиперссылка на Globator.net обязательна
Уроки Фотошоп, кисти, стили и шрифты на Globator.net©   2006-2014
Design by Globator