 [600x89]
Урок № 74
Пишущийся текст
В этом уроке я Вам расскажу , как можно имитировать написание текста ручкой , пером , карандашом и т.д.
[600x550]Все готовые картинки можете использовать для своих блогов
Открываем картинку на которой будем писать и картинку-клипарт , чем будете писать . Готовые клипарты можно взять Здесь
В окне Слои не забываем снять замочки . Активируем инструмент Перемещение и переносим Клипарт-Перо на нашу картинку . Для удобства я буду переименовывать слои , если вы не помните или незнаете как это сделать , тогда загляните Сюда
С помощью Свободного трансформирования Ctrl+T придайте Перу нужный размер (не забывайте удерживать Shift , что бы не сбить пропорции), поверните и расположите его так что бы при написании текста оно не терялось за рамками картинки (это можно будет подрегулировать когда уже будет написан текст)
В окне Слои создаём Новый слой , на нём мы будем писать Текст .
[показать]
Выбираем Горизонтальный текст-маска , шрифт и размер
[показать]
Кликаем на картинку и пишем
[534x558]
Жмём на инструмент Заливка
[показать]
И заливаем нужным цветом , Ctrl+D - снять выделение .
[539x558]
Смотрим на надпись , представляем как будет писаться текст и примерно считаем сколько раз надо скопировать слой с текстом , если в процессе вам не хватит слоёв или окажутся лишние , то всегда можно последний слой скопировать ещё несколько раз или удалить лишние слои .
Я насчитала у себя 18 слоёв
[показать]
Стоя на слое Текст жмём Ctrl+J и копируем слои необходимое количество раз
Далее встали на слой Перо , зажали левую кнопку мыши и перетащили этот слой поверх всех слоёв .
[показать]
Инструментом Перемещение установим Перо на начало текста
[показать]
На время забудем про слой Перо и будем работать со слоями Текст .
Стоим на слое Текст . Активируем Ластик - жёсткость 100 % , размер - меняем по мере необходимости и удаляем часть текста , оставляя только первый отрезок буквы .
[показать]
Переходим на слой Текст 2 , на предыдущем слое глазик - выкл. И снова стираем всё лишнее , оставляя уже первый и второй отрезок буквы .
[показать]
Таким образом проходим по всем слоям с Текстом , удаляя лишнее и прибавляя на каждом слое по одному отрезку .
Вот так выглядит последний слой с Текстом
[показать]
А теперь самое важное , будем собирать анимацию .
Активирован инструмент Перемещение .
Всегда стоим на слое Перо (горит синим цветом) - глазик вкл. всегда
Слой Картинка - глазик вкл. всегд .
1 кадр - слой Перо и слой Картинка (Перо стоит в начале текста)
2 кадр - слой Перо , слой Картинка и слой Текст
На этом кадре перемещаем Перо (не забудьте всегда активный слой Перо , меняем видимость только глазиков и перемещаем на каждом слое Перо)
[показать]
3 кадр - слой Перо , слой Картинка и слой Текст 2
И снова передвигаем Перо
[показать]
4 кадр - слой Перо , слой Картинка и слой Текст 3
И снова передвигаем Перо
[показать]
5 кадр - слой Перо , слой Картинка и слой Текст 4
И снова передвигаем Перо
[показать]
Теперь внимание : Переход на следующую букву .
6 кадр - слой Перо , слой Картинка и слой Текст 5
Передвигаем Перо на начало следующей буквы
[показать]
Не меняя кадра вернём видимость передыдущему слою , т.е. слой 4 - глазик вкл. , слой 5 - глазик выкл. Таким образом Перо у нас стоит чётко на начале следующей буквы .
[показать]
7 кадр - слой Перо , слой Картинка и слой Текст 5
И снова передвигаем Перо
[показать]
8 кадр - слой Перо , слой Картинка и слой Текст 6
И снова передвигаем Перо
[показать]
На 9 кадре выполняем переход на следующую букву , смотрите выше если забыли или не поняли как это делается . Дальше я думаю справитесь сами .
У меня получилось 28 кадров , вот так выглядит последний
[показать]
Теперь зададим время передвижения кадров : последний - 3 сек., остальные по 0,1 сек.
Жмём на Запуск воспроизведения анимации [394x49]
Если всё устраивает сохраняем : Файл-Сохранить для Web в формате GIF .
[показать]
[показать]
Уроки от Елены
Сообщество : Самая Лучшая Коллекция Анимационных Картинок и Подробные Уроки Фотошопа
[600x89] |
|