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

XB

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

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

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

animir_nadpi00001

animir_nadpi00002

animir_nadpi00035

animir_nadpi00036

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

animir_nadpi00005

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

animir_nadpi00006

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

animir_nadpi00007

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

animir_nadpi00008

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

animir_nadpi00009

animir_nadpi00010

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

animir_nadpi00011

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

animir_nadpi00012

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

animir_nadpi00013

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

animir_nadpi00014

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

animir_nadpi00015

animir_nadpi00016

animir_nadpi00017

animir_nadpi00018

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

animir_nadpi00019

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

animir_nadpi00020

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

animir_nadpi00021

animir_nadpi00038

animir_nadpi00022

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

animir_nadpi00023

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

animir_nadpi00024

animir_nadpi00025

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

animir_nadpi00026

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

animir_nadpi00027

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

animir_nadpi00028

animir_nadpi00029

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

animir_nadpi00030

animir_nadpi00031

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

animir_nadpi00032

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

animir_nadpi00033

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

animir_nadpi00034

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

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

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

Загрузка замка...

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

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

animir_nadpi00039

Оцените статью
Леди в интернете
Добавить комментарий

  1. Ирина

    Людмила, к сожалению ссылка не рабочая. Система пишет веб-страница не доступна. (((

    Ответить
    1. Людмила автор

      Ирина, благодарю за то, что обратили внимание, все исправлено и работает.

      Ответить
  2. Галина Беляева

    Огромное спасибо, Людмила, за такой подробнейший урок!!! Просто супер! Давно хотела научиться! БЛАГОДАРЮ!!!

    Ответить
    1. Людмила автор

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

      Ответить