Мир фотошопа от Алёнки ZZolotko (Весь материал взят с отк... Пятница, 07.02.2025, 07:33
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
Фотошоп уроки [657]
Картинки на прозрачном фоне в формате PNG [172]
Уроки анимации [81]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » Уроки анимации

Анимация написания текста
урок расчитан на людей которые только начинают знакомство с анимацией в фотошоп,поэтому написать постараюсь как можно подробнее.автор сего произведения к сожелению мне неизвестин.
и так открывае фотошоп и создаём новый файл \Ctrl+N\,скажем 320х240.

и так выбираем инструмент заливка или градиент кому,что больше нравится и заливаем наш фоновый слой.далее выбираем инструмент текст и кликаем левой кнопкой там где хотим ,чтобы был текст и вылняем необходимые настройки текста как вам необходимо в окне скриншота ниже.

затем растрируем текст.см скрин..

и так переходим к основному.я для простоты написал текст с двумя буквами.выбираем наш слой с текстом,инструментом прямоугольное выделение
или лассо можно использовать тагже перо
как вам удобно.и выделяем часть первой буквы и копируем эту часть на новый слой \Ctrl+J\.см скрин..


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

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

выключаем видимость текстового слоя.и открываем окно анимация расмотрим его поближе.см.скрин..

1.время прокрутки кадра
2.число повторения анимации
3.Вернутся к первому кадру анимации
4. На один кадр назад
5.Воспроизвести анимацию
6.На один кадр вперед
7.Создание перехода между двумя выбранными кадрами
8. Создать новый кадр анимации
9.Удалить выбранный кадр анимации

и так в окне анимации создаём новый кадр и открываем видимость слоя с первым фрагментом первой буквы и перетаскиваем кончик ручки к концу фрагмента буквы.см.скрин..

первый кадр готов,поздравляю.создаём второй кадр и повторяем действия описанные выше.и так пока некончатся букавки.для оптимизации анимации выбираем первый кадр зажимаем\Shift\и щолкаем левой клавишей на последнем кадре тем самым выделяя все кадры.и задаём время прокрутки кадра 0,1 и число повторения анимации-всегда.
когда всё готово идём фаил\сохранить для web и устройств.выбираем оптимизация,формат gif и сохраняем нашу анимацую.
у кого что получилось выкладывайте будет интерестно ознакомится.

Источник: http://photoshopia.ru
Категория: Уроки анимации | Добавил: ZZolotko (19.03.2010)
Просмотров: 2233 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2025
    Сделать бесплатный сайт с uCoz