Создаём анимированный текст в фотошопе

Создать анимированный текст в фотошопе

В Интернете так много очень красивых анимированных текстов, и по этому, пользователи задаются таким вопросом, как же создаются такие анимированные тексты. Ответ очевиден — в фотошопе!  В этой уроке вы научитесь создавать классные анимированные надписи в фотошопе.

 

анимация текста в фотошопе

 

Я недавно опубликовывал статью «Как сделать в фотошопе светящийся текст«, теперь в этом уроки будем разбирать «Как сделать в фотошопе анимированный текст».

80

 

После того как вы выполните урок светящий текст, у вас должно появиться несколько слоев P (копия 2), P (копия 3), P (копия 4), P (копия 5). Вот этот момент вы и будете использовать, для того чтобы создать анимированный текст.

81

 

И так, вам необходимо будет зайти в меню «Окно» — и нажать на «Анимацию».

 

82

 

По умолчанию в окне Анимации создастся первый кадр.

 

83

 

Далее вам нужно снять глазики напротив каждого слоя, но кроме нижнего и самого верхнего.

 

84

 

Теперь кликаете по второй миниатюре справа и у вас создается второй кадр.

 

85

 

После того как вы создадите кадр, вам необходимо будет сделать видимость  «PH».

 

86

 

Далее вы создаете третий кадр, так же само, как и в описание выше.

 

87

 

Теперь вам нужно сделать видимость «PH (копия) 2»

 

88

 

Создаете в окне Анимации четвертый кадр.

 

89

 

Для четвертого кадра делаете видимость «PH (копия) 3».

 

90

 

Создаете в окне Анимации пятый кадр.

 

91

 

Для пятого кадра делаете видимость «PH (копия) 4».

 

92

 

Создаете в окне Анимации шестой кадр.

 

93

 

Для шестого кадра делаете видимость «PH (копия) 5».

 

94

 

Создаете в окне Анимации седьмой кадр.

 

95

 

Для седьмого кадра, вы выключаете видимость «PH (копия) 5».

 

96

 

Создаете в окне Анимации восьмой кадр.

 

97

 

Для восьмого кадра, вы выключаете видимость «PH (копия) 4».

 

98

 

Создаете в окне Анимации девятый кадр.

 

99

 

Для девятого кадра, вы выключаете видимость «PH (копия) 3».

 

100

 

Создаете в окне Анимации десятый кадр.

 

101

 

Для десятого кадра, вы выключаете видимость «PH (копия) 2».

 

102

 

Теперь необходимо будет сделать плавный переход между первым кадром и вторым. Чтобы создать плавный переход, нужно кликнуть на третью миниатюру в окне»Анимации», так как на скриншоте.

 

103

 

В этом окне вы должны поставить цифру 7, затем подтвердить кнопкой «Да».

 

104

 

И так, будем использовать простую арифметику, с первого активного кадра вы добавили 7 плавных кадров. Всего получается 8 кадров, затем делаете 9 кадр активный и добавляете еще 7 кадров.

 

105

 

В этом окне вы должны поставить цифру 7, затем подтвердить кнопкой «Да».

 

106

 

Снова используем арифметику, мы делали 9 кадр активным, затем добавили еще 7 кадров, всего получилось 16 кадров. Теперь делаем 17 кадр активным и добавляем еще 7 кадров.

 

107

 

Я так думаю, что вы принцип арифметики поняли и дальше объяснять, не имеет, смысла. Если все же что-то не понятно, то ниже на скриншоте будут приведены примеры до 80 кадров.

Чтобы посмотреть, что у вас получилось, необходимо будет нажать на «Play» в окне «Анимации».

 

108

 

Теперь вы сохраняете анимацию так, чтобы изображение работала на сайте или в программе. Для этого нужно перейти в меню файлы, затем нажать на раздел «Сохранить для Web и устройств».

 

109

 

У вас откроется окно, в этом окне вы выбираете формат GIF, а также выбираете те параметры, которые указаны на скриншоте ниже.

 

Обращаю внимание на вкладку цветов! Чем больше выберите цветов, тем больше будет вес файла.

 

110

С уважением Роман Рвачев!

PS. Подпишетесь на обновление статьи, и Вы узнаете, когда будет конкурс с денежными призами, а также много классных фишек и полезных советов на свой e-mail.


Введите свой e-mail адрес

 

ИМЯ-ИЗОБРАЖЕНИЯ
ИМЯ-ИЗОБРАЖЕНИЯ

Благодарю за отзывы и комментарии!

Вы можете пропустить чтение записи и оставить комментарий. Размещение ссылок запрещено.

49 комментариев к записи “Создаём анимированный текст в фотошопе”

  1. Оксана:

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

    Ответить
  2. Людмила:

    Как интересно, мечтаю научиться создавать анимацию.

    Ответить
  3. Максим:

    Прикольно получилось, только что попробовал сделать.

    Ответить
  4. Андрей Косолапов:

    Это я еще не делал, так что спасибо за статью. Попробуем как нибудь сделать.

    Ответить
  5. Елена С.:

    Сколько всего нужно сделать, чтобы получить анимированный текст! Но ради красоты, чего не сделаешь 🙂

    Ответить
  6. Светлана:

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

    Ответить
  7. Виолета:

    С такой подробной инструкцией создать анимированный текст в фотошопе теперь не составит никаких проблем, спасибо за информацию!

    Ответить
  8. Larisa:

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

    Ответить
  9. Надежда Введенская:

    Как-то пробовала делать анимацию в Фотошопе, но как-то сложно оказалось. Попробую еще по вашей методике.

    Ответить
  10. Ирина:

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

    Ответить
  11. Vadar:

    А я не могу долго работать в фотошопе. Уж очень сильно глаза болят!

    Ответить
  12. Надежда Пинчук:

    Классная статья. Раньше увлекалась этим.Сейчас процесс приостановила.Из-за катастрофической нехватки времени.
    Процесс создания анимированного текста очень увлекательный.

    Ответить
  13. Анатолий:

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

    Ответить
  14. Мэри Поппинс:

    С такими подробными инструкциями даже новичок справится с анимированным текстом.

    Ответить
  15. Traveler:

    Хорошо, когда есть четкая и понятная инструкция как и что делать. С анимированным текстом вопрос раскрыт. Спасибо.

    Ответить
  16. Нонна:

    Вы так все подробно описали! Я все хочу научится работать в фотошопе но все времени не хватает.

    Ответить
  17. Николай:

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

    Ответить
  18. Роман:

    Зная фотошоп можно много чего интересного в жизнь воплотить 😉

    Ответить
  19. Надежда:

    Никогда не задумывалась, что в фотошопе можно делать анимацию текста. Так как эта функция была мне не нужна ранее, вот и не интересовалась. Спасибо за полезности! Если я узнала информацию, значит скоро понадобится.

    Ответить
  20. Галина:

    Не знаю, пригодится ли мне анимированный текст, но статью взяла в закладки.

    Ответить
  21. Хуторная Елена:

    Буквально недавно возникла у меня необходимость сделать гифку, кажется, этот ваш пост тоже видела, когда искала нужную информацию ))) Спасибо, полезный урок!

    Ответить
  22. Людмила:

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

    Ответить
  23. Елизавета:

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

    Ответить
  24. Любовь:

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

    Ответить
  25. Alija:

    Вау! доступно объясняете, еще и со скриншотами, спасибо!!!

    Ответить
  26. Евгений:

    Спасибо за полезный урок и советы. Обязательно попробую.

    Ответить
  27. Наталья:

    Недавно сделала анимацию, сохранила в формате GIF. Но почему-то на компьютере картинка открылась с анимацией только в интернет экспловер. А на сайт я ее уже не смогла поставить в этом формате. Тожет, у меня что-то в компе не хватает.

    Ответить
    • Рвачев Роман:

      Наталья я название сайта загрузил и у меня все нормально работает. Не чего дополнительного не устанавливал.

      Ответить
  28. Виктория:

    Замечательный подробный урок: и объяснения и скриншоты действий. Думаю, что даже самый новичок в программе сможет все выполнить.

    Ответить
  29. Tatiana:

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

    Ответить
  30. Елена:

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

    Ответить
  31. Анна:

    Спасибо за урок, полезно!

    Ответить
  32. Светлана Колосова:

    Спасибо большое за подробный и понятный урок. Еще немного знаний в мою копилку. Удачи Вам, Роман!

    Ответить
  33. Ольга:

    Отличный урок! Спасибо!

    Ответить
  34. Лидия:

    Когда-то уже пробовала создать анимированный текст в фотошопе, но…попробую еще раз с вашим руководством, спасибо!

    Ответить
  35. Tatiana:

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

    Ответить
  36. Елена:

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

    Ответить
  37. Анна:

    Спасибо за урок, полезно!

    Ответить
  38. Светлана Колосова:

    Спасибо большое за подробный и понятный урок. Еще немного знаний в мою копилку. Удачи Вам, Роман!

    Ответить
  39. Ольга:

    Отличный урок! Спасибо!

    Ответить
  40. Анютка Незабудка:

    Никак фотошоп не освою… А какую версию вы рекомендуете скачать?

    Ответить
  41. Дмитрий:

    Спасибо Вам за такую полезную и информативную статью.

    Ответить
  42. Ирина Лирнецкая:

    Роман, прекрасный мануал и отличная смена дизайна на сайте. Так гораздо лучше, на мой взгляд).

    Ответить
  43. Татьяна Белая:

    Не часто делаю gif файлы с анимированным текстом в фотошопе поэтому постоянно приходится обращаться к туториалам. Возьму ваш на заметку, очень подробно и хорошо рассказано и показано.
    Спасибо, Роман!

    Ответить
  44. Андрей Назыров:

    Хороший урок, спасибо! Попробую сделать аннимационный баннер таким способом.
    Вручаю вам награду Liebster Blog Award.

    Ответить
  45. Виктория:

    Замечательный подробный урок: и объяснения и скриншоты действий. Думаю, что даже самый новичок в программе сможет все выполнить.

    Ответить
  46. Эмили:

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

    Ответить
  47. Сергей:

    Хороший пример создания анимации Роман. А про вкладку сохранения это можно говорить отдельно там каждая настройка дает свое значение и делает свой вклад в вес файла и его качество соответственно.

    Ответить
  48. Лидия:

    Когда-то уже пробовала создать анимированный текст в фотошопе, но…попробую еще раз с вашим руководством, спасибо!

    Ответить

Оставить комментарий (ПРОЧТИ ЭТО!!!)

[urlspan]

[/urlspan]

«КРУГЛЫЙ КОММЕНТАРИЙ»

Каждому комментатору, кто оставит «круглый комментарий» (8000, 9000, 10000 и т. далее.), получит 500 рублей! Акция на постоянной основе. Имя победителя я буду объявлять в новых статьях. НЕ ПРОПУСТИТЕ! Всегда следите за обновлением блога. Когда вы выиграете, я без сомнений свяжусь с Вами в любом случаи.