Перейти к содержимому



Купить ссылку здесь
Фотография
- - - - -

Статья по простой анимации для ZISMO с помощью обтравочной маски. Часть 3.

Форум ZiSMO.biz
8
Сообщений в теме: 8

OFFLINE Отправлено

Евгений Суворов
группа пользователя
  • Онлайн:64д 14ч 23м
208

И снова здравствуйте, дорогие ZISMOвцы!

 

Данная статья написана только для начинающих в фотошопе, и не основана на профессионалов в дизайне,а так же "сверхюзеров в фотошопе".

 

Перед тем , как читать эту статью, советую прочитать две своих предыдущих статьи по простой анимации:

 

Небольшая статья для ZISMO по простой анимации объектов в фотошопе.

 

Статья для ZISMO по простой анимации объектов с помощь фильтра "Размытие в движении"

 

 

 

И так, приступим.

Сразу предупреждаю урок будет небольшим, а сделать такую анимацию очень легко даже для новичка!

 

 

Создадим фон, и добавим наш объект (у меня это снова текст).
Сделаем дубликат нашего основного слоя, и сменим цвет нашего объекта (текста) на цвет фона.


Итог должен получится таким:
041c73b5fe4e4c83b86888614b3b8d6b.jpeg

 

 

Отцентрируем наши объекты.

Для этого выделим на панели слоев наш белый текст, 

далее при помощи Инструмента "Прямоугольная область"

выделим весь наш фон.

Получится у Вас должно вот так:

9432ae2577e847e980f4f8d3c9ba73fb.jpeg

 

 

Далее выберем инструмент "Перемещение"

Отцентрируем наш белый текст по высоте, и ширине нажав кнопки, указанные на скриншоте.

(данный инструмент, помогает отцентрировать ваш объект по высоте/широте на ВЫДЕЛЕННОЙ ОБЛАСТИ)

0db7e07a50e344dda226d1f780c6335a.jpeg

 

 

Тоже самое проделаем и с "голубым" текстом!

Нажимаем Ctrl+D (чтобы снять выделение фона).

Выделяем слой с белым текст, нажимаем правой клавишей мыши, и жмем Растрировать текст

d178814c7ed94c63b5473e26061a9b41.jpeg

 

Выделяем фон и слой с белым текстом,  жмем правую кнопку мыши >  Объединить слои

 

f54e89890247402a8414b7e89f5ff3a8.jpeg

 

Получилось? Отлично!

Идем дальше!

Создадим любую белую фигуру (она должна быть чуть выше по высоте нашего текста).

Располагаем слой с фигурой между голубым текстом и нашим фоном.

Выйти у Вас должно вот так:
e74fda9a3882457f9cc6c4e4a85c00e4.jpeg

 

Жмем правой кнопкой по голубому тексту, и растрируем его (как это сделать смотрите выше)

Далее еще раз жмем правой кнопкой по слою с нашим уже растрированным текстом, и жмем

Создать обтравочную маску.

7e12b716cfcf4d0fb1487b1201eb5871.jpeg

Если у Вас получилось, то Вы должны увидеть примерно это:
2300ae42db4e43afa726f6a4e271bab5.jpeg

2fc850ff1f7e4936912c90e5e9c6f234.jpeg

 

Подготовка объектов для анимации закончена.

Переходим в Шкалу времени (как её найти смотрите ТУТ).

Меняем время проигрывания основного кадра на 0,03 секунды.

И создаем дубликат нашего кадра.

a1d0c3937bba4f63a0e6e222da8882b4.jpeg

Выберем 1 кадр.

Выделил слой с нашей белой фигурой, зажмем Shift и перенесем его за правую границу холста.

Получится должно так.

ea9055a32bde4d2cb48bc6c047542c0f.jpeg

 

Перейдем на второй кадр, проделаем все те же действия, только перенесем нашу фигуру за левую границу холста!

6cbd05ba3928444ebec56bfed96309b3.jpeg
 

Выделим оба кадра, и нажмем Создать промежуточные кадры.

Создадим 28 промежуточных кадров

8456f8dcf9a44deabe852f8c37956327.jpeg

 

Поздравляю! 
Вы сделали анимацию с помощью Обтравочной маски!

Итоговая анимация должна выглядеть вот так:


0642ab66e512.gif

 

 

Надеюсь данная статья была Вам полезна  :)

 

Моя работа при помощи этого способа:
ad0ca693760a.gif

 


Надеюсь дорогие друзья данный урок был Вам полезен!


Если комментарии будут положительные, то сделаю еще одну статью по созданию другого вида анимации в Photoshop!
 

 


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

 

 

Моя первая статья по анимации в Photoshop

Моя вторая статья по анимации в Photoshop

Моя тема с бесплатной графикой

Моя тема с платной графикой


Сообщение отредактировал Евгений Суворов: 22 11 2016 - 15:29




    • 2
  • Наверх
  • Ответить

OFFLINE Отправлено

kirya2552
группа пользователя
  • Онлайн:141д 55м
671
Лайк за креативности
    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

Евгений Суворов
группа пользователя
  • Онлайн:64д 14ч 23м
208

лайк за креативности

Благодарю  :) 
Но важнее, чтобы это было полезно хоть кому-то)


    • 0
  • Наверх
  • Ответить

Рекламный пост

OFFLINE Отправлено

Pleorin
группа пользователя
  • Онлайн:7д 16ч 56м
36

*
Популярное сообщение!

sms-online.pro - новый, динамически развивающийся, сайт по SMS активациям почти любого сервиса!

Наш сервис полностью автоматизирован

Мы можем похвастаться не только высокой скоростью работы сайта, но и скоростью предоставления SMS сообщений.

 

21124068.gif

 

Канал в Telegram: @smsonlinepro

Поддержка в Telegram: @Pleorin

Почта: support@sms-online.pro

 

 

---

[Рекламный пост]


Сообщение отредактировал Pleorin: 25 05 2018 - 16:50

http://sms-online.pro  - Лучший сайт по приему SMS от любого сервиса!  http://opt-vk.ru - Авторег ВК и других сайтов по оптовым ценам! 

    • 7
  • Наверх
  • Ответить

OFFLINE Отправлено

arter1
группа пользователя
  • Онлайн:49д 1ч 48м
27

Спасибо, полезно
Лайкусик)


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

Евгений Суворов
группа пользователя
  • Онлайн:64д 14ч 23м
208

Спасибо, полезно
Лайкусик)

Благодарю)
Что бы в дальнейшем хотел увидеть?)


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

arter1
группа пользователя
  • Онлайн:49д 1ч 48м
27

Благодарю)
Что бы в дальнейшем хотел увидеть?)

Так же, анимации в ФШ)
Потому что я анимации только в After Effects делаю, было бы интересно попробовать в ФШ)
Ну и просто какие-то уроки, или паки эффектов, стилей.


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

Евгений Суворов
группа пользователя
  • Онлайн:64д 14ч 23м
208

Так же, анимации в ФШ)
Потому что я анимации только в After Effects делаю, было бы интересно попробовать в ФШ)
Ну и просто какие-то уроки, или паки эффектов, стилей.

Я бы сам почитал по анимации в After Effects.
То что делается в After Effects двумя нажатиями, в фотошопе ты делаешь около часа-двух :-(

Что-то придумаем)


    • 0
  • Наверх
  • Ответить

ONLINE Отправлено

amzees
группа пользователя
  • Онлайн:300д 6ч 6м
1 919
Спасибо! Очень интересно:)
REAJZdb.gif9ad979a3e9c4a86cec2f942d04762d7e.gif0c2669a17ca4.gif56343dedf51b.gif
    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

Евгений Суворов
группа пользователя
  • Онлайн:64д 14ч 23м
208

Спасибо! Очень интересно :)

Благодарю)
По теме - отпиши в ЛС, готов поработать)


    • 0
  • Наверх
  • Ответить



Напишите сообщение