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

 


 

Подобные публикации:

 

 

Смотреть другие уроки по созданию анимации в фотошопе.

{smooth-scroll-top}

 

Создадим новый документ подходящих для Вашего замысла размеров - Ctrl+N.

 

Окно Новый

 

Установим в качестве цвета переднего плана чёрный цвет и зальём наш документ этим цветом - Alt+Backspace.

 

Новый документ

 

Выберем инструмент "Текст" с подходящими Вам параметрами.

 

Инструмент "Текст"

 

Напишем какое-нибудь слово.

 

Буква

 

В палитре у нас получилось два слоя: основной слой, залитый чёрным цветом и текстовый слой. Щёлкаем по верхнему слою два раза левой кнопкой мыши.

 

Палитра Слои

 

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

 

Окно "Стиль слоя"

 

Вот такая буковка у нас получилась.

 

Буква с эффектами

 

Откроем окно "Анимация" - "Окно - Анимация".

 

Окно - Анимация

 

Вы увидите там один кадр. Создадим его копию, нажав на вторую справа пиктограмму в палитре "Анимация".

 

Палитра Анимация

 

Второй кадр стал у нас активным, не снимая его выделения, убираем эффект у текстового слоя (щёлкаем по "глазику").

 

Палитра Слои

 

Сделаем активным основной слой и опять выберем инструмент "Текст". Напишем ещё одно слово.

 

Инструмент "Текст"

 

Опять два раза щёлкаем по новому текстовому слою и в окне "Стиль слоя" выбираем эффекты для нашего нового слоя. Я оставил всё так же, как и у первого слова, только изменил цвет с красного на зелёный.

 

Окно "Стиль слоя"

 

Опять создадим копию второго кадра (вторая кнопка справа в палитре "Анимация") и, не снимая его выделения, снимем видимость эффектов для второго текстового слоя.

 

Палитра Анимация

 

Напишем ещё одно слово: делаем активным основной слой, пишем слово, два раза щёлкаем по новому текстовому слою и в окне "Стиль слоя" подбираем параметры, я опять всё оставил без изменения, только изменил цвет на жёлтый.

 

Стиль слоя

 

Опять создаём копию кадра в палитре "Анимация" и выключаем видимость эффектов.

 

Палитра Анимация

 

Теперь подбираем скорость анимации - щёлкаем по чёрной стрелочке в нижнем правом углу кадра (рядом с параметром "0 сек") и выбираем подходящий параметр.

 

Палитра Анимация

 

Теперь мы можем выбрать, как будет проигрываться наша анимация: всегда, один раз или можно подобрать другой параметр. Для этого щёлкаем по чёрной стрелочке, находящейся под первым кадром справа (под стрелочкой рядом с параметром "0 сек"). Наша анимация готова. Нажимаем на "Play" и любуемся своей работой.

 

Палитра Анимация

 

Осталось правильно сохранить анимацию. Нажимаем сочетание клавиш Shift+Ctrl+Alt+S (Сохранить для Web и устройств...) и в появившемся окне  выбираем тип файла GIF, нажимаем "Сохранить", наша анимация готова.

 


{smooth-scroll-top}

Комментарии  

Irina
0 # Irina 13.04.2013 03:19
Олег, здравствуйте.
У меня анимация работает, но почему-то буквы не только мигают, но и прыгают, т.е. не на одном уровне в разных кадрах. Как сделать, чтобы буквы стояли на одном месте?
Ответить | Ответить с цитатой | Цитировать
nika1809
0 # nika1809 23.12.2012 04:54
:cheer: Прикольненько получается! СПАСИБОЧКИ!!! И с наступающим новым годом!
Ответить | Ответить с цитатой | Цитировать
алексей
0 # алексей 09.07.2012 17:20
можно где нибудь скачать такую версию как у ВАС ,ссылку не оставите для скачивания
спасибо
Ответить | Ответить с цитатой | Цитировать
73PH_admin
0 # 73PH_admin 09.07.2012 19:39
Алексей! Фотошоп платная программа, поэтому ссылки на скачивание файлов с кряками мы не размещаем, это запрещено политикой сайта.
Напишите мне на
Ответить | Ответить с цитатой | Цитировать
алексей
0 # алексей 09.07.2012 14:45
скажите какая у вас версия фотошопа и где её можно скачать? у меня нет в фотошопе анимации ! ! !
Ответить | Ответить с цитатой | Цитировать
73PH_admin
0 # 73PH_admin 09.07.2012 15:06
Алексей! Этот урок сделан в версии фотошопа CS3. Скорее всего у Вас версия фотошопа 7, там нет панели "Анимация", но там есть приложение ImageReady, работа в котором практически не отличается от палитры "Анимация".
Ответить | Ответить с цитатой | Цитировать
73PH_admin
0 # 73PH_admin 10.03.2012 22:06
Рафаэль! В нижнем правом углу палитры "Анимация" есть кнопочка, она называется "Преобразовать в по кадровую анимацию", нажмите на неё и всё будет как показано в уроке. Такую же функцию можно найти, если щёлкнуть по верхней правой стрелочке в палитре "Анимация".
Ответить | Ответить с цитатой | Цитировать
Рафаэль
0 # Рафаэль 10.03.2012 13:17
У меня "Анимация" открывается не в кадрах а в временой шкале, и там нет таких кнопок как тут ^^
Ответить | Ответить с цитатой | Цитировать
KawaiChan
0 # KawaiChan 24.02.2012 19:24
Спасибки!!! Всё получилось, спасибо Вам большое!!!
Ответить | Ответить с цитатой | Цитировать
Guest
0 # Guest 20.02.2012 16:16
Почему я сохраняю "Сохранить для Web" у меня Фотошоп сразу закрывается, и картинка не мигает ... :sad:
Ответить | Ответить с цитатой | Цитировать
73PH_admin
0 # 73PH_admin 20.02.2012 19:51
Посмотрите здесь -
[censored]://photoshopsunduchok.ru/animaciy/213-web.html
возможно этот материал Вам поможет.
Ответить | Ответить с цитатой | Цитировать
Костя
0 # Костя 15.12.2011 20:59
Уважаемый автор, обращаюсь к вас с просьбой : я играю в онлайн игру, на сайт захотелось аватарку в виде "мигающего текста" с вашего урока, я создал текст всё у меня получилось - спасибо за урок, но у меня проблема немогу поставить себе на аватарку, пробовал заливать через 4-е разных хостинга картинок, просьба мне помочь. с Уважением Gabe#33 :s :arrow:
Ответить | Ответить с цитатой | Цитировать
73PH_admin
0 # 73PH_admin 16.12.2011 03:45
Костя! Чтобы поставить аватарку на сайт, её не нужно заливать на хостинг картинок. Её нужно залить на сайт, на котором Вы хотите видеть аватарку.
Ответить | Ответить с цитатой | Цитировать
Денис
0 # Денис 11.12.2011 19:22
У меня почему то не работает анимация???Хотя все сделал так как написано у вас... Загружаю в контакт.. просто фото, открываю просмотр просто фото
Ответить | Ответить с цитатой | Цитировать
73PH_admin
0 # 73PH_admin 11.12.2011 21:42
Денис! Если созданная и сохранённая Вами анимация работает в любой программе для просмотра изображений, то причина может быть одна - сайт, на который Вы загружаете анимированное изображение, не поддерживает этот формат или в настройках не стоит соответствующая галочка. Необходимо обратиться в службу поддержки сайта.
Ответить | Ответить с цитатой | Цитировать
Денис
0 # Денис 11.12.2011 22:27
Спасибо... я думал если загрузить в контакт как фото то будет работать.... а оказывается нет
Ответить | Ответить с цитатой | Цитировать
Наташа
0 # Наташа 17.11.2011 13:40
я так рада,так рада)спасибо огромное :woohoo: :woohoo: :woohoo: :woohoo: :woohoo: :woohoo: :woohoo: :woohoo: :woohoo: :woohoo: :woohoo:
Ответить | Ответить с цитатой | Цитировать
алексей
0 # алексей 30.10.2011 00:37
а вконтакте анимация работает ?
Ответить | Ответить с цитатой | Цитировать
73PH_admin
0 # 73PH_admin 30.10.2011 12:16
Алексей! Посмотрите у других пользователей, если у кого-то работает, значит и у Вас будет работать!
Ответить | Ответить с цитатой | Цитировать
Guest
0 # Guest 23.07.2011 14:48
Шикарно)) У меня все получилось)
Ответить | Ответить с цитатой | Цитировать
Guest
0 # Guest 13.07.2011 21:43
Я нажимаю сохранить для веб и у меня просто закрывается фотошоп что делать?
Ответить | Ответить с цитатой | Цитировать
73PH_admin
0 # 73PH_admin 01.08.2011 15:22
Посмотрите этот пост - [censored]://[censored].photoshopsunduchok.ru/animaciy/213-web.html
Возможно Вы решите свою проблему!
Ответить | Ответить с цитатой | Цитировать
Евгений
0 # Евгений 07.06.2011 19:46
Спасибо огромное, получилось с первого раза!!!!!!!!!!!!!!!! :!: :!: :!:
Ответить | Ответить с цитатой | Цитировать
73PH_admin
+1 # 73PH_admin 18.04.2011 02:47
Цитирую Extazy:
А можно сделать такой текст на прозрачном фоне? :-)

Конечно можно! Выберите на первом шаге
(Создание нового
документа) содержимое фона
- Прозрачный, а потом ничего заливать
не нужно и всё получится.
Ответить | Ответить с цитатой | Цитировать
Extazy
+2 # Extazy 18.04.2011 01:57
А можно сделать такой текст на прозрачном фоне? :-)
Ответить | Ответить с цитатой | Цитировать
Guest
+1 # Guest 18.04.2011 01:55
А можно ли это сделать на прозрачном фоне?
Ответить | Ответить с цитатой | Цитировать
Guest
0 # Guest 27.03.2011 01:17
спасибо за урок
Ответить | Ответить с цитатой | Цитировать
Guest
0 # Guest 25.03.2011 16:27
спааасибки
Ответить | Ответить с цитатой | Цитировать
the best
0 # the best 23.02.2011 00:45
:woohoo: :woohoo: спасибо я научился!!!!
Ответить | Ответить с цитатой | Цитировать
pTa}{a Олег
-1 # pTa}{a Олег 13.02.2011 23:39
пацаны а меня глюк не могу не какую анимаци сохрогить у меня фотош кс 5 нажимаю сохранить для веб а у меня сохраняется токо картинка""""
Ответить | Ответить с цитатой | Цитировать
73PH_admin
+1 # 73PH_admin 06.02.2011 00:25
Чтобы поменять красный цвет, установленный по умолчанию, щёлкните по окошечку с цветом и в появившемся окне подберите любой понравившийся Вам цвет.
Ответить | Ответить с цитатой | Цитировать
73PH_admin
+1 # 73PH_admin 06.02.2011 00:24
Цитирую Ivan:
У меня из стилей только красный а зелёного жёлтого и т.д. нет. Скажите можно их в фотошопе как-то добавить или обязательно скачивать?

Ничего скачивать не надо, у Вас уже всё установлено. Просто когда Вы два раза щёлкаете по слою, появляется окно "Стиль слоя", щёлкните по строчке "Наложение цвета" (сделайте её активной).
Ответить | Ответить с цитатой | Цитировать
Ivan
-1 # Ivan 05.02.2011 17:33
У меня из стилей только красный а зелёного жёлтого и т.д. нет. Скажите можно их в фотошопе как-то добавить или обязательно скачивать?
Ответить | Ответить с цитатой | Цитировать
Ivan
0 # Ivan 05.02.2011 03:50
У меня в стилях только красный цвет как мне добавить туда зелёный жёлтый и т.д.Я пробовал скачать но там совсем другие стили типа глянцевый и другие может их и без скачки добавлять можно подскажите?
Ответить | Ответить с цитатой | Цитировать
73PH_admin
0 # 73PH_admin 03.02.2011 20:00
Урок переделал.
Ответить | Ответить с цитатой | Цитировать
73PH_admin
+1 # 73PH_admin 03.02.2011 05:19
Цитирую St.Staff:
У меня проблема. Я сделал аватар (с мигающим текстом). Сохраняю в формате GIF. Открываю аватар, а анимация не воспроизводится


Она и не будет воспроизводится! Я просто допустил ошибку - полученную анимацию надо сохранять через "Сохранить для Web" и тогда всё будет работать. В ближайшее время переделаю концовку урока.
Ответить | Ответить с цитатой | Цитировать
St.Staff
+1 # St.Staff 03.02.2011 00:08
У меня проблема. Я сделал аватар (с мигающим текстом). Сохраняю в формате GIF. Открываю аватар, а анимация не воспроизводится
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Ваш аватар к комментарию возможен, если вы зарегистрированы в системе Gravatar. Если нет - зарегистрируйтесь, это бесплатно.


Кто на сайте

Сейчас 157 гостей и один зарегистрированный пользователь на сайте

  • OlegNakroshaev

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Пользователи, внесшие вклад

Вход на сайт

ВСЕ РАССЫЛКИ САЙТА НА EMAIL

 

РАССЫЛКИ ВКОНТАКТЕ

 

 Начните свой путь в мир ФОТОШОПА сейчас!

Основная полезная рассылка сайта.

Соглашение

 

 

 

 

Поиск по сайту

Присоединяйтесь в

Что в сундучке?

  • Текстовых уроков - 1152
  • Видеоуроков - 765
  • Вебинаров и тренингов - 66
  • Практических советов - 167
  • Программ - 7
  • Шаблонов, обоев и клипартов - 368
  • Наборов кистей, фигур - 320
  • Календарей - 117
  • Наборов рамок - 560
  • Книг, журналов - 125
  • Текстур, узоров и фонов - 44
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 51
  • Шрифтов - 78
  • Разное - 70