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

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

(более 20 рассылок) 

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

Сейчас на сайте 132 гостя и 1 пользователь

  • OlegNakroshaev

 

 

 

 

 

 

Последние комментарии

Яндекс.Метрика

Создаём мигающий текст

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

 


 

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

 

 

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

{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
Олег, здравствуйте.
У меня анимация работает, но почему-то буквы не только мигают, но и прыгают, т.е. не на одном уровне в разных кадрах. Как сделать, чтобы буквы стояли на одном месте?
Ответить | Ответить с цитатой | Цитировать
Татьяна Счастье
0 # Татьяна Счастье 23.12.2012 04:54
:cheer: Прикольненько получается! СПАСИБОЧКИ!!! И с наступающим новым годом!
Ответить | Ответить с цитатой | Цитировать
алексей
0 # алексей 09.07.2012 17:20
можно где нибудь скачать такую версию как у ВАС ,ссылку не оставите для скачивания
спасибо
Ответить | Ответить с цитатой | Цитировать
Олег
0 # Олег 09.07.2012 19:39
Алексей! Фотошоп платная программа, поэтому ссылки на скачивание файлов с кряками мы не размещаем, это запрещено политикой сайта.
Напишите мне на
Ответить | Ответить с цитатой | Цитировать
алексей
0 # алексей 09.07.2012 14:45
скажите какая у вас версия фотошопа и где её можно скачать? у меня нет в фотошопе анимации ! ! !
Ответить | Ответить с цитатой | Цитировать
Олег
0 # Олег 09.07.2012 15:06
Алексей! Этот урок сделан в версии фотошопа CS3. Скорее всего у Вас версия фотошопа 7, там нет панели "Анимация", но там есть приложение ImageReady, работа в котором практически не отличается от палитры "Анимация".
Ответить | Ответить с цитатой | Цитировать
Олег
0 # Олег 10.03.2012 22:06
Рафаэль! В нижнем правом углу палитры "Анимация" есть кнопочка, она называется "Преобразовать в по кадровую анимацию", нажмите на неё и всё будет как показано в уроке. Такую же функцию можно найти, если щёлкнуть по верхней правой стрелочке в палитре "Анимация".
Ответить | Ответить с цитатой | Цитировать
Рафаэль
0 # Рафаэль 10.03.2012 13:17
У меня "Анимация" открывается не в кадрах а в временой шкале, и там нет таких кнопок как тут ^^
Ответить | Ответить с цитатой | Цитировать
Луганцева Юля
0 # Луганцева Юля 24.02.2012 19:24
Спасибки!!! Всё получилось, спасибо Вам большое!!!
Ответить | Ответить с цитатой | Цитировать
Guest
0 # Guest 20.02.2012 16:16
Почему я сохраняю "Сохранить для Web" у меня Фотошоп сразу закрывается, и картинка не мигает ... :sad:
Ответить | Ответить с цитатой | Цитировать
Олег
0 # Олег 20.02.2012 19:51
Посмотрите здесь -
photoshopsunduchok.ru/animaciy/213-web.html
возможно этот материал Вам поможет.
Ответить | Ответить с цитатой | Цитировать
Костя
0 # Костя 15.12.2011 20:59
Уважаемый автор, обращаюсь к вас с просьбой : я играю в онлайн игру, на сайт захотелось аватарку в виде "мигающего текста" с вашего урока, я создал текст всё у меня получилось - спасибо за урок, но у меня проблема немогу поставить себе на аватарку, пробовал заливать через 4-е разных хостинга картинок, просьба мне помочь. с Уважением Gabe#33 :s :arrow:
Ответить | Ответить с цитатой | Цитировать
Олег
0 # Олег 16.12.2011 03:45
Костя! Чтобы поставить аватарку на сайт, её не нужно заливать на хостинг картинок. Её нужно залить на сайт, на котором Вы хотите видеть аватарку.
Ответить | Ответить с цитатой | Цитировать
Денис
0 # Денис 11.12.2011 19:22
У меня почему то не работает анимация???Хотя все сделал так как написано у вас... Загружаю в контакт.. просто фото, открываю просмотр просто фото
Ответить | Ответить с цитатой | Цитировать
Олег
0 # Олег 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
а вконтакте анимация работает ?
Ответить | Ответить с цитатой | Цитировать
Олег
0 # Олег 30.10.2011 12:16
Алексей! Посмотрите у других пользователей, если у кого-то работает, значит и у Вас будет работать!
Ответить | Ответить с цитатой | Цитировать
Guest
0 # Guest 23.07.2011 14:48
Шикарно)) У меня все получилось)
Ответить | Ответить с цитатой | Цитировать
Guest
0 # Guest 13.07.2011 21:43
Я нажимаю сохранить для веб и у меня просто закрывается фотошоп что делать?
Ответить | Ответить с цитатой | Цитировать
Олег
0 # Олег 01.08.2011 15:22
Посмотрите этот пост - http://www.photoshopsunduchok.ru/animaciy/213-web.html
Возможно Вы решите свою проблему!
Ответить | Ответить с цитатой | Цитировать
Евгений
0 # Евгений 07.06.2011 19:46
Спасибо огромное, получилось с первого раза!!!!!!!!!!!!!!!! :!: :!: :!:
Ответить | Ответить с цитатой | Цитировать
Олег
+1 # Олег 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 нажимаю сохранить для веб а у меня сохраняется токо картинка""""
Ответить | Ответить с цитатой | Цитировать
Олег
+1 # Олег 06.02.2011 00:25
Чтобы поменять красный цвет, установленный по умолчанию, щёлкните по окошечку с цветом и в появившемся окне подберите любой понравившийся Вам цвет.
Ответить | Ответить с цитатой | Цитировать
Олег
+1 # Олег 06.02.2011 00:24
Цитирую Ivan:
У меня из стилей только красный а зелёного жёлтого и т.д. нет. Скажите можно их в фотошопе как-то добавить или обязательно скачивать?

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


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

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

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


Прикрепить фотографии

Популярные уроки сайта:

Prev Next

Светящийся текст в фо…

Уроки фотошопа текст

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

Читать далее

Деформация в фотошопе

Обработка фотографий в фотошопе

Деформация в фотошопе Всем привет! С вами снова Король Елена и мы продолжаем разбирать нововведение в Photoshop 2020. Очень часто любители создания различного рода коллажей сталкиваются с проблемой, когда какой-либо объект (или даже...

Читать далее

Мини-тренинг «PRO резко…

Видеоуроки

Мини-тренинг «PRO резкость» Как поднять резкость фото, даже имея незначительные познания в Photoshop. [icon icon="icon: ellipsis-v" background="transparent" color="#ff1616"]Многие фотошоп мастера (особенно начинающие) думают, что поднятие резкости фотографии - это очень сложный...

Читать далее

Абстрактный фон линия…

Уроки рисования в фотошопе

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

Читать далее

Как рисовать метеорит

Уроки рисования в фотошопе

Как рисовать метеорит Всем привет! Сегодня мы будем с нуля рисовать метеорит. Для того, чтобы нарисовать метеорит, нам понадобятся стандартные фильтры и инструменты фотошоп, а также немного свободного времени. Ну что, поехали? Сначала в...

Читать далее

Как использовать «Н-К…

Видеоуроки

Как использовать «Н-К» action для фотошопа   Очередной урок по по изучению операции "H-K". В ходе своей работы данная операция использует альфа-канал, который называется "Искусственный черный". Этот канал используется в работе, а...

Читать далее

Портрет карандашом в …

Уроки рисования в фотошопе

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

Читать далее

Для чего нужна «Н-К» о…

Видеоуроки

 Для чего нужна «Н-К» операция для фотошопа   Это у нас третий урок по изучению операции "H-K". Операция "H-K" значительно помогает в обработке наших снимков. Но она применяется не ко всем фотографиям, а к...

Читать далее

Создание космоса в фо…

Уроки фотошопа коллажи

Создание космоса в фотошопе   Всем привет! Что такое космос? Космос — это пространство, которое окружает нашу планету Земля. В космическом пространстве движутся звезды, планеты и многие другие объекты. В этом уроке рассмотрим простой способ, как...

Читать далее

Основные типы изображ…

Обработка фотографий в фотошопе

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

Читать далее

Геометрический портр…

Фотошоп уроки эффекты

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

Читать далее

Операция «Н-К» («Helmholtz-…

Обработка фотографий в фотошопе

Операция «Н-К» («Helmholtz-Kohlrausch») Мы переходим к следующему этапу рабочего потока фотошоп мастера по Дэну Маргулису. Речь идет о применении операции «Н-К».

Читать далее

Фон пустыни для фотош…

Уроки рисования в фотошопе

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

Читать далее

Как улучшить качеств…

Видеоуроки

  Как улучшить качество фото в фотошопе  Рассмотрим ещё один из способов улучшения качества фотографии. При обработке снимка нам поможет смешение каналов и поднятие контраста в каналах. Для этого воспользуемся возможностями команды...

Читать далее

Тренинг «Мастерская р…

Видеоуроки

 Тренинг «Мастерская рабочего потока» Решил провести небольшой тренинг. Прохождение тренинга абсолютно бесплатно. Мы с Вами полностью сделаем обработку одного снимка: от первого шага рабочего потока до последнего, за исключением поднятия резкости, так как эту...

Читать далее

Как улучшить фото в фо…

Видеоуроки

  Как улучшить фото в фотошопе   Во многих случаях, на главном объекте съемки, отсутствует какая-либо детализация. Для решения этой проблемы можно применить смешивание каналов и поднятие контраста в каналах. Исходя из опыта...

Читать далее

Как наложить текст на …

Уроки фотошопа текст

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

Читать далее

Эффект свечения текст…

Уроки фотошопа текст

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

Читать далее

Как исправить неправи…

Видеоуроки

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

Читать далее

Программа для автомат…

Видеоуроки

  Программа для автоматической реставрации старых фотографий   Данный видео урок будет интересен тем, кто увлекается реставрацией фотографий. На "mail.ru" появился интересный сервис, который позволяет в автоматическом режиме реставрировать Ваши снимки. Конечно, он работает далеко...

Читать далее

Как определить пробле…

Видеоуроки

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

Читать далее

Кадр кинопленки

Рамки в фотошопе

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

Читать далее

Пасхальная рамка

Рамки в фотошопе

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

Читать далее

Как сделать пасхальну…

Уроки рисования в фотошопе

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

Читать далее

Эффект Драгана в фото…

Обработка фотографий в фотошопе

Эффект Драгана в фотошопе Всем привет! Сегодня мы будем создавать портрет в стиле Драгана. Анджей Драган – польский фотограф и художник, у которого есть свой уникальный стиль в фотографии. Его фото отличаются...

Читать далее

Формула цвета

Обработка фотографий в фотошопе

Формула цвета (как найти неправильные цвета)   Первым шагом в рабочем потоке фотошоп мастера является поиск и устранение проблемных цветов. Это непростой шаг. «На глаз» его не сделать, надо верить только цифрам. Поэтому в этой работе...

Читать далее

Как нарисовать шерсть…

Уроки рисования в фотошопе

Как нарисовать шерсть в фотошопе Всем привет! Сегодня в уроке "Как нарисовать шерсть в фотошопе" мы будем рисовать шерсть тигра. Для того, чтобы «добыть» шкуру тигра, нам не придется долго бродить по диким...

Читать далее

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2020