Фотомания

Понедельник, 29.04.2024, 14:25
Приветствую Вас Гость

Регистрация
Вход

УРОКИ АНИМАЦИИ В ФОТОШОПЕ


Главная » 2012 » Декабрь » 13 » Самопишущийся текст, анимация
22:59
Самопишущийся текст, анимация
1. Создаём новый документ разберов 400х400 (хотя достаточно и меньшего). Мы будем использовать шрифт, который выглядит как написанный от руки, размер 72рх. (Автор использовал Freestyle Script) Набираем нужный текст и растризуем слой с ним.
Самопишущийся текст *
2. Выбираем Pen Tool. Создаём наклонную линию.
Самопишущийся текст *
Удерживая левую кнопку мыши, преобразуем точки зацепления так, чтобы получился эффект подчёркивания от руки.
Самопишущийся текст *
3. Выбираем Brush Tool. Устанавливаем Hard Round 3px кисть. В меню Shape Dynamics выставляем настройки:
Fade: 150 (Или другое значение, в зависимости от размера линии под текстом)
Снова выбираем Pen Tool. Жмём правую кнопку мыши и из выпадающего меню выбираем Stroke Path, используем Brush. Повторяем Stroke Path ещё раз.
Самопишущийся текст *

Теперь у нас есть слой с фоном и с подчёркнутым текстом. Переходим к ImageReady (Ctrl+Shift+M).
Дальше мы будем работать по принципу, что в каждом кадре большая часть
текста будет стёрта, остануться только уже написанные линии. Длина линий
будет постепенно увеличиваться по сравнию с предыдущими кадрами, пока
не будет прописан весь текст...

1. Копируем слой с текстом. Работать мы мудем на копии, а оригинал скрываем.
Самопишущийся текст *
Вызываем направляющие (Ctrl+R)
и начинаем добавлять линии (просто перетаскиваем направляющие в нужное
место). Добавляем каждые 5рх горизонтальные направляющие. Так нам будет
понятно, какую часть текста мы должны оставить в каждом кадре. Открываем
Animation Panel. (по умолчанию она уже должна быть открыта)
2. Первый кадр должен содержать начало текста. У автора это левая верхняя часть буквы "W". Выбираем Eraser Tool и стираем всё лишнее. В панели анимации выставляем длительность кадра 0,04 секунды. Первый кадр готов.
3. Нажимаем на кнопку Duplicate Current Frame.
Самопишущийся текст *
Теперь делаем невидимым наш верхний слой. Дублируем основной слой с текстом и делаем копию видимой.
Самопишущийся текст *
Как во втором шаге стираем всё, кроме левой верхней части, но оставляем немного больше, для этого у нас есть разметка.
4. Повторяем третий шаг, пока на последнем кадре не будет всей надписи.
5. Создаём новый пустой кадр. Жмём в панели анимации кнопку Tween и применяем следующие настройки:
Самопишущийся текст *
Теперь наш текст будет исчезать после того, как он был написан.
6.
Теперь мы будем менять длительность некоторых кадров, чтобы сделать
анимацию более реалистичной. Между буквами задержка кадра должна быть
около 0,35 секунды, на сгибах 0,06-0,07 секунды. Кадр со всей надписью
полностью должен удерживаться около 0,6 секунды.
Самопишущийся текст *
Готово!
Самопишущийся текст *


Автор: Reiven


Категория: уроки анимации | Просмотров: 702 | Добавил: admin | Теги: Самопишущийся текст, Фотошоп, анимация, УРОКИ АНИМАЦИИ | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Форма входа

Категории раздела
уроки анимации [53]
кто онлайн
закладки
Архив записей
Друзья сайта
  • АНИМАЦИЯ
  • ALLlinks каталог сайтов - каталог ссылок рунета
  • Разработка сайтов
  • Каталог сайтов Всего.ру
  • Белый каталог сайтов

  • Статистика
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0







    ТЕГИ
    плагины к фотошопу Color Efex Pro 3.0 Анимация призрака ProDigital Software StarFilter Pro Alien Skin Blow Up плагины для фотошопа MULTILANG +RUS Vertus Fluid Mask 3 v3.2.3.8537 3.2 Анимация-капелька Magic Bullet PhotoLooks 1.5 Анимация по временной шкале в photo Анимация с текстом AKVIS Coloriage 7.5 Анимация по временной шкале в photo Фотошоп Анимация. HyperTyle v 1.05 Retail for Adobe P http://depositfiles.com/files/41912 Nik Software Sharpener Pro 3.0 анимация Nik Software Viveza 2.001 Puzzle Effect PhotoZoom Pro 4.0.4 Multilang (Rus) Christmas Lights Tutorial Tintii Photo Filter 2.6.0 for Adobe видео урок по временной шкале Alien Skin Exposure v 3.0.6 Animating A Ship On Sea Surface Topaz Detail 3.0.0 x86/x64 for Adob Плагины Alien Skin Eye Candy v7.0.0 Topaz ReMask 3.2 Rus (32-64) Curvemeister v3.4.1 retail for Adob Анимация полета вертолета Kolor Neutralhazer 1.0.2 for Adobe Анимированные песочные часы спецэффект Анимация плывущих облаков Анимация сканера УРОКИ АНИМАЦИИ уроки фотошопа non-destructive editing in Photosho Анимация Экранизации ehjrb ajnjijg Анимация волны Аваторка Выделяем волосы брызги духов Scrolling Background Text Анимированный Satin + видео как это было сделано волос глаз Vintage Analogue Photoshop и Image Ready Анимация полета Большая прогулка Винни Пуха (анимац Lomo Эффект в Photoshop Бегемотоящерица урок фотошоп Tone&colour Enhancement Half Wire Model Анджелина Джолли как Нави из фильма Блестяшки на тесте и объектах глиттеры анимация в фотошопе .....в рисунок карандашем!!! анимация для фона Color Ray Gradient фотообработка в стиле Jill Greenberg professional retouching 2 woman photo retouch близкая к профи! 10 самых распространённых ошибок ре Compass Tutorial Photo Strip Design and Print a 70s Style T-Shir Виртуальный тюнинг автомобиля в Фот 3D Recycling Bin Icon 3D текст и световые эффекты ajnjijgбНатягивание текстуры на раз гарда грандж текст 3D TEXT Акватекст уроки фотошоп Creating Funny Big Head Characters Воспоминания Dancer Авторский урок Can't sleep wallpaper В ожидании чуда взгляда через разбитое стекло Взрыв в фотошопе Выход в новый мир уроки в фотошопе 3D объекты в Photoshop Вода в фотошоп
    Поиск