Красивая надпись — анимация в фотошопе

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

Если в вас нет программы фотошоп, вы сможете скачать ее в конце публикации.

Создаем документ нужного размера, смотря для чего вы его делаете - для блога, для сайта (открытки), для шапки или  для баннера:

Шрифт желательно подобрать, чтобы буквы были не тонкими, и даже выставить в настройках  форматирования - жирнее.

Чтобы текст был компактнее, сочетанием клавиш CTRL + T трансформировать текст.

Теперь подберите на компьютере картинку, которую вы хотите поставить в качестве фона букв и перетащите ее в фотошоп:

Сделайте так, чтобы отобразились все картинки:

Инструментом перемещения перетащите картинку на нашу будущую надпись, захватив ее левой кнопкой мыши:

Теперь поменяйте местами слои, чтобы картинка легла под текст:

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

Сделайте видимым слой с картинкой, перейдите на него и добавьте слой-маску:

Теперь можно отключить слой с текстом и снимите замочек на слое с маской, просто нажав на этот замок:

Для того, чтобы надпись была более выразительная, можно добавить ей тень и тиснение в стилях слоя:

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

Можно ее сохранить и в таком виде, но ниже вы увидите, как делается анимация в фотошопе. Для этого необходимо создать несколько дубликатов данного слоя. Это можно сделать, нажав несколько раз сочетание клавиш Ctrl + J:

Чтобы отобразилась покадровая анимация во вкладке "Окно" нажимаем "Анимация":

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

Теперь пройдитесь по кадрам и на каждом из них на активном слое (слой будет выделен и на нем будет активным глазок) инструментом перемещения немного сместите фон букв - когда вы будете водит инструментом перемещения вы будете видеть, как фон букв перемещается:

Установите время смены кадров - от этого зависит скорость анимации:

Запустите анимацию и посмотрите на полученный результат:

Если все устраивает, можно сохранить полученную анимированную надпись к себе на компьютер:

Выберите место и название для сохранения:

Найдите сохраненный файл:

Чтобы увидеть эффект анимации сделайте предпросмотр в браузере, кликнув правой кнопкой мыши по файлу и в выпавшем меню выбрать - "Открыть с помощью браузера":

Ваша надпись, которую вы сделали, готова:

(нажми на изображение в начале публикации, чтобы увидеть эффект анимации)

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

Если у вас нет ни того, ни другого, предлагаю скачать  программу фотошоп и коллекцию красивых русских шрифтов, но при одном маленьком условии - нажать на кнопочки социальных сетей и поделиться этой информацией со своими друзьями:

Как установить шрифт?

Для этого после того, как вы извлечете содержимое из архива, пройдитесь по каждому из них, выберите, какой вам понравится, и нажмите "Установить":