Создаём

Создаём

5

тэги: анимация, текст, фотошоп

категория: компьютеры и интернет

8

Без помощи Фотошопа (Adobe Photoshop) конечно-же можно сделать простейшую анимацию текста, для этого существует довольно много онлайн-сервисов и различных программ, очень простых в использовании но несколко примитивных в своём функционале.

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

Сайт Wigflip.com на котором можно создать "анимированный ползущий машинописный текст", с помощью онлайн-генератора текстовой анимации Screedbot здесь уже упоминали в одном из ответов. Там всё делается очень просто - заходите на сайт по указанной выше ссылке, в специальное окно вводите свой текст, ниже устанавливаете нужные Вам размеры (ширину) "баннера", в котором Ваша текстовая анимация будет "прокручиваться", выбираете размер шрифта, выбираете стиль отображения анимации (выбор не велик) - чёрный текст на белом фоне, или белый текст на чёрном фоне. И в принципе всё, жмёте кнопку "Создать тираду". Далее можете или скопировать анимацию к себе на компьютер, или сохранить на одном из предлагаемых сервисов и с помощью специальных ссылок или HTML кода вставить эту анимацию на сайт или блог.

Примеры анимации текста на сайте Wigflip.com

текст при наведениитекст при наведении

Ещё один онлайн-"генератор" текстовой анимации - Cool Text FREE graphics generator. На этом сайте всё также делается просто - перейдите по указанной ссылке и сможете выбрать какой-либо из предложенных шаблонов. Анимированных шаблонов не так много, но выбрать их не сложно, в предоставленных "превьюшкаш" сразу видно анимированный шаблон или нет. Кликаете по выбранному шаблону, в открывшемся новом окне устанавливаете все необходимые параметры и выбираете стиль шрифта (стилей для кириллических шрифтов совсем немного), текстуру фона, цвет градиентов и текста и так далее. Большой минус этого сервиса - тексты на кириллице отображаются однообразно и примитивно.

Для генерации логотипа или анимированного текста нужно кликнуть по кнопке "Create Logo" и сохранить на свой компьютер, или получить код для вставки на сайты или блоги.

Примеры анимации на сайте Cool Text

текст при наведениитекст при наведении

Сайт - Генератор анимированного текста и "смайликов" Giiif.ru - действительно заслуживает внимания. Создатели этого сайта поработали на славу. Пользователям предлагается довольно много разнообразных шаблонов для создания текстовой анимации и анимированных "смайликов". "Крутящийся текст", "Блестящий текст", "Анимированный текст", "Огненный текст", "Анимация заменой текста", "Анимация перебором букв", "Анимация текста - Смайлик пишет баллончиком", "Анимация бегущей строкой". Выбор впечатляет и всё это абсолютно бесплатно - с настройкой шаблонов разберётся и ребёнок, для каждого действия есть пояснения - создавайте анимацию и скачивайте на компьютер или генерируйте код для размещения в интернете.

Примеры анимации на сайте Giiif.ru

текст при наведениитекст при наведениитекст при наведениитекст при наведениитекст при наведениитекст при наведениитекст при наведении

Сайт - Up-image.ru - Генератор анимированных текстов - Если Вам нужен текст с "блестючками", или "блестяшками", в общем с самыми разнообразными эффектами "блестящего текста", то этот сайт как-раз подойдёт. Анимация текста на этом сайте незамысловатая, на основе анимированных текстур - "глиттеров" (Glitters) - разнообразных декоративных "блёсток". Сайт хорош ещё и тем, что количество текстур и стилей шрифтов просто очень большое, причём практически все стили шрифта поддерживаются на кириллице. Разобраться как на этом сайте работать проще простого. Единственный "минус" - готовую анимацию так-вот сразу на свой компьютер не сохранить, можно только получить готовые коды для вставки на сайты или блоги, но из этих кодов очень просто можно "вычленить" и прямую ссылку на сгенерированную анимированную картинку.

Примеры анимации с сайта Up-image.ru

текст при наведениитекст при наведении

Сайт 3dtextmaker.com. На этом сайте, как понятно из его названия, можно генерировать анимацию 3D текста. Но этот сайт не поддерживает кириллицу, так что особо я о нём "распространяться" не стану. Создать анимацию на этом сайте совсем не сложно - всё как-бы "разложено по полочкам" - выбираете шрифт, выбираете цвет шрифта, выбираете размер "баннера" и наконец задаёте параметры анимации, с ними лучше поэкспериментировать.

Один пример анимации на 3dtextmaker.com

текст при наведении

И напоследок скажу о нескольких очень простых программах в которых можно очень легко создать анимацию текста.

Программа SWFText - простая до "примитивности" программа предназначенная именно для создания анимации текста на основе более чем 150 встроенных шаблонов.

И ещё одна очень простая но мощная программа для создания 3D-анимированных текстов, логотипов, "кнопок" и титров к видеороликам - MAGIX 3D Maker ( Xara 3d maker). В этой программе очень много встроенных шаблонов шрифтов, анимации и текстур, которые можно легко настроить под "себя".

текст при наведении

автор вопроса выбрал этот ответ лучшим

комментировать

6

Недавно обнаружил ещё один интересный сайт, на котором можно создавать так называемый "лайвтайп" (LiveTyping), или по простому - живой текст (живое печатание). Получаются довольно прикольные вещи. :)))

текст при наведении

Когда кто-то читает любой текст, то он видит только его окончательный, статичный вариант. Но и сам процесс написания, набора, печатания текста бывает довольно интересным и даже комичным. Как именно набирался текст, какие ошибки исправлялись, какие слова и "очепятки" изменялись - это всё, весь процесс написания текста можно сохранить и записать в "гифку" на сайте LiveTyping.

Создать "лайвтайпы" на сайте LiveTyping.ru может любой пользователь интернета. Это сделать легко и просто - вводите какой-либо текст в специальное окно, выбираете стиль и размер шрифта, выбираете размер (ширину) итоговой картинки - от 100 до 1000 пикселей, выбираете с какой скоростью будет выполняться итоговая анимация (реальная, средняя или быстрая)... и в принципе всё...

Ах-да! Нужно-же ещё нажать кнопку "оживить" и через несколько секунд ваш "лайвтайп" будет автоматически создан. Для его сохранения нужно кликнуть по получившейся картинке левой клавишей мыши и выбрать "сохранить картинку как..." и указать путь (папку) для сохранения анимации на ваш компьютере. Можно сделать то-же самое получив ссылку на изображение.

Вот теперь всё...

Да нет, не всё! Можно ещё созданные картинки сохранять прямо на сайте. На этом сайте можно зарегистрироваться и создать свой собственный архив "лайвтайпов", чтобы делиться ими на форумах и в социальных сетях. Для каждой отдельной картинки можно получить специальный код, для размещения его на форумах, блогах или сайтах.

4

Действительно, создать анимированный, блестящий, горящий текст, бегущую строку можно, обойдясь без фотошопа и его возможностей. Если программа не установлена, существует возможность воспользоваться фотошопом онлайн здесь на сайте photoshop-online.bi­ z/ или здесь photoshop.vse-o-poz­ itive и таких источников множество.

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

Насчет генераторов текста, табличек, бегущей строки и т. д. здесь ещ никто не сказал про сайт smayli.ru/generaton­ adpisey/. Хотя там можно сделать все то же самое, что с помощью gifr.ru.

Например, припомощи пишущего баллончиком смайлика можно задать цвет букв, фон (кирпич/вагонка) или без фона, скорость написания текста, количество повторов/бесконечная анимация:

Возможности сайта icons8.com:

Раньше получалось сделать горящий текст, текст с заменой на сайте giiif.

3

Есть ещё один сайт для создания в том числе анимированного текста. Это сайт "Рамочник".

Ссылка: http://4maf.ru/

В данном случае нужен не рамочник (он идёт первым), а ПИСЕЦ (он идёт вторым). Нажимаем на это слово, выбираем шрифт, пишем что-либо в пустом окошке, выбираем фон или цвета, тень, объём включен по умолчанию, отражение - тоже (его лучше отключить), подложка - прозрачная или цветная. Нажимаем кнопку "готово". Если размер надписи маленький или большой - меняем размер шрифта в начале и нажимаем "готово" ещё раз. Нажимаем кнопку "сохранить" и "сохранить файл" на компьютере. У меня получилось вот что, но надпись можно сделать других цветов и другими шрифтами:

текст при наведении

3

Действительно, сделать анимацию можно и без фотошопа, с помощью онлайн-сервисов.

Одним из таких является сервис gifr.ru. Он очень популярен и может сделать разнообразную анимацию.

Имейте в виде, что данный сервис будет оставлять небольшой водяной знак на анимации.

Еще один подобный ресурс - UP-image. Сделать анимацию здесь проще простого: вводите текст, выбираете размер и вид шрифта, окантовку и получаете код для вставки анимации на другой сайт.

Также вы можете сохранить анимацию на свой компьютер. Для этого нужно воспользоваться кнопкой "сохранить изображение как".

Оба предложенных сервиса являются абсолютно бесплатными.

2

Если не использовать Фотошоп и программы для создания мультиков и анимации, то разве что можно обратиться к помощи посторонних сайтов, чтобы создать текст-анимацию онлайн. Многие сервисы платные, но нам нужен бесплатный. Я нашел один - вот. Все, что он может, это делать текст блестящим, но там есть больше 50 эффектов блесток.

Также учтите, что в бесплатной версии сайта на анимации будет пометка домена сервиса, но она небольшая.

Вам нужно написать надпись, выбрать ее цвет, размер, тип анимации и нажать кнопку "Заблести!", а далее сохранить gif-файл.

2

Создавать анимированные тексты на самом деле не сложно.

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

Но, к сожалению не все они поддерживают кириллицу, так что при поиске стоит это учитывать.

Вот пару хороших сайтов, которые помогут вам в создании анимированной теста:

1

Когда мне потребовалось сделать анимацию, я нашёл очень хорошую программу Ulead Gif Animator. Это очень простая в установке и использовании программа.

Чтобы сделать анимированный текст в Ulead Gif Animator нужно предварительно подготовить "статичные" изображения (с разными вариантами текста, они будут сменяться). Далее подгружаем их в программу и задаём последовательность показа и время, через которое они будут сменяться.

Затем остается сохранить все это в виде файла с расширением .gif.

1

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

1

Вот крутой онлайн сервис gfto.ru по созданию разных надписей с эффектами.

0

Я делал анимированный текст и не только на сайте reposty.ru

Там можно сделать множество фич для соц.сетей и групп Вконтакте. Оформление групп, баннеры, гифки и т.д.

Все находится в разделе "Работа с группами".

Знаете ответ?

0 нужна помощь?

Как сделать анимированный текст вшопе cs6 105
Создаём 945
Анимация в фотошопе
Создаём 717
15 причесок
Создаём 237
21 идея использования пластиковых бутылок
Создаём 370
Болезни арбузов с фото
Создаём 944
Внутренний
Создаём 13
Создаём 57
Создаём 57
Создаём 21
Создаём 14
Создаём 54
Создаём 12

Похожие статьи