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

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

Страница 1 из 11
  • Ирина говорит:

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

    • Людмила говорит:

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

    • Людмила говорит:

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

Страница 1 из 11

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Авторизация на сайте
Анимированные фоны
Магазин
katalog
plus_i_minus4
turbobanner220
Как спасти от краха свой онлайн бизнес
Подпишись на новости сайта: