Ви дізнаєтеся, як зробити gif анімацію тексту найпростішим і швидким способом.
У попередньому уроці ми розповіли вам, як зробити gif анімацію з картинки на прикладі анімованого зображення новорічної ялинки і снігу. Тепер розповімо про найпростіший спосіб зробити анімацію тексту.
Створіть новий документ ( «Ctrl + N») розміром 200х50 пікселів. За допомогою інструменту «Лупа» збільште робоче поле. Виберіть інструмент «Текст», поставте курсор в робочу область документа і наберіть «Вперед. ».
У правій частині екрана з'явиться вікно для роботи з текстом. В цьому вікні можна вибрати інший шрифт для тексту, поміняти стиль букв. Виберіть в цьому вікні товщину букв «жирну з нахилом». Щоб розтягнути слово на все робоче поле, натисніть «Ctrl + T». Потягніть по черзі за кожен верхній кут, щоб слово було максимально розтягнуто. Для завершення трансформації натисніть «Enter».
У вікні для роботи з текстом є чорний прямокутник. При натисканні на нього відкривається палітра. Клацніть в цій палітрі на будь-який колір, текст стане такого кольору.
Відкрийте меню «Вікно», «Анімація». В процесі анімації треба зробити так, щоб текст пересувався в робочому полі зліва направо.
Затисніть клавішу «Shift», і перетягніть слово в праву частину робочого поля так, щоб залишилася видна тільки буква «У». Це буде перший кадр анімації.
Додайте ще один кадр. Знову затисніть «Shift» і протягнете слово через робоче поле справа наліво так, щоб воно повністю зникло з поля зору. Це останній кадр анімації.
Тепер клавішею «Shift» виділіть обидва кадру і натисніть у вікні «Анімація» на кнопку з декількома квадратами. З'явиться вікно, де треба вказати кількість проміжних кадрів. Чим більше проміжних кадрів ви задасте, тим більше плавно буде виглядати переміщення слова. У нашому випадку досить зробити 6 проміжних кадрів. Вкажіть це число і натисніть «Ок».
Тепер «Shift» виділіть всі кадри, натисніть під першим кадром на чорний трикутник. В з'явилася таблиці, натисніть на час 0,1 с (це час затримки кадру). Натисніть на кнопку «Відтворення», щоб подивитися, як рухається слово.
Якщо ви хочете зробити рух слова нескінченним, натисніть у вікні «Анімація» на найпершу кнопку в нижній частині, поставте галочку в другому пункті.
Зверніть увагу, що при відтворенні анімації, слово складно прочитати. Давайте зробимо так, що в момент появи на крані цілого слова, воно на кілька секунд затримувалося. Для цього натисніть на 4-ий кадр і натисніть додати кадр. Перейдіть на новий кадр, затисніть «Shift» і перетягніть слово так, щоб воно повністю було на екрані. Натисніть на чорний трикутник під цим кадром і поставте час затримки 0,5 с.
Анімація готова. Для її збереження натисніть «Файл», «Зберегти для Web». У вікні збереження відрегулюйте кольоровість зображення. Чим менше кількість квітів, тим менше важить файл. Вкажіть кількість кольорів 32. Натисніть «Зберегти». Вкажіть місце для зберігання файлу, дайте йому назву, ще раз натисніть «Зберегти».
Більш складний варіант анімації тексту є в огляді по створенню райдужної написи.
У наступному уроці ми розповімо вам про те, як зробити в Photoshop анімацію листівки.